:root{color-scheme:dark;--bg:#101611;--gold:#d9bc7e;--muted:#a9b09c;--line:#6c5b38;--text:#eee5d2;font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text)}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:2px solid #f1d498;outline-offset:3px}[hidden]{display:none!important}
#license-gate{position:fixed;inset:0;display:flex;flex-direction:column;overflow:auto;padding:clamp(20px,4vw,54px) clamp(20px,6vw,100px) 24px;background:radial-gradient(ellipse at 18% 30%,#29352788,transparent 65%),linear-gradient(115deg,#0e1711,#20251b 64%,#101510)}
.gate-brand{position:relative;z-index:1;display:flex;align-items:center;gap:15px;font:26px 'SimSun',serif;letter-spacing:4px;color:var(--gold)}.seal{display:grid;place-items:center;width:41px;height:46px;border:1px solid #b99a5b;box-shadow:inset 0 0 0 3px #182017,inset 0 0 0 4px #75603b;font-size:28px}.gate-brand small{font:11px 'Microsoft YaHei',sans-serif;letter-spacing:2px;border-left:1px solid #716044;padding-left:20px;color:#a9ad93}
.gate-layout{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(40px,9vw,150px);align-items:center;max-width:1200px;width:100%;margin:50px auto}
.eyebrow{font-size:11px;letter-spacing:3px;color:#b99d64;margin:0 0 22px}.gate-intro h1{font:clamp(43px,5vw,76px)/1.5 'SimSun',serif;letter-spacing:8px;font-weight:400;margin:0 0 26px;color:#eee4ca}.gate-intro h1 span{color:var(--gold)}.intro-copy{font-size:13px;line-height:2.1;color:#a8b19d;max-width:340px}.intro-features{display:flex;gap:21px;margin-top:34px;color:#b6ad8b;font-size:11px;letter-spacing:2px}.intro-features span+span{padding-left:21px;border-left:1px solid #73613a}
.activation-card{border:1px solid #75603e;background:linear-gradient(130deg,#292f23f2,#171e17f7);padding:37px clamp(24px,3vw,42px);box-shadow:0 25px 90px #0005;position:relative}.activation-card:before{content:'';position:absolute;height:2px;width:56px;background:#d9bc7e;top:-1px;left:38px}.activation-card .eyebrow{margin-bottom:13px;font-size:10px}.activation-card h2{font:34px 'SimSun',serif;letter-spacing:5px;font-weight:400;color:#e2c78f;margin:0 0 14px}.activation-card>p:not(.eyebrow){font-size:12px;color:#aeb59f;line-height:1.8}.activation-card form{margin-top:28px}.activation-card label{display:block;font-size:11px;color:#c6c6ac;margin-bottom:10px;letter-spacing:1px}.activation-card input{width:100%;height:51px;border:1px solid #685a3b;background:#10170ff0;color:#e6d4ad;padding:12px 14px;border-radius:2px;font-size:16px;letter-spacing:1px}.activation-card input::placeholder{font-size:12px;letter-spacing:1px;color:#818b77}.primary{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e1c58a;background:linear-gradient(110deg,#e3c88d,#b99b62);color:#211c10;padding:12px 17px;font-size:13px;font-weight:600;border-radius:2px;margin-top:16px;letter-spacing:1px}.primary:hover{background:#edcf91}.primary span{font-size:21px;font-weight:400}.text-button{border:0;background:none;color:#ccb37d;font-size:12px;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
#gate-status{min-height:22px;color:#d9c58e;margin:14px 0 0;overflow-wrap:anywhere}#gate-status[data-tone=error]{color:#efb29b}#gate-status[data-busy=true]:before{content:'';display:inline-block;width:10px;height:10px;border:1px solid #d9bc7e55;border-top-color:#e6cd92;border-radius:50%;margin-right:8px;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
.binding-rule{display:flex;gap:12px;border-top:1px solid #6b5a364d;padding-top:18px;margin-top:17px;color:#a5ae97;line-height:1.9;font-size:11px}.binding-rule>span{font-size:23px;color:#baa16d}.binding-rule p{margin:0}.binding-rule strong{font-weight:400;color:#c9c4a7}.activation-card .gate-footnote{font-size:10px;margin-bottom:0;color:#818e7b}.saved-binding{display:flex;align-items:center;gap:12px;padding:15px 0 4px}.saved-binding strong{font-size:12px;color:#d7c399;font-weight:400}.saved-binding small{display:block;font-size:10px;color:#99a38d;margin-top:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:#c5b278;box-shadow:0 0 14px #baa26777}
.gate-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b967f;letter-spacing:1px;border-top:1px solid #89754a38;padding-top:17px}.gate-landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.45}.ridge{position:absolute;bottom:0;width:80%;height:48%;background:linear-gradient(#51613d55,#1a231300);clip-path:polygon(0 52%,9% 28%,15% 39%,24% 0,34% 45%,42% 23%,52% 60%,59% 37%,75% 70%,85% 40%,100% 80%,100% 100%,0 100%)}.ridge-back{bottom:14%;left:-10%;opacity:.5}.ridge-front{left:-7%;height:38%;background:#2e3d2555}.city-line{position:absolute;left:0;right:0;bottom:9%;height:14%;opacity:.13;background:repeating-linear-gradient(90deg,transparent 0 18px,#9e9c69 18px 28px,transparent 28px 40px);clip-path:polygon(0 90%,8% 90%,8% 50%,12% 50%,12% 75%,18% 75%,18% 20%,22% 20%,22% 80%,29% 80%,29% 35%,33% 35%,33% 100%,100% 100%,0 100%)}
#licensed-game{position:fixed;inset:0;width:100%;height:100%;border:0;background:#111611}
@media(max-width:760px){#license-gate{padding:22px 20px 18px}.gate-brand{font-size:22px;letter-spacing:3px}.gate-brand small{display:none}.seal{width:34px;height:39px;font-size:24px}.gate-layout{grid-template-columns:1fr;max-width:430px;gap:24px;margin:35px auto}.gate-intro h1{font-size:32px;line-height:1.45;margin:0;letter-spacing:5px}.gate-intro h1 br{display:none}.gate-intro .eyebrow{font-size:10px;margin-bottom:14px}.intro-copy,.intro-features{display:none}.activation-card{padding:27px 25px}.activation-card h2{font-size:29px}.gate-footer{font-size:9px;letter-spacing:0;gap:10px}.gate-layout .gate-intro{padding-left:2px}}
@media(orientation:landscape) and (max-height:600px){#license-gate{padding:15px 26px 12px}.gate-brand{font-size:20px}.seal{height:33px;width:29px;font-size:21px}.gate-layout{grid-template-columns:minmax(0,.8fr) minmax(290px,1fr);max-width:1000px;gap:34px;margin:22px auto;align-items:center}.gate-intro h1{font-size:34px;letter-spacing:4px}.gate-intro h1 br{display:block}.gate-intro .eyebrow{font-size:9px}.intro-copy,.intro-features{display:none}.activation-card{padding:22px 25px}.activation-card h2{font-size:27px}.activation-card form{margin-top:17px}.binding-rule{font-size:10px;padding-top:12px;margin-top:12px}.gate-footer{padding-top:12px}.gate-footnote{display:none}}
@media(prefers-reduced-motion:reduce){#gate-status[data-busy=true]:before{animation:none}}