/* ============================================================
   通玄 TONGXUAN · 卜卦占星（Horary）页
   形制：generic page-hero（式盘随 base .rite-disc 全托管）
   + 问事帖（ly-card 同族审美，hr- 前缀自立门户）
   + 裁决天平（本术王牌 UI：五档鎏金标尺 + 正反证词两列）
   + 星轮 / 徵象星 / 完成法 / 应期。
   触控（G18）：chips 配 coarse 档最小高；表格无，横滚无。
   ============================================================ */

.hr-hero-divider {
  margin-top: 26px;
  animation: pageUp 1s var(--ease-out) 0.28s both;
}

.hr-act { position: relative; }

/* ================= 问事帖 ================= */
.hr-card {
  max-width: 860px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid rgba(150, 114, 58, 0.4);
  box-shadow: 0 24px 60px rgba(60, 48, 22, 0.14);
  background: var(--paper-50);
}
.hr-card-head {
  position: relative;
  text-align: center;
  padding: 20px 28px 16px;   /* 紧凑化（阁主 09-06 令「模仿奇门」）：帖头只留眉标 + 题名，窄屏只留眉标 */
  background:
    radial-gradient(ellipse 120% 100% at 50% -30%, rgba(212, 175, 106, 0.14), transparent 60%),
    linear-gradient(155deg, var(--ink-800), var(--ink-950));
}
.hr-card-eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--font-serif);
  font-size: 12.5px; letter-spacing: 0.4em; text-indent: 0.4em;
  color: var(--gold-500);
}
.hr-card-eyebrow::before, .hr-card-eyebrow::after {
  content: ""; width: 30px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-600));
}
.hr-card-eyebrow::after { transform: scaleX(-1); }
.hr-card-title {
  margin-top: 8px;
  font-family: var(--font-serif);
  font-size: 24px; font-weight: 700;
  letter-spacing: 0.5em; text-indent: 0.5em;
  color: var(--gold-300);
}
.hr-card-body { padding: 28px 36px 30px; }

.hr-field-label {   /* 与奇门庚帖 .field-label 同款：13.5px · 金七 · 紧距 */
  display: block;
  font-family: var(--font-serif);
  font-size: 13.5px; font-weight: 600;
  letter-spacing: 0.28em;
  color: var(--gold-700);
  margin-bottom: 10px;
}
.hr-field-label-2 { margin-top: 22px; }
.hr-field-side {
  font-style: normal; font-weight: 400;
  font-size: 12px; letter-spacing: 0.08em;
  color: var(--paper-ink-soft);
}
.hr-card-body textarea {
  width: 100%;
  resize: vertical;
  min-height: 72px;
  padding: 11px 14px;
  font-family: var(--font-sans);
  font-size: 15.5px; line-height: 1.7; letter-spacing: 0.03em;
  color: var(--paper-ink);
  background: rgba(255, 253, 246, 0.7);
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.hr-card-body textarea::placeholder { color: rgba(107, 100, 85, 0.55); }
.hr-card-body textarea:focus {
  border-color: var(--gold-600);
  box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.18);
}
.hr-field-hint {
  margin-top: 10px;
  font-size: 13px;
  color: var(--cinnabar);
  letter-spacing: 0.06em;
}
.hr-card.shake { animation: hrShake 0.5s var(--ease-out); }
@keyframes hrShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-7px); }
  50% { transform: translateX(6px); }
  75% { transform: translateX(-3px); }
}

/* 所问类别 × 判读流派 并排下拉（2026-09-04）：控件走全站 .select-line（触屏 16px 由 base 统一）；
   两格等分，手机上仍并排（阁主要求并排以省空间；375 下每格 ≈145px，四字选项绰绰有余） */
.hr-select-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; align-items: end; }
.hr-select-cell { min-width: 0; }
.hr-select-cell .hr-field-label { margin-bottom: 8px; }
.hr-select { font-family: var(--font-serif); font-size: 15px; letter-spacing: 0.08em; padding-top: 9px; padding-bottom: 9px; }
.hr-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.hr-chip {
  padding: 8px 18px;
  font-family: var(--font-serif);
  font-size: 14.5px; letter-spacing: 0.1em; text-indent: 0.1em;
  color: var(--paper-ink-soft);
  border: 1px solid rgba(107, 100, 85, 0.35);
  border-radius: 999px;
  background: transparent;
  transition: all 0.3s var(--ease-out);
}
.hr-chip:hover { border-color: var(--gold-600); color: var(--gold-700); transform: translateY(-2px); }
.hr-chip.active {
  color: #fdf8ea;
  background: linear-gradient(150deg, var(--ink-700), var(--ink-950));
  border-color: var(--gold-600);
  box-shadow: 0 6px 16px rgba(13, 20, 38, 0.28);
}
/* 起盘时刻：「以此时此刻起盘」勾选 + 五联转轮格（与奇门 .qm-now-time/.qm-date-grid 同款） */
.hr-now-line { margin-top: 2px; }
.hr-now-time { margin-left: 10px; font-family: var(--font-sans); font-size: 12.5px; letter-spacing: 0.04em; color: var(--paper-ink-soft); }
.hr-date-grid { margin-top: 12px; gap: 8px; }
.hr-date-grid.dt-dial { gap: 8px; }
.hr-date-grid[hidden] { display: none; }
.hr-when-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 28px;
  align-items: start;
}
.hr-input {
  width: 100%;
  padding: 10px 12px;
  font-family: var(--font-sans);
  font-size: 15px; letter-spacing: 0.03em;
  color: var(--paper-ink);
  background: rgba(255, 253, 246, 0.7);
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-sm);
  outline: none;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.hr-input:focus {
  border-color: var(--gold-600);
  box-shadow: 0 0 0 3px rgba(212, 175, 106, 0.18);
}
.hr-field-note {
  margin-top: 9px;
  font-size: 12.5px; line-height: 1.8; letter-spacing: 0.04em;
  color: var(--paper-ink-soft);
}
.hr-card-actions { margin-top: 22px; text-align: center; }
.hr-card-actions + .hr-field-label-2 { margin-top: 26px; }   /* 钮下选填项与钮留距 */

/* ================= 根本性警示 ================= */
.hr-radical {
  max-width: 980px;
  margin: 0 auto 26px;
  padding: 18px 24px;
  border: 1px solid rgba(179, 58, 44, 0.35);
  border-left: 3px solid var(--cinnabar);
  border-radius: var(--radius-sm);
  background: rgba(179, 58, 44, 0.06);
}
/* 十九则无碍（复查 A1）：常规纸卡，朱砂只留给真命中——此前「可判 ✓」绿横幅装在告警红框里，第一眼像出事 */
.hr-radical.is-ok { border-color: rgba(150, 114, 58, 0.35); border-left-color: var(--gold-600); background: rgba(255, 253, 246, 0.72); }
.hr-radical-cap {
  font-family: var(--font-serif);
  font-size: 13.5px; font-weight: 700; letter-spacing: 0.2em;
  color: var(--cinnabar);
}
.hr-radical-list { margin-top: 10px; display: grid; gap: 7px; }
.hr-radical-list li {
  display: flex; gap: 9px; align-items: baseline;
  font-size: 13.5px; line-height: 1.8; letter-spacing: 0.03em;
  color: var(--paper-ink);
}
.hr-radical-list li i { font-style: normal; color: var(--cinnabar); flex: none; }

/* ================= 裁决天平（王牌） ================= */
.hr-verdict {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid rgba(150, 114, 58, 0.45);
  background:
    radial-gradient(ellipse 130% 90% at 50% -20%, rgba(212, 175, 106, 0.12), transparent 58%),
    linear-gradient(160deg, var(--ink-800), var(--ink-950));
  box-shadow: 0 28px 70px rgba(20, 16, 8, 0.3);
  padding: 38px 40px 40px;
}
.hr-verdict::before {
  content: "";
  position: absolute; inset: 10px;
  border: 1px solid rgba(212, 175, 106, 0.16);
  border-radius: calc(var(--radius-lg) - 8px);
  pointer-events: none;
}
.hr-verdict-head { text-align: center; position: relative; }
.hr-verdict-eyebrow {
  font-family: var(--font-serif);
  font-size: 13px; letter-spacing: 0.4em; text-indent: 0.4em;
  color: var(--gold-500);
}
.hr-verdict-band {
  margin-top: 12px;
  font-family: var(--font-serif);
  font-size: clamp(26px, 4vw, 36px); font-weight: 800;
  letter-spacing: 0.12em; text-indent: 0.12em;
  background: linear-gradient(168deg, #f4e3b8 8%, var(--gold-400) 40%, var(--gold-600) 95%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--gold-400);
}
.hr-verdict-summary {
  margin-top: 10px;
  font-size: 14px; letter-spacing: 0.08em; line-height: 1.9;
  color: var(--text-mid);
}

/* 五档鎏金标尺：段宽 = 带谱跨度 28/14/16/14/28（BANDS 28/42/58/72），针位 = 置信度% 线性 */
.hr-gauge { position: relative; margin: 34px 6px 8px; padding-top: 18px; }
.hr-gauge-track {
  display: flex;
  height: 40px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(212, 175, 106, 0.35);
  background: rgba(9, 13, 26, 0.6);
}
.hr-gauge-seg {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  border-right: 1px solid rgba(212, 175, 106, 0.22);
  transition: background 0.5s;
}
.hr-gauge-seg:last-child { border-right: none; }
.hr-gauge-seg[data-band="strong_no"] { flex: 0 0 28%; }
.hr-gauge-seg[data-band="lean_no"]   { flex: 0 0 14%; }
.hr-gauge-seg[data-band="uncertain"] { flex: 0 0 16%; }
.hr-gauge-seg[data-band="lean_yes"]  { flex: 0 0 14%; }
.hr-gauge-seg[data-band="strong_yes"]{ flex: 0 0 28%; }
.hr-gauge-seg b {
  font-family: var(--font-serif);
  font-size: 12.5px; font-weight: 600; letter-spacing: 0.12em; text-indent: 0.12em;
  color: rgba(240, 234, 214, 0.5);
  white-space: nowrap;
}
.hr-gauge-seg.on {
  background: linear-gradient(180deg, rgba(212, 175, 106, 0.4), rgba(212, 175, 106, 0.16));
}
.hr-gauge-seg.on b { color: #fdf3d9; text-shadow: 0 0 14px rgba(212, 175, 106, 0.6); }
.hr-gauge-needle {
  position: absolute;
  top: 6px; bottom: -10px;
  transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center;
  pointer-events: none;
  transition: left 0.9s var(--ease-out);
}
.hr-gauge-needle i {
  flex: 1; width: 2px;
  background: linear-gradient(180deg, #f4e3b8, var(--gold-600));
  box-shadow: 0 0 10px rgba(212, 175, 106, 0.8);
}
.hr-gauge-needle em {
  margin-top: 5px;
  font-style: normal; font-family: var(--font-serif);
  font-size: 13px; font-weight: 700;
  color: var(--gold-300);
  background: rgba(9, 13, 26, 0.85);
  border: 1px solid rgba(212, 175, 106, 0.4);
  border-radius: 999px;
  padding: 1px 9px;
}

.hr-guards { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.hr-guard-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px;
  border: 1px solid rgba(212, 175, 106, 0.4);
  border-radius: 999px;
  background: rgba(212, 175, 106, 0.08);
  font-size: 12.5px; letter-spacing: 0.05em; line-height: 1.6;
  color: var(--gold-300);
}
.hr-guard-chip i { font-style: normal; flex: none; }
.hr-guard-chip b { font-weight: 500; }

.hr-testimony {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.hr-testi-cap {
  font-family: var(--font-serif);
  font-size: 14px; font-weight: 700; letter-spacing: 0.24em;
  padding-bottom: 10px; margin-bottom: 14px;
  border-bottom: 1px solid rgba(212, 175, 106, 0.25);
}
.hr-testi-pos .hr-testi-cap { color: var(--gold-300); }
.hr-testi-neg .hr-testi-cap { color: #e8a196; border-bottom-color: rgba(179, 58, 44, 0.4); }
.hr-testi-cap span { font-size: 12px; font-weight: 400; letter-spacing: 0.08em; opacity: 0.75; }
.hr-testi-list { display: grid; gap: 10px; }
.hr-testi-item {
  padding: 11px 14px;
  border: 1px solid rgba(212, 175, 106, 0.22);
  border-left: 3px solid var(--gold-600);
  border-radius: var(--radius-sm);
  background: rgba(240, 234, 214, 0.05);
}
.hr-testi-item.neg { border-color: rgba(179, 58, 44, 0.32); border-left-color: var(--cinnabar); }
.hr-testi-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hr-testi-src {
  font-style: normal; font-family: var(--font-serif);
  font-size: 11.5px; letter-spacing: 0.14em;
  color: var(--gold-500);
  border: 1px solid rgba(212, 175, 106, 0.35);
  border-radius: 4px;
  padding: 1px 7px;
}
.hr-testi-item.neg .hr-testi-src { color: #e8a196; border-color: rgba(179, 58, 44, 0.45); }
.hr-testi-w { font-style: normal; font-size: 9px; letter-spacing: 3px; color: var(--gold-500); }
.hr-testi-item.neg .hr-testi-w { color: #d98d80; }
.hr-testi-text {
  margin-top: 7px;
  font-size: 13.5px; line-height: 1.85; letter-spacing: 0.03em;
  color: var(--text-hi);
}
.hr-testi-empty {
  font-size: 13px; letter-spacing: 0.06em;
  color: var(--text-low);
  padding: 8px 2px;
}

/* ================= 星轮 + 徵象星 ================= */
.hr-board {
  max-width: 980px;
  margin: 34px auto 0;
  display: grid;
  grid-template-columns: 1.06fr 1fr;
  gap: 26px;
  align-items: start;
}
.hr-panel-cap {
  font-family: var(--font-serif);
  font-size: 15px; font-weight: 700; letter-spacing: 0.22em;
  color: var(--paper-ink);
  margin-bottom: 14px;
}
.hr-panel-cap span { font-size: 12px; font-weight: 400; letter-spacing: 0.08em; color: var(--paper-ink-soft); }
.hr-wheel-panel, .hr-sig-panel { min-width: 0; }
.hr-wheel {
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(ellipse 120% 100% at 50% 0%, rgba(43, 59, 98, 0.5), transparent 70%),
    linear-gradient(165deg, var(--ink-800), var(--ink-950));
  padding: 18px;
}
.hr-wheel svg { display: block; width: 100%; height: auto; }
.hr-wheel-miss { color: var(--text-low); text-align: center; padding: 40px 0; font-size: 13.5px; }
.hrw-outer { fill: none; stroke: rgba(212, 175, 106, 0.55); stroke-width: 1.4; }
.hrw-ring { fill: none; stroke: rgba(212, 175, 106, 0.28); stroke-width: 1; }
.hrw-heart { fill: rgba(13, 20, 38, 0.5); stroke: rgba(212, 175, 106, 0.4); stroke-width: 1; }
.hrw-signline { stroke: rgba(212, 175, 106, 0.3); stroke-width: 1; }
.hrw-house { stroke: rgba(240, 234, 214, 0.16); stroke-width: 1; }
.hrw-axis { stroke: rgba(212, 175, 106, 0.55); stroke-width: 1.8; }
.hrw-tick { stroke: rgba(240, 234, 214, 0.5); stroke-width: 1.5; }
.hrw-sign { fill: rgba(212, 175, 106, 0.8); font-family: var(--font-serif); }
.hrw-hnum { fill: rgba(240, 234, 214, 0.42); font-family: var(--font-serif); }
.hrw-asclab { fill: var(--gold-400); font-family: var(--font-serif); letter-spacing: 0.1em; }
.hrw-glyph { fill: #f0ead6; font-family: var(--font-serif); }
.hrw-deg { fill: rgba(240, 234, 214, 0.6); font-family: var(--font-sans); }
.hrw-core { fill: var(--gold-300); font-family: var(--font-serif); letter-spacing: 0.1em; }
.hrw-coresub { fill: rgba(240, 234, 214, 0.7); font-family: var(--font-serif); }
.hrw-hi { fill: none; stroke-width: 1.6; }
.hrw-querent .hrw-hi { stroke: var(--gold-400); filter: drop-shadow(0 0 4px rgba(212, 175, 106, 0.7)); }
.hrw-querent .hrw-glyph { fill: #f4e3b8; }
.hrw-quesited .hrw-hi { stroke: #d96a57; filter: drop-shadow(0 0 4px rgba(217, 106, 87, 0.65)); }
.hrw-quesited .hrw-glyph { fill: #f2b3a7; }
.hrw-lunar .hrw-hi { stroke: #9fb6de; filter: drop-shadow(0 0 4px rgba(159, 182, 222, 0.6)); }
.hrw-lunar .hrw-glyph { fill: #ccdaf2; }
.hr-wheel-legend {
  display: flex; flex-wrap: wrap; gap: 8px 18px;
  justify-content: center;
  padding: 14px 6px 2px;
}
.hr-leg { display: inline-flex; align-items: center; gap: 7px; }
.hr-leg i {
  width: 11px; height: 11px; border-radius: 50%;
  border: 1.6px solid currentColor;
}
.hr-leg b { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; color: var(--text-mid); }
.hr-leg-querent i { color: var(--gold-400); }
.hr-leg-quesited i { color: #d96a57; }
.hr-leg-lunar i { color: #9fb6de; }
.hr-wheel-note {
  margin-top: 10px;
  text-align: center;
  font-size: 12.5px; letter-spacing: 0.08em;
  color: var(--paper-ink-soft);
}

.hr-sig-cards { display: grid; gap: 14px; }
.hr-sig-card {
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-md);
  background: rgba(255, 253, 246, 0.7);
  padding: 16px 20px;
  box-shadow: 0 10px 26px rgba(60, 48, 22, 0.08);
}
.hr-sig-head { display: flex; align-items: center; gap: 10px; }
.hr-sig-seal {
  flex: none;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  font-style: normal; font-family: var(--font-serif);
  font-size: 15px; font-weight: 700;
  color: #fdf8ea;
  border-radius: 8px;
  background: linear-gradient(150deg, var(--ink-700), var(--ink-950));
}
/* 三印章同族三档（2026-09-04 复查 A2）：主＝墨、事＝朱砂、月＝金——此前砖红/藏青两枚在纸金墨之外 */
.hr-sig-card.s .hr-sig-seal { background: linear-gradient(150deg, var(--cinnabar), var(--cinnabar-deep)); }
.hr-sig-card.m .hr-sig-seal { background: linear-gradient(150deg, #b8914b, var(--gold-700)); }
.hr-sig-head b {
  font-family: var(--font-serif);
  font-size: 14px; font-weight: 700; letter-spacing: 0.1em;
  color: var(--paper-ink);
}
.hr-sig-star { margin-top: 10px; display: flex; align-items: baseline; gap: 9px; }
.hr-sig-star b {
  font-family: var(--font-serif);
  font-size: 22px; font-weight: 800; letter-spacing: 0.14em;
  color: var(--gold-700);
}
.hr-sig-star span { font-size: 18px; color: var(--paper-ink-soft); }
.hr-sig-line {
  margin-top: 6px;
  font-size: 13.5px; line-height: 1.8; letter-spacing: 0.04em;
  color: var(--paper-ink-soft);
}
.hr-sig-line:first-of-type { color: var(--paper-ink); }

/* ================= 完成法 / 应期 ================= */
.hr-duo {
  max-width: 980px;
  margin: 26px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
.hr-duo-card {
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-md);
  background: rgba(255, 253, 246, 0.7);
  padding: 20px 24px;
  box-shadow: 0 10px 26px rgba(60, 48, 22, 0.08);
}
.hr-duo-cap {
  font-family: var(--font-serif);
  font-size: 14.5px; font-weight: 700; letter-spacing: 0.26em;
  color: var(--paper-ink);
  padding-bottom: 10px; margin-bottom: 12px;
  border-bottom: 1px solid rgba(150, 114, 58, 0.25);
}
.hr-perf-lead {
  font-family: var(--font-serif);
  font-size: 15.5px; font-weight: 700; line-height: 1.9; letter-spacing: 0.04em;
}
.hr-perf-lead.good { color: var(--gold-700); }
.hr-perf-lead.bad { color: var(--cinnabar); }
.hr-perf-lead.even { color: var(--paper-ink); }
.hr-duo-line {
  margin-top: 9px;
  font-size: 13.5px; line-height: 1.9; letter-spacing: 0.04em;
  color: var(--paper-ink-soft);
}

.hr-again { margin-top: 30px; text-align: center; }

/* ================= 法门源流 ================= */
.hr-lore { padding: 56px 0 110px; }   /* 顶距 56：曾与其上「用法与口径」面板只隔 20px（2026-09-06） */
.hr-lore-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  max-width: 1080px;
  margin: 0 auto;
}
.hr-lore-card {
  position: relative;
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-md);
  background: rgba(255, 253, 246, 0.66);
  padding: 26px 26px 24px;
  box-shadow: 0 10px 26px rgba(60, 48, 22, 0.08);
}
.hr-lore-seal {
  display: grid; place-items: center;
  width: 40px; height: 40px;
  font-family: var(--font-serif);
  font-size: 19px; font-weight: 700;
  color: #fdf8ea;
  border-radius: 10px;
  background: linear-gradient(150deg, var(--ink-700), var(--ink-950));
  box-shadow: 0 6px 14px rgba(13, 20, 38, 0.25);
}
.hr-lore-card h3 {
  margin-top: 14px;
  font-family: var(--font-serif);
  font-size: 17px; font-weight: 700; letter-spacing: 0.14em;
  color: var(--paper-ink);
}
.hr-lore-card p {
  margin-top: 10px;
  font-size: 13.5px; line-height: 2; letter-spacing: 0.04em;
  color: var(--paper-ink-soft);
}

/* ================= 吸顶快导条（克隆 bazi-chart.css .bzc-nav，成熟盘面页同形） ================= */
.hrc-nav {
  position: sticky; top: calc(var(--nav-h) - 2px); z-index: 20;
  margin: 0 0 26px; padding: 8px 6px;
  border: 1px solid rgba(184, 145, 75, 0.35); border-radius: 999px;
  background: rgba(250, 247, 239, 0.92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 6px 20px rgba(44, 42, 36, 0.08);
}
.hrc-nav-inner { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; justify-content: safe center; }
.hrc-nav-inner::-webkit-scrollbar { display: none; }
.hrc-nav-link {
  flex-shrink: 0; padding: 6px 15px;
  font-family: var(--font-serif); font-size: 13.5px; letter-spacing: 0.12em;
  color: var(--paper-ink-soft); border-radius: 999px; white-space: nowrap;
  transition: color 0.25s, background 0.25s;
}
.hrc-nav-link:hover { color: var(--gold-700); background: rgba(212, 175, 106, 0.14); }
.hrc-nav-link:focus-visible { outline: 2px solid var(--gold-500); outline-offset: 2px; }
/* 锚点让位：固定站导航 + 吸顶条自身 */
#hrVerdict, #hrQueries, #hrWheelPanel, #hrSigPanel, #hrPerfection, #hrTiming, #hrDetail { scroll-margin-top: calc(var(--nav-h) + 60px); }

/* ================= 桌面各卡补齐（2026-09-03「桌面有的这里都要有」） ================= */
/* 根本性 19 考量 chip 网格 */
.hr-rad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; margin: 10px 0 4px; }
.hr-rad-chip {
  display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 8px;
  border: 1px solid rgba(150, 114, 58, 0.22); background: rgba(250, 247, 239, 0.6);
  font-size: 12.5px; color: var(--paper-ink-soft); cursor: help; min-width: 0;
}
.hr-rad-chip i { font-style: normal; font-family: var(--font-serif); font-size: 11px; color: var(--gold-700); flex: none; width: 16px; text-align: center; }
.hr-rad-chip b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hr-rad-chip.hit { border-color: rgba(155, 59, 50, 0.55); background: rgba(155, 59, 50, 0.08); color: var(--cinnabar-soft); }
.hr-rad-chip.hit i { color: var(--cinnabar-soft); }
.hr-rad-chip.mitigated { border-style: dashed; border-color: rgba(155, 59, 50, 0.35); color: var(--paper-ink-soft); }
.hr-rad-chip.unavailable { opacity: 0.45; border-style: dotted; }
.hr-rad-chip.info { border-color: rgba(74, 107, 87, 0.35); color: var(--jade-700); }
.hr-mole { margin-top: 10px; font-size: 12.5px; color: var(--paper-ink-soft); }
.hr-mole summary { cursor: pointer; letter-spacing: 0.06em; }
.hr-mole ul { margin: 6px 0 0; padding-left: 18px; }
/* 证词池双段条 */
.hr-testi-pool { display: flex; gap: 4px; height: 22px; margin: 14px auto 6px; max-width: 520px; cursor: help; }
.hr-testi-pool i { display: block; min-width: 6%; height: 100%; border-radius: 999px; position: relative; transition: width 0.4s; }
.hr-testi-pool i.pos { background: linear-gradient(90deg, rgba(74, 107, 87, 0.35), rgba(74, 107, 87, 0.85)); }
.hr-testi-pool i.neg { background: linear-gradient(90deg, rgba(155, 59, 50, 0.85), rgba(155, 59, 50, 0.35)); }
.hr-testi-pool b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; letter-spacing: 0.06em; color: #fff8e6; white-space: nowrap; }
.hr-testi-factor { font-style: normal; font-size: 11px; padding: 1px 7px; border-radius: 999px; border: 1px dashed rgba(150, 114, 58, 0.4); color: var(--gold-700); cursor: help; }
/* 六问速答 */
.hr-queries { margin: 22px 0 0; padding: 18px 22px 16px; border: 1px solid rgba(150, 114, 58, 0.3); border-radius: var(--radius-lg); background: var(--paper-50); }
.hr-queries-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px 22px; }
.hr-queries-list li { display: grid; grid-template-columns: 5.2em 1fr; gap: 8px; font-size: 13.5px; line-height: 1.7; padding: 4px 0; border-bottom: 1px dashed rgba(150, 114, 58, 0.18); }
.hr-queries-list b { font-family: var(--font-serif); font-weight: 600; color: var(--gold-700); letter-spacing: 0.04em; }
/* 外行星切换钮 */
.hr-wheel-toggle { margin-left: auto; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(150, 114, 58, 0.4); background: transparent; color: var(--paper-ink-soft); font-size: 12px; cursor: pointer; }
.hr-wheel-toggle.on { color: var(--gold-700); border-color: var(--gold-700); }
.hrw-outerpl .hrw-glyph { opacity: 0.72; }
/* 通用小件 */
.hr-chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.hr-mini-chip { font-size: 12px; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(150, 114, 58, 0.3); color: var(--paper-ink-soft); background: rgba(250, 247, 239, 0.7); }
.hr-mini-chip.warn { border-color: rgba(155, 59, 50, 0.4); color: var(--cinnabar-soft); }
.hr-perf-detail { margin: 8px 0 0; padding-left: 20px; font-size: 13px; line-height: 1.8; color: var(--paper-ink-soft); }
.hr-topic-list { list-style: none; margin: 0; padding: 0; font-size: 13.5px; line-height: 1.75; }
.hr-topic-list li { padding: 4px 0 4px 14px; position: relative; }
.hr-topic-list li::before { content: "◆"; position: absolute; left: 0; top: 6px; font-size: 8px; color: var(--gold-500); }
.hr-topic-list li.pos::before { color: var(--jade-700); } .hr-topic-list li.neg::before { color: var(--cinnabar-soft); }
.hr-dim { color: var(--paper-ink-soft); opacity: 0.8; }
.hr-sub { display: block; font-family: var(--font-serif); font-size: 13px; letter-spacing: 0.08em; color: var(--gold-700); margin: 10px 0 4px; }
/* 详表（留影之外） */
.hr-detail { display: grid; gap: 18px; margin-top: 26px; }
.hr-detail-card { padding: 22px 24px 20px; border: 1px solid rgba(150, 114, 58, 0.3); border-radius: var(--radius-lg); background: var(--paper-50); min-width: 0; }
.hr-detail-card .hr-panel-cap b { cursor: help; }
.hr-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; }
.hr-two ul { margin: 4px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.75; }
.hr-alm-row { margin-top: 10px; }
.hr-alm-row > b { display: block; font-family: var(--font-serif); font-size: 14px; margin-bottom: 6px; }
.hr-alm-bars { display: grid; gap: 4px; }
.hr-alm-bars span { display: block; height: 20px; min-width: 14%; border-radius: 4px; background: linear-gradient(90deg, rgba(184, 145, 75, 0.45), rgba(184, 145, 75, 0.15)); position: relative; }
.hr-alm-bars span i { position: absolute; left: 8px; top: 0; height: 100%; display: flex; align-items: center; font-style: normal; font-size: 11.5px; color: var(--paper-ink); white-space: nowrap; }
.hr-star-row { display: grid; grid-template-columns: minmax(150px, 34%) 1fr; gap: 12px; padding: 7px 0; border-bottom: 1px dashed rgba(150, 114, 58, 0.18); font-size: 13px; line-height: 1.7; margin: 0; }
.hr-star-row b { font-family: var(--font-serif); font-weight: 600; }
.hr-star-row.royal b { color: var(--gold-700); }
.hr-lot-card { padding: 10px 14px; border-radius: 10px; background: rgba(250, 247, 239, 0.8); border: 1px solid rgba(150, 114, 58, 0.25); }
.hr-lot-card b { display: block; font-family: var(--font-serif); color: var(--gold-700); }
.hr-theft-steps { margin: 8px 0 0; padding-left: 22px; font-size: 13.5px; line-height: 1.8; }
.hr-theft-steps li.pos { color: var(--jade-700); } .hr-theft-steps li.neg { color: var(--cinnabar-soft); }
.hr-facts summary { cursor: pointer; font-size: 13px; color: var(--gold-700); letter-spacing: 0.06em; }
.hr-tw { margin-top: 10px; }
.hr-tw .md-table { font-size: 12.5px; }
.hr-tw th { cursor: help; }
/* 绣色皮 */
html[data-theme="xiu"] .hr-detail-card, html[data-theme="xiu"] .hr-queries, html[data-theme="xiu"] .hr-lot-card { border-color: rgba(88, 74, 133, 0.35); }
html[data-theme="xiu"] .hr-rad-chip i, html[data-theme="xiu"] .hr-queries-list b, html[data-theme="xiu"] .hr-sub { color: var(--zi-700, #584a85); }

/* ================= 高级判读参数面板（2026-09-03 桌面「判读参数」面板补齐） ================= */
.hr-advanced {
  margin-top: 30px;
  padding: 16px 20px 18px;
  border: 1px dashed rgba(150, 114, 58, 0.4);
  border-radius: var(--radius-sm);
  background: rgba(250, 247, 239, 0.5);
}
.hr-advanced > summary {
  cursor: pointer; list-style: none;
  font-family: var(--font-serif); font-size: 14px; letter-spacing: 0.1em;
  color: var(--gold-700);
}
.hr-advanced > summary::-webkit-details-marker { display: none; }
.hr-advanced > summary::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-right: 1.5px solid var(--gold-700); border-bottom: 1.5px solid var(--gold-700); transform: rotate(-45deg); vertical-align: 2px; transition: transform .25s var(--ease-out); }
.hr-advanced[open] > summary::before { transform: rotate(45deg); }
.hr-advanced > summary span { margin-left: 10px; font-family: var(--font-sans); font-size: 12px; letter-spacing: 0.04em; color: var(--paper-ink-soft); }
.hr-adv-head { margin-top: 10px; font-size: 12.5px; letter-spacing: 0.06em; color: var(--paper-ink-soft); }
.hr-adv-reset {
  margin-top: 8px; padding: 4px 12px;
  font-family: var(--font-serif); font-size: 12px; letter-spacing: 0.12em;
  color: var(--cinnabar); background: transparent;
  border: 1px solid rgba(179, 58, 44, 0.4); border-radius: 999px;
}
.hr-adv-cluster { margin-top: 16px; padding-top: 12px; border-top: 1px dashed rgba(150, 114, 58, 0.25); }
.hr-adv-cluster > .hr-field-label-2 {
  display: block; margin-top: 0; margin-bottom: 6px;
  font-family: var(--font-serif); font-size: 13px; font-weight: 700;
  letter-spacing: 0.16em; color: var(--gold-700);
}
.hr-adv-key {
  display: block; margin: 12px 0 5px;
  font-size: 12.5px; letter-spacing: 0.06em; color: var(--paper-ink-soft);
}
.hr-adv-key.changed { color: var(--cinnabar); font-weight: 600; }
.hr-adv-key.changed::after { content: " · 改"; font-size: 11px; }
.hr-adv-chips { gap: 6px; }
.hr-adv-chips .hr-chip { padding: 5px 12px; font-size: 12.5px; letter-spacing: 0.04em; text-indent: 0; }
.hr-adv-check {
  display: flex; align-items: center; gap: 8px;
  margin-top: 9px; font-size: 13px; color: var(--paper-ink);
  cursor: pointer;
}
.hr-adv-check input { width: 15px; height: 15px; accent-color: var(--gold-600); flex: none; }
.hr-adv-check.is-dim { opacity: 0.42; cursor: not-allowed; }
/* 起盘阵营子表单 */
.hr-camp-sub {
  margin-top: 12px; padding: 14px 16px 16px;
  border: 1px dashed rgba(150, 114, 58, 0.35); border-radius: var(--radius-sm);
  background: rgba(250, 247, 239, 0.55);
}
.hr-camp-sub[hidden] { display: none; }
.hr-camp-sub > .hr-field-label-2:first-child { margin-top: 0; }
.hr-camp-actions { margin-top: 14px; }
.hr-assess { margin-top: 10px; display: grid; gap: 4px; }

/* ================= 定盘总判横幅 / 正面确认 / 口径回显 ================= */
.hr-grounding {
  margin: 2px 0 14px; padding: 12px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(150, 114, 58, 0.35);
  background: rgba(250, 247, 239, 0.75);
}
.hr-grounding.good { border-color: rgba(63, 99, 80, 0.45); background: rgba(63, 99, 80, 0.07); }
.hr-grounding.even { border-color: rgba(184, 145, 75, 0.5); background: rgba(184, 145, 75, 0.08); }
.hr-grounding.bad { border-color: rgba(179, 58, 44, 0.5); background: rgba(179, 58, 44, 0.08); }
.hr-grounding-word {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px;
  font-family: var(--font-serif); font-size: 16px; font-weight: 700; letter-spacing: 0.14em;
  color: var(--paper-ink);
}
.hr-grounding.good .hr-grounding-word { color: var(--jade-700); }
.hr-grounding.bad .hr-grounding-word { color: var(--cinnabar); }
.hr-grounding-word i {
  font-style: normal; font-family: var(--font-sans);
  font-size: 11.5px; font-weight: 400; letter-spacing: 0.06em;
  padding: 2px 9px; border-radius: 999px;
  border: 1px solid rgba(150, 114, 58, 0.35); color: var(--paper-ink-soft);
}
.hr-grounding-sub { margin-top: 6px; font-size: 12.8px; line-height: 1.8; color: var(--paper-ink-soft); }
.hr-ok-list { margin-top: 12px; }
.hr-ok-list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.hr-ok-list li { display: flex; gap: 8px; font-size: 13px; line-height: 1.7; color: var(--jade-700); }
.hr-ok-list li i { font-style: normal; flex: none; }
.hr-adv-echo { margin-top: 12px; }
.hr-adv-echo-more { margin-top: 6px; }
.hr-adv-echo-more > summary { cursor: pointer; font-size: 12.5px; letter-spacing: 0.04em; color: var(--gold-700); }

/* ================= 三分法则小卡 ================= */
.hr-thirds {
  margin-top: 16px; padding: 12px 16px 14px;
  border: 1px solid rgba(150, 114, 58, 0.28); border-radius: var(--radius-sm);
  background: rgba(250, 247, 239, 0.7);
}
.hr-thirds-line { display: flex; align-items: baseline; gap: 12px; margin-top: 6px; flex-wrap: wrap; }
.hr-thirds-line b { font-family: var(--font-serif); font-size: 20px; color: var(--gold-700); }
.hr-thirds-line span { font-size: 13px; line-height: 1.7; color: var(--paper-ink-soft); }

/* ================= 逐星状态 / 偶然尊贵 / 接纳 / 转宫 / 行星时 / 描述 ================= */
.hr-cond { margin-top: 14px; padding-top: 10px; border-top: 1px dashed rgba(150, 114, 58, 0.22); }
.hr-cond:first-of-type { border-top: 0; }
.hr-cond-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hr-cond-head b { font-family: var(--font-serif); font-size: 14.5px; color: var(--paper-ink); }
.hr-cond-score {
  font-style: normal; font-size: 11.5px; letter-spacing: 0.04em;
  padding: 2px 9px; border-radius: 999px;
  border: 1px solid rgba(150, 114, 58, 0.32); color: var(--paper-ink-soft);
}
.hr-cond-score.pos { border-color: rgba(63, 99, 80, 0.45); color: var(--jade-700); }
.hr-cond-score.neg { border-color: rgba(155, 59, 50, 0.45); color: var(--cinnabar-soft); }
.hr-cond-item { display: flex; gap: 8px; margin-top: 4px; font-size: 13px; line-height: 1.7; color: var(--paper-ink-soft); }
.hr-cond-item i { font-style: normal; flex: none; color: var(--gold-600); }
.hr-cond-item.pos i { color: var(--jade-700); } .hr-cond-item.neg i { color: var(--cinnabar-soft); }
.hr-cond-acc-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.hr-cond-acc-head b { font-family: var(--font-serif); font-size: 13px; color: var(--gold-700); cursor: help; }
.hr-acc-chip {
  font-size: 11.5px; padding: 2px 9px; border-radius: 8px;
  border: 1px solid rgba(150, 114, 58, 0.3); color: var(--paper-ink-soft); background: rgba(250, 247, 239, 0.7);
}
.hr-acc-chip.pos { border-color: rgba(63, 99, 80, 0.4); color: var(--jade-700); background: rgba(63, 99, 80, 0.07); }
.hr-acc-chip.neg { border-color: rgba(155, 59, 50, 0.4); color: var(--cinnabar-soft); background: rgba(155, 59, 50, 0.07); }
.hr-recep-cap { margin-top: 8px; font-family: var(--font-serif); font-size: 12.5px; font-weight: 600; color: var(--paper-ink); }
.hr-recep-row { display: flex; gap: 8px; align-items: baseline; margin-top: 4px; font-size: 13px; line-height: 1.7; color: var(--paper-ink-soft); }
.hr-recep-row i { font-style: normal; flex: none; color: var(--gold-600); }
.hr-recep-row.pos { color: var(--paper-ink); }
.hr-recep-row.pos i { color: var(--jade-700); }
.hr-recep-refuse { color: var(--cinnabar); font-weight: 600; }
.hr-turn-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; font-size: 13.5px; }
.hr-turn-row select { min-width: 118px; }
.hr-turn-out { font-family: var(--font-serif); font-size: 14.5px; color: var(--gold-700); }
.hr-hours-now { font-weight: 700; color: var(--gold-700); background: rgba(212, 175, 106, 0.16); }
.hr-desc-item { margin-top: 12px; padding-top: 10px; border-top: 1px dashed rgba(150, 114, 58, 0.22); }
.hr-desc-item:first-of-type { border-top: 0; }
.hr-desc-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.hr-desc-head b { font-family: var(--font-serif); font-size: 14px; color: var(--paper-ink); }
.hr-desc-head span { font-size: 12.5px; color: var(--paper-ink-soft); }
.hr-desc-head i { font-style: normal; font-size: 11.5px; color: var(--gold-700); }
.hr-desc-body { margin-top: 4px; font-size: 13px; line-height: 1.8; color: var(--paper-ink-soft); }

/* ================= 星轮判读叠层 ================= */
.hr-wheel-toggles {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  margin-top: 10px; padding-top: 10px;
  border-top: 1px dashed rgba(150, 114, 58, 0.25);
}
.hr-wheel-toggles > b {
  font-family: var(--font-serif); font-size: 12px; letter-spacing: 0.12em;
  color: var(--gold-700); margin-right: 4px;
}
.hr-wheel-toggles .hr-chip { padding: 4px 11px; font-size: 12px; letter-spacing: 0.04em; text-indent: 0; }
.hr-wheel-stars { margin-top: 8px; font-size: 12px; line-height: 1.7; color: var(--paper-ink-soft); }
/* 界限环七色（界主星）——打印另有实色覆盖 */
.hrw-term { stroke: none; opacity: 0.55; }
.hrw-term-saturn { fill: #6b6f76; }
.hrw-term-jupiter { fill: #4f7fbf; }
.hrw-term-mars { fill: #b5493c; }
.hrw-term-sun { fill: #c9962e; }
.hrw-term-venus { fill: #4f9e79; }
.hrw-term-mercury { fill: #7d63b8; }
.hrw-term-moon { fill: #93a1b0; }
.hrw-focus { fill: rgba(212, 175, 106, 0.1); stroke: none; }
.hrw-ov-line { fill: none; stroke-width: 1.6; stroke-linejoin: round; }
.hrw-ov-direct { stroke: var(--jade-700); }
.hrw-ov-relay { stroke: var(--jade-700); stroke-dasharray: 6 4; }
.hrw-ov-antiscion { stroke: #7d63b8; stroke-dasharray: 2 3; }
.hrw-ov-broken { stroke: var(--cinnabar); stroke-width: 2; }
.hrw-ov-parallel { stroke: #4f7fbf; stroke-dasharray: 3 3; }
.hrw-ov-danger { fill: none; stroke: var(--cinnabar); stroke-width: 1.2; stroke-dasharray: 3 3; }
.hrw-ov-anti { fill: rgba(125, 99, 184, 0.42); stroke: none; }
.hrw-ov-anti.on-cusp { fill: #7d63b8; stroke: #4a3a75; stroke-width: 0.8; }
.hrw-ov-star { stroke: #96723a; stroke-width: 1.4; }
.hrw-ov-star.royal { stroke: var(--gold-600); stroke-width: 2.2; }
.hrw-ov-star.caution { stroke: var(--cinnabar); }
.hrw-ov-starname { fill: var(--paper-ink-soft); letter-spacing: 0; }
.hrw-ov-starname.royal { fill: var(--gold-700); }

/* ================= 手机档（375/390 实测口径） ================= */
@media (max-width: 720px) {
  .hrc-nav { top: calc(var(--nav-h) - 6px); }
  /* G18e（2026-09-03 桌面判读参数/阵营/定盘/逐星各卡补齐）：新增块窄屏缩档 */
  .hr-advanced { padding: 12px 13px 14px; margin-top: 22px; }
  .hr-advanced > summary { font-size: 13px; }
  .hr-advanced > summary span { display: block; margin-left: 0; margin-top: 4px; }
  .hr-adv-cluster { margin-top: 12px; padding-top: 10px; }
  .hr-adv-chips { gap: 5px; }
  .hr-adv-chips .hr-chip { padding: 6px 10px; font-size: 12px; }
  .hr-adv-key { margin: 10px 0 4px; }
  .hr-adv-echo .hr-chip-row { gap: 4px; }
  .hr-adv-echo-more summary { font-size: 12px; }
  .hr-camp-sub { padding: 11px 12px 13px; margin-top: 10px; }
  .hr-camp-sub .hr-date-grid { gap: 6px; }
  .hr-grounding { padding: 10px 12px; margin-bottom: 11px; }
  .hr-grounding-word { font-size: 14.5px; letter-spacing: 0.08em; }
  .hr-grounding-sub { font-size: 12.2px; }
  .hr-ok-list li { font-size: 12.5px; }
  .hr-thirds { padding: 10px 12px 11px; margin-top: 13px; }
  .hr-thirds-line b { font-size: 17px; }
  .hr-cond { margin-top: 11px; padding-top: 8px; }
  .hr-cond-head b { font-size: 13.5px; }
  .hr-cond-item { font-size: 12.5px; }
  .hr-acc-chip { font-size: 11px; padding: 2px 7px; }
  .hr-recep-row { font-size: 12.5px; }
  .hr-turn-row { gap: 8px; }
  .hr-turn-row select { min-width: 0; flex: 1 1 44%; }
  .hr-turn-out { flex: 1 0 100%; font-size: 13.5px; }
  .hr-desc-item { margin-top: 10px; padding-top: 8px; }
  .hr-desc-body { font-size: 12.5px; }
  /* 开关条窄屏单行横滚：折行会占三行 126px，把 #hrShot 顶向留影 6000px 上限 */
  .hr-wheel-toggles { gap: 5px; margin-top: 8px; padding-top: 8px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
  .hr-wheel-toggles > b { flex: none; margin-bottom: 0; }
  .hr-wheel-toggles .hr-chip { flex: none; white-space: nowrap; }
  .hr-wheel-stars { font-size: 11.5px; }
  /* G18e：新增卡/表手机缩档（375 实测口径） */
  .hr-detail-card { padding: 16px 14px 14px; }
  .hr-detail { gap: 12px; margin-top: 18px; }
  .hr-queries { padding: 14px 14px 12px; margin-top: 16px; }
  .hr-queries-list { grid-template-columns: 1fr; gap: 4px; }
  .hr-queries-list li { grid-template-columns: 4.6em 1fr; font-size: 13px; }
  .hr-rad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .hr-rad-chip { padding: 5px 7px; font-size: 12px; }
  .hr-testi-pool { height: 20px; margin: 10px auto 4px; }
  .hr-testi-pool b { font-size: 10.5px; }
  .hr-two { grid-template-columns: 1fr; }
  .hr-star-row { grid-template-columns: 1fr; gap: 2px; }
  .hr-tw { overflow-x: auto; scrollbar-width: thin; }
  .hr-tw .md-table { font-size: 12px; min-width: 520px; }
  /* 盘面全表 11 列（复查 A4）：窄屏走卡片行（td[data-label]），一星一卡——此前 11 列在 47px 列宽里逐字竖断 */
  .hr-tw-cards { overflow: visible; }
  .hr-tw-cards .md-table { min-width: 0; }
  .hr-tw-cards .md-table thead { display: none; }
  .hr-tw-cards .md-table, .hr-tw-cards .md-table tbody { display: block; }
  .hr-tw-cards .md-table tbody tr { display: flex; flex-wrap: wrap; gap: 3px 12px; padding: 9px 10px; border-bottom: 1px solid rgba(184, 145, 75, 0.2); }
  .hr-tw-cards .md-table tbody tr:last-child { border-bottom: 0; }
  .hr-tw-cards .md-table td { display: inline-flex; align-items: baseline; gap: 4px; padding: 0; border: 0; white-space: nowrap; }
  .hr-tw-cards .md-table td:first-child { flex: 1 0 100%; font-family: var(--font-serif); font-size: 14px; color: var(--gold-700); }
  .hr-tw-cards .md-table td:not(:first-child)::before { content: attr(data-label); font-size: 10.5px; letter-spacing: 0.08em; color: var(--paper-ink-soft); }
  .hr-wheel-toggle { margin-left: 0; width: 100%; margin-top: 6px; }
  .hr-card-body { padding: 14px 20px 16px; }   /* 奇门 .geng-body 720 同值 */
  .hr-card-title { display: none; }             /* 窄屏帖头只留眉标（奇门 720 只留 .geng-head-tag） */
  .hr-field-label { margin-bottom: 6px; }
  .hr-field-label-2 { margin-top: 10px; }
  .hr-card-body textarea { min-height: 64px; }
  .hr-card-actions { margin-top: 12px; }
  .hr-chips { gap: 8px; }
  .hr-chip { padding: 7px 13px; font-size: 13.5px; }
  .hr-select-grid { gap: 0 10px; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); }   /* 类别文长（综合 · 能否成事）让宽，流派四字让窄——375 曾压在箭头下 */
  .hr-select-cell .hr-field-side { display: none; }   /* 窄屏标签只留四字，副说明让位给并排两格 */
  .hr-select { letter-spacing: 0.04em; padding-left: 8px; padding-right: 24px; }
  .hr-when-grid { grid-template-columns: 1fr; gap: 10px; }
  .hr-when-col .check-line { display: flex; flex-wrap: wrap; white-space: nowrap; row-gap: 2px; padding-bottom: 0; }
  .hr-now-time { flex: 1 0 100%; margin-left: 0; white-space: normal; }

  .hr-verdict { padding: 26px 16px 28px; }
  .hr-verdict::before { inset: 7px; }
  .hr-gauge { margin: 26px 0 6px; }
  .hr-gauge-track { height: 50px; }   /* 竖排「倾向不成/倾向可成」4 字 ≈42px＋行距，44px 轨实测折成两列（375 截图）；顺带够触控高 */
  .hr-gauge-seg b { font-size: 10px; letter-spacing: 0.02em; text-indent: 0; }
  .hr-gauge-seg[data-band="lean_no"] b, .hr-gauge-seg[data-band="lean_yes"] b {
    writing-mode: vertical-rl; font-size: 9.5px; letter-spacing: 0.06em; line-height: 1; white-space: nowrap;
  }
  .hr-gauge-needle { bottom: -30px; }   /* 置信数字泡整体落到轨下（375 实测 -20px 仍压轨 7px），不再压住段名 */
  .hr-verdict-band { font-size: 24px; letter-spacing: 0.06em; text-indent: 0.06em; }
  .hr-testimony { grid-template-columns: 1fr; gap: 24px; }

  .hr-board { grid-template-columns: 1fr; gap: 22px; margin-top: 26px; }
  .hr-wheel { padding: 10px; }
  .hr-duo { grid-template-columns: 1fr; gap: 16px; margin-top: 20px; }
  .hr-lore-grid { grid-template-columns: 1fr; gap: 16px; }
  .hr-lore { padding-bottom: 70px; }
  /* G18e 窄屏缩档（375 实测）：帖头 34px 衬垫与徵象星 22px 大字 */
  .hr-card-head { padding: 10px 16px 8px; }
  .hr-sig-star b { font-size: 19px; }
  .hr-sig-star span { font-size: 15px; }
  /* 入口引导头（第一幕眉标/大题/副题/菱线）手机不显示——阁主 2026-09-03 令「类似这样的无效内容
     在手机版上就不要显示了」，桌面保留。成熟页（八字/紫微…）表单前本就没有这块。
     ⚠ 只能写在本页 CSS：#ask 六爻也用、#entry 十页生辰页都用，进 base.css 会把它们一并隐掉。
     #result 的 .section-head 是结果标题+元信息，不在此列。打印按 A4 页区(≈688px<720)评估，
     此规则打印时同样生效——与成熟页一致（它们 DOM 里根本没这块），属正确。 */
  #ask .section-head { display: none; }
  .hr-lore { padding-top: 40px; }
}

/* ================= 绣色（xiu）皮 ================= */
html[data-theme="xiu"] .hr-card,
html[data-theme="xiu"] .hr-sig-card,
html[data-theme="xiu"] .hr-duo-card,
html[data-theme="xiu"] .hr-lore-card { border-color: rgba(88, 74, 133, 0.35); }
html[data-theme="xiu"] .hr-perf-lead.good { color: var(--zi-700, #584a85); }
html[data-theme="xiu"] .hr-sig-star b { color: var(--zi-700, #584a85); }
html[data-theme="xiu"] .hr-verdict { border-color: rgba(122, 104, 176, 0.5); }
/* 2026-09-03 三轮补齐块的绣色覆盖（复查 A5）：金边→紫边、金字→紫字 */
html[data-theme="xiu"] .hr-advanced, html[data-theme="xiu"] .hr-camp-sub, html[data-theme="xiu"] .hr-grounding,
html[data-theme="xiu"] .hr-thirds, html[data-theme="xiu"] .hr-cond, html[data-theme="xiu"] .hr-recep-row,
html[data-theme="xiu"] .hr-radical.is-ok, html[data-theme="xiu"] .hr-mini-chip, html[data-theme="xiu"] .hrc-nav,
html[data-theme="xiu"] .hr-detail-card, html[data-theme="xiu"] .hr-rad-chip { border-color: rgba(88, 74, 133, 0.35); }
html[data-theme="xiu"] .hr-grounding-word, html[data-theme="xiu"] .hr-turn-out, html[data-theme="xiu"] .hr-hours-now,
html[data-theme="xiu"] .hr-desc-head b, html[data-theme="xiu"] .hrc-nav-link.on, html[data-theme="xiu"] .hr-panel-cap b,
html[data-theme="xiu"] .hr-tw-cards .md-table td:first-child { color: var(--zi-700, #584a85); }
html[data-theme="xiu"] .hr-sig-card.m .hr-sig-seal { background: linear-gradient(150deg, var(--zi-500, #7f6fae), var(--zi-700, #584a85)); }
html[data-theme="xiu"] .hr-radical.is-ok { border-left-color: var(--zi-500, #7f6fae); }

/* ================= 打印 ================= */
@media print {
  .hr-verdict, .hr-wheel {
    background: #fff !important;
    border-color: #b9a06a;
    box-shadow: none;
  }
  .hr-verdict-band { -webkit-text-fill-color: initial; color: #7a5c1e; background: none; }
  .hr-verdict-summary, .hr-gauge-seg b, .hr-testi-text { color: #333; }
  .hr-testi-item { background: #faf7ef; }
  .hrw-glyph, .hrw-core { fill: #333; }
  .hrw-hnum, .hrw-deg, .hrw-coresub { fill: #666; }
  .hrw-house { stroke: rgba(0, 0, 0, 0.18); }
  .hrw-tick { stroke: rgba(0, 0, 0, 0.5); }
  .hr-gauge-needle i { background: #7a5c1e; box-shadow: none; }
  .hr-gauge-seg.on { background: rgba(185, 160, 106, 0.3); }
  .hr-gauge-seg.on b, .hr-guard-chip { color: #7a5c1e; text-shadow: none; }
  .hr-testi-pos .hr-testi-cap { color: #7a5c1e; }
}

/* 打印补遗（2026-09-03 判读叠层与新卡）：叠层线/映点/恒星/界限环与各新卡皆须实色，屏色打印成灰糊 */
@media print {
  .hr-wheel-toggles, .hr-advanced, .hr-camp-sub, .hr-assess { display: none !important; }
  .hr-grounding, .hr-thirds, .hr-detail-card { background: #fff !important; border-color: #b9a06a; }
  .hr-grounding-word, .hr-thirds-line b, .hr-turn-out, .hr-cond-acc-head b { color: #7a5c1e; }
  .hr-grounding-sub, .hr-cond-item, .hr-recep-row, .hr-desc-body, .hr-wheel-stars { color: #444; }
  .hr-ok-list li, .hr-cond-item.pos i, .hr-acc-chip.pos, .hr-recep-row.pos i { color: #2f5a44; }
  .hr-cond-item.neg i, .hr-acc-chip.neg, .hr-recep-refuse { color: #a03a2c; }
  .hr-acc-chip, .hr-cond-score { background: #fff !important; border-color: #b9a06a; }
  .hr-hours-now { color: #7a5c1e; background: #f0e6cd !important; }
  .hrw-term { opacity: 1; }
  .hrw-term-saturn { fill: #555a61; } .hrw-term-jupiter { fill: #34608f; } .hrw-term-mars { fill: #96372c; }
  .hrw-term-sun { fill: #a87a1e; } .hrw-term-venus { fill: #2f7355; } .hrw-term-mercury { fill: #5c4790; }
  .hrw-term-moon { fill: #75828f; }
  .hrw-focus { fill: #f4efe2; }
  .hrw-ov-direct, .hrw-ov-relay { stroke: #2f5a44; }
  .hrw-ov-broken, .hrw-ov-danger { stroke: #a03a2c; }
  .hrw-ov-parallel { stroke: #34608f; }
  .hrw-ov-antiscion { stroke: #5c4790; }
  .hrw-ov-anti { fill: #5c4790; }
  .hrw-ov-anti.on-cusp { fill: #3d2a63; stroke: #26173f; }
  .hrw-ov-star { stroke: #7a5c1e; } .hrw-ov-star.caution { stroke: #a03a2c; }
  .hrw-ov-starname { fill: #555; } .hrw-ov-starname.royal { fill: #7a5c1e; }
}

/* 打印补遗（2026-09-02 九术复审）：证词负栏眉（鲑红 1.9:1）、图例（近白）、星轮底盘与座名/上升标、空态提示皆曾留屏色 */
@media print {
  .hr-testi-neg .hr-testi-cap, .hr-testi-item.neg .hr-testi-src, .hr-testi-item.neg .hr-testi-w { color: #a03a2c; border-bottom-color: rgba(160, 58, 44, 0.4); }
  .hr-leg b, .hr-testi-src, .hr-testi-w, .hr-testi-empty, .hr-wheel-miss, .hr-verdict-eyebrow { color: #555; }
  .hr-leg-querent i { color: #806024; } .hr-leg-quesited i { color: #96352c; } .hr-leg-lunar i { color: #3f6ea8; }
  .hrw-outer, .hrw-axis { stroke: #8a6a2a; } .hrw-ring, .hrw-signline { stroke: rgba(0, 0, 0, 0.22); }
  .hrw-heart { fill: #f4efe2; stroke: #999; }
  .hrw-sign, .hrw-asclab { fill: #7a5c1e; }
}

/* ⚠ 触屏块居文末（G18h 2026-09-06）：同优先级后源取胜——挪到 720 / print / 绣色块之前即被反杀 */
/* ===== 触屏（G18）——置于文件末、print 前：同权重后源即胜，置于 .hr-input 基础规则之前会被其 15px 反杀（真渲染实锤） ===== */
@media (pointer: coarse) {
  .hr-select { font-size: 16px; min-height: 44px; }   /* 下拉触屏档：≥16px 防 iOS 聚焦缩放、≥44px 命中区（G18） */
  .hr-rad-chip { min-height: 44px; }   /* 19 考量 chip 全文只在 tip 里，必须点得中（复查 A6） */
  .hr-testi-src, .hr-testi-factor { padding-top: 10px; padding-bottom: 10px; margin-top: -8px; margin-bottom: -8px; }
  .hr-chip { min-height: 42px; padding-block: 9px; }
  .hr-card-body textarea { font-size: 16px; }
  .hr-input { font-size: 16px; min-height: 44px; }
  /* 2026-09-03 新控件：勾选框 18px 指腹可点、下拉 16px 免 iOS 聚焦放大且 44px 触控高 */
  .hr-adv-check input { width: 18px; height: 18px; }
  .hr-adv-check { min-height: 42px; }
  .hr-turn-row select, .hr-advanced select { font-size: 16px; min-height: 44px; }
  .hr-adv-chips .hr-chip { min-height: 42px; font-size: 13px; }
  .hr-wheel-toggles .hr-chip { min-height: 42px; font-size: 13px; }
  .hr-wheel-toggle { min-height: 44px; font-size: 13px; }   /* 「显外行星与特殊点」钮 375 实测 27px 高（复审 U10） */
  .hr-assess .check-line { min-height: 42px; display: flex; align-items: center; }
}