/* 奇门遁甲样式：全部限定 #sys-qimen 作用域，避免与八字/六爻/紫微同名类互扰。
   干支五行色复用全局 --wood/--fire/--earth/--metal/--water 变量（styles.css）。 */

#sys-qimen .qm-form { margin-bottom: 16px; }
/* 2026-09-14 表单版式统一到八字：改用全局 .grid（响应式自适应）+ .go；原 .qm-row/.qm-num/.qm-year-f 死宽已废除 */
#sys-qimen .field label { display: block; font-size: 12px; color: #9aa3aa; margin-bottom: 3px; }
#sys-qimen .field input { width: 100%; box-sizing: border-box; }
#sys-qimen .qm-opts { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 12px 0; }
#sys-qimen .qm-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; white-space: nowrap; }
/* 全局 input{width:100%} 会在 iOS Safari 把 flex 里的勾选框拉伸→挤进文字，显式复位 */
#sys-qimen input[type="checkbox"] { width: auto; flex: 0 0 auto; margin: 0; }
#sys-qimen .qm-lng-f { display: inline-flex; align-items: center; gap: 6px; }
#sys-qimen .qm-lng-f label { margin: 0; }
#sys-qimen .qm-lng-f input { width: 76px; }
#sys-qimen .qm-go { display: flex; gap: 10px; justify-content: center; margin-top: 14px; }
#sys-qimen .qm-go button { font: inherit; font-size: 15px; font-weight: 600; border: 0; border-radius: 9px; padding: 11px 26px; cursor: pointer; }
#sys-qimen .qm-go .primary { background: linear-gradient(110deg,#f3c875,#dda851); color: #20170d; letter-spacing: .1em; }
#sys-qimen .qm-go .ghost { background: transparent; border: 1px solid var(--line); color: var(--ink-soft); }

/* 排盘信息 */
#sys-qimen .qm-info .qm-ju { font-size: 20px; font-weight: 700; color: #e0715f; margin-bottom: 8px; }
#sys-qimen .qm-meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #c8ccd0; }
#sys-qimen .qm-pillars { display: flex; gap: 18px; margin-top: 10px; }
#sys-qimen .qm-pillar { display: inline-flex; align-items: baseline; gap: 3px; font-size: 22px; font-weight: 600; }
#sys-qimen .qm-pillar b { font-size: 12px; font-weight: 400; color: #9aa3aa; margin-right: 3px; align-self: center; }

/* 干支五行着色 */
#sys-qimen .qm-gan, #sys-qimen .qm-zhi { font-weight: 700; }
#sys-qimen .wood { color: var(--wood, #2e7d32); }
#sys-qimen .fire { color: var(--fire, #c62828); }
#sys-qimen .earth { color: var(--earth, #9e7d0a); }
#sys-qimen .metal { color: var(--metal, #616161); }
#sys-qimen .water { color: var(--water, #1565c0); }

/* 九宫格 */
#sys-qimen .qm-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
  max-width: 640px; margin: 0 auto;
}
#sys-qimen .qm-cell {
  border: 1px solid var(--line); border-radius: 8px; background: #0b1822;
  padding: 8px 9px; min-height: 118px; display: flex; flex-direction: column; gap: 5px;
}
#sys-qimen .qm-center { background: rgba(232,183,95,.1); align-items: center; justify-content: center; text-align: center; }
#sys-qimen .qm-head { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #c8ccd0; }
#sys-qimen .qm-no { font-weight: 700; color: #e0715f; }
#sys-qimen .qm-gua { font-size: 14px; color: #f0e9d8; }
#sys-qimen .qm-fang { color: #9aa3aa; }
#sys-qimen .qm-marks { margin-left: auto; display: inline-flex; gap: 3px; }
#sys-qimen .qm-mk { font-size: 11px; padding: 0 4px; border-radius: 3px; color: #fff; }
#sys-qimen .qm-mk.kong { background: #9c8a6a; }
#sys-qimen .qm-mk.po { background: #b5651d; }
#sys-qimen .qm-mk.ma { background: #2e6b6b; }

#sys-qimen .qm-row2 { display: flex; justify-content: space-between; align-items: baseline; }
#sys-qimen .qm-star { font-size: 15px; font-weight: 700; color: #f0e9d8; }
#sys-qimen .qm-shen { font-size: 13px; }
#sys-qimen .qm-shen.ji, #sys-qimen .qm-gate.ji { color: #6fbf73; }
#sys-qimen .qm-shen.xiong, #sys-qimen .qm-gate.xiong { color: #e0715f; }

#sys-qimen .qm-plate { display: flex; justify-content: space-between; font-size: 13px; }
#sys-qimen .qm-plate i { font-style: normal; font-size: 10px; color: #9aa3aa; margin-left: 2px; }
#sys-qimen .qm-center .qm-plate { gap: 14px; justify-content: center; font-size: 15px; }
#sys-qimen .qm-foot { display: flex; align-items: baseline; gap: 6px; margin-top: auto; font-size: 12px; }
#sys-qimen .qm-an { color: #9aa3aa; }
#sys-qimen .qm-an .qm-gan { font-size: 13px; }
#sys-qimen .qm-gate { font-weight: 700; font-size: 13px; }
#sys-qimen .qm-zhis { margin-left: auto; font-size: 13px; }

#sys-qimen .qm-geju { margin-top: 3px; font-size: 11px; text-align: center; border-radius: 4px; padding: 1px 0; }
#sys-qimen .qm-geju.ji { color: #6fbf73; background: rgba(111,191,115,.14); }
#sys-qimen .qm-geju.xiong { color: #e0715f; background: rgba(224,113,95,.14); }
#sys-qimen .qm-geju.zhong { color: #e0b64d; background: rgba(224,182,77,.14); }
#sys-qimen .qm-wby { color: #e0715f; font-weight: 700; }

#sys-qimen .qm-legend { max-width: 640px; margin: 12px auto 0; font-size: 12px; color: #9aa3aa; text-align: center; }
#sys-qimen .qm-legend .qm-mk { margin: 0 2px; }
#sys-qimen .qm-legend b.ji { color: #6fbf73; } #sys-qimen .qm-legend b.xiong { color: #e0715f; }

/* 核心要素 */
#sys-qimen .qm-core h3 { font-size: 15px; color: #e0715f; margin: 0 0 8px; }
#sys-qimen .qm-core-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px 14px; }
#sys-qimen .qm-kv { display: flex; gap: 8px; font-size: 13px; }
#sys-qimen .qm-kv .k { color: #9aa3aa; min-width: 52px; }
#sys-qimen .qm-kv .v { color: #f0e9d8; font-weight: 600; }

#sys-qimen .qm-note-f { margin-top: 10px; }
#sys-qimen .qm-note-f input { width: 100%; box-sizing: border-box; }
#sys-qimen .qm-save-bar { margin-top: 12px; text-align: center; }

@media (max-width: 560px) {
  #sys-qimen .qm-cell { min-height: 104px; padding: 6px 7px; }
  #sys-qimen .qm-pillar { font-size: 18px; }
  /* 年月日时分等分挤一行（手机） */
  #sys-qimen .qm-row { flex-wrap: nowrap; gap: 6px; }
  #sys-qimen .qm-num { width: auto; flex: 1 1 0; min-width: 0; }
  #sys-qimen .qm-year-f { width: auto; flex: 1.4 1 0; min-width: 0; }
  #sys-qimen .qm-form input { padding-left: 6px; padding-right: 6px; }
}

/* 奇门 AI 解读区（2026-09-25，同紫微 .zw-ai 版式） */
#sys-qimen .qm-ai{margin-top:16px;border-top:1px dashed var(--line);padding-top:14px}
/* 2026-10-22 用户定：按钮居中、底色改金橙（原先 .primary 的金色只在 .go 内生效，这里落到了
   深色模式的浏览器默认灰底）——与八字 .bz-ai-bar / #bz-ai-btn 同款 */
#sys-qimen .qm-ai-bar{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
#sys-qimen .qm-ai-bar #qm-ai-btn{font:inherit;font-size:15.5px;font-weight:700;letter-spacing:.04em;
  padding:12px 26px;border-radius:10px;cursor:pointer;border:0;
  background:linear-gradient(135deg,var(--gold-bright),var(--seal));color:#20160a}
#sys-qimen .qm-ai-bar #qm-ai-btn:disabled{opacity:.6;cursor:not-allowed}
#sys-qimen .qm-ai-hint{font-size:12.5px;color:var(--ink-soft);max-width:600px}
#sys-qimen .qm-ai-out{display:none;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:14.5px;line-height:1.85;color:var(--ink)}
#sys-qimen .qm-ai-out .qm-ai-h{display:inline-block;margin:12px 0 2px;color:var(--seal);font-size:15px}
#sys-qimen .qm-ai-out .qm-ai-h:first-child{margin-top:0}
#sys-qimen .qm-ai-out b{color:var(--ink)}
#sys-qimen .qm-ai-load{color:var(--ink-soft)}
#sys-qimen .qm-ai-err{color:var(--fire)}

/* 完整奇门局解读（付费深度版·2026-10-22）：免费速览下方的 CTA + 报告框（版式同六爻 .ly-pro） */
#sys-qimen .qm-pro{margin-top:14px}
#sys-qimen .qm-pro-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;
  padding:14px 16px;border:1px solid var(--seal);border-radius:12px;
  background:linear-gradient(180deg,rgba(201,162,77,.10),rgba(201,162,77,.03))}
#sys-qimen .qm-pro-info{flex:1 1 260px;min-width:220px}
#sys-qimen .qm-pro-title{font-size:15px;font-weight:600;color:var(--seal);letter-spacing:.04em;margin-bottom:4px}
#sys-qimen .qm-pro-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.75}
#sys-qimen .qm-pro-cta #qm-pro-btn{flex:0 0 auto;font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;
  padding:10px 22px;border-radius:9px;cursor:pointer;border:0;background:linear-gradient(135deg,var(--gold-bright,#f3c875),var(--gold,#dda851));color:#20160a}
#sys-qimen .qm-pro-cta #qm-pro-btn:hover{filter:brightness(1.06)}
#sys-qimen .qm-pro-cta #qm-pro-btn:disabled{opacity:.55;cursor:default}
#sys-qimen .qm-pro-out{display:none;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;
  background:var(--card);font-size:14.5px;line-height:1.9;color:var(--ink)}
#sys-qimen .qm-pro-out .qm-ai-h{display:inline-block;margin:14px 0 3px;color:var(--seal);font-size:15.5px}
#sys-qimen .qm-pro-out .qm-ai-h:first-child{margin-top:0}
#sys-qimen .qm-pro-out b{color:var(--ink)}
#sys-qimen .qm-pro-soon{color:var(--ink-soft);line-height:1.85}
/* 报告顶部 徽标 + 下载/打印工具条 */
#sys-qimen .qm-ai-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;
  padding-bottom:8px;border-bottom:1px dashed var(--line)}
#sys-qimen .qm-ai-badge{font-size:11.5px;padding:2px 8px;border-radius:20px;border:1px solid var(--line)}
#sys-qimen .qm-ai-badge.ok{color:#6fbf73;border-color:#6fbf73}
#sys-qimen .qm-pro-tools{margin-left:auto;display:inline-flex;gap:8px}
#sys-qimen .qm-pro-tools .ghost{font:inherit;font-size:12.5px;padding:4px 12px;border-radius:7px;cursor:pointer}