:root{--ink:#14282a;--paper:#f2ead9;--gold:#d6b16c;--muted:#b9c0b5;--red:#963d2d;--line:rgba(214,177,108,.35);font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--gold)}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid #f1c875;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,.brand{font-family:'STKaiti','KaiTi','Noto Serif CJK SC',serif;font-weight:500}h1,h2,h3,p{margin-top:0}.shell{width:min(1180px,calc(100% - 80px));margin:auto}.topbar{position:relative;z-index:2;border-bottom:1px solid var(--line);background:rgba(13,34,35,.9)}.topbar .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;letter-spacing:3px}.seal{display:inline-grid;place-items:center;width:35px;height:42px;background:var(--red);border:1px solid #d8a276;color:#ffe5b4;font-size:20px;letter-spacing:0}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a[aria-current]{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:10px 26px;border:1px solid var(--gold);border-radius:2px;background:var(--gold);color:#182c2d;font-weight:700;letter-spacing:2px}.btn:hover{background:#efd097;color:#182c2d}.btn.secondary{background:transparent;color:var(--paper)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:5px;margin-bottom:20px}.hero{position:relative;min-height:660px;display:flex;align-items:center;isolation:isolate;background:url('/resource/assets/public/common/pc_bg_d5ee1009.jpg') center 40%/cover}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,34,37,.92),rgba(17,41,42,.6) 48%,rgba(17,41,42,.12)),linear-gradient(0deg,#14282a,transparent 28%)}.hero-copy{max-width:670px;padding:86px 0 110px}.hero h1{font-size:clamp(52px,6.6vw,90px);line-height:1.25;letter-spacing:8px;margin-bottom:26px}.hero h1 em{color:#efd193;font-style:normal}.hero .intro{max-width:420px;color:#d8ded0;font-size:17px;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.hero-mark{position:absolute;right:8%;bottom:100px;writing-mode:vertical-rl;color:#e7e1cb;letter-spacing:7px;font-family:KaiTi,serif;font-size:17px}.section{padding:90px 0}.section h2{font-size:40px;letter-spacing:5px;line-height:1.4}.section-lead{color:var(--muted);max-width:540px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.feature{border-top:1px solid var(--line);padding-top:24px}.feature .number{color:var(--gold);font-size:12px;letter-spacing:3px}.feature h3{font-size:26px;margin:15px 0}.feature p{color:var(--muted);font-size:14px}.world{background:#e9e0ce;color:#273a38}.world-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.world-photo{height:410px;object-fit:cover;object-position:center 20%;width:100%;border:8px solid #d6c7a9}.world .eyebrow{color:#905737}.world .section-lead{color:#53615a}.world .btn{background:#244341;color:#fff1d2;border-color:#244341}.entry{display:flex;align-items:center;justify-content:space-between;gap:32px}.entry h2{margin-bottom:10px}.entry p{color:var(--muted)}.footer{padding:35px 0 max(35px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0c2022;color:#c4c8b9;font-size:13px;overflow-wrap:anywhere}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:20px;color:#e5c584}.footer p{margin-bottom:8px}.legal-placeholder{color:#d3b79b}.auth-page{background:linear-gradient(90deg,rgba(10,30,33,.67),rgba(10,30,33,.5)),url('/resource/assets/public/common/pc_bg_d5ee1009.jpg') center top/cover fixed}.auth-main{min-height:660px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:65px;padding-top:65px;padding-bottom:70px}.auth-intro h1{font-size:60px;line-height:1.35;letter-spacing:5px}.auth-intro p{color:#d0d6c7;max-width:380px}.panel{padding:34px 36px;background:rgba(17,35,37,.96);border:1px solid #b9975a;box-shadow:0 22px 65px rgba(4,18,20,.28);position:relative}.panel:before{content:'';position:absolute;inset:6px;border:1px solid rgba(209,172,104,.18);pointer-events:none}.panel h1,.panel h2{font-size:30px;letter-spacing:4px;margin-bottom:5px}.panel-sub{font-size:13px;color:var(--muted);margin-bottom:23px}.field{display:block;margin:18px 0}.field>span{display:block;font-size:14px;margin-bottom:7px;color:#e5d4b1}.field input{display:block;width:100%;min-height:48px;color:#f6efdf;background:#0d2225;border:1px solid #657066;border-radius:2px;padding:10px 13px;min-width:0}.field input:focus{border-color:var(--gold)}.field small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:64px}.password-toggle{position:absolute;right:5px;top:5px;bottom:5px;background:transparent;border:0;color:var(--gold);padding:5px;font-size:12px}.consent{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;font-size:13px;margin:22px 0}.consent input{width:18px;height:18px;margin:4px 0 0;accent-color:var(--gold)}.policy-links a{color:#e8c981;text-decoration:underline;text-underline-offset:3px}.form-submit{width:100%;margin:8px 0 18px}.form-bottom{font-size:13px;text-align:center;color:var(--muted);margin:0}.form-bottom a{color:var(--gold)}.notice{font-size:13px;overflow-wrap:anywhere;padding:12px 14px;border-left:2px solid #c9a260;background:#233b3b;color:#f1dcaf;margin:15px 0}.notice.error{border-color:#ed9b80;color:#ffd0bf;background:#392c28}.servers-main{padding:65px 0 80px;min-height:650px}.servers-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.servers-head h1{font-size:45px;letter-spacing:4px;margin-bottom:10px}.account-bar{display:flex;gap:18px;align-items:center;font-size:14px}.text-btn{background:transparent;color:var(--gold);border:0;text-decoration:underline;padding:8px}.server-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}.server-option{display:flex;gap:14px;padding:24px;border:1px solid var(--line);cursor:pointer;align-items:center;background:#193134;min-width:0}.server-option:has(input:checked){border-color:var(--gold);background:#274341}.server-option.unavailable{opacity:.65;cursor:default}.server-option input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}.server-option strong{display:block;overflow-wrap:anywhere;font-size:19px}.server-option small{color:var(--muted);display:block}.server-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.server-hint{font-size:13px;color:var(--muted)}.policy-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(3,15,17,.82)}.dialog-box{display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);border:1px solid var(--gold);background:#f4eddf;color:#253736;box-shadow:0 20px 100px #071416}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-bottom:1px solid #cbbd9e}.dialog-head h2{font-size:24px;margin:0}.dialog-close{border:1px solid #7d8877;color:#253736;background:transparent;min-width:44px;min-height:44px;font-size:23px}.dialog-body{padding:22px 26px;overflow:auto;overscroll-behavior:contain;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:80px}.dialog-body h3{font-size:21px}.dialog-foot{padding:15px 24px;border-top:1px solid #cbbd9e;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:13px}.dialog-foot a{color:#794228;text-decoration:underline}.dialog-foot .text-btn{color:#794228}.dialog-meta{color:#6c7568;font-size:12px}.no-js{background:#6c352d;padding:15px}.reveal{animation:appear .8s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:900px){.shell{width:calc(100% - 40px)}.nav{gap:18px}.auth-main{gap:30px;grid-template-columns:1fr 400px}.auth-intro h1{font-size:43px}.world-layout{gap:30px}.hero-mark{right:4%}.server-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:calc(100% - 32px)}.topbar .shell{min-height:72px;gap:12px;flex-wrap:wrap;padding:13px 0}.brand{font-size:23px;gap:8px}.seal{width:27px;height:34px;font-size:17px}.nav{gap:16px;font-size:12px}.nav .nav-detail{display:none}.hero{min-height:610px;background-position:60% center}.hero-copy{padding:65px 0 85px}.hero h1{font-size:56px;letter-spacing:4px}.hero .intro{font-size:15px;max-width:280px}.hero-mark{display:none}.section{padding:60px 0}.section h2{font-size:32px}.features,.world-layout{grid-template-columns:1fr;gap:25px}.world-photo{height:350px}.entry{align-items:flex-start;flex-direction:column}.auth-main{display:block;padding:35px 0 45px;min-height:0}.auth-intro{margin-bottom:26px}.auth-intro h1{font-size:35px;margin-bottom:12px}.auth-intro p{display:none}.auth-intro .eyebrow{margin-bottom:12px}.panel{padding:28px 24px}.servers-main{padding-top:35px}.servers-head{align-items:flex-start;flex-direction:column}.servers-head h1{font-size:35px}.server-list{grid-template-columns:1fr;gap:12px}.server-option{padding:20px}.footer{font-size:12px}.policy-dialog{padding:12px}.dialog-box{max-height:calc(100dvh - 24px)}.dialog-head,.dialog-foot{padding:14px 16px}.dialog-body{padding:18px}.dialog-head h2{font-size:21px}.btn{padding:10px 21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}
.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{z-index:200;clip:auto;top:10px;left:10px;width:auto;height:auto;padding:12px;background:var(--paper);color:var(--ink)}
/* Auth legal information stays in normal document flow. */
.auth-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.auth-page>.topbar,.auth-page>.footer{flex-shrink:0}
.auth-page>main{flex:1 0 auto;margin:0 auto;min-width:0}
.auth-page>.footer{position:static;font-size:12px}
.auth-page .legal-health{margin:0 0 12px}
.auth-page .legal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;margin:0}
.auth-page .legal-detail{display:flex;align-items:baseline;min-width:0;overflow-wrap:anywhere}
.auth-page .legal-detail dt{flex-shrink:0}
.auth-page .legal-detail dd{margin:0;min-width:0}
@media(max-width:650px){.auth-page .legal-details{grid-template-columns:minmax(0,1fr);gap:6px}.auth-page>main{min-height:0}}
@media(max-width:900px) and (max-height:500px){.auth-page .legal-details{grid-template-columns:minmax(0,1fr);gap:6px}}