/* ============================================================
   光层（bridge-glow）  1.9.8
   ------------------------------------------------------------
   欢哥：「虽然整体是暗色，但是还要'亮'起来。」

   这句话不是"把底色调亮"——底色一抬，暗色气质就散了，还会回到
   1.9.6 之前那种"蒙了一层蓝的网页"。真正要的是**拉开明暗跨度**：
   暗的地方保持暗（甚至更沉），把光加在四个地方——

   1. 边缘：卡片外沿一圈极淡的外发光，让面板像"自己亮着"而不是被画的
   2. 高光：卡面斜向一道白光（玻璃反光），顶部一道 1px 内高光
   3. 关键读数：标题、数字、时钟用近白 + 微光，与正文拉开两档
   4. 环境光：甲板中心一片柔光，卡片坐在光里而不是漂在黑上

   只加亮度、不加灰：所有颜色都是往青色/白色方向加，不做任何压暗。
   ⚠ 这一层全是"覆盖式"声明，加载顺序必须在 bridge-home.css 之后。
   ============================================================ */

/* ---------- 一、文字：把"最亮的一档"抬到近白 ----------
   原来标题与正文只差一点点明度，扫过去是均匀的一片。
   现在分三档：标题 #F3FAFF、正文 #E6F1FA、辅助仍是 --bh-dim。 */
:is(body.bridge-home, .bridge-home) .bh-page {
  --bh-ink: #E6F1FA;
  --bh-card-ink: #F3FAFF;
  --bh-card-dim: #C2D4E2;
  --bh-card-link: #5FE4FF;
}

/* ---------- 二、甲板环境光：卡片坐在一片光里 ----------
   加在 .bh-halo 的自身背景上（它的 ::before/::after 都占着，不能抢）。
   中心对着全息锚体的 57%，往外化到 70%。 */
.bh-halo {
  background: radial-gradient(
    680px 480px at 57% 48%,
    rgba(56, 217, 255, 0.14),
    rgba(56, 217, 255, 0.05) 46%,
    transparent 72%
  );
}

/* ---------- 三、卡片：面光 + 边缘发光 ---------- */
.bh-card {
  background:
    /* 玻璃反光：左上角斜下来的一道白光，衰减到一半就没了 */
    linear-gradient(152deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.014) 26%, transparent 50%),
    /* 顶部薄光（原有），提一点，让块面有"被照亮的面" */
    linear-gradient(180deg, rgba(56, 217, 255, 0.12), transparent 44%),
    linear-gradient(160deg, rgba(21, 31, 46, 0.94), rgba(10, 14, 22, 0.88));
  box-shadow:
    /* 1px 全边框（原有，提亮一档） */
    0 0 0 1px rgba(56, 217, 255, 0.26),
    /* 顶边内高光：受光面朝上，这一笔是"玻璃厚度"的来源 */
    inset 0 1px 0 rgba(168, 238, 255, 0.5),
    inset 0 0 90px rgba(56, 217, 255, 0.06),
    /* 外发光：往暗处溢出去一圈，卡片边缘就"亮着"了 */
    0 0 32px -12px rgba(56, 217, 255, 0.5),
    0 14px 34px rgba(0, 0, 0, 0.5);
}
.bh-card:hover {
  box-shadow:
    0 0 0 1px rgba(56, 217, 255, 0.55),
    inset 0 1px 0 rgba(200, 245, 255, 0.7),
    inset 0 0 110px rgba(56, 217, 255, 0.11),
    0 0 46px -10px rgba(56, 217, 255, 0.7),
    0 18px 46px rgba(0, 0, 0, 0.62);
}

/* 标题近白 + 极淡外光。光别给大：给大了字会"发毛"，反而糊 */
.bh-card h3 {
  color: #F3FAFF;
  text-shadow: 0 0 24px rgba(150, 228, 255, 0.16);
}
.bh-card-feat h3 {
  color: #FFFFFF;
  /* 压在照片上：先要暗投影立住字形，再叠一层冷光 */
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6), 0 0 28px rgba(150, 228, 255, 0.18);
}
.bh-card p { color: var(--bh-card-dim); }

/* ---------- 四、主打封面：提对比 + 一道斜向高光 ----------
   照片提亮会顶掉标题的可读性，但底部有现成的暗带兜着，
   所以提的是"亮部"（brightness + contrast），不是整张洗白。 */
.bh-card-feat .bh-cover img {
  filter: grayscale(0.68) sepia(0.28) hue-rotate(158deg) saturate(2.2) brightness(0.9) contrast(1.2);
}
/* 斜向高光带：::before 在这一张上是空的（各卡的装饰条走各自的类） */
.bh-card-feat > .bh-cover::before {
  background:
    /* 窄带、低alpha：宽了就是一层雾，窄了才像玻璃上的一道反光 */
    linear-gradient(118deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.035) 15%, transparent 28%),
    linear-gradient(0deg, rgba(8, 12, 19, 0.97) 0%, rgba(8, 12, 19, 0.9) 8%, rgba(8, 12, 19, 0.5) 19%, transparent 38%),
    radial-gradient(ellipse 132% 104% at 0% 116%, rgba(8, 12, 19, 0.98) 0%, rgba(8, 12, 19, 0.92) 42%, transparent 82%),
    linear-gradient(180deg, rgba(8, 12, 19, 0.5) 0%, transparent 22%);
}

/* ---------- 五、读数与元信息：该亮的地方要亮 ---------- */
/* 左下角四行系统读数：值是"数据"，给近白 + 微光；标签保持暗 */
.bh-ph-br .bh-row b {
  color: #F2FAFF;
  text-shadow: 0 0 14px rgba(150, 228, 255, 0.22);
}
/* 时钟是唯一"活着"的读数，暖光再推一档 */
.bh-ph-tr .bh-clock {
  color: #FFC94A;
  text-shadow: 0 0 18px rgba(240, 180, 41, 0.5), 0 0 46px rgba(240, 180, 41, 0.18);
}
/* 主打卡底的"阅读全文"是唯一的行动点，冷光拉满 */
.bh-card-feat .bh-cta {
  color: #B9F3FF;
  text-shadow: 0 0 18px rgba(120, 232, 255, 0.55);
}
/* 频道名：当前项与悬停提亮（真实类名是 .bh-ch__name，不是 .bh-ch__t） */
.bh-card-chan .bh-ch.on .bh-ch__name,
.bh-card-chan .bh-chan-list a:hover .bh-ch__name { color: #EAF7FF; }

/* ---------- 六、舷窗与顶栏：玻璃要反光 ---------- */
/* 甲板顶边那条 2px 冷光，是整幅画面最亮的一根线：给它加上溢出，
   画面的"上边缘"就立住了，视线有地方收。 */
.bh-bridge::after {
  opacity: 0.95;
  box-shadow: 0 0 26px rgba(56, 217, 255, 0.45);
}
.bh-ph-box {
  box-shadow:
    inset 0 1px 0 rgba(168, 238, 255, 0.22),
    inset 0 0 26px rgba(56, 217, 255, 0.06),
    0 0 24px -12px rgba(56, 217, 255, 0.6);
  background: rgba(16, 23, 36, 0.86);
}

/* ---------- 七、第二屏：舞台节点也要"亮" ---------- */
.bh-flow__node {
  box-shadow:
    0 0 0 1px rgba(56, 217, 255, 0.14),
    inset 0 1px 0 rgba(168, 238, 255, 0.2),
    0 0 26px -16px rgba(56, 217, 255, 0.7);
}
.bh-flow__node:hover,
.bh-flow__node:focus-visible {
  border-color: rgba(120, 232, 255, 0.6);
  box-shadow:
    0 0 0 1px rgba(56, 217, 255, 0.3),
    inset 0 1px 0 rgba(200, 245, 255, 0.4),
    0 0 34px -10px rgba(56, 217, 255, 0.75);
}
/* 焦点卡：现在的样子要能一眼从八张里挑出来 */
.bh-flow__node.is-focus {
  border-color: rgba(120, 232, 255, 0.85);
  box-shadow:
    0 0 0 1px rgba(56, 217, 255, 0.4),
    inset 0 1px 0 rgba(210, 248, 255, 0.55),
    0 0 40px -6px rgba(56, 217, 255, 0.55),
    0 16px 38px rgba(0, 0, 0, 0.55);
}
/* 圆心窗与舞台标题 */
.bh-flow__hub,
.bh-arc-hd { text-shadow: 0 0 22px rgba(150, 228, 255, 0.18); }

/* ---------- 八、窄屏收力 ----------
   外发光在窄屏上是纯装饰，合成开销不减：只留边框与内高光。 */
@media (max-width: 900px) {
  .bh-card { box-shadow: 0 0 0 1px rgba(56, 217, 255, 0.26), inset 0 1px 0 rgba(168, 238, 255, 0.45); }
  .bh-flow__node, .bh-ph-box { box-shadow: inset 0 1px 0 rgba(168, 238, 255, 0.2); }
}