/* 浅色、表格密度高、色彩克制（方案 §6.6）。不写内联样式，配合 CSP。 */
:root { --fg: #1f2328; --muted: #6e7781; --line: #d0d7de; --bg: #ffffff; --accent: #0969da; --warn: #9a6700; }
* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.5 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--fg); background: var(--bg); }
.top { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; border-bottom: 1px solid var(--line); }
.brand { font-weight: 600; color: var(--fg); text-decoration: none; }
nav a { margin-right: 12px; color: var(--accent); text-decoration: none; }
main { padding: 16px; max-width: 1200px; }
.card { display: grid; gap: 8px; max-width: 360px; }
.card label { display: grid; gap: 4px; }
input, select, button { font: inherit; padding: 4px 8px; }
form.inline { display: inline; }
table { border-collapse: collapse; width: 100%; }
th, td { border-bottom: 1px solid var(--line); padding: 4px 8px; text-align: left; vertical-align: top; }
.muted { color: var(--muted); }
.message { color: var(--warn); }