:root{--bg:#0b1020;--panel:#121a33;--text:#e9ecff;--muted:#aab2dd;--primary:#6ea8fe;--accent1:110 168 254;--accent2:167 139 250;--border:#ffffff1f;--shadow:0 10px 30px #00000059}[data-theme=light]{--bg:#f6f7fb;--panel:#fff;--text:#0f172a;--muted:#475569;--primary:#2563eb;--accent1:37 99 235;--accent2:124 58 237;--border:#0f172a1f;--shadow:0 10px 30px #0206171f}*{box-sizing:border-box}body{background:radial-gradient(1200px 800px at 20% 0%,rgb(var(--accent1)/.25),transparent 55%),radial-gradient(900px 600px at 90% 10%,rgb(var(--accent2)/.18),transparent 50%),var(--bg);color:var(--text);place-items:center;min-height:100vh;margin:0;padding:28px 16px;font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,Arial,sans-serif;display:grid}.app{border:1px solid var(--border);width:min(1100px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:16px;overflow:hidden}.hdr{border-bottom:1px solid var(--border);background:linear-gradient(#ffffff0f,#fff0);grid-template-columns:1fr auto;gap:12px;padding:18px;display:grid}.brand{align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(135deg,rgb(var(--accent1)),rgb(var(--accent2)));border:1px solid var(--border);border-radius:8px;width:32px;height:32px}.titleBox{flex-direction:column;gap:2px;display:flex}.titleBox h1{letter-spacing:.2px;margin:0;font-size:16px}.titleBox p{color:var(--muted);margin:0;font-size:12px}.actions{align-items:center;gap:10px;display:flex}.search{position:relative}input[type=search]{border:1px solid var(--border);background:color-mix(in srgb,var(--panel)92%,transparent);width:min(360px,65vw);color:var(--text);border-radius:12px;outline:none;padding:10px 12px}.suggest{background:color-mix(in srgb,var(--panel)96%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.suggest.on{display:block}.suggest-item{border-bottom:1px solid var(--border);cursor:pointer;gap:2px;padding:10px 12px;display:grid}.suggest-item:last-child{border-bottom:none}.suggest-item:hover{background:color-mix(in srgb,var(--primary)10%,transparent)}.suggest-item .name{font-weight:800}.suggest-item .desc{color:var(--muted);font-size:12px}button{appearance:none;border:1px solid var(--border);background:color-mix(in srgb,var(--panel)92%,transparent);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:600}.main{grid-template-columns:260px 1fr;gap:14px;padding:18px;display:grid}@media (max-width:900px){.main{grid-template-columns:1fr}}nav{border:1px solid var(--border);background:color-mix(in srgb,var(--panel)96%,transparent);border-radius:12px;padding:12px}.nav-title{margin-bottom:8px;font-weight:800}.nav-list{gap:8px;display:grid}.nav-item{border:1px solid var(--border);cursor:pointer;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.nav-item:hover{border-color:color-mix(in srgb,var(--primary)55%,var(--border))}.content{border:1px solid var(--border);background:color-mix(in srgb,var(--panel)96%,transparent);border-radius:12px;padding:16px}.kv{border-collapse:collapse;width:100%;margin-top:8px}.kv th,.kv td{border:1px solid var(--border);text-align:left;padding:8px 10px}.kv th{width:180px;color:var(--muted);background:color-mix(in srgb,var(--panel)94%,transparent)}.breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.article{gap:8px;margin-top:12px;display:grid}.article h2,.article h3{margin:6px 0}.meta{color:var(--muted);font-size:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:680px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);cursor:pointer;border-radius:12px;gap:6px;padding:12px;display:grid}.card:hover{border-color:color-mix(in srgb,var(--primary)55%,var(--border))}.pill{color:var(--muted);border:1px dashed var(--border);border-radius:999px;padding:6px 10px;font-size:12px}.ftr{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 18px 16px;font-size:12px;display:flex}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}