@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* 全局使用统一色板；温暖卡片与深蓝背景形成对比，让游戏图块始终清晰。 */
:root{color-scheme:dark;--bg:#171b38;--panel:#222644;--muted:#a7acc7;--line:#3a3d5a;--cream:#fff3dc;--orange:#ffb078;--purple:#aba0ff;--ink:#25253b;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;color:#f5f2ed;background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1240px;padding:0 36px;margin:auto}.test-banner{text-align:center;background:#2d3050;color:#ded8ff;font-size:12px;letter-spacing:.08em;padding:7px 15px}.header{height:106px;display:flex;align-items:center;gap:32px}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;display:flex;align-items:center;gap:11px;line-height:1.1;white-space:nowrap}.brand:first-letter{color:var(--purple)}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-top:8px}.header nav{display:flex;gap:30px;margin-left:auto;font-size:14px;color:#dadbed}.language{background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 17px;font-size:14px}.intro{min-height:370px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:25px 0 46px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--purple)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.12;letter-spacing:-1px}h1{font-size:clamp(38px,4.3vw,58px);margin:15px 0 20px;letter-spacing:-2.4px}h2{font-size:32px;margin:8px 0 0}h3{font-size:21px;letter-spacing:-.6px}p{font-size:15px;color:var(--muted);line-height:1.7}.intro p{max-width:430px;margin-bottom:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:0;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:700;min-height:48px;transition:transform .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--orange);color:var(--ink);box-shadow:0 3px 0 #bb744d}.secondary{background:var(--panel);border:1px solid var(--line);margin-top:15px}.intro-note{font-size:12px;color:var(--muted);margin-top:18px}.art{height:330px;position:relative;background-size:cover;background-position:center;border-radius:30px;overflow:hidden}.mission-badge{position:absolute;bottom:25px;right:14px;display:flex;align-items:center;gap:12px;background:#292c49dd;border:1px solid #77729066;border-radius:15px;padding:12px 18px;backdrop-filter:blur(12px)}.mission-badge>span:first-child{font:40px 'Space Grotesk';color:var(--orange)}.mission-badge>span:last-child{font-size:10px;letter-spacing:2px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.pill{font-size:10px;letter-spacing:1.5px;color:#d0c7ff;border:1px solid #595071;background:#302b4d;padding:6px 12px;border-radius:30px}.play-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 230px;gap:20px;align-items:stretch;scroll-margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}.mission-panel h3{font-size:18px;margin-bottom:25px}.level{display:flex;width:100%;background:transparent;border:1px solid transparent;border-radius:12px;text-align:left;gap:12px;align-items:center;padding:13px 10px;margin:6px 0}.level.active{background:#36334f;border-color:#6b5b83}.level-number{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#333652;font-size:16px}.active .level-number{background:var(--orange);color:var(--ink)}.level strong{display:block;font-size:14px;font-weight:600}.level small{font-size:11px;color:var(--muted)}.total{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.total>span{font-size:12px;color:var(--muted)}.total>strong{display:block;font:32px 'Space Grotesk';margin:6px 0 10px;color:var(--cream)}.total strong small{font-size:16px;color:var(--purple)}.total p{font-size:12px;line-height:1.6;margin-bottom:20px}.full{width:100%;gap:0}.mission-panel>small{display:block;font-size:10px;text-align:center;color:var(--muted);margin-top:12px}.game-panel{position:relative;background:#f4e9d5;color:var(--ink);padding:25px;overflow:hidden;border-color:#fff4e0}.game-top{display:flex;justify-content:space-between;align-items:center}.game-top .eyebrow{color:#79708e;font-size:10px}.game-top h3{margin:4px 0 14px;font-size:24px}.icon-button{background:transparent;border:1px solid currentColor;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;line-height:1}.progress{height:5px;background:#dfd5c6;border-radius:8px;overflow:hidden}.progress>div{height:100%;background:#9380ba;transition:width .2s}.board{height:275px;position:relative;max-width:320px;margin:14px auto 4px}.tile{position:absolute;width:25%;height:62px;border-radius:12px;border:2px solid #fff8ef;border-bottom:5px solid #c3b5a9;background:#fffaf1;font-size:29px;display:grid;place-items:center;transition:filter .2s,transform .15s;box-shadow:0 3px 6px #54435b18}.tile:disabled{opacity:1;filter:brightness(.82) saturate(.6)}.tile:hover:not(:disabled){transform:translateY(-5px)}.tray{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:8px;background:#d9ccb9;border-radius:12px}.slot{aspect-ratio:1;display:grid;place-items:center;background:#c9bca8;border:1px solid #c1b29c;border-radius:7px;font-size:24px;max-height:50px}.slot.filled{background:#fffaf1;box-shadow:0 2px 0 #aa9881;border-color:#fff}.tray-label{font-size:11px;color:#7b7167;display:flex;justify-content:space-between;margin-top:8px}.game-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}.game-actions button{border:1px solid #d6cbb8;background:#fbf3e3;color:#50485b;border-radius:10px;padding:9px 10px;font-size:12px}.game-actions b{font-size:10px;background:#e9ddcc;border-radius:5px;padding:2px 5px;margin-left:4px}.how-panel{padding:25px 20px}.how-panel h3{font-size:24px;margin-top:16px}.how-panel ol{list-style:none;padding:0;counter-reset:steps;margin:26px 0}.how-panel li{counter-increment:steps;position:relative;padding-left:33px;font-size:12px;color:var(--muted);margin-bottom:21px;line-height:1.6}.how-panel li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid var(--line);width:22px;height:22px;border-radius:50%;text-align:center;font-size:11px;color:var(--purple)}.tip{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:19px;color:var(--orange)}.tip p{font-size:12px;margin:0}.text-button{border:0;background:none;color:var(--purple);font-size:13px;padding:12px 0;text-align:left}.content-section{padding:65px 0 0;scroll-margin-top:20px}.muted{color:var(--muted);font-size:13px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reward-card{border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;align-items:center;gap:18px;background:#1e223f}.reward-card>span{font-size:34px}.reward-card small{display:block;font-size:11px;color:var(--muted)}.reward-card strong{font:25px 'Space Grotesk';color:var(--cream)}.reward-card em{font-style:normal;font-size:12px;color:var(--purple)}.network-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 16px;border-top:1px solid var(--line);padding-top:22px}.network-strip span{display:block;font-size:11px;color:var(--muted)}.network-strip strong{font-size:13px;font-weight:500}.safety-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:55px;padding:38px;background:#242743;border-radius:22px;scroll-margin-top:20px}.safety-section h2{margin:12px 0 20px}.safety-section p{font-size:13px;margin:0}.safety-details article{display:flex;gap:20px}.safety-details article+article{margin-top:25px}.safety-details article>span{color:var(--purple);font-size:25px}.safety-details h3{font-size:16px;letter-spacing:0;margin-bottom:10px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.faq-section h2{margin-bottom:18px}details{border-bottom:1px solid var(--line);padding:15px 0}summary{list-style:none;cursor:pointer;font-size:14px;padding-right:25px;position:relative}summary:after{content:'+';position:absolute;right:0;color:var(--purple)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:13px 0 4px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:28px!important;padding-bottom:28px!important;margin-top:70px!important}footer .brand{font-size:14px}footer>span{font-size:11px;color:var(--muted)}dialog{color:#f5f2ed;background:var(--panel);border:1px solid #565977;border-radius:24px;width:min(480px,calc(100% - 30px));max-height:90dvh;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0a0d22bf;backdrop-filter:blur(7px)}dialog h2{font-size:30px;margin-bottom:15px}dialog p{font-size:14px}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.welcome-icon{font-size:52px;display:block;margin-bottom:15px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.language-options button{background:#303452;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px;text-align:left}.language-options button:hover{border-color:var(--purple)}.small{font-size:11px}.result{position:absolute;inset:115px 20px auto;z-index:20;background:#fffaf0f5;border:2px solid #d6c4aa;border-radius:18px;text-align:center;padding:24px;box-shadow:0 10px 30px #3a2b5422}.result h3{margin:10px 0}.result p{color:#6a6270;font-size:14px;margin-bottom:18px}.result .button{color:var(--ink)}.claim-amount{font:36px 'Space Grotesk';color:var(--orange);padding:15px 0 25px}label{display:block;font-size:13px;margin:16px 0 7px}input{width:100%;min-height:48px;border-radius:10px;border:1px solid #5a5c78;background:#191d38;color:white;padding:12px;font-size:14px}input:focus{outline:2px solid var(--purple)}.verify-info{padding:18px;border:1px solid #907659;border-radius:12px;background:#3c3540}.verify-info b{color:var(--orange);font-size:12px}.verify-info dt{font-size:11px;color:var(--muted);margin-top:13px}.verify-info dd{margin:0;font-size:13px;overflow-wrap:anywhere}#claimStatus{margin-top:20px;color:var(--orange)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--cream);color:var(--ink);padding:14px 25px;border-radius:12px;z-index:100;max-width:90%;box-shadow:0 5px 20px #0005}.success{font-size:48px}html{scroll-behavior:smooth}
/* 手机按游戏、进度、说明顺序展示；按钮保留足够点击面积，避免横向溢出。 */
@media(max-width:1050px){.play-layout{grid-template-columns:220px minmax(0,1fr)}.how-panel{grid-column:1/-1}.how-panel ol{display:flex;gap:20px;margin-bottom:0}.how-panel li{flex:1}.how-panel h3{margin-bottom:0}.how-panel .tip{border:0;padding-top:0}.how-panel .text-button{padding-bottom:0}.art{height:300px}.wrap{padding:0 25px}.intro h1{font-size:44px}.header nav{gap:18px}}
@media(max-width:700px){.wrap{padding:0 18px}.header{height:85px;gap:12px;justify-content:space-between}.header nav{display:none}.brand{font-size:14px;gap:7px}.brand small{font-size:7px;letter-spacing:1.3px}.language{font-size:12px;padding:8px 12px}.test-banner{font-size:10px}.intro{grid-template-columns:1fr;gap:0;padding:12px 0 30px;position:relative}.intro>div:first-child{position:relative;z-index:1}.intro h1{font-size:42px;letter-spacing:-1.7px}.intro p{max-width:300px;font-size:14px}.intro .eyebrow{font-size:9px}.art{height:230px;margin-top:12px}.mission-badge{bottom:10px;right:10px}.intro .button{min-width:180px}.section-heading h2{font-size:27px}.section-heading{margin-bottom:18px}.play-layout{display:flex;flex-direction:column;gap:16px}.game-panel{order:0;padding:21px 18px}.mission-panel{order:1}.how-panel{order:2}.board{height:275px}.game-actions button{font-size:14px;min-height:44px;padding:8px 12px}.mission-panel h3{margin-bottom:15px}#levels{display:flex;gap:5px}.level{flex:1;padding:10px 6px;display:block}.level-number{margin:0 0 7px}.level strong{font-size:12px}.level small{font-size:10px}.total{margin-top:15px;padding-top:15px}.total>strong{font-size:30px}.how-panel ol{display:block;margin-bottom:15px}.how-panel li{font-size:14px;margin-bottom:16px}.how-panel .tip p{font-size:13px}.how-panel h3{margin-bottom:20px}.reward-grid{grid-template-columns:1fr;gap:10px}.reward-card{padding:18px 22px}.reward-card small{font-size:12px}.content-section{padding-top:45px}.content-section .section-heading{display:block}.content-section .section-heading>.muted{display:block;margin-top:14px}.network-strip{grid-template-columns:1fr;gap:15px}.network-strip div{display:flex;justify-content:space-between;gap:12px}.network-strip span{font-size:12px}.safety-section{grid-template-columns:1fr;gap:28px;padding:25px;margin-top:35px}.safety-section h2{font-size:28px}.faq-section{grid-template-columns:1fr;gap:15px}.faq-section h2{font-size:28px}footer{flex-wrap:wrap;gap:20px;margin-top:45px!important}footer>span:nth-child(2){order:2;flex-basis:100%}.game-top h3{font-size:22px}.slot{font-size:23px}dialog{padding:24px}dialog h2{font-size:27px}.intro-note{font-size:11px}.tile{height:62px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* 规则与资金提示按正文尺寸呈现；辅助标签也保证手机端的可读性。 */
p,.intro p,.safety-section p,details p,dialog p{font-size:1rem}
.total p,.how-panel li,.tip p,.how-panel .tip p,.result p,.muted,summary,label,.network-strip strong,.text-button,.button,.game-actions button{font-size:.875rem}
.eyebrow,.test-banner,.intro-note,.level small,.mission-panel>small,.tray-label,.reward-card small,.network-strip span,footer>span,.small,.game-top .eyebrow,.pill{font-size:.75rem}
.level strong{font-size:.875rem}
.game-actions{flex-wrap:wrap}.panel{min-width:0}
.intro .launch-facts{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}
.intro .launch-facts strong{color:var(--cream);font-weight:500}
@media(max-width:700px){.intro .eyebrow{font-size:.75rem}.header .brand small{font-size:8px;letter-spacing:.5px}.section-heading{align-items:center}.section-heading .pill{flex-shrink:0}.network-strip div{flex-wrap:wrap}.network-strip strong{margin-left:auto}.game-actions{gap:6px}.game-actions button{padding:8px}.level{overflow-wrap:anywhere}.intro h1{font-size:2.5rem}.mission-badge>span:last-child{font-size:12px;letter-spacing:1px}}
/* 非 Safari 的 iOS 入口使用全屏引导，避免用户误以为弹窗后可直接开始游戏。 */
#safariDialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;padding:clamp(24px,8vw,90px)}
#safariDialog>*{max-width:520px;margin-left:auto;margin-right:auto}#safariDialog .button{display:flex}