*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',sans-serif;background:#07030a;color:#fff;overflow-x:hidden}
.gold-text{background:linear-gradient(180deg,#fff8d6,#f3c96b 45%,#b07d1e);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-gold{background:linear-gradient(135deg,#ffe9a3,#f3c96b 40%,#c9932a);color:#2a1700;box-shadow:0 0 25px rgba(243,201,107,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-gold:hover{box-shadow:0 0 40px rgba(243,201,107,.7),inset 0 1px 0 rgba(255,255,255,.6);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(243,201,107,.5);color:#f3c96b;background:rgba(20,8,15,.5);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(243,201,107,.12);border-color:#f3c96b}
.section-title{font-size:2rem;font-weight:900;text-align:center;position:relative;padding-bottom:1rem}
.section-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:90px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#f3c96b,transparent)}
.card-glow{background:linear-gradient(160deg,rgba(60,15,25,.85),rgba(15,5,12,.92));border:1px solid rgba(243,201,107,.18);border-radius:1rem;transition:transform .3s,box-shadow .3s}
.card-glow:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(243,201,107,.18),0 0 0 1px rgba(243,201,107,.3)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes glowPulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes shine{0%{background-position:-200% center}100%{background-position:200% center}}
.animate-float{animation:float 4s ease-in-out infinite}
.animate-glow{animation:glowPulse 3s ease-in-out infinite}
.shine-text{background:linear-gradient(90deg,#f3c96b 25%,#fff8d6 50%,#f3c96b 75%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3.5s linear infinite}
.particle{position:absolute;border-radius:9999px;background:radial-gradient(circle,rgba(243,201,107,.9),rgba(243,201,107,0));pointer-events:none;animation:float 6s ease-in-out infinite}
.nav-blur{background:transparent;backdrop-filter:none}
.nav-scrolled{background:rgba(7,3,10,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(243,201,107,.15);box-shadow:0 4px 20px rgba(0,0,0,.4)}
#backTop.show{opacity:1;transform:translateY(0);pointer-events:auto}
#backTop:hover{transform:translateY(-3px)}
.qr-pop{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);background:#fff;padding:10px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:60;width: 140px;}
.qr-pop.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.qr-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff}
.qr-pop canvas,.qr-pop img{display:block}
.qr-box{display:inline-block;background:#fff;padding:10px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.qr-box canvas,.qr-box img{display:block;margin:0 auto}
.swiper-img{transition:opacity .5s}
#links a{color:#6b7280;text-decoration:none;transition:color .3s}
#links a:hover{color:#f3c96b}