/* ============================================================
   申小记 - 基础样式（Reset + 基础元素）
   仅包含全局重置和 HTML 原生元素的基础样式。

   CSS 加载顺序（所有页面统一引用）：
     1. tokens.css      — 设计令牌（CSS 变量）
     2. base.css        — 本文件（重置 + 基础元素）
     3. components.css   — 可复用组件
     4. layout.css       — 布局工具
     5. pages.css        — 页面专属样式（按需）
     6. notes.css / messages.css — 特定页面样式（按需）
   ============================================================ */

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--ink);
}

/* ---- select 基础样式 ---- */
select {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  font-size: 12px;
}

select option {
  color: #1F2530;
}

/* ---- 滚动条 ---- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #C7CDD3;
  border-radius: 4px;
}