/* ══════════════════════════════════════════════════════════════
   知几 · 梅花易数 — 独立样式（body.page-meihua 作用域 · .mh- 前缀）
   设计定调：观照 · 灵机 · 一念成卦
   六爻是「铜钱铸卦」（重器），梅花是「枝上长卦」（轻物）
   同纸同墨（宣纸/墨/金/玉/朱五色 token 复用），异器异心
   ══════════════════════════════════════════════════════════════ */

/* ── 雪纸底（比六爻旧宣更白 4%，未落笔感）── */
body.page-meihua{
  background:#FAF7EE;
}
body.page-meihua::before{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(196,154,95,0.04) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(180,140,90,0.03) 0%, transparent 50%),
    #FAF7EE;
}
body.page-meihua::after{opacity:.025}

/* ═══ 入场揭幕（主页 → 梅花页 · 雪纸底 + 观印）═══ */
body.page-meihua .page-veil{background:#FAF7EE}
body.page-meihua .veil-mark.mh-veil-mark{
  color:rgba(168,66,46,.55);font-size:2.2rem;
  border:1.5px solid rgba(168,66,46,.35);border-radius:3px;
  width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;
  text-indent:0;letter-spacing:0;
  box-shadow:inset 0 0 0 1px rgba(168,66,46,.12);
  animation:veil-breathe 2.8s ease-in-out infinite}
@keyframes veil-breathe{0%,100%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}

/* ═══ 页头 · 观印（pan-head 同构，仅换印字与拉丁）═══ */
.page-meihua .pan-seal{background:none;box-shadow:none;border:1.5px solid var(--cinnabar);color:var(--cinnabar);text-shadow:none;-webkit-text-fill-color:var(--cinnabar)}
.page-meihua .pan-title{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink)}
.page-meihua .pan-latin{color:var(--gold-ink)}

/* ═══ 壹 观物 · 问事（凭帖双框同构）═══ */

/* ═══ 贰 取数 · 起卦区 ═══ */

/* ── 先天数环带（乾一兑二…· 数入卦身）── */
.mh-xtstrip{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;margin:0 0 1.5rem}
.mh-xtstrip span{font-family:var(--font-serif);font-size:.7rem;letter-spacing:.08em;
  color:var(--gold-ink);border:1px solid var(--frame-inner);border-radius:2px;
  padding:.28rem .55rem;background:rgba(196,154,95,.05)}

/* ── 数签（一念一签：数一 起上卦 / 数二 定下卦 / 数三 动爻之枢）── */
.mh-slips{display:flex;gap:1.8rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-bottom:1.2rem}
.mh-slip{display:flex;flex-direction:column;align-items:center;gap:.45rem}
.mh-slip-title{font-family:var(--font-serif);font-size:.8rem;color:var(--ink);letter-spacing:.16em;text-indent:.16em}
.mh-slip-role{font-size:.62rem;color:var(--gold-deep);letter-spacing:.12em}
.mh-slip .num-input{width:5.5rem;height:56px;font-size:1.6rem;font-weight:600;font-family:var(--font-serif)}
.mh-slip-echo{font-family:var(--font-serif);font-size:.66rem;color:var(--jade-deep);letter-spacing:.04em;min-height:1.15rem;text-align:center;line-height:1.6}
.mh-slip-echo.is-err{color:var(--cinnabar-ink)}

/* ── 口诀注 ── */
.mh-formula{font-family:var(--font-serif);font-size:.7rem;color:var(--ink-soft);
  letter-spacing:.26em;text-indent:.26em;margin:0 0 .9rem;text-align:center}

/* ── 时间面板 · 四柱现时 ── */
.mh-cast-now{font-family:var(--font-serif);font-size:.95rem;color:var(--ink);
  letter-spacing:.12em;text-align:center;margin:0 0 1.1rem}
.mh-cast-now b{font-weight:700;color:var(--cinnabar);font-variant-numeric:tabular-nums}
.mh-cast-formula{font-family:var(--font-serif);font-size:.66rem;color:var(--ink-soft);
  letter-spacing:.06em;line-height:1.9;text-align:center;margin:0 0 1.1rem;min-height:2em}
.mh-cast-formula.is-err{color:var(--cinnabar-ink)}   /* 2026-08-15：成卦失败提示（朱色） */

/* ── 心动盘（涟漪 · 杜绝转盘）── */
.mh-heart{position:relative;width:min(240px,72vw);height:min(240px,72vw);margin:0 auto 1.2rem;
  border:1px solid var(--frame-main);border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  user-select:none;-webkit-tap-highlight-color:transparent;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.mh-heart:hover{border-color:rgba(168,66,46,.45);background:rgba(168,66,46,.03)}
.mh-heart:active{border-color:var(--cinnabar)}
.mh-heart-core{font-family:var(--font-serif);font-size:.9rem;color:var(--ink);
  letter-spacing:.3em;text-indent:.3em;line-height:2;text-align:center;pointer-events:none}
.mh-heart-core small{display:block;font-size:.62rem;color:var(--ink-soft);letter-spacing:.2em;text-indent:.2em}
.mh-heart .mh-ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;
  border-radius:50%;border:1.5px solid rgba(168,66,46,.5);opacity:0;pointer-events:none}
.mh-heart .mh-stone{position:absolute;font-family:var(--font-serif);font-size:1.3rem;font-weight:700;
  color:var(--ink);opacity:0;pointer-events:none;font-variant-numeric:tabular-nums}

/* ═══ 叁 成象 · 卦案 ═══ */

/* ── 盘首 meta（四柱 · 起法 · 动爻）── */
.mh-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;
  font-size:.72rem;color:var(--ink-soft);letter-spacing:.1em;padding:.2rem 0 .6rem}
.mh-meta .mh-moving-mark{color:var(--cinnabar);font-weight:600;letter-spacing:.14em}

/* ── 主卷：五卦盘面（挂轴裱边 + 天杆）── */
.mh-scroll{max-width:920px;margin:0 auto;position:relative;
  border:1px solid var(--frame-main);border-radius:var(--radius-ledger);
  background:rgba(252,250,244,.72);padding:2.2rem 1.6rem 2rem}
.mh-scroll::before{content:'';position:absolute;inset:8px;pointer-events:none;
  border:1px solid var(--frame-inner);border-radius:1px}
.mh-scroll::after{content:'';position:absolute;top:0;left:12%;right:12%;height:2px;
  background:rgba(138,109,64,.4)}

/* 体用签：体=墨实签带底影（本体）· 用=金虚签（外物） */
.mh-ti-tag,.mh-yong-tag{font-family:var(--font-serif);font-size:.68rem;letter-spacing:.12em;
  padding:.2rem .55rem;border-radius:2px;white-space:nowrap}
.mh-ti-tag{color:var(--ink);border:1px solid rgba(58,48,37,.4);
  background:rgba(58,48,37,.05);box-shadow:inset 0 0 0 1px rgba(58,48,37,.08)}
.mh-yong-tag{color:var(--gold-deep);border:1px solid rgba(138,109,64,.4);background:transparent}

.mh-guaci{font-size:.72rem;color:var(--ink-soft);letter-spacing:.05em;line-height:1.9;text-align:center;margin:0}
.mh-yaoci{font-size:.74rem;color:var(--ink);line-height:1.8;text-align:center;margin:0}
.mh-yao-title{color:var(--cinnabar);font-weight:600;letter-spacing:.08em}

/* ── 判语签 + 墨条（吉凶能量 0-100）── */
.mh-verdict{margin:.9rem 0 .3rem;padding:.8rem .9rem .7rem;text-align:center;
  border:1px solid rgba(138,109,64,.28);border-radius:var(--radius-ledger);background:rgba(252,250,244,.5)}
.mh-verdict-line{display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap}
.mh-rel{font-family:var(--font-serif);font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:.12em}
.mh-rel-detail{font-size:.66rem;color:var(--ink-soft);letter-spacing:.06em}
.mh-grade{font-size:.64rem;font-weight:600;letter-spacing:.14em;padding:.12rem .5rem;border-radius:2px;border:1px solid}
.mh-grade.good{color:var(--jade-deep);border-color:rgba(63,102,88,.5);background:rgba(63,102,88,.06)}
.mh-grade.mid{color:#7A5C30;border-color:rgba(122,92,48,.5);background:rgba(122,92,48,.05)}
.mh-grade.bad{color:var(--cinnabar-ink);border-color:rgba(154,59,42,.5);background:rgba(168,66,46,.05)}
.mh-energy{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.6rem}
.mh-energy-rule{position:relative;width:min(220px,46vw);height:10px;border-bottom:1px solid rgba(58,48,37,.35)}
.mh-energy-fill{position:absolute;left:0;bottom:-1px;height:2.5px;width:100%;background:var(--ink);
  transform:scaleX(0);transform-origin:left}
.mh-energy-num{font-size:.68rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.08em}

/* ── 应期三档 ── */
.mh-yinqi{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.8rem 0}
.mh-yq{text-align:center;border:1px solid rgba(138,109,64,.22);border-radius:var(--radius-ledger);
  padding:.5rem .3rem;background:rgba(196,154,95,.04)}
.mh-yq-tier{font-size:.56rem;letter-spacing:.22em;text-indent:.22em;color:var(--gold-deep);display:block}
.mh-yq-date{font-family:var(--font-serif);font-size:.9rem;font-weight:700;color:var(--ink);
  margin:.15rem 0 0;font-variant-numeric:tabular-nums;display:block;line-height:1.5}
.mh-yq-note{font-size:.56rem;color:var(--ink-soft);letter-spacing:.05em;display:block;margin-top:.1rem}

/* ── 五卦并排盘面（本互变错综 · 参考经典梅花排盘形态）── */
.mh-five-wrap{overflow-x:auto;margin:.6rem 0 .2rem}
.mh-five{display:grid;grid-template-columns:repeat(5,1fr);gap:0;min-width:0;width:100%}
.mh-five-col{padding:.9rem .5rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;min-width:0}
.mh-five-col + .mh-five-col{border-left:1px dashed rgba(138,109,64,.14)}
.mh-five-tag{font-size:.6rem;color:var(--gold-deep);letter-spacing:.22em;text-indent:.22em;white-space:nowrap}
.mh-five-name{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--ink);letter-spacing:.08em;white-space:nowrap;line-height:1.4}
.mh-five-role{font-size:.56rem;color:var(--ink-soft);letter-spacing:.12em;white-space:nowrap}
.mh-five-yao{display:flex;flex-direction:column;gap:10px;align-items:center;padding:.35rem 0;width:100%}
.mh-five-yao .mh-bar{display:flex;gap:12%;align-items:center;justify-content:center;position:relative;width:74%}
.mh-five-yao .mh-bar i{display:block;flex:1 1 auto;min-width:0;height:5px;border-radius:2.5px;background:rgba(58,48,37,.8)}
.mh-five-yao .mh-bar i.break{flex:1 1 auto}
.mh-dong-x{position:absolute;right:-8px;top:50%;translate:0 -50%;   /* 2026-08-15 用户定调：× 与爻条拉开一点（-16 太远 / 0 太贴） */
  color:var(--cinnabar);font-weight:700;font-size:.72rem;line-height:1;pointer-events:none}
/* 五行配色（上下经卦各半 · 木青/火朱/土金褐/金浅金/水墨 · 深浅统一视觉重量） */
.mh-five-yao .mh-bar i[data-elem="木"]{background:#4E7A66}
.mh-five-yao .mh-bar i[data-elem="火"]{background:var(--cinnabar)}
.mh-five-yao .mh-bar i[data-elem="土"]{background:var(--gold-deep)}
.mh-five-yao .mh-bar i[data-elem="金"]{background:#AE8F52}   /* 2026-08-15 审查：#C9A05B 对雪纸 2.3:1 不足且与土近色 → 压深 */
.mh-five-yao .mh-bar i[data-elem="水"]{background:var(--ink)}
/* 主卦强调（2026-08-15 审查：字号保持用户钦定统一 1.15rem——朱款识+字重分主次，余卦让位） */
.mh-five-col.is-main .mh-five-name{color:var(--ink);font-weight:800;text-shadow:0 0 1px rgba(58,48,37,.25)}
.mh-five-col.is-main .mh-five-tag{color:var(--cinnabar);font-weight:700;letter-spacing:.18em}
.mh-five-col.is-main .mh-five-role{color:var(--cinnabar-ink)}
.mh-five-col:not(.is-main) .mh-five-name{color:rgba(58,48,37,.62)}

/* ── 参玄折叠（另观内外/上下体用 · 旬空 · 六神 · 格局）── */
.mh-arch{margin:.9rem 0 .2rem;border-top:1px dashed rgba(58,48,37,.14);padding-top:.4rem;text-align:center}
.mh-arch summary{cursor:pointer;list-style:none;display:inline-block;font-family:var(--font-serif);
  font-size:.72rem;letter-spacing:.2em;color:var(--gold-deep);padding:.5rem 0;user-select:none}
.mh-arch summary::-webkit-details-marker{display:none}
.mh-arch summary::after{content:'';width:0;height:0;margin-left:.5rem;vertical-align:middle;
  border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(138,109,64,.5);
  display:inline-block;transition:transform .25s var(--ease-out)}
.mh-arch[open] summary::after{transform:rotate(180deg)}
.mh-arch-body{font-size:.72rem;color:var(--ink-soft);line-height:2;letter-spacing:.05em;max-width:520px;margin:0 auto}
.mh-arch-body .mh-fr{border-top:1px dashed rgba(58,48,37,.1);padding-top:.5rem;margin-top:.5rem}
.mh-arch-body b{color:var(--ink);font-weight:600}
.mh-arch-body .rel-good{color:var(--jade-deep)}
.mh-arch-body .rel-bad{color:var(--cinnabar-ink)}

/* ═══ 肆 观变 · 批注（正文由 meihua-submit.js 填充 · Apple 审查 2026-08-14：规格对齐六爻 page-pan 已验证值）═══ */
.mh-reading-hold{padding:2.6rem 1rem;color:var(--ink)}
.mh-reading-body{text-align:left;max-width:42rem;margin:0 auto;font-size:1rem;line-height:2.05;letter-spacing:.02em}
.mh-reading-body p{margin:0 0 1.1rem}
.mh-reading-body b{color:var(--gold-deep);font-weight:600}

/* ═══ 移动端 ═══ */
@media (max-width:600px){
  .mh-slips{gap:1.1rem}
  .mh-slip .num-input{width:4.6rem;height:52px;font-size:1.4rem}
  .mh-xtstrip span{font-size:.64rem;padding:.22rem .42rem}
  .mh-yinqi{gap:.4rem}
  .mh-yq-date{font-size:.8rem}

}

/* ═══ 日晷初始隐藏（2026-08-14 用户钦定）：起卦页不见 · 提交解读动画时才亮起 · 完成后余韵常驻 ═══
   引擎 opTarget/opNow 时钟接管后覆盖此值（showLoading→1 / hideLoading→0.49 / setSundial(0)→0） */
.sundial{opacity:0}

/* ═══ 星尘克制（2026-08-14 用户钦定：解读出来后干支字别叠在一起——对齐六爻排盘页）═══
   六爻靠 .page-pan 作用域淡化远层+reading-calm 星沉；梅花 body 是 page-meihua 需独立声明 */
.page-meihua .dust-char-far{opacity:.10}
.page-meihua.reading-calm .dust-char{animation-play-state:paused;opacity:.14}
.page-meihua.reading-calm .dust-char-far{opacity:.10}

/* ═══ 追问区 · 正式组件（2026-08-15 设计审查：去内联 · 器物语言对齐六爻）═══ */
.mh-followup{display:none;margin-top:1.6rem}  /* 2026-08-15 独立卡片：去掉虚线分隔（追问区已包 ark-card「深入探讨」） */
.mh-fu-row{display:flex;gap:.5rem;margin-top:.7rem}
.mh-followup #chat-input{flex:1;min-width:0;padding:.55rem .7rem;border:1px solid rgba(138,109,64,.3);
  border-radius:2px;background:rgba(252,250,244,.7);font-family:inherit;font-size:.82rem;
  color:var(--ink);outline:none;resize:vertical;letter-spacing:.02em;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}
.mh-followup #chat-input:focus{border-color:rgba(168,66,46,.5);background:rgba(252,250,244,.95)}
.mh-followup #chat-input::placeholder{color:rgba(90,62,43,.4)}
.mh-followup #chat-send{flex:none;padding:.55rem 1.1rem;border:1px solid rgba(168,66,46,.45);
  border-radius:2px;background:rgba(168,66,46,.06);color:var(--cinnabar);font-family:inherit;
  font-size:.82rem;letter-spacing:.1em;cursor:pointer;transition:background .2s var(--ease-out),opacity .2s var(--ease-out)}
.mh-followup #chat-send:hover{background:rgba(168,66,46,.12)}
.mh-followup #chat-send:disabled{opacity:.45;cursor:default}
.mh-followup #followup-hint{font-size:.66rem;color:rgba(90,62,43,.45);letter-spacing:.05em;margin-top:.5rem}
/* 气泡（复用六爻 .chat-bubble 视觉语言 · 由 meihua-submit.js 类名挂载） */
.mh-followup .chat-bubble{margin-bottom:.6rem;padding:.6rem .8rem;border-radius:3px;
  font-size:.8rem;line-height:1.7;letter-spacing:.02em;white-space:pre-wrap}
.mh-followup .chat-bubble.user{background:rgba(138,109,64,.08);margin-left:2rem}
.mh-followup .chat-bubble.assistant{background:rgba(252,250,244,.8);border:1px solid rgba(138,109,64,.12);margin-right:2rem}

/* ═══ 大日晷 · .page-meihua 副本（2026-08-15 设计审查：六爻 .page-pan 作用域在梅花页不命中——sealed 印/太极金辉/reduced 兜底全落空）═══ */
.page-meihua .sundial{opacity:0;transition:none}
.page-meihua .sundial.reading{will-change:transform,opacity}
.page-meihua .sundial.reading .ring-outer,
.page-meihua .sundial.reading .ring-mid,
.page-meihua .sundial.reading .ring-inner,
.page-meihua .sundial.reading .ring-dizhi,
.page-meihua .sundial.reading .taiji-wrap,
.page-meihua .sundial.reading .sundial-ticks,
.page-meihua .sundial.reading .sundial-ticks-ccw,
.page-meihua .sundial.reading .sundial-ticks-cw{opacity:1}
.page-meihua .sundial.reading .taiji{text-shadow:0 0 16px rgba(196,154,95,.45);transition:text-shadow 1.2s ease}
.page-meihua .sundial.sealed::after{
  content:'';position:absolute;top:50%;left:50%;
  width:8px;height:8px;border-radius:50%;
  margin:-4px 0 0 -4px;transform:translateX(550px);
  background:var(--cinnabar);opacity:0;transition:opacity 1.6s ease;
  box-shadow:0 0 6px rgba(168,66,46,.35);
}
.page-meihua .sundial.sealed::before{
  content:'';position:absolute;top:50%;left:50%;
  width:1102px;height:1102px;margin:-551px 0 0 -551px;
  border-radius:50%;border:2px solid rgba(168,66,46,.45);
  opacity:0;transition:opacity 1.6s ease;
}
.page-meihua .sundial.sealed{transition:opacity 1.6s ease}
.page-meihua .sundial.sealed::after,.page-meihua .sundial.sealed::before{opacity:1}
.page-meihua .ring-outer,.page-meihua .ring-mid,.page-meihua .ring-inner,
.page-meihua .ring-dizhi,.page-meihua .taiji-wrap,.page-meihua .sundial-ticks,
.page-meihua .sundial-ticks-ccw,.page-meihua .sundial-ticks-cw{animation:none}
@media (prefers-reduced-motion:reduce){
  .page-meihua .sundial.reading{opacity:.55;transition:opacity 2s ease}
  .page-meihua .sundial .ring-outer,.page-meihua .sundial .ring-mid,
  .page-meihua .sundial .ring-inner,.page-meihua .sundial .ring-dizhi,
  .page-meihua .sundial .taiji-wrap,.page-meihua .sundial .sundial-ticks,
  .page-meihua .sundial .sundial-ticks-ccw,.page-meihua .sundial .sundial-ticks-cw{animation:none!important}
}
@media (max-width:600px){
  .page-meihua .sundial.reading{opacity:.75}
}