:root{--bg: #0b0e1a;--bg2: #101426;--card: #161b30;--card2: #1c2240;--border: #262d4d;--text: #e8eaf2;--muted: #9aa2bf;--accent: #0e7bf0;--accent2: #3fa0ff;--ok: #2fbf71;--warn: #e6a23c;--err: #f56c6c}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:HarmonyOS Sans SC,Microsoft YaHei UI,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:100;background:#0b0e1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:18px}.brand:hover{text-decoration:none}.brand-logo{width:30px;height:30px}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:var(--muted);padding:6px 12px;border-radius:8px;font-size:14px}.nav a:hover{color:var(--text);background:var(--card);text-decoration:none}.nav a.router-link-active{color:var(--text);background:var(--card)}.nav .nav-admin{border:1px solid var(--border)}main{min-height:calc(100vh - 140px)}.footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:13px;text-align:center;margin-top:48px}.hero{padding:90px 20px 70px;text-align:center;background:radial-gradient(ellipse 60% 60% at 50% -10%,rgba(14,123,240,.28),transparent),var(--bg)}.hero h1{font-size:44px;margin:18px 0 8px}.hero .slogan{color:var(--muted);font-size:18px;margin-bottom:30px}.hero .logo{width:96px;height:96px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:15px;cursor:pointer}.btn:hover{background:var(--accent2);text-decoration:none;color:#fff}.btn.big{padding:14px 34px;font-size:17px}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.ghost:hover{border-color:var(--accent)}.btn.danger{background:var(--err)}.btn.sm{padding:5px 12px;font-size:13px;border-radius:7px}.btn:disabled{opacity:.5;cursor:not-allowed}.section{padding:40px 0}.section h2{font-size:26px;margin-bottom:22px}.grid{display:grid;gap:16px}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.card h3{margin-bottom:8px;font-size:17px}.card p{color:var(--muted);font-size:14px}.card.click{cursor:pointer;transition:border-color .15s}.card.click:hover{border-color:var(--accent)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th,table.tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}table.tbl th{color:var(--muted);font-weight:600}input,select,textarea{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea.code{font-family:Consolas,monospace;font-size:13px;min-height:220px;width:100%}label.f{display:block;margin-bottom:12px}label.f span{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}label.f input,label.f select,label.f textarea{width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;border:1px solid var(--border);color:var(--muted)}.tag.ok{color:var(--ok);border-color:var(--ok)}.tag.warn{color:var(--warn);border-color:var(--warn)}.tag.err{color:var(--err);border-color:var(--err)}.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}.alert.err{background:#f56c6c1f;border:1px solid var(--err);color:#ffb3b3}.alert.ok{background:#2fbf711f;border:1px solid var(--ok);color:#a8e6c3}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:30px 0}.docs-side a{display:block;padding:7px 12px;color:var(--muted);border-radius:8px;font-size:14px}.docs-side a.active,.docs-side a:hover{color:var(--text);background:var(--card);text-decoration:none}.doc-body{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px}.doc-body h1{font-size:24px;margin-bottom:16px}.doc-body h2{font-size:19px;margin:22px 0 10px}.doc-body p,.doc-body li{color:#c6cbdd;font-size:14.5px}.doc-body ul,.doc-body ol{padding-left:22px;margin:8px 0}.doc-body code{background:var(--bg2);padding:2px 7px;border-radius:5px;font-size:13px}.doc-body pre{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px;overflow-x:auto;margin:10px 0}.doc-body pre code{background:none;padding:0}.switch{position:relative;width:42px;height:22px;background:var(--border);border-radius:20px;cursor:pointer;transition:.2s;border:none}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.switch.on:after{left:23px}.market-item{display:flex;gap:14px;align-items:flex-start}.market-item img.icon{width:52px;height:52px;border-radius:10px;background:var(--bg2)}.pager{margin-top:14px}@media (max-width: 720px){.docs-layout{grid-template-columns:1fr}.hero h1{font-size:32px}}