/* ============================================================================
   「声音」板块两张头牌大卡的**配色变体**（2026-10-12）
   ----------------------------------------------------------------------------
   背景：声音板块眼下只有 2 个功能，小卡并排显得空。老板要求把
   「AI配音」「声音克隆」**升格为大卡**（撑得起版面），等功能多了再恢复小卡。
   `.boss-entry` 骨架是**共用**的（定义在 coach.css：白底 + 橙色系），
   每张头牌卡只加一个自己的配色变体类 —— 沿用项目既有范式：
     · 老板AI音乐 → `.boss-entry-bmu`（金，在 bossmusic-entry.css）
     · 照片AI唱歌 → `.boss-entry-pmv`（**⚠️ 见文末备注：该类目前全项目无定义**）
     · AI 混剪   → `.boss-entry-mx`（石板蓝，在 mixcut.css）
     · AI配音    → `.boss-entry-vc`（翠绿，**在本文件**）
     · 声音克隆  → `.boss-entry-vcl`（靛蓝，**在本文件**）
   🔴 为什么新开一个文件、不写进 hero.css / newsecs.css：
      那两个是「新板块骨架」的共用样式，往里面塞卡片配色，
      以后改的人分不清哪份管板块、哪份管卡片。也不写进 photomv.css / mixcut.css
      —— 那是**别的功能**的文件，本项目多会话并发，跨功能追加 = 迟早互相覆盖。
   🔴 特异性：`.combo-card.boss-entry.boss-entry-vc`（0,4,0）>
      `.boss-entry-ico`（0,1,0），能稳定盖住骨架默认的橙色。
   ⚠️ 骨架里的 `position: relative`（glow 的包含块）在 coach.css，
      本文件**不要**再写一遍 —— 重复声明只会让以后改的人不知道该信哪份。
   ========================================================================== */

/* ---------------------------------------------------------------------------
   AI配音 · 翠绿（与 `.hero-sound` 的 34d399→047857 同族，卡片是它的浅色版）
   -------------------------------------------------------------------------- */
.combo-card.boss-entry.boss-entry-vc {
  background: linear-gradient(135deg, #f7fdfb 0%, #e8f8f1 100%);
  border-color: #cfeee0;
}
@media (hover: hover) {
  .combo-card.boss-entry.boss-entry-vc:hover { box-shadow: 0 10px 26px rgba(4, 120, 87, 0.16); }
}
/* 骨架的 glow 是橙色径向光 —— 变体必须一起换，否则浅绿卡上浮一团橙光 */
.combo-card.boss-entry.boss-entry-vc .boss-entry-glow {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.20) 0%, rgba(16, 185, 129, 0) 70%);
}
/* 图标：**浅底**保留原来的 3D 图标文件（深底 + 彩色 3D 图会糊成一团） */
.combo-card.boss-entry.boss-entry-vc .boss-entry-ico {
  background: linear-gradient(135deg, #ffffff 0%, #cdf3e4 100%);
  border: 1px solid #b7e7d3;
  box-shadow: 0 6px 14px rgba(4, 120, 87, 0.14);
}
.combo-card.boss-entry.boss-entry-vc .boss-entry-ico img {
  width: 40px; height: 40px; display: block;
}
.combo-card.boss-entry.boss-entry-vc .boss-entry-tag {
  color: #0a7355; background: #e9f9f2;
}
.combo-card.boss-entry.boss-entry-vc .boss-entry-flow { color: #0a7355; }
.combo-card.boss-entry.boss-entry-vc .boss-entry-flow span {
  background: #f3fdf9; border-color: #cdeee0;
}
.combo-card.boss-entry.boss-entry-vc .boss-entry-flow i { color: #a8d8c6; }

/* ---------------------------------------------------------------------------
   声音克隆 · 靛蓝（与翠绿形成"相邻功能、不同色"的区分，和音乐板块的金+蓝同理）
   -------------------------------------------------------------------------- */
.combo-card.boss-entry.boss-entry-vcl {
  background: linear-gradient(135deg, #f8f9ff 0%, #eceffe 100%);
  border-color: #dcdffb;
}
@media (hover: hover) {
  .combo-card.boss-entry.boss-entry-vcl:hover { box-shadow: 0 10px 26px rgba(55, 48, 163, 0.16); }
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-glow {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.20) 0%, rgba(99, 102, 241, 0) 70%);
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-ico {
  background: linear-gradient(135deg, #ffffff 0%, #dbe1ff 100%);
  border: 1px solid #c9d0fa;
  box-shadow: 0 6px 14px rgba(55, 48, 163, 0.14);
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-ico img {
  width: 40px; height: 40px; display: block;
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-tag {
  color: #3b3fa8; background: #eff0ff;
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-flow { color: #3b3fa8; }
.combo-card.boss-entry.boss-entry-vcl .boss-entry-flow span {
  background: #f6f7ff; border-color: #dcdffb;
}
.combo-card.boss-entry.boss-entry-vcl .boss-entry-flow i { color: #b6bcec; }

/* ⚠️ 备注（2026-10-12 核查发现，**不影响本文件**）：
   `boss-entry-pmv`（「照片AI唱歌」大卡在 index.html 上挂的变体类）
   在**全项目没有任何 CSS 定义** —— 该卡目前吃的是 coach.css 骨架的默认橙色。
   已上报老板待定，未擅自补（本轮上线 diff 只允许等于本次意图）。 */