:root{color-scheme:dark;font:15px/1.7 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#e7f1ff;background:#080f1c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#10314988,transparent 45%),linear-gradient(#11203544 1px,transparent 1px),linear-gradient(90deg,#11203544 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;min-height:100vh}a{color:#8bddf3;text-decoration:none}a:hover{text-decoration:underline}header,footer{max-width:960px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:24px}header{border-bottom:1px solid #22334b}main{max-width:800px;margin:auto;padding:64px 24px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#69d8f1}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-.04em;margin:12px 0}h2{font-size:21px}h3{margin:0}.intro,p{color:#a7bbd2}.intro{max-width:580px}aside{background:#291a27;border:1px solid #634052;padding:20px 24px;border-radius:16px;margin:32px 0}aside strong{color:#ffc3ca}aside p{margin:8px 0 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}button,.button{background:#16344d;color:#c6f6ff;border:1px solid #365e78;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#214862}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #77e1fa;outline-offset:3px}.card{background:#111f31;border:1px solid #293e58;padding:24px;border-radius:18px;margin:16px 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.region{font-size:12px;color:#82e4d3;border:1px solid #285b59;padding:3px 10px;border-radius:20px}.note{white-space:pre-wrap;overflow-wrap:anywhere}.credentials{margin-top:16px;border-top:1px solid #293e58}.credential{display:flex;align-items:center;gap:12px;border-bottom:1px solid #293e58;padding:14px 0}.credential span{width:65px;flex-shrink:0;color:#9db7cf}.credential code{min-width:0;flex:1;overflow-wrap:anywhere;user-select:all}.credential button{flex-shrink:0}.footnote,footer,#login p{font-size:12px;color:#819ab5}[hidden]{display:none!important}footer{border-top:1px solid #22334b}#status{min-height:26px}@media(max-width:480px){main{padding:40px 18px}.card{padding:18px}.credential{flex-wrap:wrap}.credential code{flex-basis:60%}.credential button{margin-left:auto}.toolbar h2{font-size:18px}header{font-size:13px}}
:is(.card-head h3){min-width:0;overflow-wrap:anywhere}.region{flex-shrink:0;white-space:nowrap}
