/* =============================================================================
 *  01-tokens.css — 设计变量与基础重置
 *  浅色卡片式界面：白卡片 + 浅灰底 + 蓝色主操作
 * ========================================================================== */

:root {
  /* 强制浅色渲染，避免系统深色模式影响原生控件与滚动条 */
  color-scheme: light;

  /* 表面 */
  --page: #f4f5f7;
  --card: #ffffff;
  --field: #f7f8fa;
  --field-hover: #f2f4f7;

  /* 线条 */
  --line: #e8eaee;
  --line-2: #dfe3e8;
  --line-3: #cfd5dd;

  /* 文字 */
  --ink: #191c22;
  --ink-2: #5f6773;
  --ink-3: #949ba6;

  /* 主色 */
  --blue: #2170f5;
  --blue-600: #1a5fdd;
  --blue-soft: #eaf1ff;
  --blue-line: #c9dbff;

  --ok: #12b76a;
  --warn: #f79009;

  /* 尺寸 */
  --r-xs: 6px;
  --r-sm: 8px;
  --r: 10px;
  --r-lg: 14px;

  --shadow-card: 0 1px 2px rgba(16, 24, 40, .05);
  --shadow-float: 0 12px 32px -8px rgba(16, 24, 40, .18), 0 0 0 1px rgba(16, 24, 40, .04);
  --shadow-canvas: 0 8px 28px -6px rgba(16, 24, 40, .14), 0 1px 3px rgba(16, 24, 40, .06);

  /* 全站字体：思源黑体 Medium 打底（字重更足），系统雅黑 / 苹方作为同级回落 */
  --ui: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Microsoft YaHei UI",
        "Hiragino Sans GB", "Source Han Sans SC", "Segoe UI", system-ui, sans-serif;
  --mono: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", ui-monospace, Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0; height: 100%;
  background: var(--page);
  color: var(--ink);
  font-family: var(--ui);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  overflow: hidden;
}

button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; padding: 0; }
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0; }
[hidden] { display: none !important; }

::selection { background: #cfe0ff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #d7dbe1; border-radius: 99px;
  border: 3px solid transparent; background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: #c3c9d1; background-clip: padding-box; }