/* ============================================================
   辰枢 · 移动端长内容折叠（共用）
   ------------------------------------------------------------
   覆盖 6 个长板块：空宫规则 / 排盘说明 / 隐私说明 / 内容来源 /
                内容边界 / 内容纠错

   ★ PC 端（>768px）保证与改造前**完全一致**：
     · <details> 的 open 属性由脚本在宽屏强制打开；
     · summary 标题行在宽屏 display:none，内容恒展开，
       即视觉上仍是原来的「小标题 + 常驻长文」平铺形态；
     · 全部折叠样式包在 @media (max-width:768px) 内，
       桌面端根本不参与计算，PC 端零影响。

   两类结构：
     A. 页脚五项 —— 用原生 <details>/<summary>，天然可折叠；
     B. 空宫规则 —— 标题是 <h3>（引擎盘面区块内不便包 details），
        用 aria-expanded + class 切换，同样只在移动端生效。
   ============================================================ */

/* —— PC 端：还原成改造前的平铺长文外观 —— */
.cs-acc > .cs-acc-s { display: none; }
.cs-acc > .cs-acc-b { display: block !important; }
.cs-acc-h .cs-acc-arrow { display: none; }
.cs-acc-keep { margin: 0; }

@media (max-width: 768px) {
  /* —— 标题栏：可点区域 + 右侧小箭头 —— */
  .cs-acc > .cs-acc-s {
    display: flex; align-items: center; gap: 8px;
    list-style: none; cursor: pointer; -webkit-user-select: none; user-select: none;
    padding: 11px 2px; color: var(--sub, #8da2c8);
    font-size: 13.5px; font-weight: 600;
  }
  .cs-acc > .cs-acc-s::-webkit-details-marker { display: none; }
  .cs-acc > .cs-acc-s::after {
    content: '\203A';                 /* › 右向尖括号，展开时旋转 90° */
    margin-left: auto;
    font-size: 19px; line-height: 1; font-weight: 400;
    color: var(--gold2, #e8c86a);
    transition: transform .2s ease;
  }
  .cs-acc[open] > .cs-acc-s::after { transform: rotate(90deg); }
  .cs-acc > .cs-acc-s:focus-visible {
    outline: 2px solid var(--gold2, #e8c86a); outline-offset: 2px; border-radius: 4px;
  }

  /* —— 折叠体：默认收起（[open] 才展开） —— */
  .cs-acc > .cs-acc-b {
    display: none;
    padding: 2px 2px 12px;
    color: var(--dim); line-height: 1.85; font-size: 13px;
  }
  .cs-acc[open] > .cs-acc-b { display: block; }
  /* ★ 2026-10-17 修正「说明项右侧多余长虚线留白」：
     原用 `.cs-acc + .cs-acc { border-top: 1px dashed }` 画分隔线，
     虚线会**横贯整行**（从标题一直拉到最右侧箭头之后），
     在窄屏上表现为一条长长的虚线 + 大片空白（用户反馈的 Bug 4）。
     改法：去掉整行 border，改由标题行自身用伪元素画**短虚线**，
     长度只占标题与箭头之间的空间，条目紧凑对齐。 */
  .cs-acc + .cs-acc { border-top: none; }
  .cs-acc > .cs-acc-s { position: relative; }
  /* 标题上方短虚线：宽度自适应且不超过容器，不与箭头重叠 */
  .cs-acc + .cs-acc > .cs-acc-s::before {
    content: '';
    position: absolute;
    left: 0; right: 0;
    top: -1px;                       /* 落在原本 border-top 的位置 */
    border-top: 1px dashed var(--line, #2a3145);
    pointer-events: none;
  }
  .cs-acc-keep { margin: 8px 2px 0; font-size: 12.5px; }

  /* —— 空宫规则：h3 充当折叠标题 —— */
  .cs-acc-h {
    display: flex; align-items: center; gap: 8px;
    cursor: pointer; -webkit-user-select: none; user-select: none;
  }
  .cs-acc-h .cs-acc-arrow {
    display: block; margin-left: auto;
    font-size: 19px; line-height: 1; font-weight: 400;
    color: var(--gold2, #e8c86a);
    transition: transform .2s ease;
  }
  .cs-acc-h[aria-expanded="true"] .cs-acc-arrow { transform: rotate(90deg); }
  .cs-acc-h:focus-visible {
    outline: 2px solid var(--gold2, #e8c86a); outline-offset: 2px; border-radius: 4px;
  }
  .cs-acc-bkg { display: none; padding-top: 8px; }
  .cs-acc-bkg.cs-open { display: block; }
}