:root{--bg:#0a0e1a;--bg2:#0f1424;--panel:#111828;--card:#151d31;--card2:#1b2440;--line:#232c47;--line2:#2f3a5e;--text:#e6ebf7;--text-lo:#aab4d0;--text-dim:#6f7896;--accent:#7c5cf0;--accent-2:#06b6d4;--cyan:#22d3ee;--ok:#34d399;--warn:#f0963c;--danger:#f05252;--radius:10px;--mono:"JetBrains Mono",Consolas,monospace}body.light{--bg:#f5f7fc;--bg2:#ffffff;--panel:#ffffff;--card:#ffffff;--card2:#eef1f8;--line:#e2e6f0;--line2:#cfd6e6;--text:#1a1a2e;--text-lo:#4a4a63;--text-dim:#7a7a8e;--accent:#6d4de0;--accent-2:#0891b2;--cyan:#0e7490}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:13px;overflow-y:auto}button{background:none;border:none;color:inherit;font-family:inherit;cursor:pointer}.tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--bg2);position:sticky;top:0;z-index:40}.tab{padding:12px 16px;font-size:13px;color:var(--text-dim);border-bottom:2px solid transparent;font-weight:600;display:inline-flex;align-items:center;gap:6px}.tab .ic{width:14px;height:14px}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-color:var(--accent)}.tab.on .ic{color:var(--accent)}.wrap{display:flex;min-height:calc(100vh - 44px)}.left{flex:1;min-width:460px;padding:16px 20px 28px;border-right:1px solid var(--line)}.right{flex:1;min-width:420px;max-width:720px;padding:16px 20px}.sec-t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text-lo);margin:14px 0 8px;letter-spacing:.3px}.sec-t.first{margin-top:0}.sec-t .bar{width:3px;height:13px;background:var(--accent);border-radius:2px;flex-shrink:0}.sec-t .ic{width:14px;height:14px;color:var(--accent-2);flex-shrink:0}.sec-t small{margin-left:auto;font-weight:400;color:var(--text-dim);font-size:11px}.right-head{display:flex;align-items:center;margin-bottom:12px}.right-head .ic{width:15px;height:15px;color:var(--accent-2);margin-right:7px}.right-head .t{font-size:14px;font-weight:700}.right-head .sp{flex:1}.right-head .hint{font-size:11px;color:var(--text-dim)}.panel{display:none}.panel.on{display:block}@media(max-width:1080px){.wrap{flex-direction:column}.left,.right{min-width:0;max-width:none;border-right:none;border-bottom:1px solid var(--line)}}