/* ============================================================================
   新板块配色：音乐 / 声音 / 工具 / 数字人
   （2026-10-11 老板四改新增前三个；2026-10-12 八改追加「数字人」）
   ----------------------------------------------------------------------------
   为什么单独一个文件：项目铁律「改别人的样式别动 style.css ⇒ 新建独立 css、排其后加载」。
   .hero / .hero-page / .hero-title / .hero-sub / .hero-deco 的**骨架**全在 style.css，
   本文件只补**配色变体** —— 与既有的 .hero-copy / .hero-image / .hero-video 同一范式。
   （卡片级的配色不放这里 —— 那是各功能自己的 entry css，如 soundentry.css。）

   🎨 色相刻意与既有各档错开（避免"两个板块长得一样"）：
        hero-home  橙        · hero-agent 暗红
        hero-boss  深色      · hero-copy  蓝
        hero-image 薰衣草紫  · hero-video 玫红
        ── 本文件新增 ──
        .hero-music 深紫罗兰 ｜ .hero-sound 翠绿 ｜ .hero-tools 石板灰蓝
        .hero-human 靛蓝（2026-10-12 八改；与 TAB_COLOR 'indigo' 与
        .boss-entry-fa/.boss-entry-ac 同族）

   ⚠️ 新板块的 section 骨架在 index.html 的 #view-music / #view-sound / #view-tools /
      #view-human，都用 class="hero hero-page hero-<xxx>"，改配色只改本文件。
   ========================================================================== */

.hero-music {
  background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 50%, #4c1d95 100%);
  box-shadow: 0 10px 26px rgba(124, 58, 237, 0.28);
}

.hero-sound {
  background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #047857 100%);
  box-shadow: 0 10px 26px rgba(16, 185, 129, 0.28);
}

.hero-tools {
  background: linear-gradient(135deg, #94a3b8 0%, #64748b 50%, #334155 100%);
  box-shadow: 0 10px 26px rgba(51, 65, 85, 0.28);
}

/* 数字人（2026-10-12 八改）· 靛蓝：与 TAB_COLOR 'view-human'='indigo'（#8b93f8→#4f46e5）
   同族、加深端；与两张大卡 .boss-entry-fa（靛蓝浅底）/ .boss-entry-ac（浅青）呼应。 */
.hero-human {
  background: linear-gradient(135deg, #8b93f8 0%, #4f46e5 50%, #3730a3 100%);
  box-shadow: 0 10px 26px rgba(79, 70, 229, 0.28);
}