/* hehun.css — 八字合婚（第5系统页签，原八宅合婚；2026-09-24 分 民俗(AI)/贵族(真人) 两模式）。样式全限定 #sys-hehun 作用域，与其余系统零冲突。
   复用全局 .panel/.field/.seg/.card/.hint/.primary/.ghost；此处只补合婚特有。 */

/* ── 双人表单 ── */
#sys-hehun .hh-people { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
#sys-hehun .hh-person { border: 1px solid #3a4550; border-radius: 10px; padding: 14px 14px 10px; background: #0b1822; }
#sys-hehun .hh-male { border-left: 3px solid var(--water); }
#sys-hehun .hh-female { border-left: 3px solid var(--fire); }
#sys-hehun .hh-ptitle { margin: 0 0 10px; font-size: 15px; font-weight: 600; color: #e6dcc4; }
#sys-hehun .hh-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#sys-hehun .hh-num label { display: block; font-size: 12px; color: #9aa3aa; margin-bottom: 3px; }
#sys-hehun .hh-num input { width: 100%; box-sizing: border-box; }
#sys-hehun .hh-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #c8ccd0; margin-top: 10px; }
#sys-hehun .hh-go { display: flex; gap: 12px; justify-content: center; margin-top: 16px; }
#sys-hehun .hh-go button { min-width: 96px; }

/* ── 结果卡 ── */
#sys-hehun .hh-card { margin-top: 16px; }
#sys-hehun .hh-two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
#sys-hehun .hh-pcard { border: 1px solid #3a4550; border-radius: 10px; padding: 12px; background: #0b1822; }
#sys-hehun .hh-plabel { font-size: 13px; font-weight: 600; color: #e6dcc4; margin-bottom: 8px; }
#sys-hehun .hh-sizhu { display: flex; gap: 14px; }
#sys-hehun .hh-col { display: flex; flex-direction: column; align-items: center; gap: 2px; }
#sys-hehun .hh-col .hh-g, #sys-hehun .hh-col .hh-z { font-size: 22px; font-weight: 600; line-height: 1.15; }
#sys-hehun .hh-gua { margin-top: 10px; font-size: 15px; color: #c8ccd0; }
#sys-hehun .hh-gua b { font-size: 19px; color: var(--seal); }
#sys-hehun .hh-side { margin-left: 8px; font-size: 12px; color: #9aa3aa; background: #0b1822; border-radius: 4px; padding: 1px 6px; }
#sys-hehun .hh-meta { margin-top: 6px; font-size: 12px; color: #9aa3aa; }

/* ── 定档裁断（上绿·中黄·下红） ── */
#sys-hehun .hh-verdict { border-radius: 10px; padding: 14px 16px; border: 1px solid; }
#sys-hehun .hh-verdict.hh-up { background: #0f1f16; border-color: #2f5a3a; }
#sys-hehun .hh-verdict.hh-mid { background: rgba(232,183,95,.1); border-color: var(--line); }
#sys-hehun .hh-verdict.hh-down { background: #2a1512; border-color: #7a3a2f; }
#sys-hehun .hh-hg { font-size: 16px; color: #f0e9d8; }
#sys-hehun .hh-hg b { color: var(--seal); }
#sys-hehun .hh-verdict.hh-up .hh-hg b { color: var(--wood); }
#sys-hehun .hh-veto { margin-left: 10px; font-size: 12px; font-weight: 700; color: #fff; background: var(--fire); border-radius: 4px; padding: 2px 8px; letter-spacing: 1px; }
#sys-hehun .hh-vtext { margin: 10px 0 0; font-size: 14px; line-height: 1.7; color: #c8ccd0; }
#sys-hehun .hh-vtext b { color: var(--fire); }

/* ── 犯月神煞 ── */
#sys-hehun .hh-sha { margin-top: 16px; }
#sys-hehun .hh-shah { font-size: 13px; font-weight: 600; color: #e6dcc4; margin-bottom: 8px; }
#sys-hehun .hh-sha ul { margin: 0; padding-left: 20px; }
#sys-hehun .hh-sha li { font-size: 13px; line-height: 1.8; color: #c8ccd0; }
#sys-hehun .hh-sha li b { color: var(--fire); }
#sys-hehun .hh-sha li.hh-none { list-style: none; margin-left: -20px; color: #9aa3aa; }
#sys-hehun .hh-disc { margin-top: 14px; }
#sys-hehun .hh-warn { color: var(--fire); font-size: 14px; text-align: center; padding: 10px; }

/* ── 八字反查子表单 ── */
#sys-hehun .hh-rev-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#sys-hehun .hh-rev-col { display: flex; flex-direction: column; }
#sys-hehun .hh-rev-col > label { font-size: 12px; color: #9aa3aa; margin-bottom: 3px; }
#sys-hehun .hh-gzsel { display: flex; gap: 4px; }
#sys-hehun .hh-gzsel select { flex: 1; min-width: 0; box-sizing: border-box; padding: 5px 2px; font-size: 15px; text-align: center; }
#sys-hehun .hh-rev-range { display: flex; align-items: flex-end; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
#sys-hehun .hh-rev-range .hh-num label { display: block; font-size: 12px; color: #9aa3aa; margin-bottom: 3px; }
#sys-hehun .hh-rev-range .hh-num input { width: 78px; box-sizing: border-box; }
#sys-hehun .hh-rev-out { margin-top: 10px; }
#sys-hehun .hh-rev-note { font-size: 13px; color: #9aa3aa; margin-bottom: 6px; }
#sys-hehun .hh-rev-done { color: var(--wood); font-weight: 600; }
#sys-hehun .hh-rev-hit { display: block; width: 100%; text-align: left; margin: 4px 0; padding: 8px 10px; border: 1px solid #3a4550; border-radius: 8px; background: #0b1822; cursor: pointer; font-size: 13px; color: #c8ccd0; }
#sys-hehun .hh-rev-hit:hover { border-color: var(--water); background: rgba(109,179,232,.1); }

/* ── 窄屏：双列改单列 ── */
@media (max-width: 640px) {
  #sys-hehun .hh-people, #sys-hehun .hh-two { grid-template-columns: 1fr; }
}

/* ── 四层结果卡（民俗合婚） ── */
#sys-hehun .hh-layers { display: grid; gap: 12px; margin-top: 16px; }
#sys-hehun .hh-layer { border: 1px solid #3a4550; border-radius: 10px; padding: 12px 14px; background: #0b1822; }
#sys-hehun .hh-layer-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#sys-hehun .hh-layer-head b { font-size: 14px; color: #e6dcc4; }
#sys-hehun .hh-layer-sub { font-size: 13px; color: #9aa3aa; }
#sys-hehun .hh-lv { font-size: 12px; font-weight: 700; border-radius: 4px; padding: 2px 8px; letter-spacing: 1px; }
#sys-hehun .hh-lv-good { color: var(--wood); background: rgba(111,191,115,.14); border: 1px solid rgba(111,191,115,.4); }
#sys-hehun .hh-lv-mid { color: var(--seal); background: rgba(232,183,95,.12); border: 1px solid rgba(232,183,95,.35); }
#sys-hehun .hh-lv-watch { color: var(--fire); background: rgba(224,113,95,.12); border: 1px solid rgba(224,113,95,.4); }
#sys-hehun .hh-lvnum { margin-left: 8px; font-size: 12px; color: #9aa3aa; }
#sys-hehun .hh-layer-sum { margin: 8px 0 0; font-size: 13px; line-height: 1.75; color: #c8ccd0; }
#sys-hehun .hh-zhi-list { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
#sys-hehun .hh-zhi-list li { border-left: 3px solid #3a4550; padding: 4px 10px; font-size: 13px; color: #c8ccd0; background: rgba(255,255,255,.02); border-radius: 0 6px 6px 0; }
#sys-hehun .hh-zhi-list li.hh-zl-good { border-left-color: var(--wood); }
#sys-hehun .hh-zhi-list li.hh-zl-watch { border-left-color: var(--fire); }
#sys-hehun .hh-zl-pos { margin-left: 8px; font-size: 12px; color: #9aa3aa; }
#sys-hehun .hh-zl-note { font-size: 12px; color: #9aa3aa; margin-top: 2px; }
#sys-hehun .hh-zl-ju { margin-top: 8px; font-size: 13px; color: var(--wood); }

/* ── AI 解读区 ── */
#sys-hehun .hh-ai-wrap { margin-top: 16px; }
#sys-hehun #hh-ai { display: block; margin: 0 auto; padding: 9px 26px; border-radius: 999px; border: 1px solid var(--gold, #c9a052); background: linear-gradient(135deg, rgba(201,160,82,.18), rgba(201,160,82,.06)); color: var(--gold-bright, #e6c476); font-size: 14px; font-weight: 600; cursor: pointer; }
#sys-hehun #hh-ai:disabled { opacity: .55; cursor: wait; }
#sys-hehun #hh-ai-out { margin-top: 12px; white-space: pre-wrap; font-size: 14px; line-height: 1.85; color: #c8ccd0; }
#sys-hehun #hh-ai-out:empty { display: none; }

/* ── 贵族合婚（真人测算） ── */
#sys-hehun .hh-gz-intro { margin-bottom: 16px; }
#sys-hehun .hh-gz-intro p { font-size: 14px; line-height: 1.8; color: #c8ccd0; margin: 6px 0; }
#sys-hehun .hh-gz-intro b { color: var(--seal); }
#sys-hehun .hh-gz-steps { margin: 8px 0; padding-left: 22px; }
#sys-hehun .hh-gz-steps li { font-size: 13px; line-height: 1.9; color: #c8ccd0; }
#sys-hehun #hh-gz-note { width: 100%; box-sizing: border-box; resize: vertical; }
#sys-hehun .hh-ok { color: var(--wood); font-size: 14px; line-height: 1.8; text-align: center; padding: 8px; }

/* ── 评分卡（玄极合婚算法 V1.0：总分/档位/8 模块/证据明细） ── */
#sys-hehun .hh-score { border: 1px solid var(--gold, #c9a052); border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; background: linear-gradient(160deg, rgba(201,160,82,.08), rgba(201,160,82,.02)); }
#sys-hehun .hh-score-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
#sys-hehun .hh-score-num { font-size: 34px; font-weight: 700; color: var(--gold-bright, #e6c476); }
#sys-hehun .hh-score-max { font-size: 14px; color: #9aa3aa; }
#sys-hehun .hh-score-grade { font-size: 15px; font-weight: 600; color: var(--seal); border: 1px solid rgba(232,183,95,.4); border-radius: 999px; padding: 2px 12px; }
#sys-hehun .hh-score-conf { margin-left: auto; font-size: 12px; color: #9aa3aa; }
#sys-hehun .hh-score-hint { margin: 6px 0 10px; }
#sys-hehun .hh-mods { display: grid; gap: 6px; }
#sys-hehun .hh-mod { display: flex; align-items: center; gap: 10px; font-size: 13px; color: #c8ccd0; }
#sys-hehun .hh-mod-nm { flex: 0 0 108px; }
#sys-hehun .hh-mod-bar { flex: 1; height: 8px; border-radius: 4px; background: rgba(255,255,255,.07); overflow: hidden; }
#sys-hehun .hh-mod-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--gold-deep, #9a7836), var(--gold-bright, #e6c476)); }
#sys-hehun .hh-mod-sc { flex: 0 0 30px; text-align: right; font-weight: 600; color: #e6dcc4; }
#sys-hehun .hh-mod-w { flex: 0 0 34px; text-align: right; font-size: 11px; color: #9aa3aa; }
#sys-hehun .hh-mod-na .hh-mod-off { flex: 1; font-size: 12px; color: #9aa3aa; }
#sys-hehun .hh-exp { margin-top: 12px; font-size: 13px; }
#sys-hehun .hh-exp b { color: #e6dcc4; }
#sys-hehun .hh-exp ul { margin: 6px 0 0; padding-left: 20px; }
#sys-hehun .hh-exp li { line-height: 1.8; color: #c8ccd0; }
#sys-hehun .hh-exp-good li::marker { color: var(--wood); }
#sys-hehun .hh-exp-watch li::marker { color: var(--fire); }
#sys-hehun .hh-evd { margin-top: 12px; }
#sys-hehun .hh-evd summary { cursor: pointer; font-size: 13px; color: var(--seal); }
#sys-hehun .hh-evd table { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 12px; }
#sys-hehun .hh-evd th, #sys-hehun .hh-evd td { border-bottom: 1px solid rgba(255,255,255,.08); padding: 4px 6px; text-align: left; color: #c8ccd0; }
#sys-hehun .hh-evd th { color: #9aa3aa; font-weight: 500; }
#sys-hehun .hh-ev-p td:last-child { color: var(--wood); }
#sys-hehun .hh-ev-n td:last-child { color: var(--fire); }
#sys-hehun .hh-ev-ex td { color: #6f7880; }
#sys-hehun .hh-starmode { margin-top: 12px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#sys-hehun .hh-starmode label { font-size: 13px; color: #c8ccd0; }
#sys-hehun .hh-starmode .hint { flex-basis: 100%; margin: 0; }

/* ── 完整合婚深度报告：解锁 CTA + 报告（2026-10 补：SPA 合婚解锁入口，样式仿主题页/八字 pro）── */
#sys-hehun .hh-pro-area { margin-top: 14px; }
#sys-hehun .pro-cta { background: linear-gradient(135deg, rgba(228,197,127,.10), rgba(185,133,52,.05)); border: 1px solid var(--line); border-radius: 13px; padding: 18px 20px; }
#sys-hehun .pro-cta h4 { font: 700 16px var(--serif); color: var(--gold-bright); margin: 0 0 4px; }
#sys-hehun .pro-cta .pd { color: var(--ink-soft); font-size: 13px; margin: 0 0 12px; line-height: 1.7; }
#sys-hehun .pro-outline { list-style: none; padding: 0; margin: 0 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px 20px; }
@media (max-width: 560px) { #sys-hehun .pro-outline { grid-template-columns: 1fr; } }
#sys-hehun .pro-outline li { font-size: 13.5px; color: var(--ink-soft); padding-left: 18px; position: relative; line-height: 1.5; }
#sys-hehun .pro-outline li::before { content: "\203A"; position: absolute; left: 2px; color: var(--gold); }
#sys-hehun .pro-btn { background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: #20160a; border: 0; border-radius: 10px; padding: 12px 26px; font-weight: 700; font-size: 15.5px; cursor: pointer; }
#sys-hehun .pro-btn:disabled { opacity: .6; cursor: not-allowed; }
#sys-hehun .pro-locked { margin-top: 12px; color: var(--gold-bright); font-size: 13.5px; background: rgba(228,197,127,.08); border: 1px dashed var(--line); border-radius: 8px; padding: 9px 12px; }
#sys-hehun .pro-report { border: 1px solid var(--line); border-radius: 13px; padding: 18px 20px; background: rgba(228,197,127,.04); }
#sys-hehun .pro-report .rh { font: 700 16px var(--serif); color: var(--gold-bright); margin: 0 0 10px; }
#sys-hehun .pro-report .pro-body { color: var(--ink-soft); font-size: 14.5px; line-height: 1.95; }
#sys-hehun .pro-report .pro-body p { margin: 0 0 10px; }
#sys-hehun .pro-report .pro-body em { font-style: normal; display: block; font-weight: 700; color: var(--gold-bright); margin: 14px 0 6px; }
#sys-hehun .pro-report .pro-body .think { color: var(--ink-soft); }
#sys-hehun .pro-report .pro-body .err { color: #e0715f; }
#sys-hehun .pro-report .hint { color: var(--ink-soft); opacity: .8; font-size: 12.5px; }