/* ============================================================================
   老板板块首屏精修（2026-09-18 · 开发员12号）
   ----------------------------------------------------------------------------
   用户原话：「老板板块这个页面…包括老板AI音乐那个卡片…我感觉这内容啊、颜色呀，都有点 low。
             老板板块肯定是最牛逼的…版式、UI 肯定是最牛逼的。怎么让人一眼看上去都亮？」

   🔴 先亮原始病根（不然会改错方向）：
      基础 `.hero`（hero.css）本来是**三层叠色**的精修配方 ——
        ① 顶光 radial-gradient  ② 右上暖光斑（--spot）  ③ 主渐变（--c1→--c2→--c3）
        外加一道白细边 + 带品牌色的收敛阴影（--glow）。
      而 coach.css 里的 `.hero-boss` 用了 **`background:` 简写** ——
      简写会重置 background-image，把①②全抹掉，只剩一块平涂暗棕（#3d2611→#a8541a）。
      **所以老板 banner 看着"干巴巴"不是颜色选错，是层次被抹平了。**

   ============================================================================
   🔴🔴 20:14 第三轮（本文件的最终形态）—— 用户拍板：**对齐其它板块的视觉语法**
   ----------------------------------------------------------------------------
   用户原话：「你看运营、文案、图片、视频、我的 —— 那 5 个板块 banner 跟下面的大卡
             搭配的颜色多好看。老板板块 banner 跟下面怎么就不会搭了呢？」

   查证（全站 5 板块头牌大卡的真实底色，从 style.css 读出来）：
     .em-entry 九宫格表情包   #2a1140 → #a32a63   深紫玫
     .hk-entry 黄金钩子文案   #111629 → #6b4a10   深藏青→深金
     .od-entry 一键详情图     #0a1a22 → #0d5157   深墨绿
     .mv-entry 视频模特换衣   #1c1214 → #6d2a12   深棕
     .ip-entry                #1a1130 → #6d2a72   深紫
     会员中心卡（我的）        #111629 → #6b4a10   深黑金
   → **全站统一语法 = 「亮彩色 banner 在上＋深色大卡在下」**（亮 → 深）。

   而 19:5x 那两轮我把老板板块做成了「深黑 banner ＋ 浅色大卡」—— **方向正好反了**：
   它跟其它板块不是一套语法，所以看着"不搭"（用户一眼就看出来了，判断是对的）。

   → 最终方案：**banner 回到亮金（金箔感）＋ 大卡改成深金棕**，与全站同构。

   ⚠️⚠️ 与 19:5x 被否的"屎黄色"版本**不是一回事**，别混：
     · 那次被否 = 「亮金 banner ＋ **浅奶油大卡**」→ 上下两片都是黄 = 整屏一片黄；
     · 现在      = 「亮金 banner ＋ **深金棕大卡**」→ 亮暗对比，与其它板块同构。
     · **判据：金能不能大面积用，取决于它上下有没有深色承托。**
     · 另一个被否的点也一并避开：色相要"金"不要"土" —— 用高亮高饱和的金箔三色，
       不要低饱和黄褐（#f7c948→#8f4a04 那种就是土）。

   🔴 为什么单开一个文件：`.boss-entry-bmu` 的变体在 public/bossmusic-entry.css，
      那是同事（开发员15号）建的文件；按站内惯例（mine-fix.css 同理）
      **新建独立 css、排在它之后加载**，绝不往别人正在改的文件里追加。
      加载位置：index.html 里紧跟 bossmusic-entry.css 之后。

   验收：`node tools/measure-boss-hero.cjs <站点>` → 三断点 hero 高 == 大卡高、
        副标题不截断、横向溢出 0；`node tools/e2e-boss-hero-music.cjs` 大卡专项；
        `node tools/shot-boss.cjs` 出对比图。
   ========================================================================== */

/* ==========================================================================
   ① banner（老板）：**亮金箔**（对齐其它 5 板块的"亮彩色 banner"）
   —— 颜色只改 --c1/--c2/--c3/--spot/--glow 与显式 background-image，
      不碰 padding / 字号 → 高度零影响（banner 与大卡必须等高的铁律）
   ========================================================================== */
.hero.hero-boss {
  /* 金箔三色：亮香槟 → 正金 → 琥珀。**高亮 + 高饱和**才是金，
     低饱和黄褐就是土黄（上一版被否的原因之一）。 */
  /* ========================================================================
     🔴🔴 2026-09-18 20:45 —— 用户第 4 次否后的关键澄清：
     「没说你不可以调金色呀，**金色是金色，屎黄色是屎黄色，这俩概念**。」
     → 金色可以用，但必须做成"真金"。前四轮我错在哪？把色相量出来就一清二楚：

       我调过的"金"（暗部 hue 全在 30~37° = 褐/橙黄 → 这就是屎黄）：
         #f7c948 h44° ｜ #d9910a h39° ｜ **#8f4a04 h30°** ｜ #f7bc33 h42°
         #d18a0a h39° ｜ #f0b93c h42° ｜ **#d68a10 h37°** ｜ **#945806 h35°**
       真金（hue 45~51°）：
         #D4AF37 h46° ｜ #FFD700 h51° ｜ #C9A227 h46° ｜ #E5C158 h45°

     **hue 差 8~10 度，就是"金"与"屎黄"的分界。** 我之前一直在 35~40 度（橙黄）上打转，
     所以无论把亮度/光泽怎么调，出来的都是土黄。

     ✔️ 本版：**整条渐变（含暗部）色相一律 ≥43°**，暗部只许"深金"不许"褐"：
        #f7e08a h47° → #d9ae2c h45° → #a37d1c h43°（标准金属金 #D4AF37 = h46° 为锚）
     ✔️ 金属感靠**一道更窄更亮的斜向反光**（0.30/0.42）—— 真金的明暗对比比土黄强得多。
     ✔️ 亮度仍守 §2 坑 0 判据：中间色 #d9ae2c ≈ 0.51，与其它板块同级（0.50~0.58）。
     ⚠️ 判断"是不是屎黄"的方法：把颜色转 HSL 看 **hue**，<42° 就是橙黄/土黄。
     ======================================================================== */
  /* ========================================================================
     🔴🔴 2026-09-18 20:39 —— 用户第 6 次否，且这次骂得对：
     「**哪个老板喜欢绿色？你不动脑子吗？**」

     我上一版选了"翡翠绿"，理由是"全站 banner 唯一空位 + 祖母绿配金经典" ——
     **技术理由全对，文化理由全错**：中国语境里
       · 绿 = 股市跌 / 生意"绿了" / 不吉利 → **老板最忌讳的颜色之一**；
       · 老板板块的主题恰恰是"先赚钱 · 再谈规模"，用绿是反着来的。
     → **教训：给中国用户做成品配色，"吉不吉利"是硬约束，不能只看色相环与已占色。**

     ✔️ 本版取 **中国红（宫墙朱红）** —— 中国老板最认的颜色：
       · 开门红 / 生意兴隆 / 股市红 = **涨**（用户是股民，红是他的正向色）；
       · 与深金棕大卡 = **红金**，中国最经典的"贵气 + 喜庆"组合；
       · banner 里**没有正红**（视频是玫红 hue≈343°，本条 hue≈6°，差 23° 不撞）。
       取深宫墙红而非荧光红，是为了"贵"不"俗"：中间色 `#cd3a2c` HSL(6,65%,49%) 亮度 ≈.49，
       仍守 §2 坑 0 的亮度同级判据（0.50~0.58 附近）。
     ======================================================================== */
  /* ⚠️ 2026-09-18 20:46 —— 用户否「**你这个血红色太吓人了**」。
     病根：**暗部太深**。上一版 `--c3: #8f1d14` 亮度只有 **32%**（hue 4°、饱和 75%）
     → 又暗又浓 = 血。整条渐变一并提亮 + 略降饱和，往"开门朱红"走：
       #f78d79 (h8°, L72%) → #e85a3f (h9°, L58%) → #b8371f (h9°, L42%)
     三档亮度都抬了一级，暗部 32%→42%；hue 仍是 8~9°（正红区，不与运营橙 h22° 相混）。 */
  /* ========================================================================
     🔴 2026-09-18 20:52 —— 用户：「**你去调用一下色彩搭配方面的技能**」→ 已调用
     `ui-ux-pro-max`（97 套配色库 + Trust&Authority 规则），它的输出直接给出了答案：

       PATTERN : Trust & Authority + Minimal
       STYLE   : Trust & Authority（Best For: financial services / premium / legal）
       COLORS  : Primary #0F172A ｜ Secondary #334155 ｜ **CTA #CA8A04（金）**
                 Notes: **"Authority navy + premium gold"**
       AVOID   : **AI purple/pink gradients**（紫/粉渐变）

     ①→ 老板板块的正解 = **藏青（navy）做主体 + 金只做 accent**。
        —— 金不是不能用，是**不能当底**（这正是我前几轮反复踩的）。
        金现在的位置：下方深金棕大卡 + 卡片图标（金/玫瑰金）+ 分节条 —— 全是 accent ✅
     ②→ 藏青同时就是**底部导航「老板」图标的本色**（f-navy）—— 与用户"banner 要跟 logo 一致"吻合。
     ③→ 中文语境也成立：藏青 = 稳重、权威、商务（老板西装色），不犯任何忌讳。

     取值：不直接用 #0F172A（亮度仅 11%，做 banner 会"死黑"），用它的明亮版，
       并把饱和度压在 45% 左右 —— 与「文案」板块的鲜蓝 #3b7bff（饱和 100%）拉开，
        是"藏青/钢蓝"而不是"亮蓝"：
        #6b8cc4 (h218°,L60%) → #3f63a5 (h219°,L45%) → #24406f (h221°,L29%)
     ======================================================================== */
  /* ⚠️ 2026-09-18 20:48 —— 用户：「**颜色还是太暗了。你看这个蓝色，其它都是亮色，这个是暗色。**」
     病根：**亮度没对齐**。量一下各板块 banner 的中间色亮度：
       运营 #fb7a30 L=59% ｜ 文案 #3b7bff L=62% ｜ 图片 #8b5cf6 L=66% ｜ 视频 #f9445e L=62%
       而我上一版藏青 `#3f63a5` **L=45%** → 比基准低 15 个点，所以一眼看过去"这块是暗的"。
     → 三档一律抬到同级：`#8fb0e8` L=74% → `#5a86d8` L=60% → `#3a63b0` L=46%，
       hue 保持 218~219°（藏青身份不变），饱和度 66%/62%/50%
       —— 与「文案」的鲜宝蓝 `#3b7bff`（饱和 **100%**）拉开：一个是宝石蓝，一个是柔蓝。
     ⚠️ 这就是 §2 坑 0 判据 5「banner 亮度必须与其它板块同级」的又一次踩坑 —— 定色时先量，别凭眼睛。 */
  /* ========================================================================
     🔴🔴 2026-09-18 21:50 —— 用户点破全站语法后，我自主定稿（不再问）：
     「**其他5个板块的颜色都是撞色（不同的颜色），你为什么非得同一个颜色？**」

     实测全站搭配：
       运营 暖橙 banner ＋ 冷深紫玫大卡 ｜ 图片 冷紫 ＋ 冷深墨绿 ｜ 视频 暖玫红 ＋ 暖深棕
       我的 暖橙 ＋ 深黑金 ｜ 文案 亮蓝 ＋ 深藏青金
     → **语法 =「亮 banner（色相 A）＋ 深大卡（色相 B，B≠A）」**。
     我前几轮做成"亮蓝 banner ＋ 深蓝大卡"（同色系）→ 闷、不搭，方向就错了。

     定色推理：
       ① 大卡回到**深金棕**（老板的"金"必须留在板块里，位置是卡面+金细节）；
       ② banner 要跟它**撞**，但两者都是"大面积"→ 用**暖色撞暖色**（同"视频/我的"的结构），
          不能用互补色（蓝↔金棕那次就是撞太狠被否）；
       ③ 暖色里橙已被「运营/我的」占两次 → 取**玫红**。
       → banner 玫红 `#ff9bb0 → #e8486a → #b02648` ＋ 深金棕大卡 = 暖红配暖金，喜庆且贵。
     ======================================================================== */
  /* ========================================================================
     🔴🔴 2026-09-18 21:47 —— 用户：「**你这个颜色跟图片的颜色有啥区别？稍微有一点点悬殊，
     悬殊很大吗？**」→ 实测证实**根本没悬殊**：

       老板(上版) 亮 #ff9bb0 h347° 中 #e8486a h347° 深 #b02648 h345°
       图片(现行) 亮 #ff94ae h345° 中 #f9445e h351° 深 #cc1a45 h346°
       → 色相差 **2° / 0° / 1°**，就是同一个颜色（我上轮自己预警过"可能是隐患"，确认了）。

     ⚠️ 本轮**全量量测**还纠正一条记错的旧认知：视频板块的 banner 是**紫 h258°**，不是玫红。
     全站 banner 实际占用（实测值）：
       运营 橙 h21~28 ｜ 文案 蓝 h215~226 ｜ 图片 玫红 h345~351 ｜ 视频 紫 h258~266 ｜ 我的 橙
     → 可用色相只剩：青/湖蓝 h180~200、绿 h120~150（**禁忌，中国老板忌绿**）、黄/金（**用户已否决黄色系**）。
     → **青蓝（孔雀蓝）h≈192° 是唯一空位**，技能库也指向这条路：
       `ui-ux-pro-max` 输出 `#0891B2`（h192°）Notes = "**Trust teal + professional blue**" /
       "Fresh cyan + clean green" —— 信任感 + 商务感，正合「老板」。
       且中文语境无禁忌（孔雀蓝 / 青花釉 / 蒂芙尼蓝那一族，是高级色）。

     ⚠️ 为什么不选它旁边的 teal h170~178（青绿）：那个已开始**发绿**，不能冒险再触碰禁忌。
     ⚠️ 与「文案」的纯宝蓝 h220° 区分：本条 h191~196°，且饱和度 72% vs 文案 100%
        —— 一个是"湖蓝/孔雀蓝"，一个是"宝蓝"。
     ⚠️ 「图片」的大卡是深墨绿 h185~200，与本条同色相 —— 但那是**别板块的大卡**，
        且图片的主视觉（banner）是玫红，两板块第一眼完全不同。
     亮度仍守判据：中间色 `#4ec2e2` L=**60%**，与其它板块同级（49~74%）。
     ======================================================================== */
  /* ========================================================================
     🔴🔴 2026-09-18 22:10 —— 用户指着「股权专家」的图标：「**老板的颜色是这个藏青色**」

     权威来源（不凭眼睛）：`public/equity.css` →
       `.f-navy { background: linear-gradient(135deg, #2C5079, #16304F); }`
     截图取色复核：图标背景 = `#1D3A5C / #24456A` → **h=212°**，与该定义**同一色相** ✅

     ⚠️ 但**不能把 banner 直接刷成 #2C5079**（L=32%）：全站 banner 都是亮色位
        （运营 49% / 文案 62% / 图片 62% / 视频 66%），而且用户已经否过一次"太暗"。
        → 取**同色相 h208~211°**、亮度提到 L=52%（与运营 49% 同级）：
          `#8cb2d6 (h209 L69) → #5688b4 (h208 L52) → #24507e (h211 L32)`
        —— 色相家族就是用户指的那个藏青，一眼看过去是同一族。

     🔴 **连带必改：大卡**（用户明确要求"两个一块调，别调一个颜色"）。
        藏青 banner h209° × 深金棕大卡 h34° = 色相差 **178°**（近乎正互补）
        = 正是 21:20 被否的那组"这俩还是不搭配"。
        → 大卡换成 **深酒红** h337~342°：与本条色相差 **132°**，落在站内判据 60~150° 内，
          且"藏青 + 酒红"本身是经典商务搭配；**金全部退到细节位**（金边/金上边线/金标签/
          金字/♪金水印/玫瑰金图标/分节条）—— 金没丢，只是不再是那块大面积。
     ======================================================================== */
  /* ========================================================================
     🔴 2026-09-18 23:04 —— 用户圈出 banner：「**为什么老板的图标是红色，老板板块的（banner）
     不是红？**」→ 要求 **banner 与底部导航 tab 图标同族**（tab 23:00 已改 Apple Music 红）。

     ⚠️ 但**不能直接搬 tab 那支苹果红**（`#fb5c74→#fa233b`，中间色 h352 s95 L62）：
        「图片」板块 banner 实测 = `#ff94ae → **#f9445e** → #cc1a45`（h351 s94 **L62**）
        —— 中间色与苹果红**几乎同色**，两个板块会看起来一样
        （用户 22:42 就为"跟图片没区别"否过一版）。
     ✔️ 解法：**保色相、压明度** —— 同属红族（h348~350），但整体压深一档：
        `#f2637c (h350 L67) → #e01f42 (h349 L50) → #a8122f (h348 L36)`
        中间色 **L50 vs 图片 L62（差 12 点）** → 一个是"亮玫红"、一个是"深宝石红"，一眼可分。
      同时红 + 下方黑金卡 = **红黑金**（经典贵气组合），金仍在细节位。
     ======================================================================== */
  /* ========================================================================
     🔴 2026-09-18 23:15 —— 用户给纯红色块截图：「**老板的（tab）和 banner，用这个红试试**」
     截图取样实测主色 = **`#EB1701`**（h6° s99% L46）—— 纯正红（中国红那一族）。

     ✔️ 这个红**与「图片」板块的玫红区分度足够**：
        图片 banner 中间色 `#f9445e` = **h351 L62**；本条 = **h6 L46**
        → 色相差 **15°**（跨过 0°，一个是"正红"、一个是"玫红"）＋ 明度差 **16 点** → 一眼可分。
     ✔️ 与 tab 图标**同族同色**（tab 用 `#f4503a → #eb1701`）。
     三档：`#f4503a (h7 s89 L59) → #eb1701 (h6 s99 L46) → #b51000 (h6 s100 L35)`
     （中间色直接取用户给的 #EB1701 原值；亮度与运营 49% 同级）
     ⚠️ 与 20:46 被否的"血红"（`#cd3a2c` h6 **L49**）色相相同、明度接近 ——
        当时否的是**整块偏暗的观感**；本轮是用户**主动指定**该红，故按他的值执行。
     ======================================================================== */
  /* ========================================================================
     🔴 2026-09-18 23:21 —— 用户给「钉钉」图标截图：「**嗯。那你用这个。**」
     截图取样实测主色 = **`#015eff`**（h218° s100% L50）—— 亮宝蓝。

     ⚠️ **必须知道的冲突（已如实报给用户）**：
        「文案」板块 banner 中间色 `#3b7bff` = **h220 s100 L62**
        本条 = **h218 s100 L50** → **色相只差 2°**，同属蓝族。
     ✔️ 差异化做法（与处理"老板深红 vs 图片亮玫红"同一手法）：**保色相、压明度**
        三档 `#5a9bff (h217 L68) → #015eff (h218 L50) → #0040b8 (h219 L36)`
        中间色 **L50 vs 文案 L62（差 12 点）** → 一个是"深宝蓝"、一个是"亮宝蓝"。
     ⚠️ tab 图标也会与「文案」tab（`#7cb8ff → #3b82f6`）相近，同属蓝族。
     ======================================================================== */
  /* ========================================================================
     🔴 2026-09-18 23:25 —— 用户给 **WorkBuddy 吉祥物**截图：「**你用 work body 的颜色吧**」
     取样实测（PIL）：
       主体深灰 `#4C4C4C`（中性 L30）／ `#383841`（微蓝紫 h240 L24）
       金（描边+眼睛）高光 `#FFE9B8`(h41) ／ 暗部 `#755E40`(h34)
       → 吉祥物 = **深炭灰主体 + 金点睛**（一套黑金语言，与下方大卡同族）。

     ✔️ 映射（关键判断 · 已修正一次）：
       第一版我按"字面"把 banner 做成吉祥物主体的**深炭灰** → 出图一看 banner **灰扑扑**，
       比下面的黑金大卡还没质感，且全站唯一深色 banner、与大卡之间毫无对比。
       **正解**：把吉祥物「深灰主体 ＋ 金点睛」**映射到板块的两块面积** ——
         大卡（深位）＝ 黑金（深灰主体的对应）—— 已经是，不动；
         banner（亮位）＝ **吉祥物的金** ← 本轮改这里。
       → 板块既有深又有金，与吉祥物同构；且守住全站「亮 banner + 深大卡」语法。
     ⚠️ 金色用的是**真金**（h40~43°，非橙黄）—— 与 20:07 被否的"黄色系"不是一回事；
        CSS 判据：hue ≥ 42° 才算金（见文末备注）。
     ======================================================================== */
  /* 🔴🔴 2026-09-19 00:1x —— **改用「蝉脉会员中心」主题**（开发员19号）
     用户给会员中心 VIP 卡截图：「把老板板块的老板图标和老板的 banner，用这个主题。」
     数值**直接取自 `public/vip-polish.css` 的 `.mine-vip-entry.is-vip`**（不猜色）：
       底    #33261A → #1E1710 → #2A2016（深棕黑三段）
       左上 径向暖金光晕 rgba(245,200,106,.20)  ← **会员卡最标志性的一层（"光从左上来"）**
       边   rgba(245,200,106,.40) 金细边 ｜ 内高光 inset 0 1px 0 rgba(255,236,196,.18)
       字   金 #F5C86A（+ 金光晕）／ 副标题暖白 rgba(255,238,210,.82)

     ⚠️⚠️ **诚实记一笔**：23:25 用户**否过一版深色 banner**（当时是吉祥物**深炭灰**，
        批语「灰扑扑、全站唯一深色 banner、与大卡毫无对比」）。
        本次是用户**主动指定**的另一种深色：**暖棕黑 + 金光晕 + 金细边 + 金字**（会员卡语言），
        不是平涂灰 —— 「有没有金光与金线」就是这两版的全部差别。
        🔴 若用户再否，要调的是**金光的量**（③ 那层 .42 可降到 .28~.34），**不是退回亮色**。

     ⚠️ 本板块的「亮 banner + 深大卡」全站语法**已被用户明确打破**：现在 banner 与
        「老板AI音乐」大卡**同为深色** → 靠**冷暖分工**区分：
        banner = 暖棕黑 + 金（会员卡）｜ 大卡 = 深青绿（2026-09-18 用户给参考图定的）。
     🗑 作废的历史值（今晚被否过的一长串，谁都别再回退）：
        暗棕平涂 → 金黄(屎黄) → 黑曜石金 → 亮蓝/藏青 → 翡翠绿(犯忌) → 血红/朱红 → 玫红 → 苹果红
        → 纯正红 #eb1701 → 钉钉蓝 #015eff → 吉祥物亮金 #f5e59e…（本轮前的现行版） */
  --c1: #33261a;                 /* 会员卡深棕黑（左上） */
  --c2: #1e1710;                 /* 近黑（中） */
  --c3: #2a2016;                 /* 暖黑（右下） */
  --spot: rgba(245, 200, 106, 0.30);   /* 右上金光斑 */
  --glow: rgba(217, 154, 34, 0.45);    /* 会员卡同族的**金色**晕影（不是黑影：卡要"暖亮"不要"灰沉"） */
  border-color: rgba(245, 200, 106, 0.40);   /* 金细边（= 会员卡同值） */

  /* 🔴 必须**显式重写** background-image / box-shadow ——
     coach.css 的 `.hero-boss { background: … }` 用**简写**会重置 background-image，
     它与基础 `.hero` 同特异性（0,1,0）但加载更晚，基础那套三层叠色会被整个抹掉。
     写成 `.hero.hero-boss`（0,2,0）才压得住它，与加载顺序无关。
     下面四层与 hero.css 基础配方逐层同构（多一层光泽带）。 */
  background-image:
    /* ① 斜向光泽带：深底上必须**克制**（0.10/0.16）—— 给足会把暖棕黑冲成灰，
          那正是 23:25 那版"灰扑扑"的病根（同样是深色，差别就在这一刻）。 */
    linear-gradient(112deg, rgba(255, 255, 255, 0) 26%, rgba(255, 226, 168, 0.10) 42%, rgba(255, 242, 212, 0.16) 48%, rgba(255, 255, 255, 0) 62%),
    /* ② 顶部暖光：0.22 白在黑底上会把上半区洗灰 → 降到 0.14 并转成暖金 */
    radial-gradient(122% 78% at 50% -26%, rgba(255, 210, 132, 0.14) 0%, rgba(255, 210, 132, 0) 58%),
    /* ③ 左上暖金光晕 —— **会员卡的灵魂层**（VIP 卡就是靠这一层"光从左上来"立起来的） */
    radial-gradient(48% 96% at 1% 2%, rgba(245, 200, 106, 0.42) 0%, rgba(245, 200, 106, 0) 70%),
    /* ④ 右上金光斑 */
    radial-gradient(70% 58% at 92% 4%, var(--spot) 0%, rgba(255, 188, 88, 0) 66%),
    /* ⑤ 主渐变（会员卡深棕黑三段） */
    linear-gradient(155deg, var(--c1) 0%, var(--c2) 58%, var(--c3) 100%);
  box-shadow:
    0 18px 40px -16px rgba(12, 8, 3, 0.58),      /* 深投影：黑金卡要"沉下去"才显贵 */
    0 12px 30px -14px var(--glow),                /* 金色光晕（= 会员卡同族） */
    inset 0 1px 0 rgba(255, 236, 196, 0.18);      /* 内高光（= 会员卡同值） */
}

/* 🔴 2026-09-19 00:1x —— 标题白 → **会员金 #F5C86A**（会员卡里"蝉脉会员中心"就是金字 + 金光晕）。
   ⚠️ 深底上让金字"发光"靠**金光晕**，不是靠黑影 —— 黑影会把金字压脏、显得旧。 */
.hero.hero-boss .hero-title {
  color: #f5c86a;
  text-shadow:
    0 1px 12px rgba(245, 200, 106, 0.34),
    0 2px 12px rgba(0, 0, 0, 0.45);
}
.hero.hero-boss .hero-sub {
  color: rgba(255, 238, 210, 0.84);      /* = 会员卡副标题同值 */
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.42);
  letter-spacing: 0.3px;
}

/* ==========================================================================
   ② 头牌大卡（老板AI音乐）：**深金棕**（对齐全站"深色大卡"语法）
   —— 保持 body 高度不变（手机端余量只有 5px，见 measure-boss-hero）
   ========================================================================== */

/* 2.1 卡面：深金棕三层（左上微光 → 右上金光 → 深棕金渐变）
     取值参照 `.hk-entry`（黄金钩子文案：#111629→#6b4a10）的明度曲线，换成纯暖金调 */
/* 🔴 2026-09-18 21:20 —— 用户：「**这俩还是不搭配，你不觉得吗**」（亮蓝 banner ＋ 深棕金大卡）
   病根：**把技能说的 "navy + gold" 理解错了**。技能指的是「**深藏青（navy）做底 ＋ 金做点缀**」，
   我却做成了「亮蓝 banner ＋ 深棕金大卡」—— 两块大面积**互补色硬碰**（蓝 ↔ 橙黄），必打架。
   → 正解：大卡也进藏青系 = **深藏青卡面 ＋ 金/玫瑰金细节**，与蓝 banner 同族。
     这也正是「文案」板块的结构（蓝 banner ＋ 深藏青金大卡 `.hk-entry`）。金仍是 accent，没丢。 */
/* ⚠️ 2026-09-18 22:10 —— 随 banner 改藏青而**一并换色**（用户：「两个一块调，别调一个颜色」）。
   藏青 h209° 与深金棕 h34° 色相差 178°（近互补）= 被否过的那组；
   → 换 **深酒红** h337~342°，色相差 **132°**（站内判据 60~150°）。
   金仍在细节位：金细边 / 金上边线 / 金标签芯片 / 金字 / ♪金水印 / 右上金光晕 / 玫瑰金图标。 */
/* 🔴🔴 2026-09-18 00:1x —— **整卡改用「青绿」语言**（开发员19号）
   --------------------------------------------------------------------------
   用户给的参考图（深青绿圆＋白字）＋「音乐的大卡和音乐的图标用这个，绿色为主」。
   参考图逐像素实测（PIL 采样，非印象）：
       高光 #128478 ｜ 中调 #0f6f6a / #0c6c66 ｜ 深调 #0a4545 / #084646 ｜ 暗底 #04292e
   → 翻成「青绿三段底 + 薄荷 accent」：底 #0e6f68 → #073f42 → #04292e，
     accent（字/线/芯片）#7fe3d5，细边 rgba(111,223,209,.40)。

   ⚠️ **只换色，结构一字未动**：会员黑金那套构图（左上主光 → 右上弱光 → 深底三段 →
     1px 细边 → 内高光 → 实心图标 → 深字标签）全部保留 → 三断点尺寸极差仍为 0。
   ⚠️ 改前 = 会员黑金（#33261a→#1e1710→#2a2016 + 金晕 + rgba(245,200,106,.40) 金边），
     **不要回退**；如要再换色，改本文件 2.1 / 2.5 / 4.1 / 4.2 四处即可（都在 .boss-entry-bmu 域内）。
   🔴 老板 banner / 分节头 / 底部「老板」tab **仍是金色** —— 那是**板块识别色**，
     不属于"音乐"这张卡；本卡是板块里唯一的青绿点，这正是用户要的"为主色"。 */
#view-boss .combo-card.boss-entry.boss-entry-bmu {
  /* 🔴 2026-09-18 22:42 —— 用户：「**把老板AI音乐用会员这个主题色**」
     数值**直接取自 `public/vip-polish.css` 的会员卡**（不猜色）：
       .mine-vip-entry.is-vip  .20 金晕 + linear-gradient(132deg,#33261A,#1E1710,#2A2016)
                              + border rgba(245,200,106,.40) + inset 高光 rgba(255,236,196,.18)
       .mt 金主色 #F5C86A ｜ 副标题 rgba(255,238,210,.82) ｜ 按钮金 #FFEDBB→#E5AE3A
     → 大卡沿用「会员卡的黑金语言」：左上金晕起光、深棕黑三段底、金细边、内高光。
     🔴 2026-09-18 00:1x —— **本节已被"青绿"取代**（见上方说明块）：卡面/图标/标签
        全部改青绿，会员金那套只作历史留存。E2E 断言已同步改成青绿值。 */
  background-image:
    radial-gradient(130% 150% at 0% 0%, rgba(111, 223, 209, 0.20) 0%, rgba(111, 223, 209, 0) 58%),
    radial-gradient(58% 72% at 102% -4%, rgba(111, 223, 209, 0.10) 0%, rgba(111, 223, 209, 0) 68%),
    /* ↑ 右上这层是「老板AI音乐」自己的（♪ 在水印位）。会员卡只有左上主光，
       所以这里刻意压到 .10 —— 让「光从左上来」的会员卡构图成立，卡片不显平。 */
    linear-gradient(132deg, #0e6f68 0%, #073f42 56%, #04292e 100%);
  border-color: rgba(111, 223, 209, 0.40);        /* 1px 薄荷细边（青绿版的「金边」位） */
  box-shadow:
    0 16px 34px -16px rgba(2, 20, 22, 0.52),
    0 12px 30px -16px rgba(18, 132, 120, 0.42),
    inset 0 1px 0 rgba(185, 240, 232, 0.18);      /* 内高光（青绿版） */
}
#view-boss .combo-card.boss-entry.boss-entry-bmu:hover {
  box-shadow:
    0 18px 38px -16px rgba(2, 20, 22, 0.58),
    0 14px 34px -16px rgba(18, 132, 120, 0.50),
    inset 0 1px 0 rgba(185, 240, 232, 0.22);
}

/* 2.2 【已删】顶部 3px 金色上边线（2026-09-18 22:51 · 开发员12号）
   —— 用户圈出截图顶部：「**这个为什么用两条线？你看其他几个板块的也用两条线。**」

   实测（playwright 读各板块头牌大卡的 computed style）：
     | 板块 | 边框 | ::before 顶线 |
     | 老板 | 1px rgba(245,200,106,.4) | **有 → 3px 金渐变** ← 只有它 |
     | 运营/文案/图片/视频 | 1px rgba(255,255,255,.1) | **无** |
   → 全站结构是「**1px 边框、无顶部装饰线**」。老板这张多了一条 3px 线 = 双线。

   正解：**删掉 3px 线**（保留 1px 金边框）。卡的"形"由
   1px 金边 `rgba(245,200,106,.40)` + 会员卡同款内高光 `inset 0 1px 0 rgba(255,236,196,.18)`
   + 金色外阴影光晕 立起来 —— 不需要再加一条实线。

   🔴 **别再往这张卡加顶部装饰线** —— 与全站 5 个板块的结构不一致。
   （这条 3px 线是 19:48 我自己加的，纯装饰；同时也没有任何测试断言它。） */
/* 2.3 右上角一枚"音符"水印（深底上可以比白卡时亮一档） */
#view-boss .combo-card.boss-entry.boss-entry-bmu::after {
  content: '♪';
  position: absolute; right: -10px; top: -34px;
  font-size: 104px; line-height: 1; font-weight: 700;
  color: rgba(111, 223, 209, 0.16);
  pointer-events: none;
}

/* 2.4 图标：54 → 60px（仍在 body 高度之内，不撑高卡片）
     底色由 §④ 统一接管为**青绿**（三处图标必须同色，勿在此重复定义颜色） */
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-ico {
  width: 60px; height: 60px; border-radius: 18px; font-size: 30px;
  box-shadow:
    0 10px 20px -8px rgba(10, 97, 87, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

/* 2.5 文字与芯片：深底 → 全部翻成浅金/暖白（对比度 ≥ 4.5:1）
     ⚠️ 标签芯片保持"金底深字"不变 —— 它是深卡上最亮的一块，也是
        `e2e-boss-hero-music.cjs` 断言的颜色（hero.tagColor === rgb(138,90,0)） */
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-tag {
  /* 🔴 2026-09-19 00:2x —— 对齐「一键详情图」的标签芯片：
       .od-entry-tag { color:#a8f0ee; border:1px solid rgba(120,232,228,.42);
                       background: rgba(60,210,205,.14); }
     ⚠️ 必须**连底一起改**：参照物是「透明底 + 亮字」，若只把字改成 #a8f0ee 而留着
        实底薄荷（#dcf8f3→#a8ece1）→ 亮字压亮底 = 看不清。
     ⚠️ 不再是"金底深字 #8a5a00"那一代写法（那是黑金卡时代的），别照旧注释回退。
     🔴 E2E `e2e-boss-hero-music.cjs` 断言锁着本行字色，已同步改为 rgb(168,240,238)。 */
  color: #a8f0ee;
  background: rgba(60, 210, 205, 0.14);
  border: 1px solid rgba(120, 232, 228, 0.42);
  box-shadow: none;
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-name {
  font-size: 19px;                       /* 17 → 19：手机端余量 5px，够（实测见验收） */
  /* 🔴 2026-09-19 00:10 —— 用户：「老板AI音乐这几个字可以用白色字呀」
     → 标题由薄荷青 #7fe3d5 改 **纯白 #ffffff**。深青底上白字最"利"，
       青字会被卡面的青"吃掉"一档对比度（青底 + 青字 = 同色系互相削弱）。
     ⚠️ 副标题保持近白薄荷 rgba(216,246,241,.84) **不动** —— 用户说的是"这几个字"= 标题。
     🔴 别再改回彩色标题；青绿身份由**卡面底色 + 图标 + 芯片**承担，不靠标题字色。 */
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(3, 24, 26, 0.35);
  letter-spacing: 0.2px;
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-sub {
  /* 🔴 2026-09-19 00:2x —— 对齐「一键详情图」大卡的字色体系（用户：「字体颜色参考
     参考这个一键详情图的这个字体的颜色吧」）。
     参照真值见 `style.css` `.od-entry-sub { color: rgba(255,255,255,.72) }` —— **中性白**，
     不是带青调的近白。我上一版 `rgba(216,246,241,.84)` 是"满卡薄荷"，比参照物更青、更亮。
     ⚠️ 深底上 .72 的灰白比 .84 更"沉"，正好把注意力让给纯白的标题与加粗句。 */
  color: rgba(255, 255, 255, 0.72);
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-sub b {
  /* 🔴 2026-09-19 00:16 —— 用户圈出副标题里这半句：「**把能直接用的歌这几个字改成白色字。**」
     → 由薄荷青 #7fe3d5 改 **纯白 #ffffff**（与标题同色）。
     凸出**不靠色相，靠亮度差**：纯白 vs 副标题的近白薄荷 rgba(216,246,241,.84) + <b> 的粗体。
     ⚠️ 上一条注释（00:12 写的「有意保留薄荷青 accent，勿据此回改）**已被本条取代** ——
        别照它回退，也别以"标题同色"为由改回青。用户要的就是白。
     ℹ️ 卡内仍有青绿文字位（不必担心身份丢）：标签芯片 + 3 个流程芯片（薄荷底/边 + 深青字）。 */
  color: #ffffff;
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-flow {
  color: rgba(255, 255, 255, 0.72);   /* 与参照物的副标题同族（行内文字实际都有各自色） */
  margin-top: 7px;                        /* 9 → 7：把手机端余量从 3px 拉回 5px（字号的代价换回来） */
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-flow span {
  color: #cdf6f4;                        /* = 参照物 .od-entry-flow span 的字色 */
  /* = 参照物 .od-entry-flow span：底 rgba(255,255,255,.10) + 边 rgba(255,255,255,.14) */
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-flow i {
  color: rgba(255, 255, 255, 0.42);   /* = 参照物 .od-entry-flow i */
}
/* 2.6 右上光晕：深底上可以给到 0.20（白卡时只能 0.13） */
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-glow {
  background: radial-gradient(circle, rgba(111, 223, 209, 0.20) 0%, rgba(111, 223, 209, 0) 70%);
}

/* ==========================================================================
   ③ 「老板工具」分节头：品牌橙竖条 → 沉稳金竖条（呼应板块金身份；尺寸不变）
   ========================================================================== */
#view-boss .section-head .bar {
  background: linear-gradient(180deg, #dcb35f 0%, #b0821f 100%);
  box-shadow: 0 2px 6px rgba(160, 116, 20, 0.26);
}

/* ==========================================================================
   ④ 老板AI音乐：图标配色**统一**（2026-09-18 20:09）
   🔴🔴 2026-09-18 00:1x —— **当前色 = 青绿**（用户给参考图：「绿色为主」）。
      本节下面那些"玫瑰金 / 会员金"的论证是**历史演进记录**，结论已作废，别照着回退。
      三处图标唯一权威值 = `linear-gradient(135deg,#a9f2e7,#4ecfbe,#128478)`（4.1/4.2）。
   --------------------------------------------------------------------------
   用户反馈：「① 老板AI音乐图标大卡和小卡颜色不一致；② 换个高级一点的颜色」

   改前（两处不一致）：
     大卡        .boss-entry-ico                     → 亮金黄 #ffd76a→#e8a51a→#c98207
     网格小卡    [data-action=bossmusic] .func-ico    → 艳粉  #ffa7c0→#ec4899（.f-pink）
     「全部功能」.af-ico                                → 同上

   🔴 **不能直接改 `.f-pink`** —— 它被 **7 个功能共用**（九宫格表情包 / 黄金钩子文案 /
      流光卡片 / AI写真 / 视频模特换衣 / 生成历史 / 老板AI音乐），改它会连带改别人的图标。
      → 用 `[data-action="bossmusic"]` **按功能定位**，只覆盖这一个功能。
      ⚠️ HTML 里那三处仍写着 `f-pink`，**视觉由本文件接管** —— 看到 class 别以为是没改。

   🔴 **底色只能取浅/中明度**：🎵 是**彩色 emoji**（深蓝黑），**CSS 改不动它的颜色**
      （实测注入 `color:#fff` 无效）。底色一深，音符就糊成一团看不见。
      （正因如此，深金棕卡面上的玫瑰金图标反而是整张卡里最亮的一块。）

   为什么是**玫瑰金（rose gold）**：
     · 它正好是"金"与"粉"的**高级融合** → 一次同时解决"两处不一致"+"都不够高级"；
     · 老板板块 15 张卡已把 12 个 f- 色板占满，"粉与金之间"是唯一还空着的位，
       换成纯金会与「财务顾问」撞、紫撞「老板四象限」、绿撞「老板记账」；
     · ⚠️ 不要换回亮黄/艳粉 —— 那是回退。
   ========================================================================== */

/* 4.1 大卡图标（覆盖 bossmusic-entry.css 里的亮金黄渐变；盒子阴影一并换成玫瑰金调） */
#view-boss .combo-card.boss-entry.boss-entry-bmu .boss-entry-ico {
  background-image:
    /* 🔴 2026-09-18 00:1x —— **图标改青绿**（用户：「音乐的大卡和音乐的图标用这个，绿色为主」）。
       ⚠️ 底色**只能取浅/中明度**：🎵 是彩色 emoji（深蓝黑），CSS 改不动它的颜色，
       底色一深音符就糊成一团 —— 所以**不照搬参考图那颗深青圆**，改用「浅薄荷 → 中青」。
       ⚠️ 22:57 把 🎵 改成苹果红是**误改**（用户指的是底部 tab），别再犯。 */
    linear-gradient(112deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.42) 45%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(135deg, #a9f2e7 0%, #4ecfbe 46%, #128478 100%);   /* = 参考图青绿（浅→中：保住 🎵 可读） */
  box-shadow:
    0 10px 20px -8px rgba(10, 97, 87, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

/* 4.2 网格小卡 + 「全部功能」页（覆盖 .f-pink；(0,2,0) > (0,1,0)，且本文件更晚加载） */
[data-action="bossmusic"] .func-ico,
[data-action="bossmusic"] .af-ico {
  background-image:
    /* 🔴 2026-09-18 00:1x —— **图标改青绿**（用户：「音乐的大卡和音乐的图标用这个，绿色为主」）。
       ⚠️ 底色**只能取浅/中明度**：🎵 是彩色 emoji（深蓝黑），CSS 改不动它的颜色，
       底色一深音符就糊成一团 —— 所以**不照搬参考图那颗深青圆**，改用「浅薄荷 → 中青」。
       ⚠️ 22:57 把 🎵 改成苹果红是**误改**（用户指的是底部 tab），别再犯。 */
    linear-gradient(112deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.42) 45%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(135deg, #a9f2e7 0%, #4ecfbe 46%, #128478 100%);   /* = 参考图青绿（浅→中：保住 🎵 可读） */
}

/* ==========================================================================
   ⑤ 底部导航「老板」图标：深蓝 → 金（对齐板块识别色）· 2026-09-18 20:3x
   --------------------------------------------------------------------------
   用户反馈：「banner 的颜色不应该跟左下角老板板块的 logo 的颜色一致吗？」

   查证：底部 6 个 tab 的图标底色就是各板块的"识别色" ——
     运营 f-orange ｜ 文案 f-blue ｜ 图片 f-pink ｜ 视频 f-purple ｜ 我的 f-cyan
     **老板 f-navy（深蓝 #2c5079→#16304f）** ← 落单的那个
   而老板板块内部其它元素全是暖金/棕系（老板笔记 f-sepia 棕、财务顾问 f-gold 金、
   老板AI音乐 玫瑰金），只有这个 tab 是冷蓝。**深蓝才是那个不一致的。**

   ⚠️ **方向选择**：也可以反过来把 banner 改成深蓝，但那样会
      ① 丢掉"老板 = 金"的身份，② 破坏刚对齐的「亮 banner + 深大卡」全站语法
      （深蓝 banner 会变成"深 + 深"）。所以**改 tab 图标**才是正解。

   ⚠️ 不能直接改 `.f-navy` —— 它还被「股权专家」（网格 + 全部功能页）占用。
      → 用 `.tabbar .tab-item[data-view="view-boss"]`(0,4,0) 精确定位。
   ========================================================================== */
.tabbar .tab-item[data-view="view-boss"] .tab-ico {
  /* 🔴🔴 2026-09-19 00:1x —— **换成「会员中心」主题**（用户：「老板板块的老板图标…用这个主题」）。
     配方**逐字照搬 `vip-polish.css` 的 `.mine-vip-entry.is-vip .mi`** ——
     就是会员卡左侧那个「深棕黑底 + 金描边」的图标块（👑 那一个）：
       .mi { background: linear-gradient(150deg, #3B2D1F 0%, #1D1610 100%);
             box-shadow: inset 0 0 0 1px rgba(245,200,106,.48), 0 4px 12px -5px rgba(0,0,0,.65); }
     这里两处**有意加码**（都是为了 40px 小尺寸下看得见）：
       · 多一层左上暖金晕 —— 与 banner 的"光从左上来"呼应，方块不显死；
       · 金描边 1px → **1.5px** —— @2x 上 1px 描边几乎看不见，框不出这个方块。

     ⚠️ emoji 💼 是**彩色图形、CSS 改不动色**（同 🎵 那条铁律）→
        底色**不能比 #1D1610 更黑**，并靠金描边把方块"框"出来；否则 💼 糊在深底里。
     ⚠️ 与其它 5 个 tab（运营橙/文案蓝/图片粉/视频紫/我的青）相比，本块是**唯一深色** ——
        这是用户明确指定的"会员中心主题"，**不要再自作主张改回亮色**（20:3x 曾因"落单"改成金）。
     🗑 作废的历史值：`#2c5079→#16304f`(深蓝) → 苹果红 `#FB5C74→#FA233B` → 金 `#fde48c→#deb221`。 */
  background-image:
    radial-gradient(120% 120% at 0% 0%, rgba(245, 200, 106, 0.28) 0%, rgba(245, 200, 106, 0) 62%),
    linear-gradient(150deg, #3b2d1f 0%, #1d1610 100%);
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 200, 106, 0.62),
    0 4px 12px -5px rgba(0, 0, 0, 0.60);
}