/* ============================================================
   文章单篇（bridge-single）三种布局预设
   bridge    舰桥：阅读进度条 + HUD 角标框 + 读数条（默认）
   immersive 沉浸：封面通栏 + 宽版心
   classic   经典：常规单栏
   正文区块复用父主题结构，这里只做外框与排版，不动正文本身。
   ============================================================ */

.bs-page {
  --bs-line: #38D9FF;
  --bs-line-deep: #185FA5;
  --bs-ink-dim: #5F6B76;
  --bs-frame-line: rgba(12, 68, 124, 0.14);
  --bs-frame-bg: rgba(246, 248, 251, 0.72);
  --bs-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(96px, 11vw, 128px) 24px 64px; /* 让开父主题固定页头 */
}
html[data-theme="dark"] .bs-page {
  --bs-ink-dim: #7C8B98;
  --bs-frame-line: rgba(56, 217, 255, 0.16);
  --bs-frame-bg: rgba(14, 20, 32, 0.55);
}

/* ============ 舰桥布局 ============ */
.bs-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 1001;
  background: transparent;
  pointer-events: none;
}
.bs-progress__bar {
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--bs-line-deep), var(--bs-line));
  box-shadow: 0 0 8px rgba(56, 217, 255, 0.6);
}

.bs-hud-frame {
  position: relative;
  border: 1px solid var(--bs-frame-line);
  background: var(--bs-frame-bg);
  padding: 16px 22px;
  margin-bottom: 30px;
  backdrop-filter: blur(6px);
}
.bs-hud-corner { position: absolute; width: 10px; height: 10px; border: 1.5px solid var(--bs-line); }
.bs-hud-corner.tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }
.bs-hud-corner.tr { top: -1px; right: -1px; border-left: none; border-bottom: none; }
.bs-hud-corner.bl { bottom: -1px; left: -1px; border-right: none; border-top: none; }
.bs-hud-corner.br { bottom: -1px; right: -1px; border-left: none; border-top: none; }
.bs-readout {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-family: var(--bs-mono);
  font-size: 11px;
  color: var(--bs-ink-dim);
  letter-spacing: 0.06em;
}
.bs-chip {
  border: 1px solid var(--bs-frame-line);
  padding: 3px 8px;
  white-space: nowrap;
}
.bs-chip--path a { color: var(--bs-line-deep); }
.bs-chip--path a:hover { text-decoration: underline; }
.bs-chip--path i { font-style: normal; opacity: 0.5; margin: 0 2px; }
.bs-layout-bridge .bs-body { max-width: 900px; }

/* ============ 沉浸布局 ============ */
.bs-immersive-cover {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 36px;
  border-bottom: 1px solid var(--bs-frame-line);
  overflow: hidden;
}
.bs-immersive-cover img {
  display: block;
  width: 100%;
  height: clamp(220px, 34vw, 430px);
  object-fit: cover;
}
.bs-layout-immersive .bs-body { max-width: 880px; margin: 0 auto; }
.bs-layout-immersive .single-article__title { font-size: clamp(24px, 3.4vw, 34px); }

/* ============ 经典布局 ============ */
.bs-layout-classic .bs-body { max-width: 820px; margin: 0 auto; }

/* ============ 降级 ============ */
@media (max-width: 900px) {
  .bs-page { padding: 84px 16px 48px; }
  .bs-immersive-cover { margin-bottom: 24px; }
  .bs-layout-bridge .bs-body,
  .bs-layout-immersive .bs-body,
  .bs-layout-classic .bs-body { max-width: 100%; }
}