:root{--ink:#111513;--muted:#68716c;--line:#dce3df;--paper:#f7faf8;--white:#fff;--green:#0a7a49;--green-soft:#e5f4eb;--red:#b42318;--red-soft:#fff0ee}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
body{margin:0;min-height:100vh;background:linear-gradient(90deg,transparent 49.9%,rgba(17,21,19,.035) 50%,transparent 50.1%);letter-spacing:0}
button,input{font:inherit;letter-spacing:0}
button,a{touch-action:manipulation}
.activation-shell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:auto;display:grid;grid-template-rows:auto 1fr auto}
.brand-bar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;font-size:19px;text-decoration:none}.brand img{display:block}
.service-state{font:650 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);display:flex;align-items:center;gap:9px}.service-state i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.credential{align-self:center;margin:44px 0;border:1px solid var(--line);background:var(--white);box-shadow:0 22px 60px rgba(26,43,34,.08);display:grid;grid-template-columns:46px 1fr;min-height:570px}
.credential-track{border-right:1px solid var(--line);background:var(--ink);color:#cad4ce;display:flex;align-items:center;justify-content:center;gap:14px;writing-mode:vertical-rl;transform:rotate(180deg);padding:20px 0;font:600 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px}.credential-track b{height:54px;border-left:1px dashed #536159}
.credential-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,46%)}
.intro{padding:58px 6vw 48px 6vw;display:flex;flex-direction:column}.eyebrow,.step{font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green);letter-spacing:1.2px}.intro h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(45px,4.6vw,68px);line-height:1.02;font-weight:500;margin:20px 0 18px}.lead{color:var(--muted);font-size:15px;line-height:1.7;max-width:390px;margin:0}.service-links{margin:28px 0 24px;border-top:1px solid var(--line)}.service-link{width:100%;min-height:64px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;text-decoration:none;cursor:pointer}.service-link span{display:grid;gap:5px}.service-link small{font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green);letter-spacing:1px}.service-link strong{font-size:14px}.service-link b{font-size:18px;font-weight:500;color:var(--green)}.service-link:hover strong{color:var(--green)}.service-link.is-disabled{cursor:not-allowed;opacity:.48}.package-list{border-bottom:1px solid var(--line);max-height:180px;overflow:auto;padding:5px 0}.package-list article{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:10px 0}.package-list article+article{border-top:1px dashed var(--line)}.package-list article strong{font-size:13px}.package-list article span{font-size:11px;color:var(--muted)}.package-list article small{grid-column:2;grid-row:1 / span 2;align-self:center;font:650 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green)}.package-empty{margin:0;padding:14px 0;color:var(--muted);font-size:12px}.assurances{margin:auto 0 0;display:flex;gap:0;border-top:1px solid var(--line);padding-top:18px}.assurances div{flex:1}.assurances dt{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green);margin-bottom:7px}.assurances dd{margin:0;font-size:13px;font-weight:650}
.terminal{background:#f1f5f2;border-left:1px solid var(--line);padding:64px clamp(30px,4.4vw,64px);display:flex;align-items:center;flex-wrap:wrap}.terminal form,.result{width:100%}.access-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0 0 30px;border:1px solid #cbd5cf;background:var(--white)}.access-tab{height:42px;border:0;border-right:1px solid #cbd5cf;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.access-tab:last-child{border-right:0}.access-tab.is-active{background:var(--ink);color:var(--white)}.form-heading{margin-bottom:32px}.form-heading h2,.result h2{font-size:25px;margin:8px 0 0}.terminal label{display:block;font-size:13px;font-weight:700;margin:20px 0 9px}.terminal label span{color:var(--muted);font-weight:500}.terminal input{display:block;width:100%;height:52px;border:1px solid #cbd5cf;background:var(--white);padding:0 15px;border-radius:3px;outline:none}.terminal input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(10,122,73,.1)}#activation-code,#history-code{font:700 16px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
#activate-button,#history-button{width:100%;height:54px;border:0;border-radius:3px;background:var(--ink);color:white;margin-top:24px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}#activate-button:hover,#history-button:hover{background:var(--green)}#activate-button:active,#history-button:active{transform:translateY(1px)}#activate-button:disabled,#history-button:disabled{opacity:.55;cursor:wait}.privacy-note{font-size:11px;color:var(--muted);text-align:center;margin:14px 0 0}.form-message{min-height:20px;margin:10px 0 -10px;font-size:12px;color:var(--red)}
.result-seal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:21px;margin-bottom:24px}.result h2{font-family:Georgia,"Songti SC",serif;font-size:34px;font-weight:500;margin:9px 0 28px}.result dl{border-block:1px solid var(--line);margin:0 0 26px}.result dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0}.result dl div+div{border-top:1px solid var(--line)}.result dt{font-size:12px;color:var(--muted)}.result dd{margin:0;font-size:13px;font-weight:700;text-align:right}.url-box{display:flex}.url-box input{border-radius:3px 0 0 3px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.url-box button{width:70px;border:0;border-radius:0 3px 3px 0;background:var(--ink);color:white;font-weight:700;cursor:pointer}.open-link{height:50px;margin-top:14px;background:var(--green);color:white;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-radius:3px;font-weight:700;font-size:14px}.text-button{display:block;margin:20px auto 0;border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:12px}
footer{height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#7b8580;font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}
@media(max-width:800px){body{background:var(--paper)}.activation-shell{width:min(100% - 28px,560px)}.brand-bar{height:72px}.credential{margin:24px 0;grid-template-columns:32px 1fr}.credential-track{padding:14px 0}.credential-main{grid-template-columns:1fr}.intro{padding:38px 26px 32px}.intro h1{font-size:43px;margin:18px 0}.assurances{margin-top:32px}.terminal{border-left:0;border-top:1px solid var(--line);padding:36px 26px}.service-state{font-size:9px}footer{height:54px}footer span:last-child{display:none}}
@media(max-width:420px){.activation-shell{width:100%}.brand-bar{height:64px;padding-inline:18px}.brand{font-size:17px}.service-state{gap:6px}.brand-bar,footer{padding-inline:18px}.credential{margin:0;border-inline:0;box-shadow:none;grid-template-columns:1fr}.credential-track{display:none}.credential-main{min-width:0}.intro{padding:26px 20px 22px}.intro h1{font-size:35px;line-height:1.05;margin:12px 0 13px}.lead{font-size:14px;line-height:1.55}.service-links{margin:18px 0 14px}.service-link{min-height:54px;padding:9px 0}.assurances{display:none}.terminal{padding:27px 20px 30px}.access-tabs{margin-bottom:22px}.form-heading{margin-bottom:24px}.form-heading h2,.result h2{font-size:23px}.terminal label{margin-top:16px}footer{height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}