*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Roboto,sans-serif;}
body{
    background:linear-gradient(135deg,#1a103d,#2b1d58,#382470);
    color:#fff;min-height:100vh;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.site-header{background:rgba(0,0,0,0.4);padding:16px 0;backdrop-filter:blur(8px);position:sticky;top:0;z-index:99;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;}
.logo{font-size:24px;font-weight:bold;color:#ffc145;}
.main-nav{display:flex;gap:24px;align-items:center;}
.nav-link{color:#fff;text-decoration:none;transition:0.2s;}
.nav-link:hover,.nav-link.active{color:#ffc145;}
.header-actions{display:flex;gap:12px;}
.btn-wishlist,.btn-cart{
    padding:8px 14px;border:none;border-radius:6px;
    background:#442b88;color:#fff;cursor:pointer;
}
.btn-wishlist:hover,.btn-cart:hover{background:#5838aa;}

/*游戏区域*/
.game-section{padding:40px 0;}
.game-status{display:flex;gap:24px;justify-content:center;margin-bottom:20px;flex-wrap:wrap;}
.game-status>div{background:rgba(0,0,0,0.3);padding:10px 16px;border-radius:8px;}
.game-tools{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;}
.tool-btn{
    padding:10px 18px;border:none;border-radius:8px;
    background:#6338b8;color:white;font-size:16px;cursor:pointer;
}
.tool-btn:hover{background:#7c4ed8;}
.game-board{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:4px;
    max-width:520px;
    margin:0 auto;
}
.game-cell{
    aspect-ratio:1/1;
    border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:28px;cursor:pointer;
    transition:transform 0.15s ease;
}
.game-cell:active{transform:scale(0.92);}
.game-cell.match{animation:match‑anim 0.4s forwards;}
@keyframes match‑anim{
    0%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.3);opacity:0.7;}
    100%{transform:scale(0);opacity:0;}
}
.game-message{text-align:center;font-size:20px;margin:16px 0;min-height:28px;color:#ffd166;}
.restart-btn{
    display:block;margin:20px auto;padding:12px 24px;
    background:#ff7043;border:none;border-radius:8px;color:white;font-size:17px;cursor:pointer;
}
.restart-btn:hover{background:#ff5722;}

/*商城*/
.store-section{padding:40px 0;background:rgba(0,0,0,0.2);}
.store-section h2{text-align:center;margin-bottom:32px;font-size:28px;color:#ffc145;}
.product-grid{display:grid;grid-template-columns:repeat(auto‑fit,minmax(280px,1fr));gap:28px;}
.product-card{
    background:rgba(255,255,255,0.08);border-radius:12px;padding:20px;text-align:center;
}
.product-card img{width:100%;border-radius:8px;margin-bottom:14px;aspect‑ratio:16/9;object‑fit:cover;}
.product-card h3{margin-bottom:8px;}
.product-card p{opacity:0.85;margin-bottom:12px;}
.price{font-size:20px;font-weight:bold;color:#ffc145;margin-bottom:16px;}
.buy-btn{
    display:inline-block;padding:10px 22px;background:#ff7043;color:white;text-decoration:none;border-radius:8px;
}
.buy-btn:hover{background:#ff5722;}

/*弹窗模态框*/
.modal-overlay{
    position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.7);z-index:1000;display:none;align-items:center;justify-content:center;
}
.modal-overlay.active{display:flex;}
.modal{
    background:#241947;width:90%;max-width:480px;border-radius:12px;padding:24px;position:relative;
}
.modal-close{
    position:absolute;top:12px;right:16px;font-size:24px;background:none;border:none;color:#fff;cursor:pointer;
}
.cart-empty,.wishlist-empty{text-align:center;padding:30px 0;opacity:0.7;}
.payment-img{width:100%;margin-top:16px;border-radius:6px;}

/*商品详情页*/
.product-detail-page{padding:40px 0;}
.product-detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
.product-img-wrap img{width:100%;border-radius:10px;}
.action-buttons{display:flex;gap:14px;margin:20px 0;}
.add-cart-btn,.add-wishlist-btn{
    padding:12px 20px;border:none;border-radius:8px;cursor:pointer;
}
.add-cart-btn{background:#ff7043;color:#fff;}
.add-wishlist-btn{background:#442b88;color:#fff;}

/*普通页面*/
.page-content{padding:40px 0;}
.page-content h1{margin-bottom:20px;color:#ffc145;}
.page-content p{margin-bottom:12px;line-height:1.7;}

/*页脚*/
.site-footer{background:rgba(0,0,0,0.5);padding:36px 0;margin-top:40px;}
.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;}
.footer-links a{color:#ddd;text-decoration:none;}
.footer-links a:hover{color:#ffc145;}
.footer-info p{opacity:0.8;line‑height:1.6;margin-bottom:6px;font-size:14px;}