:root{color:#f4f1e8;background:#08090c;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--gold: #f5b938;--gold-bright: #ffd875;--muted: #9b9a94;--panel: #111318;--line: rgba(255, 255, 255, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#08090c}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 86% 4%,rgba(178,113,17,.12),transparent 25%),#08090c}.site-header{position:relative;z-index:20;height:84px;max-width:1440px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#171006;background:linear-gradient(135deg,#ffd977,#e89512);border-radius:11px 4px;font-family:SimSun,serif;font-size:24px;font-weight:900;box-shadow:0 10px 30px #efa01e2e}.brand>span:last-child{display:grid;gap:2px}.brand b{letter-spacing:1px;font-size:17px}.brand small{color:#7b7b78;font-size:8px;letter-spacing:3px}.site-header nav{display:flex;align-items:center;gap:40px}.site-header nav a{position:relative;color:#aaa9a4;font-size:14px;transition:.2s ease}.site-header nav a:hover{color:#fff}.site-header nav a:first-child{color:var(--gold-bright)}.site-header nav a:first-child:after{content:"";position:absolute;width:16px;height:2px;left:50%;bottom:-14px;translate:-50% 0;background:var(--gold)}.header-actions{display:flex;align-items:center;gap:12px}.download-ghost,.login-button,.account-button{border-radius:8px;padding:10px 17px;border:1px solid var(--line);color:#d5d2c8;background:#ffffff06}.login-button{color:#161008;background:linear-gradient(135deg,#ffd76c,#eda724);border-color:transparent;font-weight:800}.account-button{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px}.account-button img,.account-button>span{width:30px;height:30px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#15100a;font-weight:800}main{max-width:1440px;margin:0 auto}.hero{min-height:650px;padding:88px 8.5% 80px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:5%;position:relative}.hero:before{content:"";position:absolute;left:50%;top:18%;width:1px;height:60%;background:linear-gradient(transparent,rgba(255,255,255,.08),transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.hero-glow-one{width:340px;height:340px;left:-220px;top:100px;background:#e6991d17}.hero-glow-two{width:420px;height:420px;right:-160px;bottom:-180px;background:#e6991d12}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:3px}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow span{width:22px;height:1px;background:var(--gold)}.hero h1{margin:0;color:#f7f3e9;font-family:Microsoft YaHei,sans-serif;font-size:clamp(50px,5.7vw,78px);line-height:1.1;letter-spacing:-4px}.hero h1 em{color:transparent;background:linear-gradient(92deg,#fff0bb,#f4b43c 55%,#c77a0d);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{max-width:570px;margin:27px 0 34px;color:#9d9c96;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:14px;align-items:center}.primary-cta,.secondary-cta{height:50px;padding:0 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:800}.primary-cta{color:#171007;background:linear-gradient(135deg,#ffd972,#eaa11d);border:0;box-shadow:0 16px 40px #dc8f0f33}.secondary-cta{border:1px solid var(--line);color:#c5c2b8}.trust-row{margin-top:42px;display:flex;align-items:center;gap:18px;color:#747570;font-size:12px}.trust-row b{color:#d5d0c1;font-size:15px}.trust-row i{width:3px;height:3px;border-radius:50%;background:#5b5c58}.hero-showcase{position:relative;height:470px;perspective:1000px}.showcase-orbit{position:absolute;top:30px;right:20px;bottom:20px;left:20px;border:1px solid rgba(244,177,51,.1);border-radius:50%;transform:rotate(-9deg)}.showcase-orbit:before,.showcase-orbit:after{content:"";position:absolute;border-radius:50%}.showcase-orbit:before{top:42px;right:42px;bottom:42px;left:42px;border:1px dashed rgba(255,255,255,.05)}.showcase-orbit:after{width:8px;height:8px;background:var(--gold);left:9%;top:18%;box-shadow:0 0 20px var(--gold)}.showcase-card{position:absolute;overflow:hidden;width:225px;height:315px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#17191f;box-shadow:0 32px 80px #0000008c;transition:transform .35s ease}.showcase-card:hover{transform:translateY(-8px) rotate(0)!important}.showcase-card img,.showcase-card .game-art-fallback{width:100%;height:242px;object-fit:cover}.showcase-card>div:last-child{height:73px;padding:13px 15px;display:grid;align-content:center;gap:4px}.showcase-card small{color:var(--gold);font-size:10px}.showcase-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-1{left:28%;top:28px;z-index:3;transform:rotate(-1deg)}.card-2{left:2%;top:102px;z-index:1;transform:rotate(-9deg) scale(.88);filter:brightness(.68)}.card-3{right:0;top:108px;z-index:2;transform:rotate(8deg) scale(.9);filter:brightness(.78)}.showcase-badge{position:absolute;z-index:4;right:3%;bottom:30px;padding:12px 17px;border:1px solid rgba(244,181,56,.26);border-radius:10px;background:#111318eb;color:#d7d3c9;font-size:12px;box-shadow:0 15px 40px #0006}.showcase-badge span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:50%;color:#141008;background:var(--gold);font-weight:900}.showcase-badge small{margin-left:31px;color:#777873}.showcase-empty{position:absolute;top:65px;right:20%;bottom:65px;left:20%;display:grid;place-items:center;align-content:center;gap:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#181a20,#0d0e12)}.showcase-empty span{font-size:80px;color:#f6b73829;font-weight:900}.announcement{margin:0 5.5%;min-height:58px;padding:12px 20px;display:flex;align-items:center;gap:18px;border:1px solid rgba(244,180,56,.13);background:linear-gradient(90deg,#f4b43812,#ffffff04);border-radius:9px}.announcement-label{padding:5px 9px;border-radius:4px;background:var(--gold);color:#181109;font-size:11px;font-weight:900}.announcement p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#aaa79d;font-size:13px}.announcement a{color:#d8a741;font-size:12px}.catalog,.benefits,.guide{padding:95px 5.5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-heading h2{margin:8px 0 0;font-size:clamp(30px,3.1vw,43px);letter-spacing:-1.5px}.section-heading>p{max-width:430px;margin:0 0 6px;color:#7f807c;line-height:1.8;font-size:13px}.section-heading.centered{display:block;text-align:center}.catalog-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:30px}.category-tabs{display:flex;flex-wrap:wrap;gap:7px}.category-tabs button{padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:#94938e;background:#0d0f13;font-size:12px}.category-tabs button.active{border-color:#f4b4386b;color:#1b1207;background:var(--gold);font-weight:800}.catalog-controls{display:flex;gap:8px}.search-box{width:245px;height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#0d0f13;color:#767773}.search-box input{min-width:0;flex:1;border:0;outline:0;color:#eeeae0;background:transparent;font-size:12px}.catalog-controls select{padding:0 32px 0 12px;border:1px solid var(--line);border-radius:7px;color:#aaa79f;background:#0d0f13;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#101217;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.game-card:hover{transform:translateY(-5px);border-color:#f4b43857;box-shadow:0 25px 50px #00000057}.game-cover{position:relative;height:165px;overflow:hidden;background:#181b22}.game-cover img,.game-cover>.game-art-fallback{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.game-card:hover .game-cover img{transform:scale(1.04)}.game-cover:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,#08090ce6)}.category-chip{position:absolute;z-index:2;left:12px;top:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#f2dca8;background:#08090cb8;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-card-body{padding:16px}.game-title-row{display:flex;align-items:start;justify-content:space-between;gap:8px}.game-title-row h3{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.game-title-row>span{flex:none;color:#777873;font-size:10px}.game-card-body>p{height:42px;margin:10px 0;overflow:hidden;color:#797a77;font-size:12px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tag-row{min-height:23px;display:flex;gap:5px;overflow:hidden}.tag-row span{flex:none;padding:4px 6px;border-radius:4px;color:#9c8b62;background:#f4b43812;font-size:9px}.game-card-footer{margin-top:14px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.game-card-footer small{color:#676864}.game-card-footer button{border:0;color:#e8b84c;background:transparent;font-size:11px;font-weight:800}.game-art-fallback{display:grid;align-content:center;justify-items:center;gap:5px;color:#fff1ca;background:radial-gradient(circle at 50% 25%,hsla(var(--game-hue),76%,55%,.45),transparent 40%),linear-gradient(145deg,hsl(var(--game-hue),48%,20%),#101217 72%)}.game-art-fallback span{font-size:42px;font-weight:900;opacity:.17}.game-art-fallback strong{max-width:82%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;letter-spacing:2px}.game-art-fallback.compact span{font-size:35px}.state-card{min-height:260px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid var(--line);border-radius:12px;color:#777;background:#0e1014}.state-card strong{color:#ddd8cc}.state-card button{padding:8px 14px;border:0;border-radius:6px;background:var(--gold)}.game-skeleton{height:360px;border-radius:12px;background:linear-gradient(100deg,#0f1116 20%,#17191f,#0f1116 60%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.benefits{position:relative;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#0b0d11}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.benefit-grid article{position:relative;min-height:260px;padding:32px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.benefit-number{position:absolute;right:19px;top:12px;color:#ffffff09;font-size:75px;font-weight:900}.benefit-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(244,180,56,.27);border-radius:12px;color:var(--gold);background:#f4b43812;font-size:24px}.benefit-grid h3{margin:27px 0 11px;font-size:20px}.benefit-grid p{margin:0;color:#7c7d79;font-size:13px;line-height:1.9}.guide{display:grid;grid-template-columns:1fr .65fr;gap:12%;align-items:center}.guide h2{margin:8px 0 35px;font-size:clamp(34px,3vw,44px)}.guide ol{list-style:none;padding:0;margin:0;display:grid;gap:23px}.guide li{display:flex;gap:16px;align-items:center}.guide li>span{flex:none;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(244,180,56,.32);border-radius:50%;color:var(--gold);font-weight:800}.guide li strong{font-size:15px}.guide li p{margin:4px 0 0;color:#70716d;font-size:12px}.guide-download{padding:40px;text-align:center;border:1px solid rgba(244,180,56,.23);border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(244,180,56,.13),transparent 52%),#101217;box-shadow:0 30px 80px #00000059}.download-mark{width:76px;height:76px;margin:auto;display:grid;place-items:center;border-radius:20px 7px;color:#171007;background:linear-gradient(135deg,#ffdb73,#e99d19);font-size:27px;font-weight:900}.guide-download h3{margin:22px 0 6px}.guide-download p{color:#71726e;font-size:12px}.guide-download>button:not(.win7-link){width:100%;height:47px;margin-top:16px;border:0;border-radius:8px;color:#181108;background:var(--gold);font-weight:900}.win7-link{margin-top:14px;border:0;color:#7d7e79;background:transparent;font-size:11px;text-decoration:underline}footer{max-width:1440px;min-height:130px;margin:auto;padding:28px 5.5%;display:flex;align-items:center;gap:38px;border-top:1px solid var(--line);color:#666762;font-size:11px}.footer-brand{margin-right:auto}footer p{max-width:360px;white-space:pre-line;line-height:1.6}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:#030406cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.login-modal,.profile-modal{position:relative;width:min(420px,100%);padding:34px;border:1px solid rgba(244,180,56,.26);border-radius:18px;background:linear-gradient(145deg,#17191f,#0d0f13);box-shadow:0 40px 100px #000000a6}.modal-close{position:absolute;right:14px;top:11px;width:32px;height:32px;border:0;color:#777;background:transparent;font-size:24px}.modal-brand{display:flex;align-items:center;gap:12px}.modal-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#24b95a;font-weight:800}.modal-brand>div{display:grid;gap:3px}.modal-brand small{color:#797a76}.qr-frame{position:relative;width:218px;height:218px;margin:30px auto 17px;padding:11px;background:#fff}.qr-frame img{width:100%;height:100%;display:block;object-fit:contain}.qr-loading{height:100%;display:grid;place-items:center;align-content:center;gap:14px;color:#555;font-size:12px}.qr-loading i{width:28px;height:28px;border:3px solid #ddd;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.corner{position:absolute;width:25px;height:25px;border-color:var(--gold);border-style:solid}.corner-a{left:-6px;top:-6px;border-width:2px 0 0 2px}.corner-b{right:-6px;top:-6px;border-width:2px 2px 0 0}.corner-c{left:-6px;bottom:-6px;border-width:0 0 2px 2px}.corner-d{right:-6px;bottom:-6px;border-width:0 2px 2px 0}.login-status{min-height:21px;margin:0;text-align:center;color:#b8b5ac;font-size:12px}.sync-note{margin-top:24px;padding:14px;display:flex;gap:12px;border:1px solid rgba(244,180,56,.13);border-radius:9px;background:#f4b4380d}.sync-note>span{color:var(--gold);font-size:21px}.sync-note strong{font-size:12px}.sync-note p{margin:4px 0 0;color:#777873;font-size:10px;line-height:1.6}.retry-button{width:100%;height:42px;margin-top:15px;border:0;border-radius:8px;background:var(--gold);font-weight:800}.profile-head{display:flex;align-items:center;gap:15px}.profile-head>img,.profile-head>span{width:58px;height:58px;object-fit:cover;border-radius:16px;display:grid;place-items:center;color:#181007;background:var(--gold);font-size:23px;font-weight:900}.profile-head small{color:#49c77e}.profile-head h3{margin:3px 0}.profile-head p{margin:0;color:var(--gold);font-size:11px}.balance-grid{margin:25px 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.balance-grid div{padding:14px 8px;display:grid;gap:6px;text-align:center;border:1px solid var(--line);border-radius:9px;background:#ffffff05}.balance-grid span,.profile-detail span{color:#777873;font-size:10px}.balance-grid strong{color:#f0c560}.profile-detail{padding:13px 2px;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-detail b{font-size:11px}.profile-actions{margin-top:18px;display:flex;gap:8px}.profile-actions button{flex:1;height:40px;border:1px solid var(--line);border-radius:7px;color:#c7c3b8;background:#ffffff08}.profile-actions button.logout{color:#d98073}.toast{position:fixed;z-index:150;left:50%;bottom:30px;translate:-50% 0;padding:12px 18px;border:1px solid rgba(244,180,56,.23);border-radius:8px;color:#e7dfcc;background:#191a1f;box-shadow:0 16px 45px #00000073;font-size:12px}@media(max-width:1100px){.site-header{padding:0 28px}.site-header nav{gap:20px}.hero{padding-inline:6%;grid-template-columns:1fr .8fr}.hero h1{font-size:57px}.showcase-card{width:190px;height:280px}.showcase-card img,.showcase-card .game-art-fallback{height:210px}.game-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.site-header{height:72px;padding:0 18px}.site-header nav,.download-ghost{display:none}.brand b{font-size:14px}.hero{min-height:auto;padding:65px 7% 40px;display:block}.hero:before{display:none}.hero h1{font-size:clamp(43px,12vw,65px);letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-showcase{height:400px;margin-top:48px}.card-1{left:35%}.card-2{left:15%}.card-3{right:8%}.announcement{margin:0 4%}.announcement a{display:none}.catalog,.benefits,.guide{padding:70px 5%}.section-heading{display:block}.section-heading>p{margin-top:15px}.catalog-toolbar{display:block}.catalog-controls{margin-top:13px}.search-box{flex:1;width:auto}.game-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:220px}.guide{grid-template-columns:1fr;gap:55px}footer{flex-wrap:wrap;gap:15px 28px}footer span:last-child{width:100%}}@media(max-width:520px){.brand small{display:none}.brand-mark{width:36px;height:36px;font-size:20px}.login-button{padding:9px 12px;font-size:12px}.account-button{max-width:125px;overflow:hidden;white-space:nowrap;font-size:11px}.hero{padding-top:48px}.hero h1{line-height:1.15}.hero-actions{align-items:stretch;flex-direction:column}.primary-cta,.secondary-cta{width:100%}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:center}.trust-row span{display:grid;gap:2px}.trust-row i{display:none}.hero-showcase{height:355px;margin-inline:-7%;overflow:hidden}.showcase-card{width:170px;height:255px}.showcase-card img,.showcase-card .game-art-fallback{height:188px}.card-1{left:calc(50% - 85px)}.card-2{left:-10px}.card-3{right:-10px}.showcase-badge{right:10%;bottom:2px}.announcement{padding:10px 13px}.catalog-controls{flex-direction:column}.catalog-controls select{height:38px}.game-grid{grid-template-columns:1fr}.game-cover{height:190px}.login-modal,.profile-modal{padding:28px 22px}.qr-frame{width:205px;height:205px}.balance-grid{grid-template-columns:1fr}.balance-grid div{display:flex;justify-content:space-between;text-align:left}}