/* Classic game portal: vermilion actions, bronze framing and paper information panels. */
:root{--bg:#211710;--panel:#302219;--gold:#d9b56c;--muted:#bca78b;--line:#d1ac6333;--spark:#ffd693;--ember:#e98435}
body{background:radial-gradient(ellipse at 50% 8%,#4a2b1730,transparent 44%),#211710;color:#f1e4c7}
.header{height:76px;background:#100d0b;border-bottom:1px solid #b687414d;box-shadow:0 5px 24px #0005}.brand-logo{width:208px;height:65px}.header nav a{color:#c5b69e}.header nav a:hover,.header nav a.active{color:#f4cf8a}.header nav a.active:after{bottom:-25px;background:#e9bc69}.nav-download{border-color:#a98045;color:#f1cc80;background:#58391925}
.hero{height:580px;border-color:#b78a4766;background:#211710}.hero-art{filter:sepia(.18) saturate(1.14) brightness(1.04)}.hero-shade{background:linear-gradient(90deg,#180e07d6 0%,#21130a55 38%,transparent 65%),linear-gradient(0deg,#211710,transparent 22%)}
.hero-content{max-width:590px;padding:21px var(--hero-inset) 58px}.hero .eyebrow{margin:0 0 3px;letter-spacing:4px;font-size:13px;color:#dfb773}.hero .eyebrow:before{background:#d9ab5d}.hero-logo{display:block;width:370px;height:135px;object-fit:contain;object-position:left center;margin:0 0 1px -5px;filter:drop-shadow(0 4px 20px #a65d274d)}.hero h1{font-size:31px;line-height:1.5;letter-spacing:2px;white-space:nowrap;font-weight:700}.hero h1 span{color:#f1ca83;background:none;-webkit-text-fill-color:initial;animation:none}.hero-desc{font-size:14px;letter-spacing:1px;line-height:1.9;color:#e0ceb0;margin:11px 0 17px}.hero-actions{display:grid;grid-template-columns:252px;gap:10px}.hero-actions .button{min-height:65px;justify-content:flex-start;padding:10px 24px;gap:16px;font-size:21px;letter-spacing:1px}.hero-actions .download-icon{font-size:34px;font-weight:400;line-height:1;width:34px;text-align:center}.hero-actions .button small{font:10px/1.8 Arial,sans-serif;letter-spacing:2px;opacity:.8}.hero .platforms{color:#cfb994;margin-top:12px;font-size:12px}.hero-bottom{bottom:19px}.hero-bottom>span:first-child{font-size:10px;letter-spacing:2px;color:#c4ac86}.hero-bottom>a{color:#dcc99e}.effects-toggle{background:#180f09aa;border-color:#c295485c}
.primary,.quick-download{background:linear-gradient(135deg,#e3632f,#b02c1b);color:#fff0d6;border:1px solid #f7b26b;box-shadow:inset 0 1px #ffdb9e88,inset 0 -3px #641b1655,0 6px 22px #a23e1933;text-shadow:0 1px 2px #7d261a;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.hero-actions .secondary{border:1px solid #ffe5a1;color:#402607;background:linear-gradient(135deg,#ead191,#bc9144);box-shadow:inset 0 1px #fff2c9,inset 0 -3px #95602a66,0 5px 18px #0003;text-shadow:0 1px #f5dcaa;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.primary:hover,.quick-download:hover{background:linear-gradient(135deg,#f4783d,#c13920);box-shadow:0 0 24px #ed9a3b44}.hero-actions .secondary:hover{background:linear-gradient(135deg,#ffe4a4,#d5a64e);box-shadow:0 0 22px #e2b6594d}
.news{padding:22px 0 0;position:relative;z-index:3}.news-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:18px;align-items:stretch}.portal-quick{padding:24px 18px 18px;text-align:center;border:1px solid #b58a465e;background:radial-gradient(ellipse at 50% 0,#85532833,transparent 65%),#2e2017;box-shadow:inset 0 0 0 5px #21160f66;display:flex;flex-direction:column;align-items:stretch}.quick-kicker{font-size:12px;letter-spacing:5px;color:#c5a875}.portal-quick h2{color:#f1cf83;font-size:30px;letter-spacing:5px;margin:2px 0 20px}.quick-download{position:relative;min-height:74px;overflow:hidden;font:600 22px/1.3 var(--serif);padding:13px 8px}.quick-download small{display:block;font:12px/1.8 'Microsoft YaHei',sans-serif;letter-spacing:1px;margin-top:5px;color:#ffdfad}.quick-guide{background:linear-gradient(#77512e,#58391f);border:1px solid #b4894a;color:#f3d7a1;min-height:45px;margin-top:12px;font-size:15px;box-shadow:inset 0 1px #d7b57833}.quick-guide:hover{background:#80552a}.quick-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid #ad834743}.quick-services a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:#d5be98}.quick-services b{display:grid;place-items:center;width:35px;height:35px;border:1px solid #bd924c66;background:#bc874f14;color:#efcb84;font:600 17px var(--serif)}.quick-services a:hover b{border-color:#ebc071;box-shadow:0 0 16px #d795362b}.quick-status{font-size:12px;line-height:1.7;color:#a38c6b;margin-top:auto;padding-top:20px}
.news-panel{padding:20px 23px 18px;background:#f4eee2;color:#503d2a;border:1px solid #d6bc89;box-shadow:inset 0 0 0 5px #fff8ed99}.portal-news-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.portal-news-head h2{font-size:24px;color:#6f4524;letter-spacing:2px}.portal-news-head .text-button{color:#987a4d;font-size:12px}.tabs{height:47px;gap:27px;margin-top:8px;border-color:#c9b69480}.tabs button{font-size:14px;padding-bottom:12px;color:#827057}.tabs button[aria-selected=true]{color:#b03922;font-weight:600}.tabs button[aria-selected=true]:after{background:#b54829;height:3px}.portal-notice{background:#e7d9bf99;display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:8px 10px;text-align:left;color:#824822;font-size:14px}.portal-notice>span{font-size:12px;background:#bb432a;color:#fff4dc;padding:2px 7px;white-space:nowrap}.news-row{border-color:#c9b69473;gap:9px;padding:13px 0}.news-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5e5140}.news-row:hover .news-title{color:#b03922}.news-type{border:0;background:#dfd1b84d;color:#95754b;font-size:11px;padding:2px 4px}.news-date{font-size:11px;color:#ab9677}.news-feature{min-height:400px;padding:25px 23px;background:linear-gradient(0deg,#29160bf2 0%,#42251438 62%),url('assets/hero.png') 76% center/auto 120%;border-color:#bc93584d;box-shadow:inset 0 0 0 5px #d8b56b0d}.feature-label{font-size:12px;color:#edd294;letter-spacing:2px}.news-feature p{font-size:13px;color:#ecd4a3}.news-feature h3{font-size:29px;color:#fff0c7;line-height:1.55}.feature-link{color:#f0c16f}.news-feature:hover{transform:none;border-color:#e8b765}
.intro-strip{margin-top:20px;padding:19px 26px;border:1px solid #b8934e4d;background:linear-gradient(100deg,#342319,#261b13);gap:22px}.intro-strip>div{border-color:#b8934e33}.strip-mark{color:#e3b964b3}.intro-strip p{color:#ecd4a4;font-size:19px}.intro-strip small{color:#b69d7a}.intro-strip>a{color:#e7be79}
.section:not(.news){padding-top:48px;padding-bottom:48px}.section-top{position:relative;justify-content:center;align-items:center;text-align:center;gap:25px;margin-bottom:28px}.section-top:before,.section-top:after{content:'';height:1px;width:24%;max-width:240px;background:linear-gradient(90deg,transparent,#ac8744)}.section-top:after{transform:rotate(180deg)}.section-top>div{flex-shrink:0;position:relative}.section-top .eyebrow{display:none}.section-top h2{font-size:35px;color:#e8c77d;font-weight:700;letter-spacing:5px;text-shadow:0 2px 8px #0005}.section-top h2:after{display:none}.section-top h2>span{display:none}.section-top>div:before,.section-top>div:after{content:'◇';font-family:Georgia,serif;color:#c7a15c;font-size:21px;position:absolute;top:9px;left:-34px}.section-top>div:after{left:auto;right:-34px}.classes,.world{border-top:0}
.class-layout{min-height:440px;padding:38px 44px;grid-template-columns:92px minmax(0,1fr) 35%;gap:38px;position:relative;isolation:isolate;border:1px solid #cbb279;background:linear-gradient(90deg,#f0e8d8 0%,#efe5d2fa 36%,#e6d8baaa 58%,#cdb48905 82%),url('assets/hero.png') center 28%/cover;box-shadow:inset 0 0 0 6px #fff5dd20,0 14px 35px #0a040321}.class-tabs button{border-color:#ad8d5766;color:#725a3f;background:#f6eddb99}.class-tabs button>span{color:#976a28}.class-tabs button[aria-selected=true]{background:linear-gradient(135deg,#875329,#4c2c18);border-color:#c0964e;box-shadow:inset 0 1px #e6c58288,0 3px 15px #74452520;color:#f9e4b5}.class-tabs button[aria-selected=true]>span{color:#f2d08a}.class-info h3{color:#4c301a;font-size:36px}.class-info .eyebrow{color:#946b33}.class-info>p:not(.eyebrow){color:#665542;line-height:2}.skill-tags span{color:#855825;border-color:#b58c4d77;background:#f7edd555}.class-info dl{border-color:#aa8d574d;gap:24px}.class-info dt{color:#8c7556}.class-info dd{color:#714d26}.class-art{height:350px;background:none;border:0}.class-art>span{color:#f1cc8888;font-size:120px;right:8px;top:-25px;text-shadow:0 3px 20px #42261166}.class-art p{color:#f4d18c;right:0;bottom:0;letter-spacing:3px;background:#1f140b87;padding:9px 13px;font-size:14px}.class-art:after{background:radial-gradient(ellipse at 64% 60%,#ffa14525,transparent 62%)}
.world-grid article{padding:30px;min-height:284px;border-color:#a883424d;background:radial-gradient(ellipse at 100% 0%,#ad62202c,transparent 70%),linear-gradient(135deg,#38271b,#261b13)}.world-grid article:nth-child(2){background:radial-gradient(ellipse at 100% 0%,#93683a33,transparent 70%),linear-gradient(135deg,#372a1f,#241a13)}.world-grid article:nth-child(3){background:radial-gradient(ellipse at 100% 0%,#922d1b40,transparent 70%),linear-gradient(135deg,#39251a,#291a13)}.world-grid h3{color:#efd496;font-size:25px}.world-grid p{color:#c1aa89;font-size:15px}.world-grid .text-button{color:#e3b66e;font-size:13px}.card-number{color:#bd985d;letter-spacing:2px}.world-grid article:hover{border-color:#d5a851}
.download-section{border-top:1px solid #a883424d;border-bottom:1px solid #a883424d;background:radial-gradient(ellipse at 0 50%,#9847191a,transparent 60%);padding:40px!important;gap:55px}.download-section h2{font-size:38px;letter-spacing:4px;color:#f0dfb6}.download-section h2 span{color:#eac073}.download-section>div>p:last-child{color:#bda581}.download-options>button{border-color:#b98b474d;background:linear-gradient(100deg,#4d3320,#2c1e15);color:#f3ddb2}.download-options small{color:#bca582}.download-options>button:hover{border-color:#e9bd70;box-shadow:0 0 24px #d0872820}
.support-section{border-top:0}.support-note{display:none}.support-card{--channel:#a46a2c;background:#ede4d2;border-color:#cdb688;color:#533e27;box-shadow:inset 0 0 0 5px #fff8e64d}.support-card[data-channel=wechat]{--channel:#61755b}.support-card[data-channel=official]{--channel:#a16145}.support-card h3{color:#714b24}.support-card>p{color:#79654c}.channel-label{color:#9c855e}.contact-details{border-color:#b79c6655;color:#98815e}.contact-action:disabled{background:#d5c5a533;color:#958368;border-color:#b29b6940}.contact-action{background:#9e774b16;border-color:#b59b6a66;color:#855722}.support-card:hover{box-shadow:0 8px 22px #0002,inset 0 0 0 5px #fff8e64d}.support-card:after{border-color:#b68c4d99}
footer{background:#140f0c;border-color:#a67c3833}footer>p,.footer-bottom{color:#796d5d}.footer-top>div{color:#b7a78f}.mobile-bar{background:#20150ef5;border-color:#b8924855}.mobile-bar>span{color:#f2dba4}.mobile-bar small{color:#bda889}.mobile-bar button{background:linear-gradient(135deg,#e46330,#ac301c);color:#fff0cf;border:1px solid #d59e54}.mobile-support{color:#e9c786;border-color:#bd94595c}dialog{background:#2b1e15;border-color:#ba914b;color:#f3ddb2}#modal-content{color:#cbbb9f}.muted{color:#a8906d}.modal-platforms button{border-color:#b68a4677;background:#c18d4219;color:#eed092}
.service-rail{display:none;position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:15;width:112px;padding:5px;background:#21150fed;border:1px solid #b08b4866;box-shadow:0 8px 24px #0004}.service-rail-toggle{width:100%;padding:12px 0;color:#e2bd7a;background:#85552330;font-size:13px;border-bottom:1px solid #b28b4333}.service-rail-toggle span{margin-left:5px}.service-rail a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:15px 5px;color:#ccb58c;font-size:12px;border-bottom:1px solid #b28b4322}.service-rail a:hover{color:#ffdc92;background:#a77a2720}.service-rail b{color:#ebc877;font:600 20px/1.2 var(--serif)}.service-rail .rail-top{padding:12px 0}.service-rail [hidden]{display:none}
@media(min-width:1780px){.service-rail{display:block}}
@media(max-width:1200px){.news-layout{grid-template-columns:190px minmax(0,1fr) 275px;gap:14px}.news-panel{padding:18px}.tabs{gap:23px}.news-date{display:none}.news-feature{padding:24px 18px}.news-feature h3{font-size:27px}.class-layout{padding:34px 28px;gap:27px;grid-template-columns:84px minmax(0,1fr) 30%}.class-info h3{font-size:32px}.world-grid article{padding:25px}.world-grid h3{font-size:23px}}
@media(max-width:1000px){.header{height:72px}.header nav{background:#20150ffa}.hero{height:auto}.hero-art{filter:sepia(.13) saturate(1.1)}.hero-content{padding:24px var(--hero-inset);background:linear-gradient(#302016,#211710);max-width:none}.hero-logo{width:330px;height:120px;margin:0 auto 2px}.hero .eyebrow{justify-content:center;margin-bottom:0}.hero h1{text-align:center;font-size:30px}.hero-desc{text-align:center}.hero-actions{grid-template-columns:1fr 1fr;max-width:570px;margin:auto;gap:13px}.hero-actions .button{justify-content:center;min-height:65px;padding:10px 14px;font-size:19px}.hero .platforms{justify-content:center;margin-top:15px}.hero-bottom{padding-bottom:18px}.hero-bottom>span:first-child{display:none}.news-layout{grid-template-columns:190px minmax(0,1fr)}.news-feature{display:none}.news{padding-top:20px}.intro-strip{padding:18px;gap:16px}.intro-strip p{font-size:18px}.class-layout{grid-template-columns:80px minmax(0,1fr);background:linear-gradient(110deg,#f0e8d8,#e1d0af);padding:30px;min-height:390px}.class-art{display:none}.section-top:before,.section-top:after{width:18%}.world-grid h3{font-size:21px}.world-grid p{font-size:14px}.download-section{padding:30px!important;gap:35px}}
@media(max-width:760px){.brand-logo{width:170px;height:55px}.header{height:72px}.hero-content{padding:18px var(--hero-inset) 20px}.hero .eyebrow{font-size:11px;letter-spacing:3px}.hero .eyebrow:before{display:none}.hero-logo{width:min(290px,100%);height:106px;object-position:center;margin:0 auto}.hero h1{font-size:23px;letter-spacing:1px;line-height:1.5}.hero-desc{font-size:13px;line-height:1.9;letter-spacing:0;margin:10px 0 19px}.hero-actions{grid-template-columns:1.15fr 1fr;gap:9px}.hero-actions .button{font-size:14px;letter-spacing:0;min-height:61px;padding:10px 8px;gap:7px}.hero-actions .download-icon{font-size:24px;width:23px}.hero-actions .button small{font-size:9px;letter-spacing:.5px;line-height:1.8}.hero .platforms{font-size:11px}.hero-bottom{margin:0 var(--hero-inset);gap:12px}.effects-toggle{font-size:11px}.news-layout{grid-template-columns:1fr;gap:15px}.portal-quick{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;text-align:left}.quick-kicker,.portal-quick h2,.quick-status{display:none}.quick-download{min-height:60px;font-size:21px;padding:10px 6px}.quick-download small{font-size:10px;margin-top:3px;letter-spacing:0}.quick-guide{margin-top:0;min-height:60px;font-size:16px}.quick-services{grid-column:1/-1;margin-top:3px;padding-top:12px;gap:9px}.quick-services a{flex-direction:row;justify-content:center;font-size:12px;gap:6px}.quick-services b{height:28px;width:28px;font-size:15px}.news-panel{padding:18px}.portal-news-head h2{font-size:24px}.news-row{padding:14px 0}.news-title{font-size:13px}.news-type{font-size:11px}.tabs{gap:28px;height:46px;margin-top:7px}.portal-notice{font-size:13px}.intro-strip{margin-top:15px;padding:18px 10px;gap:6px}.intro-strip p{font-size:15px}.intro-strip small{font-size:11px}.section:not(.news){padding-top:34px;padding-bottom:34px}.section-top{gap:22px;margin-bottom:22px}.section-top h2{font-size:27px;letter-spacing:3px}.section-top:before,.section-top:after{width:15%;max-width:80px}.section-top>div:before,.section-top>div:after{font-size:16px;top:7px;left:-25px}.section-top>div:after{left:auto;right:-25px}.class-layout{padding:21px;grid-template-columns:1fr;gap:18px;min-height:0}.class-tabs{gap:8px}.class-tabs button{min-height:59px;padding:9px 5px;font-size:13px}.class-tabs button>span{font-size:22px;margin-right:7px}.class-info{padding:2px 0 0}.class-info h3{font-size:31px;line-height:1.5}.class-info>p:not(.eyebrow){font-size:14px;background:none;padding-right:0}.class-info .eyebrow{font-size:11px;letter-spacing:1px}.skill-tags{gap:6px;margin:19px 0}.skill-tags span{font-size:11px;padding:4px 7px}.class-info dl{gap:18px;padding-top:17px}.class-info dd{font-size:12px}.world-grid article{padding:24px;min-height:0}.world-grid h3{font-size:24px}.world-grid p{font-size:14px}.download-section{padding:25px!important;gap:25px}.download-section h2{font-size:31px}.download-options>button{padding:14px;gap:12px}.download-options>button>span:nth-child(2){font-size:15px}.download-options small{font-size:11px}.download-options .device-symbol{width:28px}.support-card{padding:24px}.support-card h3{font-size:24px}}
@media(max-width:360px){.brand-logo{width:148px;height:52px}.hero-logo{height:94px}.hero h1{font-size:21px}.hero .eyebrow{letter-spacing:2px}.hero-actions .button{font-size:12px;padding:10px 5px;gap:5px}.hero-actions .download-icon{font-size:22px;width:20px}.hero-actions .button small{font-size:8px}.news-panel{padding:16px}.news-title{font-size:12px}.portal-notice{font-size:12px}.intro-strip p{font-size:14px}.intro-strip small{font-size:10px}.class-layout{padding:18px}.class-info dl{gap:14px}}
/* Keep stacked desktop actions on one line and clear of the hero footer. */
.hero-actions .button{font-size:19px;padding:10px 18px;gap:12px}.hero-actions .button>span:last-child{white-space:nowrap}.hero-actions .button small{font-size:9px;letter-spacing:1.6px}.hero-actions .download-icon{flex-shrink:0}
@media(max-width:1000px){.hero-actions .button{font-size:18px;padding:10px 13px}}
@media(max-width:760px){.hero-actions .button{font-size:13px;padding:10px 6px;gap:6px}.hero-actions .button small{font-size:8px;letter-spacing:.5px}}
@media(max-width:360px){.hero-actions .button{font-size:12px;padding:10px 4px;gap:4px}.hero-actions .download-icon{width:18px;font-size:21px}}