| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- :root {
- --ink: #16202c;
- --muted: #6b7a8d;
- --line: #d7dee8;
- --bg: #f5f7fa;
- --card: #ffffff;
- --brand: #0b5fa5;
- --bad: #b42318;
- }
- * { box-sizing: border-box; }
- body {
- margin: 0;
- background: var(--bg);
- color: var(--ink);
- font: 14px/1.6 "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
- }
- .top {
- display: flex; align-items: center; justify-content: space-between;
- padding: 10px 18px; background: var(--brand); color: #fff;
- }
- .top .brand { font-size: 16px; font-weight: 600; letter-spacing: .5px; }
- .top nav button {
- margin-left: 8px; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .5);
- background: transparent; color: #fff; border-radius: 4px; cursor: pointer;
- }
- .top nav button.on { background: #fff; color: var(--brand); }
- main { padding: 16px 18px 40px; }
- .card {
- background: var(--card); border: 1px solid var(--line); border-radius: 6px;
- padding: 14px 16px; margin-bottom: 14px;
- }
- .card h2 { margin: 0 0 10px; font-size: 15px; }
- .card h2 small { color: var(--muted); font-weight: 400; }
- .hint { color: var(--muted); font-size: 12.5px; }
- table { width: 100%; border-collapse: collapse; font-size: 13px; }
- th, td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; }
- th { background: #eef2f7; font-weight: 600; }
- tr.bad td { color: var(--bad); }
- code { font-family: Consolas, "Courier New", monospace; font-size: 12.5px; }
- button.re { margin-left: 10px; padding: 2px 10px; cursor: pointer; }
- ul { margin: 6px 0 0 18px; padding: 0; }
|
