/* ============================================================================
   tokens.css — 全站设计令牌 + 组件统一化覆盖（在各页 <style> 与 mobile.css 之后引入）
   目标：字号 7 档 / 间距 4px 栅格 / 色彩语义 token（亮暗两套）/ Chip·Tag·Badge 收敛
   ========================================================================== */
:root{
  /* 字号阶梯（全站仅用这 7 档） */
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:24px; --fs-2xl:32px;
  /* 间距（4px 栅格） */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px; --sp-8:32px; --sp-12:48px;
  /* 语义色彩（亮色） */
  --surface:#ffffff; --surface-2:#f4f5f9; --surface-3:#eef0f5;
  --border-1:#e8eaf0; --border-2:#d6dae3;
  --text-1:#0f1729; --text-2:#475569; --text-3:#94a3b8;
  --accent-1:#6d5efc; --accent-soft:#efeaff; --accent-border:#ddd6fe;
  --ok:#059669; --ok-soft:#e6f6ef; --warn:#b45309; --warn-soft:#fdf2e0; --info:#0369a1; --info-soft:#e0f2fe;
  /* 阴影三档 */
  --shadow-sm:0 1px 2px rgba(15,23,41,.05);
  --shadow-md:0 1px 2px rgba(15,23,41,.04),0 2px 8px rgba(15,23,41,.06);
  --shadow-lg:0 10px 30px rgba(15,23,41,.10);
  /* 圆角 */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-full:999px;
}
html[data-theme="dark"]{
  --surface:#161d2e; --surface-2:#0e1320; --surface-3:#1a2136;
  --border-1:#26304a; --border-2:#324061;
  --text-1:#e7eaf3; --text-2:#aab2c8; --text-3:#6b7690;
  --accent-soft:#2a2350; --accent-border:#3b3277;
  --ok-soft:#12291f; --warn-soft:#2d2312; --info-soft:#122334;
}

/* ---------- Chip / Tag / Badge 统一化覆盖 ----------
   全站 7 种胶囊族收敛到统一的字号 / 圆角 / 内边距节奏 */
.tag,.kw,.duty{font-size:var(--fs-xs) !important;border-radius:var(--r-sm) !important;padding:3px 9px !important;line-height:1.5}
.fchip,.fbtn{font-size:var(--fs-sm) !important;border-radius:var(--r-full) !important}
.hc-links a,.hotkws button{font-size:var(--fs-xs) !important;border-radius:var(--r-full) !important;padding:5px 12px !important}
.badge-stale,.badge-dead,.new,.badge-applied{font-size:10px !important;border-radius:5px !important}

/* details 折叠：替换浏览器默认三角，向专业组件靠拢 */
details.foot{max-width:1180px;margin:10px auto;padding:0 24px}
details.foot summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-sm);font-weight:600;color:var(--text-2);padding:6px 0;user-select:none}
details.foot summary::-webkit-details-marker{display:none}
details.foot summary::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);
  transform:rotate(-45deg);transition:transform .15s;flex:none}
details.foot[open] summary::before{transform:rotate(45deg)}
details.foot summary:hover{color:var(--accent-1)}

/* 「加载更多」按钮：给足层级与反馈 */
.more{border:1px solid var(--border-1) !important;box-shadow:var(--shadow-md) !important;
  font-size:var(--fs-base) !important;font-weight:700 !important;transition:.15s !important}
.more:hover{border-color:var(--accent-1) !important;color:var(--accent-1) !important;box-shadow:var(--shadow-lg) !important;transform:translateY(-1px)}