/* shaozi.css — 邵子神数（第6系统页签）。样式全限定 #sys-shaozi 作用域，与其余系统零冲突。
   复用全局 .panel/.seg/.hint/.go(.primary/.ghost)；结果卡 .sz-card 自定（全站无 .card 类）。DOM id 一律 sz- 前缀。
   ⚠ 全局 input{width:100%;padding} 会渗透到复选框——.sz-check input 已显式 width:auto。 */

/* ── 表单 ── */
#sys-shaozi .sz-form-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr 1fr; gap: 8px; align-items: end; }
#sys-shaozi .sz-num label, #sys-shaozi .sz-text label { display: block; font-size: 12px; color: #8a7a55; margin-bottom: 3px; }
#sys-shaozi .sz-num input, #sys-shaozi .sz-text input { width: 100%; box-sizing: border-box; }
#sys-shaozi .sz-row2 { display: grid; grid-template-columns: auto auto 1fr 1fr auto; gap: 12px; align-items: end; margin-top: 10px; }
#sys-shaozi .sz-parent { max-width: 150px; }
#sys-shaozi .sz-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #6a5a38; cursor: pointer; }
#sys-shaozi .sz-check input { width: auto; padding: 0; margin: 0; }
#sys-shaozi .sz-go { justify-content: center; gap: 12px; }
#sys-shaozi .sz-carry { margin-top: 10px; font-size: 12px; color: #4a5a3a; background: #eef4e6; border: 1px solid #cfdcc0; border-radius: 8px; padding: 6px 10px; line-height: 1.6; }
#sys-shaozi .sz-carry a { color: #9a3a2a; margin-left: 4px; }
#sys-shaozi .sz-go button { min-width: 110px; }

/* ── 结果卡（同 .panel 质感） ── */
#sys-shaozi .sz-card { margin-top: 16px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; box-shadow: var(--shadow); }
#sys-shaozi .sz-h { font-size: 15px; font-weight: 600; color: #5a4a2a; margin: 0 0 10px; display: flex; align-items: center; gap: 10px; }
#sys-shaozi .sz-h .sz-sub { font-size: 12px; font-weight: 400; color: #8a7a55; }
#sys-shaozi .sz-top { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: start; }
#sys-shaozi .sz-sizhu { display: flex; gap: 14px; }
#sys-shaozi .sz-col { display: flex; flex-direction: column; align-items: center; gap: 2px; }
#sys-shaozi .sz-col .sz-g, #sys-shaozi .sz-col .sz-z { font-size: 24px; font-weight: 600; line-height: 1.15; }
#sys-shaozi .sz-col .sz-pn { font-size: 11px; color: #9a8a65; }
#sys-shaozi .sz-meta { font-size: 13px; color: #5a4e34; line-height: 1.8; }
#sys-shaozi .sz-meta b { color: #b5342a; }
#sys-shaozi .sz-tag { display: inline-block; font-size: 11px; color: #8a7a55; background: #efe7d3; border-radius: 4px; padding: 1px 6px; margin-left: 6px; vertical-align: 1px; }
#sys-shaozi .sz-tag.sz-warn { color: #fff; background: #c9752a; }
#sys-shaozi .sz-tag.sz-pend { color: #fff; background: #8a7a55; }

/* 三数卡片 */
#sys-shaozi .sz-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
#sys-shaozi .sz-num-card { border: 1px solid #e9e1cd; border-radius: 10px; padding: 10px 12px; background: #fffdf7; }
#sys-shaozi .sz-num-card .sz-nlabel { font-size: 12px; color: #8a7a55; }
#sys-shaozi .sz-num-card .sz-nval { font-size: 22px; font-weight: 700; color: #3a3220; margin: 2px 0 4px; }
#sys-shaozi .sz-num-card .sz-nhow { font-size: 12px; color: #9a8a65; line-height: 1.6; }

/* 条文（四句） */
#sys-shaozi .sz-verse { margin-top: 6px; padding: 8px 10px; background: #f8f3e6; border-left: 3px solid #d7c9a3; border-radius: 4px; }
#sys-shaozi .sz-verse .sz-vn { font-size: 12px; color: #8a7a55; margin-bottom: 4px; }
#sys-shaozi .sz-verse .sz-vl { font-size: 14px; line-height: 1.9; color: #3a3220; letter-spacing: 0.5px; }
#sys-shaozi .sz-verse.sz-small .sz-vl { font-size: 13px; line-height: 1.7; color: #5a4e34; }
#sys-shaozi .sz-verse.sz-miss-v { border-left-color: var(--fire); color: #9a8a65; font-size: 13px; }

/* 后天命卦六爻表 */
#sys-shaozi .sz-gua-wrap { display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: start; }
#sys-shaozi table.sz-yao { border-collapse: collapse; font-size: 14px; }
#sys-shaozi table.sz-yao td { padding: 4px 10px; border-bottom: 1px solid #efe7d3; white-space: nowrap; }
#sys-shaozi table.sz-yao tr.sz-dong td { background: #fbf4e4; }
#sys-shaozi .sz-line { font-family: monospace; font-size: 18px; letter-spacing: -1px; color: #3a3220; width: 60px; display: inline-block; }
#sys-shaozi .sz-shi { color: #b5342a; font-weight: 700; }
#sys-shaozi .sz-ying { color: var(--water); font-weight: 700; }
#sys-shaozi .sz-dongmark { color: #c9752a; font-weight: 700; }
#sys-shaozi .sz-guaname { font-size: 20px; font-weight: 700; color: #b5342a; }
#sys-shaozi .sz-guaname small { font-size: 12px; font-weight: 400; color: #8a7a55; margin-left: 6px; }
#sys-shaozi .sz-how { font-size: 12px; color: #9a8a65; line-height: 1.7; margin-top: 6px; }

/* 本命五项 */
#sys-shaozi .sz-items { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#sys-shaozi .sz-item { border: 1px solid #e9e1cd; border-radius: 10px; padding: 10px 12px; background: #fffdf7; }
#sys-shaozi .sz-item .sz-ih { font-size: 14px; font-weight: 600; color: #5a4a2a; }
#sys-shaozi .sz-item.sz-pending { background: #f6f2ea; border-style: dashed; }
#sys-shaozi .sz-item .sz-preason { font-size: 12px; color: #8a7a55; line-height: 1.6; margin-top: 4px; }

/* 大运表 */
#sys-shaozi .sz-dy-wrap { overflow-x: auto; }
#sys-shaozi table.sz-dy { border-collapse: collapse; width: 100%; font-size: 13px; }
#sys-shaozi table.sz-dy th { background: #efe7d3; color: #5a4a2a; padding: 6px 8px; text-align: left; font-weight: 600; white-space: nowrap; }
#sys-shaozi table.sz-dy td { padding: 6px 8px; border-bottom: 1px solid #efe7d3; vertical-align: top; }
#sys-shaozi table.sz-dy td.sz-dygz { white-space: nowrap; font-size: 16px; font-weight: 600; }
#sys-shaozi table.sz-dy td.sz-dygz small { display: block; font-size: 11px; font-weight: 400; color: #9a8a65; }
#sys-shaozi .sz-dy-trace { font-size: 11px; color: #9a8a65; margin-top: 2px; }
#sys-shaozi .sz-dychain { font-size: 13px; color: #5a4e34; margin-bottom: 8px; line-height: 1.8; }
#sys-shaozi .sz-dychain b { color: #b5342a; }

/* 存疑/说明 */
#sys-shaozi details.sz-notes { margin-top: 12px; }
#sys-shaozi details.sz-notes summary { cursor: pointer; font-size: 13px; color: #8a7a55; }
#sys-shaozi details.sz-notes ul { margin: 6px 0 0; padding-left: 20px; }
#sys-shaozi details.sz-notes li { font-size: 12px; color: #6a5a38; line-height: 1.7; }
#sys-shaozi .sz-warnbox { color: var(--fire); font-size: 14px; text-align: center; padding: 10px; }
#sys-shaozi .sz-loading { color: #8a7a55; font-size: 13px; text-align: center; padding: 10px; }

/* ── 流年 ── */
#sys-shaozi table.sz-ln { border-collapse: collapse; width: 100%; font-size: 13px; }
#sys-shaozi table.sz-ln th { background: #efe7d3; color: #5a4a2a; padding: 5px 8px; text-align: left; font-weight: 600; white-space: nowrap; }
#sys-shaozi table.sz-ln td { padding: 5px 8px; border-bottom: 1px solid #efe7d3; vertical-align: top; }
#sys-shaozi table.sz-ln td.sz-age { white-space: nowrap; font-weight: 600; color: #3a3220; }
#sys-shaozi table.sz-ln td.sz-age small { display: block; font-weight: 400; font-size: 11px; color: #9a8a65; }
#sys-shaozi table.sz-ln tr.sz-si td { background: #fbeceb; }
#sys-shaozi .sz-ss-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
#sys-shaozi .sz-ss-cell { border: 1px solid #efe7d3; border-radius: 8px; padding: 6px 8px; background: #fffdf7; font-size: 12px; color: #5a4e34; }
#sys-shaozi .sz-ss-cell b { color: #3a3220; font-size: 13px; }
#sys-shaozi .sz-ss-cell .sz-vl { font-size: 12px; line-height: 1.6; }
#sys-shaozi details.sz-fold { margin-top: 8px; }
#sys-shaozi details.sz-fold summary { cursor: pointer; font-size: 13px; color: #5a4a2a; font-weight: 600; }

/* ── 窄屏 ── */
@media (max-width: 720px) {
  #sys-shaozi .sz-form-grid { grid-template-columns: repeat(3, 1fr); }
  #sys-shaozi .sz-row2 { grid-template-columns: 1fr 1fr; }
  #sys-shaozi .sz-top, #sys-shaozi .sz-gua-wrap { grid-template-columns: 1fr; }
  #sys-shaozi .sz-three, #sys-shaozi .sz-items { grid-template-columns: 1fr; }
}