/* ============================================================================
 * scene.css —— 各脉修炼场换肤（九脉换色 / 换母题）+ VFX 六态落点
 * 依据：design/art/visual-experience.md §1.2（九脉换肤）§三（VFX 六态纪律）
 *
 * 🔒 换肤只覆盖语义层变量，不引入任何位图；本轮回只上色 MVP 两脉（言灵 / 衡律），
 *    其余七脉在 lanes.js 里 open:false，首页只作剪影（见 shell.css .lane-grid）。
 * 🔒 VFX 全局纪律（来自 tokens.css，不可超）：
 *     仅 transform / opacity；全局禁红；高频微交互 ≤100ms、单交互 ≤150ms、
 *     结算 ≤500ms、破境 ≤1200ms；失败态复用 base.css data-state="dim"（不重造）。
 * 🔒 六态落点（避免重复造轮子）：
 *     铭刻点亮 → .rune[data-state="inscribed"]（下）
 *     灵石获取 → .stone-delta（shell.css floatUp）
 *     法宝认主 → .loot[data-kind="artifact"]（下）
 *     破境     → .ascend（settle.css）
 *     符文黯淡 → .rune[data-state="dim"]（base.css，复用）
 *     任务完成 → .quest[data-done="1"]（shell.css）
 * ========================================================================== */

/* ============================ 各脉修炼场换肤 ============================ */

/* 言灵脉：主色偏青玉冷（jade），脉匾与「可攻关」描边转青玉 */
.levels[data-scene="yanling"] {
  --accent: var(--ok);
  --accent-on: #FFFFFF;
  --accent-text: var(--ok-text);
  padding: 12px;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  background: var(--surface-2);
}

/* 衡律脉：主色偏镇重（鎏金深，取「秤与刻度」的庄重），
 *   母题靠中性面板传达「墨青沉」，不强行用深墨青做描边（暗底对比不足）。 */
.levels[data-scene="henglu"] {
  --accent: var(--ornament);
  --accent-on: #FFFFFF;
  --accent-text: var(--ornament);
  padding: 12px;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  background: var(--surface-2);
}

/* 机关脉：冷调，机关青（2d-upgrade-spec.md §A.3.5） */
.levels[data-scene="jiguan"] {
  --accent: #328DAE;
  --accent-on: #FFFFFF;
  --accent-text: #328DAE;
  padding: 12px;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  background: var(--surface-2);
}

/* 丹道脉：暖调，丹火黄（2d-upgrade-spec.md §A.3.6） */
.levels[data-scene="dandao"] {
  --accent: #AE7B24;
  --accent-on: #FFFFFF;
  --accent-text: #AE7B24;
  padding: 12px;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  background: var(--surface-2);
}

/* 各脉场景背景渐变（2d-upgrade-spec.md §A.3 ::before） */
.levels[data-scene] { position: relative; overflow: hidden; }
.levels[data-scene]::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
/* 言灵脉：底部青玉微光 */
.levels[data-scene="yanling"]::before {
  background: radial-gradient(ellipse at 50% 100%,
    rgba(46, 139, 120, 0.06) 0%, transparent 70%);
}
/* 衡律脉：顶部鎏金微光 */
.levels[data-scene="henglu"]::before {
  background: radial-gradient(ellipse at 50% 0%,
    rgba(138, 100, 20, 0.05) 0%, transparent 60%);
}
/* 机关脉：左上机关青微光 */
.levels[data-scene="jiguan"]::before {
  background: radial-gradient(ellipse at 30% 30%,
    rgba(50, 141, 174, 0.05) 0%, transparent 60%);
}
/* 丹道脉：底部丹火黄微光 */
.levels[data-scene="dandao"]::before {
  background: radial-gradient(ellipse at 50% 80%,
    rgba(174, 123, 36, 0.05) 0%, transparent 60%);
}

/* 炼式炉暖调（2d-upgrade-spec.md §A.3.4：底部一抹暖光） */
.drv { position: relative; overflow: hidden; }
.drv::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 40%;
  background: radial-gradient(ellipse at 50% 100%,
    rgba(216, 242, 78, 0.04) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* 未开脉占位（预留钩子，暂不上色） */
.levels[data-scene="default"] { }

/* ============================ VFX 六态（仅 transform / opacity） ============================ */

/* 铭刻点亮：符文自暗转灵光描边 + 微扩（≤100ms，无回弹、无红） */
@keyframes vfxLit {
  from { transform: scale(1);    }
  to   { transform: scale(1.04); }
}
.rune[data-state="inscribed"] {
  animation: vfxLit var(--dur-micro) var(--ease-enter);
}

/* 法宝认主：鎏金流光扫过（≤150ms，降级即静态显示） */
@keyframes vfxGilt {
  from { opacity: .3; filter: brightness(1.5); }
  to   { opacity: 1;  filter: brightness(1);   }
}
.loot[data-kind="artifact"] {
  animation: vfxGilt var(--dur-inter) var(--ease-enter);
}