/* ============================================================
   潜龙八字 · 皮肤 09「dawn」· patch.css
   ------------------------------------------------------------
   职责：把「朱曦暖阳」的晨光感落到组件上（不动版式，EL-5）。
   两类事：① 细节小巧思（本套 9 条）② 可视化增强（3 处）

   本套的补丁必须**强化与 01「light 宣纸朱砂」的分野**：
     light = 旧纸（米黄底 + 描金细边 + 中密度 + 小圆角）
     dawn  = 新晨（更亮的奶白底 + 长而淡的影 + 圆润 + 唯一用胶囊圆角）

   ⚠ 高明度浅底是**对比度最危险**的一类：本套所有承载文字的令牌都在 skin.css
     按 --surface-2 这一档最亮的底复核过，补丁里**不得**引入新的浅色文字。

   ⛔ 不含栅格 / 间距阶 / 模块秩序（归 css/layout-v3.css）。
   ⛔ 只消费 var(--*)；不新增令牌；无强制优先声明；无断点型媒体查询。
   ⛔ 类名取自真实样式表；注释内不写块注释的结束符号片段（硬教训 10）。
   ============================================================ */

/* ------------------------------------------------------------
   一 · 细节小巧思（9 条）
   ------------------------------------------------------------ */

/* 巧思 1：卡片浮起来靠**长而淡的影**（低角度晨光），不是靠边框。
   所以边框压到最浅，把「体量」全部交给阴影 —— 这是本套的定义性做法。 */
[data-skin="dawn"] .card{
  border: 1px solid var(--line);
  box-shadow: var(--shadow-md);
}

/* 巧思 2：卡片标题下压一条**琥珀细线**（晨光穿过蜜的颜色）。 */
[data-skin="dawn"] .card-title{
  border-bottom: 1px solid var(--gold-soft);
}

/* 巧思 3：当前页签 = 朱曦实条 + 圆润胶囊（九套里唯一用满胶囊的一套）。 */
[data-skin="dawn"] .tab.active{
  background: var(--brand);
  color: var(--surface);
  border-radius: var(--r-pill);
}

/* 巧思 4：主按钮 = 朱曦实底 + **暖色投影**（不是灰影）。
   暖色影是晨光下物体该有的样子 —— 灰影会让整个画面「变阴」。 */
[data-skin="dawn"] .primary-btn{
  background: var(--brand);
  color: var(--surface);
  box-shadow: 0 2px 8px var(--brand-glow);
}
[data-skin="dawn"] .primary-btn:active{
  transform: translateY(1px);
  box-shadow: none;
}

/* 巧思 5：表头 = 暖奶白底 + 晓青下边线（高亮底上必须靠「线」给表头定界）。 */
[data-skin="dawn"] .pillars-table th{
  background: var(--surface-2);
  border-bottom: 1px solid var(--accent);
}

/* 巧思 6：四柱干支字重 800 + 略开字距 —— 晨光下的字要「立得住」。 */
[data-skin="dawn"] .pillar .p-gan,
[data-skin="dawn"] .pillar .p-zhi{
  font-weight: 800;
  letter-spacing: .02em;
}

/* 巧思 7：聚焦环 = 朱曦柔环（跟着圆角走，本套圆角大，必须用 box-shadow）。 */
[data-skin="dawn"] .tab:focus-visible,
[data-skin="dawn"] .quick:focus-visible,
[data-skin="dawn"] .tl-item:focus-visible,
[data-skin="dawn"] .seg:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px var(--brand-soft), 0 0 0 4px var(--brand-glow);
}

/* 巧思 8：滚动条 = 暖灰胶囊（柔和，与圆润主张一致）。 */
[data-skin="dawn"] .tl-scroll::-webkit-scrollbar,
[data-skin="dawn"] .detail-scroll::-webkit-scrollbar,
[data-skin="dawn"] .ai-msgs::-webkit-scrollbar,
[data-skin="dawn"] .rp-toc-side::-webkit-scrollbar{
  width: 9px; height: 9px;
}
[data-skin="dawn"] .tl-scroll::-webkit-scrollbar-thumb,
[data-skin="dawn"] .detail-scroll::-webkit-scrollbar-thumb,
[data-skin="dawn"] .ai-msgs::-webkit-scrollbar-thumb,
[data-skin="dawn"] .rp-toc-side::-webkit-scrollbar-thumb{
  background: var(--line-strong);
  border-radius: 999px;
}
[data-skin="dawn"] .tl-scroll::-webkit-scrollbar-track,
[data-skin="dawn"] .detail-scroll::-webkit-scrollbar-track,
[data-skin="dawn"] .ai-msgs::-webkit-scrollbar-track,
[data-skin="dawn"] .rp-toc-side::-webkit-scrollbar-track{
  background: transparent;
}

/* 巧思 9：报告章序号 = 朱曦胶囊（实底 + 白字 + 全圆角）。 */
[data-skin="dawn"] #page-report .rp-chapno{
  background: var(--brand);
  color: var(--surface);
  border-radius: 999px;
}

/* ------------------------------------------------------------
   二 · 可视化增强（3 处）
   ------------------------------------------------------------ */

/* 可视化 1：五行力量条 —— 段与段之间留一道**暖白缝**（晨光透过的间隙）。
   ⚠ 缝隙色必须用 --surface（最亮的纸面），否则在高亮底上会看不出分段。 */
[data-skin="dawn"] .wx-bar{
  gap: 3px;
  background: transparent;
}
[data-skin="dawn"] .wx-bar .seg{ border-radius: 999px; }

/* 可视化 2：五行图例的色点 = 圆胶囊 + 暖色细环（像晨露的小水珠）。 */
[data-skin="dawn"] .wx-legend .wx-dot{
  border-radius: 999px;
  width: 10px; height: 10px;
  box-shadow: 0 0 0 1px var(--line);
}

/* 可视化 3：十神档位条 —— 轨道走暖灰、填充走朱曦，两端全圆角。
   ★ 轨道 ::before、填充 ::after（::after 在上）；顺序颠倒会让填充被盖住。 */
[data-skin="dawn"] .sh-card::before{
  background: var(--surface-3);
  border-radius: 999px;
}
[data-skin="dawn"] .sh-card::after{
  border-radius: 999px;
}