.header-form { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; flex: 1; font-size: 12px; color: var(--color-text-sec); }
.header-form label { color: var(--color-text-sec); }
.header-form input[type="text"] { border: 1px solid var(--color-border); border-radius: 4px; padding: 2px 4px; font-size: 12px; font-family: inherit; }
.header-form #name { width: 4.5em; }
.header-form #solarYear { width: 3.2em; }
.header-form #solarMonth, .header-form #solarDay,
.header-form #solarHour, .header-form #solarMinute { width: 2.2em; }
.cal-toggle { display: inline-flex; border: 1px solid var(--color-border); border-radius: 4px; overflow: hidden; }
.cal-toggle button { padding: 2px 5px; font-size: 12px; background: var(--color-panel); color: var(--color-text-sec); border: none; cursor: pointer; font-family: inherit; font-weight: 700; transition: background .15s, color .15s; }
.cal-toggle button.active { background: var(--color-brand); color: #fff; }
.leap-label { display: none; align-items: center; gap: 4px; font-size: 12px; cursor: pointer; }
.form-actions { display: flex; gap: 4px; flex-wrap: nowrap; }



.hidden { display: none; }

.chart-subnav a { color: var(--color-gold); }

/* 返回行：桌面端隐藏手机专用元素 */
.qm-back-tools { display: none; }
/* 默认隐藏，JS 激活时通过 removeClass('hidden') 显示 */
#resultArea { padding: 16px; background: var(--color-pan); border: 1px solid var(--color-brand); border-radius: 8px; margin-bottom: 16px; max-width: 680px; margin-left: 10px; box-shadow: 0 1px 6px rgba(0,0,0,.08); }
#resultArea.yinpan-layout { padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; }
#feigongArea { display: none; }
/* ================================================================
   奇门事项信息表格 — 桌面端
   ================================================================ */
.qm-result-table {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
  color: var(--color-text);
  border: 1px solid var(--color-border-warm);
  background: var(--color-panel);
}
.qm-result-table td,
.qm-result-table th {
  padding: 1px 6px;
  vertical-align: middle;
  border-right: 1px solid var(--color-border-warm);
  border-bottom: 1px solid var(--color-border-warm);
}
.qm-result-table td:last-child,
.qm-result-table th:last-child {
  border-right: none;
}
.qm-result-table tr:last-child td {
  border-bottom: none;
}

/* 列宽 — colgroup 控制 */
.qm-result-table col.col-label { width: 50px; }
.qm-result-table col.col-data  { width: auto; }

/* 标签列 */
.qm-result-table .qm-label {
  color: var(--color-gold);
  font-weight: 500;
  text-align: center;
  background: var(--color-parchment);
  white-space: nowrap;
}
/* 数据列 */
.qm-result-table .qm-value {
  text-align: center;
  font-weight: 500;
  color: var(--color-text);
}
/* 子标签（年柱/月柱/局数/值符等） */
.qm-result-table .qm-sublabel {
  background: transparent;
  font-weight: 500;
  color: var(--color-text-sec);
  text-align: center;
  font-size: 12px;
}

/* 内嵌马星表格 — 隔离外层边框 */
.qm-ma-sub-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.qm-ma-sub-table td {
  width: 50%;
  border: none;
  padding: 0 4px;
  text-align: center;
  vertical-align: middle;
}

/* 工具类 */
.qm-muted       { color: var(--color-text-muted); }
.qm-filler      { color: var(--color-text-faint); }
.qm-border-right { border-right: 1px solid var(--color-border-warm) !important; }
.qm-pad-zero    { padding: 0 !important; }
.qm-ma-cell     { text-align: center; }
.qm-ma-cell-label { text-align: center; }
.qm-sizhu-row   { height: 28px; text-align: center; }

/* 马星可点击切换 */
.qm-ma-toggle {
  cursor: pointer;
  transition: color 0.2s;
  display: inline-block;
  font-size: 12px;
}
.qm-ma-toggle:hover { opacity: 0.7; }
.qm-ma-toggle.qm-ma-active { color: var(--color-fire); }

/* 空亡可点击切换 */
.qm-kw-toggle {
  cursor: pointer;
  transition: color 0.2s;
  display: inline-block;
}
.qm-kw-toggle:hover { opacity: 0.7; }
.qm-kw-toggle.qm-kw-active { color: var(--color-fire); font-weight: 500; }

/* 四柱干支单元格 */
.gan-zhi-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.gan-zhi-cell .gan,
.gan-zhi-cell .zhi {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
}

/* 五行颜色 */
.e-mu   { color: #2d8a2d; }
.e-huo  { color: var(--color-fire); }
.e-tu   { color: #8B4513; }
.e-jin  { color: #b8860b; }
.e-shui { color: #1a6fb5; }

/* 排盘结果 + AI 解析 左右布局 */
#resultRow {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 10px;
  flex-wrap: wrap;
}
#resultRow #resultArea {
  flex: 0 0 680px;
  width: 680px;
  max-width: 680px;
  margin: 0;
}
/* AI 解析卡片 - 米色底蓝色框 */
.qm-ai-card {
  flex: 1 1 320px;
  min-width: 280px;
  max-width: 420px;
  background: var(--color-pan);
  border: 1px solid var(--color-brand);
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 1px 6px rgba(0,0,0,.08);
  min-height: 148px;
  font-size: 13px;
  color: var(--color-text-sec);
  line-height: 1.9;
}
/* 九宫格 */
.qm-palace-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--color-border-warm);
  border: 1px solid var(--color-border-warm);
  max-width: 620px;
  margin: 15px auto;
  position: relative;
}
/* 阴盘神将外圈标签 */
.yp-sj-label {
  z-index: 0;
}
.qm-palace {
  background: var(--color-panel);
  min-height: 148px;
  position: relative;
}
.qm-palace.qm-center {
  background: var(--color-panel);
}
.qm-palace.qm-tun-gong {
  background: var(--color-subtle);
}
.qm-palace-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 148px;
}
/* 列1：暗干（左侧，与九星同行） */
.qm-palace-col1 {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.qm-palace-col1 .an-gan {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
}
.qm-palace-col1 .an-gan.empty {
  color: var(--color-border-warm);
}
/* 地盘八神（左侧，与八门同行） */
.shen-mark {
  position: absolute;
  left: 15px;
  bottom: 20px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-sec);
}
/* 八神（上中位置） */
.shen {
  position: absolute;
  top: 23px;
  left: 43px;
  font-size: 18px;
  font-weight: 300;
  color: var(--color-text);
  line-height: 1.2;
}
.shen.qm-zhifu {
  color: #20b2aa;
  font-weight: 300;
}
.xing.qm-zhifu {
  color: #20b2aa;
  font-weight: 300;
}
/* 九星（中间位置） */
.xing {
  position: absolute;
  top: 66px;
  left: 43px;
  font-size: 18px;
  font-weight: 300;
  color: var(--color-text);
  line-height: 1.2;
}
.xing .xing-qin {
  color: #8B4513;
}
/* 中门占位（仅中宫，与八门同行） */
.center-men-placeholder {
  position: absolute;
  top: 109px;
  left: 43px;
  font-size: 18px;
  font-weight: 300;
  color: var(--color-border-warm);
  line-height: 1.2;
}
/* 八门（下中位置） */
.men {
  position: absolute;
  top: 109px;
  left: 43px;
  font-size: 18px;
  font-weight: 300;
  color: var(--color-text);
  line-height: 1.2;
}
.men.qm-zhishi {
  color: #20b2aa;
  font-weight: 300;
}
/* 门迫（门克宫）红色高亮 */
.men.men-po {
  color: var(--color-fire) !important;
  font-weight: 300;
}
/* 九星月旺（九星右侧） */
.xing-yuewang {
  position: absolute;
  top: 63px;
  left: 84px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
}
/* 九星宫旺（九星右侧） */
.xing-gongwang {
  position: absolute;
  top: 79px;
  left: 84px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
}
/* 八门月旺（八门右侧） */
.men-yuewang {
  position: absolute;
  top: 109px;
  left: 84px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
}
/* 八门宫旺（八门右侧） */
.men-gongwang {
  position: absolute;
  top: 122px;
  left: 84px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
}
/* 天盘干（右侧，与九星一行） */
.tian-pan-gan {
  position: absolute;
  top: 66px;
  right: 38px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text);
}
/* 天盘干上方双长生标记（含单字、双字横排） */
.tian-pan-gan .chang-sheng-double {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
  white-space: nowrap;
}
/* 地盘干（右侧，与八门一行） */
.di-pan-gan {
  position: absolute;
  top: 109px;
  right: 38px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text);
}
/* 地盘干上方双长生标记（含单字、双字横排） */
.di-pan-gan .chang-sheng-double {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
  white-space: nowrap;
}
/* 寄宫干上方双长生标记（含单字、双字横排） */
.ji-gong-gan .chang-sheng-double {
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text-muted);
  white-space: nowrap;
}
.sheng-char {
  display: inline;
}
/* 寄宫干（最右侧，与九星一行）——中宫天干寄宫 */
.ji-gong-gan {
  position: absolute;
  top: 66px;
  right: 13px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  color: var(--color-text);
}
/* 地盘寄宫干（中5地盘干寄到寄宫）——x同地盘干，y同寄宫干 */
.ji-gong-gan--di { top: 109px; right: 13px; }
.ji-gong-gan--di-yinpan { top: 109px; left: 68px; right: auto; }
/* 空亡标记（每个宫位，与八神同一行左侧）——每个宫位只显示一个圈 */
.qm-empty-mark {
  position: absolute;
  top: 23px;
  left: 15px;
  font-size: 18px;
  color: var(--color-text);
  font-weight: 300;
  line-height: 1;
}
/* 马星标记 */
.qm-ma-mark {
  position: absolute;
  top: 25px;
  right: 40px;
  font-size: 11px;
  color: var(--color-gold);
  font-weight: 300;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qm-ma-mark::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid var(--color-gold);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* 宫位名称（右上角） */
.qm-gong-name {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.2;
  white-space: nowrap;
}

/* ===== 飞宫小奇门专用样式 ===== */
/* 纵向堆叠内容区：底部对齐，门+天干始终在同一Y位置 */
.fg-stack {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  bottom: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  line-height: 1.5;
}
.fg-line {
  font-size: 15px;
  white-space: nowrap;
  text-align: center;
}
.fg-shen {
  font-weight: 500;
  color: var(--color-text);
}
.fg-jian {
  font-weight: 400;
  color: var(--color-text-sec);
}
.fg-men-gan {
  font-weight: 400;
  color: var(--color-text);
}
.fg-red { color: var(--color-fire) !important; }
.fg-green { color: #2D8A2D !important; }
/* 中宫天干（居中大字） */
.fg-gan-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 15px;
  font-weight: 400;
}

/* 底部说明 */
.qm-color-legend {
  text-align: center;
  font-size: 13px;
  color: var(--color-text-muted);
  margin-bottom: 12px;
}
.qm-color-legend span { margin: 0 2px; }

/* 操作按钮 */
.qm-action-btns {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 10px;
}
.qm-action-btns button {
  padding: 3px 12px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "MiSans", sans-serif;
  font-weight: 400;
  height: 24px;
}

.qm-palace-hint {
  text-align: center;
  font-size: 13px;
  color: #bbb;
}

/* 奇门表单卡片样式（复用六样式） */
.card { background: var(--color-pan); border: 1px solid var(--color-brand); border-radius: 8px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 6px rgba(0,0,0,.08); max-width: 680px; margin-left: 10px; }
.form-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; font-size: 13px; }
.form-row:last-child { margin-bottom: 0; }
.lbl { color: var(--color-brand); font-weight: 600; white-space: nowrap; min-width: 60px; }
.lbl-inline { min-width: auto; color: var(--color-text-sec); }
.seeker-input { padding: 4px 8px; border: 1px solid var(--color-border); border-radius: 4px; font-size: 13px; width: 120px; }
.fg-name-gender { display: flex; align-items: center; gap: 8px; flex: 1; justify-content: space-between; }
.fg-name-inner { display: flex; align-items: center; gap: 6px; flex: 1; }
.fg-name-inner .lbl { width: auto; min-width: 36px; }
.fg-name-inner .seeker-input { flex: 1; width: auto; }
.date-input { padding: 4px 6px; border: 1px solid var(--color-border); border-radius: 4px; font-size: 13px; text-align: center; width: 40px; }
.date-input.year { width: 55px; }

/* 统一按钮组（盘式/奇门类型/起盘方法共用） */
.btn-group-row { display: flex; gap: 1px; flex-wrap: wrap; align-items: center; }
.btn-group-row label { display: flex; align-items: center; gap: 3px; padding: 3px 8px; border: 1px solid var(--color-border); cursor: pointer; font-size: 12px; background: var(--color-panel); transition: background .15s; white-space: nowrap; border-radius: 4px; }
.btn-group-row label.active { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }
.btn-group-row input[type="radio"] { display: none; }

/* 阴盘入口链接 */
.btn-yinpan-link { flex-shrink: 0; padding: 3px 8px; border: 1px solid #20b2aa; border-radius: 4px; cursor: pointer; font-size: 12px; background: #20b2aa; text-decoration: none; color: #fff; }

/* 操作按钮组（重置+排盘） */
.btn-action-group { margin-left: auto; flex-shrink: 0; display: flex; gap: 6px; }

/* 桌面端 AI 按钮 — 在卡片内、起盘方法行下方，不占 form-row */
.ai-btn-desktop { text-align: right; margin-top: 2px; }

/* ── 日历组（公私历/男女），跟六爻对齐 ── */
.cal-group { display: inline-flex; align-items: center; gap: 0; }
.cal-group label { display: inline-flex; align-items: center; gap: 3px; padding: 3px 8px; border: 1px solid var(--color-border); border-right: none; cursor: pointer; font-size: 12px; background: var(--color-panel); color: var(--color-text-sec); transition: background .15s; white-space: nowrap; }
.cal-group label:first-child { border-radius: 4px 0 0 4px; }
.cal-group label:last-child { border-radius: 0 4px 4px 0; border-right: 1px solid var(--color-border); }
.cal-group label.active { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }
.cal-group label input[type="radio"] { display: none; }
.cal-group .mob-only { display: none; }

/* ── 端分离 ── */
.mob-only { display: none; }

/* ── 日期行 ── */
.date-inputs-wrap { display: inline-flex; align-items: center; gap: 2px; }

/* 移动端卡片外操作区 — 桌面端隐藏 */
.mobile-actions-outside { display: none; }

/* AI 按钮桌面/移动互斥 */
.ai-btn-mobile { display: none; }

/* 操作按钮 */
.form-actions-inline { display:flex; gap:6px; }

/* ─── 问事卡专属样式 ─── */
.qimen-ask-card { max-width: 680px; margin-left: 10px; margin-bottom: 5px; padding-top: 26px; padding-bottom: 26px; }
.ask-card-header { display: none; }
.ask-card-title { font-size: 22px; font-weight: 700; color: #1A3D63; margin: 0 0 6px 0; }
.ask-card-subtitle { font-size: 13px; color: var(--color-text-muted); margin: 0; }

/* ─── 排盘大按钮 ─── */
.btn-paipan-big { padding: 5px 32px; font-size: 15px; height: auto; font-weight: 600; }

/* ─── 返回按钮行 ─── */
.qm-back-row { display: none; margin-bottom: 10px; padding-left: 10px; }
.qm-back-row .btn { height: auto; padding: 4px 14px; font-size: 13px; }

/* ─ 登录弹窗（复用六爻样式）── */
#auth-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:10000; align-items:center; justify-content:center; }
#auth-modal.active { display:flex; }
.auth-box { background:var(--color-panel); border-radius:12px; width:380px; max-width:calc(100vw - 32px); padding:28px 28px 20px; box-shadow:0 20px 60px rgba(0,0,0,.3); position:relative; }
.auth-close { position:absolute; top:14px; right:16px; font-size:22px; cursor:pointer; color: var(--color-text-faint); border:none; background:none; padding:0; }
.auth-close:hover { color: var(--color-text); }
.auth-tabs { display:flex; border-bottom:2px solid var(--color-border-light); margin-bottom:20px; }
.auth-tab { flex:1; text-align:center; padding:8px 0; font-size:14px; font-family:"MiSans",sans-serif; font-weight:700; cursor:pointer; color:#bbb; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .2s; }
.auth-tab.active { color:#8B4513; border-bottom-color:#8B4513; }
.auth-panel { display:none; }
.auth-panel.active { display:block; }
.auth-sub-tabs { display:flex; gap:8px; margin-bottom:16px; }
.auth-sub-tab { padding:4px 14px; border-radius:20px; font-size:12px; font-family:"MiSans",sans-serif; font-weight:700; cursor:pointer; color: var(--color-star-sub); border:1px solid var(--color-border); background:none; transition:all .2s; }
.auth-sub-tab.active { background:#8B4513; color:#fff; border-color:#8B4513; }
.auth-form-group { margin-bottom:12px; }
.auth-form-group input { width:100%; padding:10px 12px; border:1px solid var(--color-border); border-radius:6px; font-size:14px; font-family:"MiSans",sans-serif; outline:none; box-sizing:border-box; }
.auth-form-group input:focus { border-color:#8B4513; }
.auth-code-row { display:flex; gap:8px; align-items:center; }
.auth-code-row input { flex:1; }
.auth-btn-code { flex-shrink:0; white-space:nowrap; padding:10px; background:#8B4513; color:#fff; border:none; border-radius:6px; font-size:12px; font-family:"MiSans",sans-serif; font-weight:700; cursor:pointer; }
.auth-btn-code:disabled { opacity:.5; cursor:default; }
.auth-btn-submit { width:100%; padding:12px; background:linear-gradient(135deg,#8B4513,#8B4513); color:#fff; border:none; border-radius:6px; font-size:15px; font-family:"MiSans",sans-serif; font-weight:700; cursor:pointer; margin-top:4px; }
.auth-divider { text-align:center; color: var(--color-text-faint); font-size:12px; margin:14px 0 12px; }
.auth-btn-wechat { width:100%; padding:10px; background: var(--color-subtle); color: var(--color-text-faint); border:1px solid #e0e0e0; border-radius:6px; font-size:13px; font-family:"MiSans",sans-serif; font-weight:600; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; }

/* 黑金按钮 - 玄微智能解析 */
/* 黑金小标 - VIP 已统一到 common.css */
/* AI 解析内容区 */
.hh-ai-content{font-size:13px;color: var(--color-text-sec);line-height:1.8;font-weight:300}
.hh-ai-h2{font-size:16px;font-weight:700;color:#1A3D63;background:var(--color-parchment);padding:8px 14px;border-radius:6px;margin:14px 0 4px;border-left:4px solid var(--color-gold)}
.hh-ai-h3{font-size:15px;font-weight:700;color:#1A3D63;border-left:3px solid #8a9bb5;padding:4px 10px;margin:10px 0 2px}
.hh-ai-h4{font-size:14px;font-weight:600;color:#1A3D63;margin:8px 0 2px;padding-left:4px}
.hh-ai-hr{border:0;height:1px;background:linear-gradient(to right,var(--color-border-warm),transparent);margin:16px 0}
.hh-ai-li{font-size:12px;color: var(--color-text-sec);padding:2px 0 2px 16px;line-height:1.7}
.hh-ai-signature{text-align:right;color:var(--color-gold);margin-top:16px;font-size:11px}
.hh-ai-disclaimer{text-align:right;color:#c62828;margin-top:4px;font-size:11px}

/* AI 问答弹窗 */
.qm-ai-dialog-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 10000;
  align-items: center;
  justify-content: center;
}
.qm-ai-dialog-overlay.active { display: flex; }
.qm-ai-dialog {
  background: var(--color-pan);
  border: 1px solid var(--color-brand);
  border-radius: 10px;
  width: 460px;
  max-width: calc(100vw - 40px);
  padding: 20px 22px 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
}
.qm-ai-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.qm-ai-dialog-title {
  font-size: 15px;
  font-weight: 700;
  color: #1A3D63;
}
.qm-ai-dialog-close {
  background: none;
  border: none;
  font-size: 22px;
  color: var(--color-text-faint);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.qm-ai-dialog-close:hover { color: var(--color-text); }
.qm-ai-dialog-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  font-size: 13px;
  font-family: "MiSans", sans-serif;
  resize: vertical;
  box-sizing: border-box;
  outline: none;
  color: var(--color-text);
  background: var(--color-input-bg);
}
.qm-ai-dialog-input:focus { border-color: var(--color-brand); }
.qm-ai-dialog-input::placeholder { color: #bbb; }
.qm-ai-dialog-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.qm-ai-dialog-footer .btn-hehun-ai {
  height: 30px;
  font-size: 13px;
  padding: 4px 16px;
}

@media (max-width: 768px) {
  .header { flex-wrap: wrap; }
}

/* ═══════════════════════════════════════════════════════════
   VIP 功能升级弹窗（复用 sanhe 的 class 命名）
   ═══════════════════════════════════════════════════════════ */

/* ── 真太阳时 label ── */
.zty-label { font-size: 12px; cursor: pointer; user-select: none; }
.date-disabled { opacity: 0.4; pointer-events: none; }
.radio-hidden { display: none; }
.sel-ju-select { font-size: 11px; margin-left: 8px; padding: 2px 6px; height: 26px; border: 1px solid var(--color-border); background: var(--color-input-bg); vertical-align: middle; }
.zty-select { font-size: 12px; max-width: 120px; }
.color-fu-shi { color: #20b2aa; }
.color-ru-mu { color: #8B4513; }
.color-ji-xing { color: #9b59b6; }
.color-men-po { color: var(--color-fire); }
.color-xing-mu { color: #1a6fb5; }
.feigong-desc { font-size: 11px; color: var(--color-star-sub); }
/* 付费功能默认隐藏 */
body.hide-changsheng .chang-sheng-double { display: none; }
body.hide-xingstate  .xing-yuewang,
body.hide-xingstate  .xing-gongwang { display: none; }
body.hide-menstate   .men-yuewang,
body.hide-menstate   .men-gongwang { display: none; }

/* ── 操作按钮栏 ── */
.form-actions-bar { display:flex; gap:8px; align-items:center; margin-top:10px; padding-top:10px; border-top:1px solid var(--color-border-light); }
.btn-export { padding:3px 12px; border:none; border-radius:4px; font-size:12px; font-family:"MiSans",sans-serif; font-weight:400; height:24px; cursor:pointer; background:var(--color-brand); color:#fff; }
.form-actions-bar .btn-export:first-of-type { margin-left: auto; }
.btn-export:hover { opacity:0.9; }
.btn-export:disabled { background:var(--color-border); color:var(--color-text-muted); cursor:default; }
.btn-ai-analyze { padding:3px 12px; border-radius:4px; font-size:12px; cursor:pointer; font-family:"MiSans",sans-serif; font-weight:700; height:24px; background:linear-gradient(135deg,#2a2018,#4a3828); color:var(--color-gold); border:none; outline:none; }
.btn-ai-analyze:hover { background:linear-gradient(135deg,#3a3028,#5a4a30); }