/* ---
 * generated_by: kimi-k2.8 (Track C4 crush 合盘长文报告页)
 * date: 2026-09-17
 * core_logic: #page-crush 合盘长文报告页视觉层——页头（You × 对方 + 双方 Big Three
 *   面板）+ 长文排版（#0 密度标准的壳：衬线节标题 + 正文进 66ch 阅读行宽/段距/
 *   行高，tokens 变量）+ 原生 <details> 渐进展开（summary ≥44px 触控目标、
 *   focus-visible 指示、marker 保留；details 原生无动画，reduced-motion 零差异）。
 *   页级状态块（safe/guest/loading/preparing/locked/unavailable/rate-limited/error/gone）
 *   纵向排布 + 触控目标 ≥44px。视觉令牌全取 styles/tokens.css（纸墨/苔绿/陶锈），
 *   390/1280 双断点；本页零 transition/animation。
 * --- */

/* === #page-crush === */

/* 页级状态块（safe/guest/loading/preparing/locked/unavailable/rate-limited/error/gone） */
#page-crush [data-crush-state] {
  margin-top: var(--reflect-space-16, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--reflect-space-12, 12px);
  align-items: flex-start;
}

#page-crush [data-crush-state] .section-h,
#page-crush [data-crush-state] .body-p {
  margin: 0;
}

/* head 内联 flex 类会压过 UA [hidden]，状态块/应用区需作者级赢回（同既有先例） */
#page-crush [data-crush-state][hidden],
#page-crush #crush-app[hidden],
#page-crush #crush-header[hidden],
#page-crush #crush-self-panel[hidden],
#page-crush #crush-purchase-status[hidden] {
  display: none !important;
}

#page-crush [data-crush-state] .btn-primary,
#page-crush [data-crush-state] .btn-ghost {
  min-height: 44px; /* 触控目标 */
}

#page-crush .btn-primary:focus-visible,
#page-crush .btn-ghost:focus-visible,
#page-crush .crush-section-title:focus-visible {
  outline: 2px solid var(--reflect-moss);
  outline-offset: 2px;
}

/* === ready 应用区 === */
#page-crush #crush-app {
  margin-top: var(--reflect-space-16, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--reflect-space-16, 16px);
}

/* 页头：You × 对方（衬线大标，值=服务端数据） */
#page-crush .crush-with {
  margin: 0;
  font-family: var(--reflect-serif);
  font-size: 20px;
  line-height: 28px;
  color: var(--reflect-ink);
}

#page-crush .crush-with strong {
  font-weight: 700;
}

/* 双方 Big Three 面板 */
#page-crush .crush-three-grid {
  display: flex;
  flex-direction: column;
  gap: var(--reflect-space-12, 12px);
}

#page-crush .crush-three-panel {
  padding: var(--reflect-space-16, 16px);
  border: 1px solid var(--reflect-line);
  border-radius: var(--reflect-radius-md, 6px);
  background: var(--reflect-paper-light);
  display: flex;
  flex-direction: column;
  gap: var(--reflect-space-8, 8px);
}

#page-crush .crush-three-panel .section-h {
  margin: 0;
}

#page-crush .crush-three {
  margin: 0;
  font-family: var(--reflect-sans);
  font-size: 14px;
  line-height: 21px;
  color: var(--reflect-ink);
}

/* 报告眉标（mono 段标，同全站长文惯例） */
#page-crush #crush-app > .eyebrow {
  margin: 0;
  font-family: var(--reflect-mono, monospace);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--reflect-rust);
}

/* === 长文报告：原生 <details> 渐进展开 === */
#page-crush .crush-report {
  display: flex;
  flex-direction: column;
  gap: var(--reflect-space-8, 8px);
}

#page-crush .crush-section {
  border: 1px solid var(--reflect-hairline);
  border-radius: var(--reflect-radius-md, 6px);
  background: var(--reflect-paper-light);
}

/* 节标题：衬线；summary 整行 ≥44px 触控目标（渐进展开唯一交互面） */
#page-crush .crush-section-title {
  list-style: none; /* marker 视觉替代：衬线标题 + 原生展开态由 details 状态表达 */
  cursor: pointer;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: var(--reflect-space-12, 12px) var(--reflect-space-16, 16px);
  font-family: var(--reflect-serif);
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  color: var(--reflect-ink);
}

/* 隐藏原生三角后键盘/读屏语义不变（summary 仍是原生 button 角色），
   展开态用标题前锈色引线区分 */
#page-crush .crush-section-title::-webkit-details-marker { display: none; }
#page-crush .crush-section-title::before {
  content: '';
  flex: none;
  width: 3px;
  align-self: stretch;
  margin-right: var(--reflect-space-12, 12px);
  border-radius: var(--reflect-radius-pill, 999px);
  background: var(--reflect-hairline);
}

#page-crush .crush-section[open] .crush-section-title::before {
  background: var(--reflect-rust);
}

/* 正文：最大行宽 66ch、舒适行高与段距——#0 密度标准的壳（正文全来自服务端 blocks） */
#page-crush .crush-para {
  margin: 0;
  padding: 0 var(--reflect-space-16, 16px);
  max-width: 66ch;
  font-family: var(--reflect-sans);
  font-size: 15px;
  line-height: 26px;
  color: var(--reflect-ink-soft);
}

#page-crush .crush-para + .crush-para {
  margin-top: var(--reflect-space-12, 12px); /* 段距 */
}

#page-crush .crush-para:last-of-type {
  padding-bottom: var(--reflect-space-16, 16px);
}

/* 购买状态行（温和错误/已开结账页；role=status） */
#page-crush .crush-purchase-status {
  margin: 0;
  font-family: var(--reflect-sans);
  font-size: 13px;
  line-height: 19px;
  color: var(--reflect-ink-soft);
}

/* 390 窄屏：面板内边距收紧 */
@media (max-width: 390px) {
  #page-crush .crush-three-panel {
    padding: var(--reflect-space-12, 12px);
  }

  #page-crush .crush-section-title {
    padding: var(--reflect-space-12, 12px);
  }
}

/* 1280 宽屏：页头面板与长文限阅读列宽 */
@media (min-width: 1280px) {
  #page-crush .crush-three-panel,
  #page-crush .crush-report {
    max-width: 680px;
  }
}