:root{color:#e8eef6;background:#0b1220;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--accent: #3d8bfd;--card: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--muted: #9bb0c9}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,#1b3a5f,#0b1220 55%);-webkit-text-size-adjust:100%}.page{max-width:860px;margin:0 auto;padding:24px 16px 64px}.hero{margin-bottom:20px}.brand{display:flex;align-items:center;gap:14px}.logo{font-size:34px;line-height:1;width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;background:#3d8bfd29;border-radius:16px}h1{font-size:24px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}.sub{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.hint{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.5}.grid{display:grid;gap:16px}@media (min-width: 720px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card:last-child{margin-bottom:0}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input{width:100%;border:1px solid #2b3d55;background:#0f1a2c;color:#fff;border-radius:10px;padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}button{margin-top:16px;border:0;border-radius:10px;padding:12px 18px;background:#21324a;color:#fff;cursor:pointer;font-weight:600;font-size:15px;min-height:44px;transition:filter .15s,opacity .15s}button:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);width:100%}button.ghost{margin:0;background:transparent;border:1px solid #3a4c66;padding:8px 14px;min-height:0}.msg{margin-top:10px;font-size:13px;line-height:1.5}.err{color:#ff8a8a}.ok{color:#7dffb3}.account .acc-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.acc-name{font-size:18px;font-weight:700}.acc-exp{color:var(--muted);font-size:13px;margin-top:4px}.acc-exp.warn{color:#ffcf6b}.kv{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted);font-size:13px}.kv .v{font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all;font-size:14px}.copy{margin:0;padding:7px 12px;min-height:0;font-size:12px;background:#3d8bfd2e;border:1px solid rgba(61,139,253,.4)}@media (max-width: 480px){.kv{grid-template-columns:78px 1fr;grid-template-areas:"k v" "copy copy"}.kv .k{grid-area:k}.kv .v{grid-area:v}.copy{grid-area:copy;justify-self:start;margin-top:4px}}.wait{padding:16px;background:#3d8bfd1f;border-radius:12px;color:#cfe0f5}.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%);background:#141c2cf5;border:1px solid var(--border);color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;box-shadow:0 8px 30px #0006;z-index:50}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}