/* ============================================================================
 * 全站统一层（收口第 1、2 件 · Peter 2026-10-13「执行 1+2」）
 * ----------------------------------------------------------------------------
 * ⭐ 唯一回退点：把 index.html 里指向本文件的 <link> 删掉一行，即完全回到改动前。
 *
 * 做两件事：
 *   ① 字体：全站**一套**栈 —— 中文 PingFang SC → 站内 webfont Noto Sans SC → 微软雅黑…；
 *      关键：Noto Sans SC **提到微软雅黑之前**（此前它在雅黑后面 ⇒ Windows 永远轮不到站内字体）。
 *      并全站开 `font-synthesis:none`：**禁伪粗体**（真字重，苹果风最忌合成加粗）。
 *   ② 页面基线：内容起点 20 · 内容宽 1400 · 一级块间距 16（每页同一套）。
 *
 * 明确**不动**（Peter 定的红线）：
 *   · 首页封面栅格 `#homeCover` / `#homeCoverFixed`（自成一屏，一像素不动）
 *   · 导航外壳 `#hcNav` / `nav.top`（今天刚修完抖动与 logo 双版）
 *   · 各页**卡片内部**的圆角/描边/字号（那是第 3、5、6 件的事）
 *   · 大课堂左右栏结构与内部排布（只对齐"页面级"三件事）
 * ========================================================================== */
:root{
  --font-sans:"PingFang SC","Noto Sans SC","Microsoft YaHei","Helvetica Neue",Arial,system-ui,sans-serif;
  --font-cjk:"PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --font-latin:"SF Pro Display","Helvetica Neue",Arial,system-ui,sans-serif;
  --fde-font:var(--font-sans);
  --hf-font:var(--font-sans);
  /* 页面基线（想改基线只改这三个值） */
  --page-gutter:20px;
  --page-max:1400px;
  --block-gap: 16px;
}
html{font-synthesis:none}
/* 首页封面根（#hcRoot）：只用"继承"改字体族，**不给子元素加 !important**，
 * 以免压掉封面里刻意的数字字体（--font-num / tabular-nums）。 */
#hcRoot{font-family:var(--font-sans) !important}

/* ---------- ① 页面级基线：起点 / 宽 / 一级块间距（每页同一套）---------- */
/* 只改"本来就不合规"的两页（招聘 1120→1400 · 成长 1200→1400）；
 * 大课堂 / 自习室 / 工具合集 实测已是 20 / 1400 ⇒ **一行不碰**（最小改动原则）。 */
#page-jobs .jobs-wrap,
#page-growth .v17-growth-wrap{
  max-width:var(--page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--page-gutter) !important;
  padding-right: var(--page-gutter) !important;
  box-sizing:border-box !important;
}
/* 一级块间距：只作用于"页面级内容列的相邻块"，不碰卡片内部 */
#page-jobs .jobs-wrap > * + *,
#page-growth .v17-growth-wrap > * + *,
#page-studyroom .fde-ws__main > * + *,
#page-tools > * + *{
  margin-top: var(--block-gap) !important;
}
/* 相邻块的间距 = max(前一块 margin-bottom, 后一块 margin-top)（外边距折叠）⇒
 * 只设 margin-top 是压不住的（实测招聘仍是 22/28、成长 20、自习室 30）⇒ 同时把前一块的下边距清零。 */
#page-jobs .jobs-wrap > *,
#page-growth .v17-growth-wrap > *,
#page-studyroom .fde-ws__main > *,
#page-tools > *{
  margin-bottom: 0 !important;
}

/* ---------- ② 预留空间：按**实测的稳定高度**预留（治切页时内容自己撑开）----------
 * 取值来源：`work/_ur/_probe-growth2.js` 在 1440×900 实测（切页 50ms 时 vs 1.6s 后）：
 *   #fdeToolsFilterBar  36 → 129（+93）   #toolGrid  0 → 1454（+1454，53 张卡）
 *   .p9-card.p9-span-full（成长） 30 → 260（+230）
 * 只在**桌面档**预留（就是量取值的档位）：min-height ≤ 稳定高度 ⇒ 内容到位后**不会再长**，观感零变化。 */
@media (min-width:1200px){
  /* 注意：`#toolGrid` 首次进入时是"隐藏待渲染"状态，min-height 对它无效 —— 必须把预留放在
   * **始终可见的父容器** `#toolContent` 上（实测稳定高 1734px），否则预留形同虚设。 */
  #toolContent{min-height:1734px}
  #page-growth .p9-card.p9-span-full{min-height:230px}
}
img{max-width:100%}
img[width][height]{height:auto}

/* ---------- ③ 收口第 3 件：屏标题规范（首页全部屏）----------
 * 现状（1440 实测）：6 屏眉标**全是金框胶囊** —— 1px `rgba(205,181,127,.6)` 边框 + 金字
 *   `rgb(138,111,62)`（f1 还多一层 12.5px/400）；标题字重不齐：f1 = 700，其余 5 屏 = 600。
 * 规范：眉标**去框去色**（无底、无框、无圆角）→ 只靠**字重 700 + 中灰 + 字距**做层级；
 *   标题统一 **700**、墨色 `#0B1020`、字距 −0.01em（字号保持各屏自己的响应式值，不在本层写死，
 *   以免压掉移动档）。**不要黄色**（Peter 明确）。 */
/* ⚠️ 特异度要压过生成器里的 `#hcRoot #homeCover .feat.market .k`（2 id + 3 class）⇒
 * 用 `.k.k.k`（等同 3 个 class）与 `h2:not(#x)` 把权重抬上去；本文件在 home-v5.css **之后**加载，
 * 同权重则**后者胜**。 */
#hcRoot #homeCover .k.k.k{
  background:none !important;
  border:0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color:#6E6E73 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height:1.6 !important;
  letter-spacing:.08em !important;
}
#hcRoot #homeCover h2:not(#nonexistent){
  color:#0B1020 !important;
  font-weight: 600 !important;
  letter-spacing:-.01em !important;
}

/* ---------- ④ 收口第 6 件：大课堂「日期切换 + 便签」（只精修这一块，**不动大课堂排布**）----------
 * 现状（1440 实测）：控件是「‹ [日期框] › 今天」四个**各自独立**的圆角块，黄底黄框；
 *   箭头是文字字符 ‹ ›（15px，热区 28×30）；日期框显示成「⋯」（宽度被挤到读不出日期）。
 * 规范：① 整体一个**胶囊**，内部**等宽分片**；② 选中态 = 主色 `#4F6BED` 实心 + 白字；
 *   ③ 箭头 = **线性图标 24px、热区 44px**（用 data-URI SVG 背景实现，**不改 HTML**）；
 *   ④ 便签去黄 ⇒ 中性底 + `1px #E8E8ED` + 14px 圆角，与全站卡片同族。
 * 特异度：index.html 里的 `<style>` 在本文件**之后**，且带 !important ⇒ 这里用 `html #fdeNotesCard …`
 *   把权重抬上去（1 id + 1 class + 1 element），同权重时"后写者胜"的规则就不再生效。 */
html #fdeNotesCard.fde-notes-card{
  background:#FFFFFF !important;
  border:1px solid #E8E8ED !important;
  border-radius: 14px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
html #fdeNotesCard .fde-notes-hd b{color:#1D1D1F !important}
html #fdeNotesCard .fde-notes-icon{
  width:32px !important;height:32px !important;border-radius: 14px !important;
  border:1px solid #E8E8ED !important;background:#F5F5F7 !important;color:#6E6E73 !important;
}
html #fdeNotesCard .fde-notes-icon:hover{background:#E8E8ED !important;color:#1D1D1F !important}
/* 分段控件外壳：一个胶囊 */
html #fdeNotesCard .fde-notes-nav{
  display:flex !important;align-items:center !important;gap: 4px !important;
  width:100% !important;box-sizing:border-box !important;   /* 占满卡片宽 ⇒ 日期分片才读得出日期（实测不加只剩 49px） */
  background:#F5F5F7 !important;border:1px solid #E8E8ED !important;border-radius: 999px !important;
  padding: 4px !important;margin-bottom: 8px !important;
}
/* 2026-10-13 Peter 定：**去掉左右箭头**（右栏 228px 装不下），改为「**直接点日期 → 打开日期列表 → 选哪天看哪天的便签**」。
 * 释放的 88px 归给日期分片 ⇒ 完整日期（`2026-10-13`）不再被裁。原按钮只隐藏、不删（回退=删这一条）。 */
html #fdeNotesCard .fde-notes-step{display:none !important}
/* 日期分片：等宽、居中、能读出日期（改造前被挤成「⋯」） */
html #fdeNotesCard .fde-notes-dateinp{
  flex:1 1 auto !important;min-width:0 !important;height:36px !important;
  background:transparent !important;border:0 !important;border-radius: 999px !important;
  color:#1D1D1F !important;font-size: 13px !important;font-weight: 600 !important;
  font-family:inherit !important;text-align:center !important;font-variant-numeric:tabular-nums !important;
  padding: 0 8px !important;box-sizing:border-box !important;color-scheme:light !important;
}
html #fdeNotesCard .fde-notes-dateinp::-webkit-datetime-edit{color:#1D1D1F !important;font-weight: 600 !important}
html #fdeNotesCard .fde-notes-dateinp::-webkit-calendar-picker-indicator{opacity:.45 !important;cursor:pointer !important}
/* 「今天」分片：未选中透明灰字；选中（=正在看今天）= 主色实心白字 */
html #fdeNotesCard .fde-notes-today{
  flex:0 0 auto !important;height:36px !important;padding: 0 8px !important;   /* 右栏仅 228px：缩到 10px 给日期分片让出宽度 */
  background:transparent !important;border:0 !important;border-radius: 999px !important;
  color:#6E6E73 !important;font-size: 13px !important;font-weight: 600 !important;cursor:pointer !important;
}
/* ⚠️ 2026-10-13 08:20 回退：曾试"纯 CSS 隐藏日期'年'字段"让它显示 MM/DD —— **实测无效且更糟**：
 * 线上截图显示日期被裁成「202」（比原来的「⋯」更误导）。⇒ 本方案作废，改走"本层 JS 覆盖显示层"
 * （保留输入框用于选择，另外画一个 MM-DD 文本层；独立文件 + 一行回退）。 */
html #fdeNotesCard .fde-notes-today:hover{background:#E8E8ED !important;color:#1D1D1F !important}
html #fdeNotesCard .fde-notes-today.is-on{background:#4F6BED !important;color:#FFFFFF !important}
/* 便签本体：去黄 → 中性底 + 细描边 + 同族圆角；默认 3 行高 */
html #fdeNotesCard .fde-notes-ta{
  background:#FFFFFF !important;border:1px solid #E8E8ED !important;border-radius: 14px !important;
  color:#1D1D1F !important;font-size: 13px !important;line-height:1.7 !important;
  padding: 8px !important;max-height:320px !important;resize:vertical !important;
}
html #fdeNotesCard .fde-notes-ta:focus{border-color:#4F6BED !important;background:#FFFFFF !important}
html #fdeNotesCard .fde-notes-ta::placeholder{color:#8E8E93 !important}
html #fdeNotesCard .fde-notes-tip{color:#8E8E93 !important}
/* ---------- ⑤ Peter 2026-10-13：「上面窗口去掉，下面的记录窗口吞并上面的空间」----------
 * 去掉的是「近期便签 · 点击回看」那条（`.u1-notesrecent`，由 u1.js 运行时插入）；
 * 让便签输入框（`.fde-notes-ta`）吞掉它让出的高度：min-height 83.75px → 140px
 *（≈原 3 行 63.75px + 内距 20px + 被去掉那条约 56px）。
 * 只隐藏、不删节点 ⇒ 删这两条规则即完全还原；u1.js 里 `recent.style.display=''` 不会覆盖（它是空内联）。 */
html #fdeNotesCard .u1-notesrecent{display:none !important}
html #fdeNotesCard .fde-notes-ta{min-height:140px !important}
html #fdeNotesCard .fde-notes-save{
  background:#4F6BED !important;border-radius: 999px !important;color:#fff !important;
  font-size: 13px !important;font-weight: 600 !important;padding: 8px 16px !important;
}
html #fdeNotesCard .fde-notes-save:hover{background:#3F58D9 !important}
html #fdeNotesCard.fde-notes-card.is-guest .fde-notes-ta{background:#F5F5F7 !important;color:#8E8E93 !important;border-color:#E8E8ED !important}
html #fdeNotesCard.fde-notes-card.is-guest .fde-notes-tip{color:#8E8E93 !important}