/* 桌面端基线样式。
 *
 * 约束：不引用公网 CDN、不引入前端框架、不使用内联脚本。
 * 页面级接口不契约化（TBC-UI-01），安全边界靠权限与审计，
 * 因此样式与脚本保持最小集合，减少 XSS 与 CSRF 的可乘之机。
 */
:root {
    --fg: #1f2328;
    --muted: #656d76;
    --line: #d0d7de;
    --bg: #ffffff;
    --panel: #f6f8fa;
    --accent: #0969da;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--fg);
    background: var(--bg);
    font: 14px/1.6 "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid var(--line);
    background: var(--panel);
}

.brand {
    font-weight: 600;
}

.topnav a {
    color: var(--accent);
    text-decoration: none;
}

.content {
    max-width: 960px;
    margin: 0 auto;
    padding: 24px;
}

.panel {
    margin-bottom: 24px;
    padding: 16px 20px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--panel);
}

h1,
h2 {
    margin: 0 0 12px;
    font-size: 18px;
}

.muted {
    color: var(--muted);
}

code {
    padding: 1px 4px;
    border-radius: 4px;
    background: #eaeef2;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
}

.footer {
    padding: 16px 24px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
}