*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans SC',system-ui,sans-serif;background:#080714;color:#fff;overflow-x:hidden;min-height:100vh}
a{text-decoration:none;color:inherit}

/* 背景粒子 */
.bg-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}
.bg-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,20,.2) 0%,#080714 100%)}
.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 8s ease-in-out infinite}
.bg-orb.o1{width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%);top:-100px;left:-100px}
.bg-orb.o2{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);bottom:-150px;right:-150px;animation-delay:3s}
.bg-orb.o3{width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.1),transparent 70%);top:40%;left:60%;animation-delay:5s}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}

.page{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:0 20px 40px}

/* 顶栏 */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 12px rgba(212,175,55,.3)}
.brand b{font-size:17px;font-weight:700;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tag{font-size:10px;padding:3px 12px;border-radius:20px;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));color:#d4af37;border:1px solid rgba(212,175,55,.2)}

/* 跑马灯 */
.marquee{background:linear-gradient(90deg,rgba(212,175,55,.08),rgba(212,175,55,.03));border:1px solid rgba(212,175,55,.1);border-radius:10px;padding:0 14px;height:34px;overflow:hidden;margin-bottom:20px}
.marquee-track{animation:scrollUp 18s linear infinite}
.marquee-item{height:34px;display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.5)}
.marquee-item .hl{color:#FFD700;font-weight:600}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

/* 主视觉 */
.hero{text-align:center;padding:10px 0 24px}
.hero-logo{width:100px;height:100px;border-radius:24px;border:2px solid rgba(212,175,55,.3);box-shadow:0 8px 40px rgba(212,175,55,.2),0 0 40px rgba(212,175,55,.08);margin:0 auto 18px;animation:logoGlow 4s ease-in-out infinite}
@keyframes logoGlow{0%,100%{box-shadow:0 8px 40px rgba(212,175,55,.2),0 0 40px rgba(212,175,55,.08)}50%{box-shadow:0 8px 44px rgba(212,175,55,.3),0 0 50px rgba(212,175,55,.12)}}
.hero h1{font-size:32px;font-weight:900;background:linear-gradient(135deg,#FFD700,#FFA500,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;letter-spacing:2px}
.hero .sub{font-size:13px;color:rgba(255,255,255,.45);margin-bottom:12px;letter-spacing:1px}
.hero .rating{display:inline-flex;align-items:center;gap:6px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.15);border-radius:20px;padding:5px 16px}
.hero .stars{color:#FFD700;font-size:13px;letter-spacing:1px}
.hero .stars b{margin-left:4px;font-size:14px;color:#fff}
.hero .cnt{font-size:12px;color:rgba(255,255,255,.35);margin-top:8px}
.hero .cnt em{color:#FFD700;font-style:normal;font-weight:700}

/* 奖池横幅 */
.jackpot{background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(124,58,237,.08));border:1px solid rgba(212,175,55,.15);border-radius:14px;padding:16px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}
.jackpot::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent);animation:jackpotShine 4s linear infinite}
@keyframes jackpotShine{0%{left:-100%}100%{left:100%}}
.jackpot .label{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:4px;letter-spacing:2px}
.jackpot .amount{font-size:28px;font-weight:900;background:linear-gradient(135deg,#FFD700,#FF8C00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:'Courier New',monospace}
.jackpot .update{font-size:10px;color:rgba(255,255,255,.3);margin-top:4px}

/* 下载按钮 */
.dl-area{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.dl-btn{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;font-weight:700;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.dl-btn:active{transform:scale(.97)}
.dl-btn .shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shine 3s ease-in-out infinite}
@keyframes shine{0%{left:-100%}50%{left:100%}100%{left:100%}}
.dl-android{background:linear-gradient(135deg,#d4af37,#b8860b);box-shadow:0 4px 24px rgba(212,175,55,.35)}
.dl-android:hover{box-shadow:0 6px 32px rgba(212,175,55,.5)}
.dl-ios{background:linear-gradient(135deg,#7C3AED,#9333EA);box-shadow:0 4px 24px rgba(124,58,237,.35)}
.dl-ios:hover{box-shadow:0 6px 32px rgba(124,58,237,.5)}
.dl-btn svg{width:24px;height:24px;fill:#fff;flex-shrink:0}
.dl-btn .info{display:flex;flex-direction:column}
.dl-btn .info small{font-size:11px;font-weight:400;opacity:.8}
.dl-btn .info span{font-size:16px}

/* 横幅图 */
.banner-section{margin-bottom:28px;border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.1)}
.banner-section img{width:100%;display:block}

/* 截图轮播 - 自动滚动 */
.screenshots{margin-bottom:28px;overflow:hidden;position:relative}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.section-head h2{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:1px}
.section-head h2::before{content:'';width:3px;height:16px;background:linear-gradient(180deg,#d4af37,#b8860b);border-radius:2px;flex-shrink:0}
.ss-scroll{display:flex;gap:12px;width:max-content;animation:ssScroll 25s linear infinite}
.ss-scroll:hover{animation-play-state:paused}
@keyframes ssScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ss-scroll .ss-card{flex-shrink:0;width:140px}
.ss-card img{width:140px;height:250px;object-fit:cover;border-radius:12px;display:block;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .3s,box-shadow .3s}
.ss-card img:hover{transform:scale(1.05);box-shadow:0 8px 30px rgba(212,175,55,.2)}
.ss-card p{font-size:11px;color:rgba(255,255,255,.4);margin-top:6px;text-align:center}

/* 特色 */
.features{margin-bottom:28px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px 14px;text-align:center;transition:border-color .3s,transform .3s}
.feat:hover{border-color:rgba(212,175,55,.2);transform:translateY(-2px)}
.feat .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.feat .ic svg{width:22px;height:22px}
.feat h3{font-size:13px;font-weight:700;margin-bottom:4px}
.feat p{font-size:11px;color:rgba(255,255,255,.35);line-height:1.5}
.ic-gold{background:linear-gradient(135deg,#d4af37,#b8860b)}
.ic-purple{background:linear-gradient(135deg,#7C3AED,#A78BFA)}
.ic-cyan{background:linear-gradient(135deg,#06B6D4,#22D3EE)}
.ic-green{background:linear-gradient(135deg,#10B981,#34D399)}
.ic-rose{background:linear-gradient(135deg,#F43F5E,#FB7185)}
.ic-amber{background:linear-gradient(135deg,#F59E0B,#FBBF24)}

/* 中奖播报 */
.winners{margin-bottom:28px}
.winner-list{display:flex;flex-direction:column;gap:8px}
.winner-item{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:10px 14px;animation:fadeInUp .5s ease}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.winner-item .user{display:flex;align-items:center;gap:8px}
.winner-item .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.winner-item .name{font-size:12px;color:rgba(255,255,255,.6)}
.winner-item .game{font-size:11px;color:rgba(255,255,255,.3)}
.winner-item .prize{font-size:14px;font-weight:700;color:#FFD700}

/* 安装指引 */
.guide{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(212,175,55,.05));border:1px solid rgba(124,58,237,.12);border-radius:14px;padding:18px;margin-bottom:28px}
.guide h3{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.guide ol{list-style:none;counter-reset:s}
.guide li{counter-increment:s;padding-left:30px;position:relative;font-size:12px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:8px}
.guide li::before{content:counter(s);position:absolute;left:0;top:2px;width:20px;height:20px;background:linear-gradient(135deg,#7C3AED,#9333EA);border-radius:50%;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}
.guide li b{color:#FFD700}

/* 底部 */
.foot{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}
.safe{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#22C55E;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.12);border-radius:20px;padding:5px 14px;margin-bottom:8px}
.foot p{font-size:11px;color:rgba(255,255,255,.2);margin-bottom:3px}

/* 弹窗 */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;align-items:flex-end;justify-content:center;backdrop-filter:blur(6px)}
.overlay.on{display:flex}
.modal{background:linear-gradient(180deg,#1a1a3e,#12132a);border-radius:18px 18px 0 0;padding:24px 20px 34px;width:100%;max-width:460px;animation:up .3s ease}
@keyframes up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.modal h3{text-align:center;font-size:17px;margin-bottom:14px}
.modal .desc{text-align:center;font-size:13px;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:18px}
.modal .desc em{color:#FFD700;font-style:normal;font-weight:600}
.modal .confirm{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#7C3AED,#9333EA);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:10px;text-align:center}
.modal .cancel{display:block;width:100%;padding:12px;border:none;border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);font-size:14px;cursor:pointer}

/* 响应式 */
@media(max-width:374px){
.page{padding:0 14px 36px}.hero-logo{width:80px;height:80px;border-radius:20px}.hero h1{font-size:26px}
.dl-btn{padding:13px 16px}.dl-btn .info span{font-size:14px}.jackpot .amount{font-size:24px}
.ss-card{width:120px}.ss-card img{width:120px;height:210px}.feat{padding:14px 10px}
}
@media(min-width:480px){.page{padding:0 24px 50px}.hero h1{font-size:34px}.dl-btn{padding:17px 22px}}