*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f4f6fa;--panel: #ffffff;--ink: #1f2937;--ink-2: #6b7280;--line: #e5e7eb;--blue: #2563eb;--blue-soft: #eff6ff;--green: #10b981;--purple: #8b5cf6;--orange: #f59e0b;--radius: 12px}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink)}.layout{display:flex;flex-direction:column;height:100%}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:32px;padding:0 28px;background:#0f172a;color:#fff}.brand{color:#fff;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:.5px}.nav{display:flex;gap:6px}.nav a{color:#cbd5e1;text-decoration:none;font-size:14px;padding:6px 14px;border-radius:8px;transition:all .15s}.nav a:hover{color:#fff;background:#ffffff14}.nav a.active{color:#fff;background:var(--blue)}.content{flex:1;min-height:0;overflow:auto}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}