/* ============================================================================
 * 首页 ROW2「修为殿堂」入口卡 · 满幅·入殿之门   web/assets/cultivation/hall-entry.css
 * 2026-10-08（方向 A 落地）
 * ----------------------------------------------------------------------------
 * 位置：主页 hm-metrics 第一张卡（原「学情画像」）。换它的理由不是"腾地方"：
 *   原卡三行里，「知识掌握度」「近 7 天正确率」与 Hero 双环**完全重复**（app.js:4005-4006），
 *   只剩「已完成测评」一个独有数字 —— 该数字已迁至「训练表现」卡，不丢。
 *
 * 视觉（方向 A，PM 2026-10-08 选定；罩 v4「无框·黄昏天光」同日定稿）：
 *   整张卡 = 一扇门。
 *   · 满幅出血的殿堂插画铺满卡面（assets/cultivation/entry/*.webp，670x374 预裁，
 *     源自同族 1024x1536 原图；原图 528KB/张 太大，预裁后 ~35KB/张）；
 *   · 顶部黄昏渐变罩（无边缘、无横带）+ 文字浓影，⛔ 文字不得带底框/底牌/标题条
 *     （v1 横柱/v2 横带/v3 暗牌三轮全被 PM 否掉）；白色宋体境名当主角，
 *     修为胶囊与次级句都是裸字+影，空态走 --hm-dim；
 *   · 底部八点轨道表进度；**升一境换一幅画**（取"当前那一境"，见 hall-entry.js 的 artOf）。
 * ⛔ 零 emoji；⛔ 取不到数据不摆 0 / 不摆占位假数字。
 *
 * ⚠⚠ 本卡三个真机踩出来的坑，务必别改回去：
 *  1) 首页**不看 data-theme** —— 它是 body[data-tone="mirror"]「首页强制深紫」
 *     （desktop.css:3774），有一整套 --hm-* 令牌（--hm-bg/--hm-card/--hm-ink/--hm-sub/--hm-dim）。
 *     所以本文件的次级文字色一律取 --hm-sub / --hm-dim（与兄弟卡同源，改全局一起变），
 *     ⛔ 不按 data-theme 分档 —— v1 那样在浏览器默认 light 档下会拿到浅色档的深灰 #6B6470，
 *     压在深底上对比度不足 4.5:1（实测 computed .hh-sub = rgb(107,100,112)）。
 *  2) ⛔ 不给 .card-title 写规则 —— 标题的 flex 布局与 #fff 字色来自全局
 *     `.hm-dash .card-title`（desktop.css:3893，行内四张卡同一条规则，改一行四张一起变）。
 *     要把内容层抬到压暗罩之上，用 `.hm-mc-hall > *`，不碰 .card-title 本身。
 *  3) 🔴 **卡内新类必须带前缀**（本次 .hhe-）—— desktop.css 有全局 `.hero{display:grid;
 *     grid-template-columns:140px 1fr;gap:24px}`(1187) 与 `.chip`(1176)。若卡内类叫
 *     .hero/.chip/.line/... 会被全局规则改布局（实测：.hero 多出 margin-bottom:24px
 *     且被改成 grid，卡高 187→209，把整行四张一起撑高）。
 * ========================================================================== */

.hm-mc.hm-mc-hall{
  position:relative; cursor:pointer; overflow:hidden;
  /* 底＝深紫兜底（图未加载/注入失败时也不是白盒）；真正的画面由 JS 注入 background-image */
  background-color:#0E0A1D;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  border-color:rgba(255,138,107,.26);
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
.hm-mc.hm-mc-hall:hover{transform:translateY(-2px);border-color:rgba(255,138,107,.52);
  box-shadow:0 16px 34px -20px rgba(0,0,0,.72)}
.hm-mc.hm-mc-hall:focus-visible{outline:3px solid #FF8A6B;outline-offset:2px}

/* 压暗罩 v4「无框 · 黄昏天光」（2026-10-08 用户第三轮反馈定稿）：
   v1 横柱 .90×纵罩 .62≈96% 遮盖 →「左边太深看不到图」；v2 三条全宽横带 →
   「更难看了，挡住的更多」；v3 文字各带小暗牌/标题条 →「不要用黑色的框显示文字，
   底下的图被挡住」—— 三轮共同答案：**画面上不许出现任何可见的“框/带/牌”**。
   v4 原则：可读性全部交给「一片无边缘的黄昏天光 + 文字浓影」——
     · 罩＝单一 180deg 渐变：顶部 .58（罩住标题/境名/次级句所在的整片字区，
       往下按卡高自然消隐，72% 处归零 —— 无任何可见边缘）；
     · 底部 80%→100% 一条 .30 殿基微影（托八点轨道，贴边不显框）；
     · ⛔ 禁：全宽横带、深横柱、文字底框/底牌/标题条（v1-v3 三案全被否）。
   ✅ 9 图真机透明填充扫描（_cv_probe5/_cv_v5_meas，仓外归档；改罩/改影必须重跑）。
   ⚠⚠⚠ 选择器**必须**压过 desktop.css:3889 的 `.hm-dash .hm-mc::before`（特异性 0,2,1）。
   那条规则给同排每张卡加 1px 顶高光，并且把 background / left / right / top / height
   一起写死；一旦被它盖住，本罩会被压回成 `left:14px;right:14px;height:1px` 的一根细线
   ⇒ **卡面等于原图直出、字全糊**（2026-10-08 真机复现）。故用
   `.hm-dash .hm-mc.hm-mc-hall::before`（0,3,1）并把几何长写全（含 height:auto）。
    ⛔ 别再降回 `.hm-mc-hall::before`。 */
.hm-dash .hm-mc.hm-mc-hall::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  left:0; right:0; top:0; bottom:0; height:auto;
  background:linear-gradient(180deg,
    rgba(11,7,22,.62) 0%, rgba(11,7,22,.54) 26%, rgba(11,7,22,.50) 52%,
    rgba(11,7,22,.46) 62%, rgba(11,7,22,.22) 72%, rgba(11,7,22,0) 80%,
    rgba(11,7,22,0) 84%, rgba(11,7,22,.36) 100%);
}
/* 内容层（.card-title + .hh-nums）抬到罩之上。用子选择器而非 .card-title 选择器：
   标题的字色/布局仍完全交给全局 `.hm-dash .card-title`。 */
.hm-mc-hall > *{position:relative; z-index:1}

/* 标题行 v4：**无底框**（用户第三轮反馈「不要用黑色的框显示文字」）——
   顶部黄昏罩 .58 + 两层贴字影兜底。⚠ 只加 text-shadow，字色/字号/flex 布局
   仍完全归全局 `.hm-dash .card-title`（desktop.css，无 background，不冲突）。 */
.hm-mc-hall > .card-title{
  text-shadow:0 1px 2px rgba(8,4,18,.95), 0 0 7px rgba(8,4,18,.8), 0 0 14px rgba(8,4,18,.5)}

/* 「这是门」的信号：左侧朱红圆点 + 暖色边框 + 底部八色刻度。hz-ico/hh-go 是
   app.js 生成的标题内元素，样式按需微调（不含 .card-title 自身规则）。 */
.hm-mc-hall .card-title .hh-ico{
  width:14px;height:14px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 32% 30%, #FFC7B4, #FF7A5A 68%);
  box-shadow:0 0 0 3px rgba(255,122,90,.22);
}
.hm-mc-hall .card-title .hh-go{margin-left:auto;font-size:11.5px;font-weight:700;
  color:#FFD0BF;opacity:.92;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;
  /* v4：唯一保留的胶囊＝「进殿堂 →」**按钮**（按钮需要底才有可按感，不算"框住文字"）；
     顶部罩 .58 + 牌 .55 合成有效背衬 ≈.81，白暖字稳过 4.5:1。 */
  background:rgba(9,6,18,.55);border:1px solid rgba(255,255,255,.20);
  padding:2px 8px;border-radius:999px;
  text-shadow:0 1px 4px rgba(8,4,18,.7)}
.hm-mc-hall:hover .card-title .hh-go{opacity:1;color:#FFE3D8}

/* 数字区：纵向排布，占满剩余高度，好让八点轨道贴到卡底 */
.hm-mc-hall .hh-nums{flex:1;display:flex;flex-direction:column;min-width:0}

/* 主角行：境名（白，宋体）+ 修为胶囊。境名用系统宋体链，⛔ 不引本页毛笔子集
   （MaShanZheng-Cultivation 只含八境名与印章字，且首页未加载该字体）。 */
.hhe-hero{display:flex;align-items:baseline;gap:9px;min-width:0;margin-top:3px}
.hhe-hero b{font-size:26px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:2px;
  font-family:"Songti SC","STSong","SimSun",serif;white-space:nowrap;
  /* v3：罩放轻后 26px 大字靠三层浓影兜底（透明填充 9 图实测 hero 全过 3:1，
     最差 00_overview 贴线；⛔ 改影/改罩后必须重跑扫描并回填实测值） */
  text-shadow:0 2px 4px rgba(8,4,18,1), 0 0 10px rgba(8,4,18,.95), 0 0 24px rgba(8,4,18,.75)}
/* ⚠ 段位判不出来时 b 里是一个「—」：26px + letter-spacing:2px 会被看成一截横线
   （真机截图实测，像卡里多了一道分隔线）。降一档、去字距、走 --hm-dim，
   让它读作"空缺"而不是装饰线；篇幅让给下面那句**可执行的**话。 */
.hhe-hero[data-known="0"] b{font-size:20px;letter-spacing:0;font-weight:600;
  color:var(--hm-dim, #8A80B4)}

.hhe-chip{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;
  font-variant-numeric:tabular-nums;letter-spacing:.2px;
  /* v4：**无底框**（同标题行）；中带罩 .40-.52 + 贴字影兜底。 */
  text-shadow:0 1px 2px rgba(8,4,18,.9), 0 0 6px rgba(8,4,18,.7)}

/* ⚠ 刻意不写 nowrap：「距炼气还差 1 个知识点 · 1 道错题」在 303px 内宽里会溢出，
   被截成"距炼气还差 1 个知识…"反而看不懂 —— 宁可换行。
   v4：**无底框**（用户第三轮反馈，v1-v3 的横柱/横带/暗牌三案全否）；
   罩在中带还有 .40-.52，字色保持亮档 #F3ECFF + 贴字影兜底。 */
.hhe-line{font-size:12.5px;color:#F3ECFF;margin-top:6px;line-height:1.5;
  /* 四层密影：次级句位置（卡高 ~55-62%）是罩最弱、图最亮的区域，裸字全靠这团
     贴字影兜底（9 图扫描 line 区实测定档，改罩/改影必须重跑）。 */
  text-shadow:0 0 3px rgba(6,3,14,1), 0 1px 2px rgba(6,3,14,1),
    0 0 11px rgba(6,3,14,.95), 0 0 20px rgba(6,3,14,.7), 0 0 32px rgba(6,3,14,.45)}
.hhe-line.is-empty{color:var(--hm-dim, #8A80B4)}
/* ⚠ 空态里「距 X 还差…」的目标名走纯白，与句身区分 */
.hhe-line b{color:#fff;font-weight:700}

/* 八点轨道：贴卡底滑到卡右（margin-top:auto 靠 .hh-nums 的 flex 撑开）。
   v3「暗珠亮环」：未点亮＝暗珠+柔光描边（罩放轻后透明珠在亮图上会看不见；
   暗珠语义也更贴「未点亮」）；已达＝实心（--lv 境色）；当前那一境＝朱红描边放大。 */
.hhe-rail{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:9px}
.hhe-rail i{width:10px;height:10px;border-radius:50%;flex:none;
  background:rgba(9,6,18,.78);border:1.5px solid rgba(255,255,255,.66);
  transition:transform .18s}
.hhe-rail i[data-s="done"]{border-color:transparent;background:var(--lv, #B07A45)}
.hhe-rail i[data-s="now"]{border-color:#FF8A6B;background:rgba(11,7,22,.85);
  box-shadow:0 0 0 3px rgba(255,122,90,.26);transform:scale(1.25)}
.hm-mc-hall:hover .hhe-rail i[data-s="now"]{transform:scale(1.34)}