/* ═══════════════════════════════════════════════════
   知几 · 卦案表（2026-08-03 器物重构 · 本文件为 .ark-card/.pan-grid 唯一权威）
   版式语言：账册双框 + 竖线界格 + 款识表头 + 圈字世应 + 动爻淡朱
   ═══════════════════════════════════════════════════ */
.result-section:not(.hidden){padding:1.6rem 0;display:flex;flex-direction:column;gap:2.2rem}

/* ── 卦帖卡（实底纸面 · 双框界格，与当票同构；纸不 blur）── */
.ark-card{
  background:rgba(252,250,244,.62);
  border:1px solid var(--frame-main);
  border-radius:var(--radius-ledger);padding:1.7rem 1.6rem;
  width:100%;margin:0 auto;
  position:relative;
}
.ark-card::before{content:'';position:absolute;inset:8px;pointer-events:none;
  border:1px solid var(--frame-inner);border-radius:1px}
.ark-card-header{margin-bottom:1.3rem}
.ark-card-title{font-family:var(--font-serif);font-size:1.05rem;color:var(--gold-deep);
  letter-spacing:.24em;text-indent:.24em;font-weight:700}
.ark-card-title::before{content:'';display:inline-block;width:.5rem;height:.5rem;
  background:var(--cinnabar);border-radius:1px;margin-right:.55rem;vertical-align:.08em}

/* ── 版心元数据（四柱单行 · 对比度重刷 ≥4.5:1）── */
.pan-meta{margin-bottom:1.5rem;padding:0 .4rem}
.pan-meta p{margin:0 0 .45rem;font-size:.9rem;color:var(--ink);line-height:1.9}
.pan-meta .label{color:var(--ink-soft);font-weight:500;letter-spacing:.06em}
.pan-meta .hi{color:var(--cinnabar);font-weight:600}
.pan-dim{color:var(--ink-soft)}

/* ── 卦名标题（墨书 · 非渐变）── */
.pan-hexname{text-align:center;font-family:var(--font-serif);font-size:1.55rem;font-weight:700;
  color:var(--ink);margin:.4rem 0 1.2rem;letter-spacing:.14em;text-indent:.14em}
.pan-hexname .pan-dim{font-weight:400;font-size:1.15rem}
.pan-hexname .pan-arrowname{color:var(--cinnabar);margin:0 .4rem;font-size:1.15rem}
.pan-hexname .pan-palace{font-size:.76rem;color:var(--ink-soft);font-weight:400;margin-left:.6rem;letter-spacing:.1em}

/* ── 卦名行（移动端兼容）── */
.pan-palace-row{display:flex;justify-content:space-between;margin-bottom:.3rem;font-size:.88rem}
.pan-palace-row .left{color:var(--ink)}
.pan-palace-row .right{color:var(--ink-soft);text-align:right}

/* ── 卦案网格（保留 8 列双卦信息 · 弹性列宽）── */
/* 2026-08-03 四 skill 综合放大：爻象列 100→128px+、动栏 5rem 容圈字箭头、伏神 4.2rem 不触线 */
.pan-grid{
  display:grid;
  grid-template-columns:2.8rem 4.2rem minmax(5.6rem,1fr) 9.6rem 5rem minmax(5.6rem,1fr) 4.2rem 9.5rem;
  align-items:stretch;row-gap:0;
  border-top:1px solid rgba(138,109,64,.22);   /* 表首栏线 */
}
/* 竖线界格：2026-08-03 用户钦定「做回之前风格」——不要竖线表格感，保持无竖线（原 8n+n 选择器为非法规则已废弃） */
/* 表头 · 款识（栏头淡染 + 字距；gold-ink 4.35:1 → ink-soft 5.02:1 过铁律） */
.pg-h{
  font-size:.7rem;font-weight:600;color:var(--ink-soft);text-align:center;
  letter-spacing:.18em;text-indent:.18em;
  padding:.62rem 0 .72rem;
  border-bottom:1px solid rgba(138,109,64,.28);
  background:rgba(196,154,95,.05);
}
.pg-h.pg-yaotext,.pg-h.pg-yaotext2{text-align:left;padding-left:.6rem}

/* ── 爻行（发丝线分栏 · 行高由结构决定：min-height 2.6rem 全行等距 41.6px）── */
/* padding .4rem + gap .28：5 字爻象（.86rem）在 92px 弹性列单行不折（2026-08-03 实测 1px 临界） */
.pg-c{font-size:.86rem;padding:.55rem .4rem;display:flex;align-items:center;
  min-height:2.6rem;border-bottom:1px solid rgba(138,109,64,.08)}
.pg-c.pg-sixgod{justify-content:center;color:var(--ink-soft);font-size:.8rem}
.pg-c.pg-fushen{justify-content:center;color:var(--ink-soft);font-size:.8rem;white-space:nowrap}
.pg-c.pg-fushen2{justify-content:center;color:var(--jade-deep);font-size:.8rem;white-space:nowrap}
.pg-c.pg-yaotext{padding-left:.5rem;color:var(--ink);gap:.28rem;flex-wrap:wrap}
.pg-c.pg-yaotext .rel{font-weight:600;white-space:nowrap}
.pg-c.pg-yaotext .gz{white-space:nowrap}
.pg-c.pg-yaotext .elem{color:var(--ink-soft);font-size:.82rem;white-space:nowrap}
.pg-c.pg-block{justify-content:center;overflow:visible}
.pg-c.pg-arrow{justify-content:center;padding:0 .35rem;align-items:center;gap:.2rem}   /* 2026-08-03 审查修复：世应 badge 与 ○→ 共存时箭头居中不右移 */
.pg-c.pg-yaotext2{padding-left:.5rem;color:var(--ink);font-size:.86rem;font-weight:500;gap:.25rem;flex-wrap:wrap}
.pg-c.pg-yaotext2 .gz{white-space:nowrap;font-weight:600}
.pg-c.pg-block2{justify-content:center;overflow:visible}
/* 动爻行：整行淡朱染（纸账房的红笔批注，非发光） */
.pg-c.dong{background:rgba(168,66,46,.035)}

/* ── 卦名独立行（2026-08-03 用户钦定：桌面移动都显示在表首——做回之前风格）── */
.pg-m-hexlabel{font-size:.56rem;color:var(--ink-soft);text-align:center;padding:.12rem 0 0;line-height:1.2;letter-spacing:.1em}
.pg-m-hexname{font-size:.82rem;font-weight:700;color:var(--ink);text-align:center;padding:0 0 .4rem;letter-spacing:.08em}
.pg-m-hexlabel+.pg-m-hexlabel{border-left:1px solid rgba(138,109,64,.08)}

/* ── 爻符（放大：8.4rem×16px，表的气眼）── */
.yao-bar-wrap{display:flex;align-items:center;width:8.4rem;height:16px}
.yao-bar-wrap.solid .bar-seg{flex:1;height:100%;border-radius:1px;background:var(--ink)}
.yao-bar-wrap.broken{justify-content:space-between}
.yao-bar-wrap.broken .bar-seg{width:44%;height:100%;border-radius:1px;background:rgba(58,48,37,.5)}
/* 动爻爻符：朱色（墨→朱笔） */
.yao-bar-wrap.moving .bar-seg{background:var(--cinnabar)!important}

/* ── 动爻箭头 · 细朱（去粗体）── */
.pg-arrow-sym{color:var(--cinnabar);font-size:1rem;font-weight:400;padding:0 .3rem;letter-spacing:.02em}

/* ── 世应 · 圈字（世=朱圈 应=玉圈，古法圈字 · 放大 1.6rem 随行）── */
.badge{display:inline-flex;align-items:center;justify-content:center;
  width:1.6rem;height:1.6rem;border-radius:50%;
  font-family:var(--font-serif);font-size:.74rem;font-weight:700;line-height:1;
  flex-shrink:0;background:transparent}
.badge-shi{color:var(--cinnabar);border:2px solid var(--cinnabar)}
.badge-ying{color:var(--jade-deep);border:2px solid var(--jade-deep)}
.badge-yuepo{color:#A8422E;border:2px solid rgba(168,66,46,.55);background:rgba(168,66,46,.06);font-size:.55rem;padding:0 4px;border-radius:3px}
.yuepo-mark{color:#A8422E;font-size:.55rem;margin-left:2px;border:1px solid rgba(168,66,46,.4);border-radius:2px;padding:0 2px}

/* ── 解读占位 ── */
.ark-placeholder{color:rgba(58,48,37,.25);text-align:center;padding:2rem 0;font-style:italic;font-size:.95rem;letter-spacing:.1em}

/* ── 平板（601-860px · 2026-08-03 放大同步）── */
@media (max-width:860px){
  .pan-grid{grid-template-columns:2.2rem 3.4rem minmax(4.4rem,1fr) 7.6rem 3.4rem minmax(4.4rem,1fr) 3.4rem 7.6rem}
  .ark-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pan-grid{min-width:600px}
  .pg-c{min-height:2.4rem;padding:.4rem .3rem}
  .stage-card{padding:1.8rem 1.6rem 2rem}
  .ritual-rail{position:static;padding:.45rem .8rem;font-size:.74rem}
  .config-grid{gap:1.1rem 1.4rem}
  #stage-question,#stage-cast{min-height:auto}
}
