/* BUILD:39072810m theme */
/* ============================================================
   晓之俱乐部 · 「傻牛」主题 · 设计令牌层
   ------------------------------------------------------------------
   几何数值（圆角 / 阴影 / 内容宽度）对齐参考站 aitudou.cn 的真实取值：
     · 内容宽度 min(calc(100% - 48px), 1600px)
       🔴 2026-10-07 改。注释原写「对齐参考站 min(91.3%,1280px)」，但2026-10-07
          用 playwright 实测 aitudou.cn 当前值是 **1402/1440 = 97.4%**（section 通栏
          pad0，内层 1402），已不是 91.3%。旧值导致 1440 屏下首页 hero 只有 1114px
          （三层叠加：page-container → .page → .section 的 --content-w），
          用户报障「两边留那么多给谁看的」。
     · 按钮圆角 7px / 卡片 8px / 封面图 5px / 标签 4px
     · 卡片阴影极淡 0 5px 20px #12304705
   配色：2026-10-07 起改为对齐参考站实测值（bg #FFFAF2 / 主文字 #123047 / 品牌橙 #FF6535 / 亮黄 #FFD93D / 青绿 #13834A），不再是「棕褐」体系。
   级联顺序：site.css → theme.css（本文件） → extra.css → pet.css（视觉层）
   改配色改本文件的两组变量即可，不要动 site.css。
   ============================================================ */

/* ---------- 亮色：奶油底 · 棕褐主色 · 暖橙点缀 ---------- */
:root,
html[data-theme="light"] {
  color-scheme: light;

  --sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --display: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "JetBrains Mono", "Geist Mono", "SF Mono", ui-monospace, "Courier New", monospace;

  /* 底色：奶油白（贴近参考站的 #fffaf2，再往傻牛的奶油色偏一点） */
  --bg: #FFFAF2;
  --bg-soft: #FFFDF8;
  --paper: #FFFFFF;
  --paper-2: #FFF7EA;

  /* 文字 */
  --ink: #123047;
  --ink-2: #2C4A63;
  --muted: #5A7387;
  --mute-2: #8CA0B0;

  /* 描边 */
  --hair: #ECE3D5;
  --hair-2: #DCCFB8;

  /* 主色：棕褐 */
  --accent: #F2551F;
  --accent-hov: #D8450F;
  --accent-ink: #FFFFFF;

  /* 点缀：暖橙（编号徽章 / 高亮） */
  --amber: #F0A21C;
  --amber-2: #FFC93C;

  --clay: #E8542F;
  --sage: #13834A;
  --ok: #13834A;
  --danger: #D93A22;

  --code-bg: #2B2117;
  --code-fg: #F3E8D6;
  --code-border: #3C3021;

  /* 几何 —— 对齐参考站（2026-10-07 按实测值修正，原91.3%/1280px 已过时） */
  --content-w: min(calc(100% - 48px), 1600px);
  --r-xs: 4px;      /* 标签 / label */
  --r-sm: 5px;      /* 封面图 */
  --r-md: 8px;      /* 卡片 / 价卡 / 方案卡 */
  --r-lg: 14px;     /* 大面板 */
  --r-xl: 20px;     /* Hero / 横幅 */
  --r-btn: 7px;     /* 按钮 */
  --r-pill: 999px;  /* 筛选胶囊 */

  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .32s;

  /* 阴影：极淡，参考站口径 */
  --sh-1: 0 5px 20px rgba(70, 50, 25, .05);
  --sh-2: 0 18px 44px -18px rgba(70, 50, 25, .18);
  --sh-a: 0 12px 34px rgba(139, 94, 52, .28);
  --sh-amber: 0 8px 24px rgba(200, 126, 43, .30);
}

/* ---------- 暗色：深可可棕 ---------- */
html[data-theme="dark"],
html[data-theme="dark-cool"],
[data-theme="dark"] {
  color-scheme: dark;

  --bg: #16110C;
  --bg-soft: #1B150F;
  --paper: #221A13;
  --paper-2: #2A2117;

  --ink: #F7ECD9;
  --ink-2: #E0D2B9;
  --muted: #A7947A;
  --mute-2: #74624A;

  --hair: #33281C;
  --hair-2: #463724;

  --accent: #D9A055;
  --accent-hov: #EAB672;
  --accent-ink: #201709;

  --amber: #E2A24A;
  --amber-2: #F0C078;

  --clay: #D2744A;
  --sage: #86A46F;
  --ok: #6FB273;
  --danger: #E0654A;

  --code-bg: #0E0905;
  --code-fg: #F3E8D6;
  --code-border: #2A2015;

  --sh-1: 0 5px 20px rgba(0, 0, 0, .35);
  --sh-2: 0 18px 44px -18px rgba(0, 0, 0, .7);
  --sh-a: 0 12px 34px rgba(217, 160, 85, .24);
  --sh-amber: 0 8px 24px rgba(226, 162, 74, .28);
}

/* ---------- 全局底座 ---------- */
html { background: var(--bg); }

body {
  color: var(--ink);
  background-color: var(--bg);
  background-image:
    radial-gradient(1100px 620px at 6% -10%, color-mix(in srgb, var(--amber) 9%, transparent), transparent 62%),
    radial-gradient(900px 560px at 98% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: color-mix(in srgb, var(--amber) 38%, transparent); color: var(--ink); }

* { scrollbar-color: var(--hair-2) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--hair-2) 90%, transparent);
  border: 2px solid transparent;
  border-radius: var(--r-pill);
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--accent) 50%, transparent); background-clip: content-box; }

:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 65%, transparent); outline-offset: 2px; }