/* 拾链 · 影视解析系统 — 设计变量
   风格：极简白 / 大留白 / 细线 / 黑白加一点蓝
   颜色、字号、间距、圆角、阴影都从这里取，页面里不写魔法数字 */
:root{
  /* ---- 颜色 ---- */
  --c-bg:#FAFAF9;
  --c-surface:#FFFFFF;
  --c-sunken:#F4F4F5;
  --c-text:#18181B;
  --c-muted:#6B6B73;
  --c-faint:#6E6E76;
  --c-line:#E4E4E7;
  --c-line-strong:#D4D4D8;
  --c-primary:#18181B;
  --c-on-primary:#FFFFFF;
  --c-accent:#2563EB;
  --c-accent-tint:#F2F6FF;
  --c-accent-on-dark:#8FB0FF;

  /* 深色面：播放器、代码块 */
  --c-ink:#18181B;
  --c-ink-2:#232328;
  --c-ink-text:#EDEDEF;
  --c-ink-muted:#A1A1AA;
  --c-ink-line:#33333A;

  /* ---- 字体 ---- */
  --f-sans:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --f-mono:"SF Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* 字号阶梯 */
  --fs-12:12px;
  --fs-13:13px;
  --fs-14:14px;
  --fs-16:16px;
  --fs-20:20px;
  --fs-24:24px;
  --fs-32:32px;
  --fs-40:40px;
  --fs-56:56px;

  --lh-tight:1.12;
  --lh-title:1.3;
  --lh-body:1.72;

  /* ---- 间距（4 的倍数）---- */
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:24px;
  --s-6:32px;
  --s-7:48px;
  --s-8:64px;
  --s-9:96px;

  /* ---- 形状 ---- */
  --r-sm:6px;
  --r:10px;
  --r-lg:14px;
  --r-pill:999px;
  --shadow:0 1px 2px rgba(24,24,27,.06);
  --shadow-lift:0 6px 20px rgba(24,24,27,.08);

  --w-page:1120px;
  --w-prose:36em;

  --ease:cubic-bezier(.2,.8,.2,1);
}