/* 紫微斗数样式，全部限定 #sys-ziwei 作用域，避免与八字/六爻同名类互相渗透。 */
#sys-ziwei .zw-form{padding:13px 14px 14px}
#sys-ziwei .zw-form input,#sys-ziwei .zw-form select{font-size:14px;padding:6px 8px}
#sys-ziwei .zw-form label{margin:0 0 3px 2px}
#sys-ziwei .zw-form .seg button{padding:6px 12px}
#sys-ziwei .zw-form .hint{margin-top:6px}
#sys-ziwei .zw-settings{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--ink-soft)}
#sys-ziwei .zw-settings label{margin:0}
#sys-ziwei .zw-settings select{width:auto;flex:0 1 auto;font-size:12px;padding:4px 6px}
#sys-ziwei .zw-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
#sys-ziwei .zw-row .zw-name-f{flex:1 1 130px;min-width:110px}
#sys-ziwei .zw-row .zw-gender-f{flex:0 0 68px}
#sys-ziwei .zw-row .zw-num{flex:0 0 60px}
#sys-ziwei .zw-row .zw-year-f{flex:0 0 68px}
#sys-ziwei .zw-form .zw-row input,#sys-ziwei .zw-form .zw-row select{padding:6px 6px}
#sys-ziwei .zw-leap-line{margin-top:9px}
#sys-ziwei .zw-form .zw-check{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;margin:0}
#sys-ziwei .zw-form .zw-check input{width:auto;margin:0}
#sys-ziwei .zw-go{display:flex;gap:10px;margin-top:11px}
#sys-ziwei .zw-go button{flex:1;font:inherit;font-size:14px;letter-spacing:.1em;padding:9px;border-radius:9px;cursor:pointer;border:1px solid var(--line)}
#sys-ziwei .zw-go .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* 命盘信息条 */
#sys-ziwei .zw-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;padding:9px 14px;margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:12px}
#sys-ziwei .zw-meta .k{color:var(--ink-soft);margin-right:4px}

#sys-ziwei .zwmode{margin-bottom:14px}
#sys-ziwei .zw-tools{display:flex;justify-content:flex-end;margin-top:12px}
#sys-ziwei .zw-tools .ghost{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:8px;padding:6px 14px;cursor:pointer;font:inherit;font-size:13px}

/* 格局栏 */
#sys-ziwei .zw-pat{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:9px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:13px}
#sys-ziwei .zw-pat .k{color:var(--ink-soft);margin-right:2px}
#sys-ziwei .zw-pat-chip{font-family:var(--serif);font-size:13px;color:#fff;background:var(--seal);border-radius:6px;padding:2px 9px;cursor:help}
#sys-ziwei .zw-pat-none{color:var(--ink-soft)}

/* 运限控制条 */
#sys-ziwei .zw-hbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:8px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:13px}
#sys-ziwei .zw-hbar .k{color:var(--ink-soft)}
#sys-ziwei .zw-hbar button{border:1px solid var(--line);background:#fffdf7;border-radius:7px;padding:3px 9px;cursor:pointer;font:inherit;color:var(--ink)}
#sys-ziwei .zw-hbar input{width:76px;padding:4px 6px;font-size:13px;text-align:center}
#sys-ziwei .zw-hbar .zw-hinfo{color:var(--ink-soft);margin-left:4px}

/* 运限叠加：宫内小块 + 命宫描边 */
#sys-ziwei .zw-horo{display:flex;flex-direction:column;gap:1px;margin-top:2px;font-size:10px;line-height:1.35}
#sys-ziwei .zw-hd{color:var(--earth)} #sys-ziwei .zw-hy{color:var(--water)} #sys-ziwei .zw-hx{color:#8258c8}
#sys-ziwei .zw-cell.dec-soul{box-shadow:inset 0 0 0 2px var(--earth)}
#sys-ziwei .zw-cell.flow-soul{box-shadow:inset 0 0 0 2px var(--water)}
#sys-ziwei .zw-cell.dec-soul.flow-soul{box-shadow:inset 0 0 0 2px var(--earth),inset 0 0 0 4px var(--water)}
#sys-ziwei .zw-cell.xi-soul{box-shadow:inset 0 0 0 2px #8258c8}
#sys-ziwei .zw-hua2{display:inline-block;font-size:9px;border-radius:3px;padding:0 2px;margin-left:1px;color:#fff;font-weight:400;vertical-align:top}
#sys-ziwei .zw-hua2.lu{background:var(--wood)} #sys-ziwei .zw-hua2.quan{background:#8258c8}
#sys-ziwei .zw-hua2.ke{background:var(--water)} #sys-ziwei .zw-hua2.ji{background:var(--fire)}
/* 运限选择表（照文墨天机：大限/流年/流月/流日/流时 各一行，横向滚动） */
#sys-ziwei .zw-hbar{display:block;padding:8px 10px}
#sys-ziwei .zw-hinfo2{font-size:12.5px;color:var(--ink-soft);margin:0 0 6px 2px}
#sys-ziwei .zw-hrow{display:flex;align-items:stretch;gap:6px;margin-top:4px}
#sys-ziwei .zw-hrow .hk{flex:0 0 34px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-soft);background:var(--paper-2);border-radius:6px}
#sys-ziwei .zw-hrow .hs{flex:1;display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
#sys-ziwei .zw-hrow .hs button{flex:0 0 auto;border:1px solid var(--line);background:#fffdf7;border-radius:6px;font:inherit;font-size:11.5px;line-height:1.3;padding:3px 8px;cursor:pointer;color:var(--ink);white-space:nowrap;text-align:center}
#sys-ziwei .zw-hrow .hs button.on{background:var(--seal);color:#fff;border-color:var(--seal)}
#sys-ziwei .zw-hrow .hs button:disabled{opacity:.4;cursor:default}

/* 中宫信息 */
#sys-ziwei .zw-center .row b{font-weight:600}
#sys-ziwei .zw-pils{display:flex;gap:16px;justify-content:center;margin:4px 0}
#sys-ziwei .zw-pil{display:flex;align-items:center;gap:5px}
#sys-ziwei .zw-pil em{font-style:normal;font-size:10px;color:var(--ink-soft);writing-mode:vertical-rl;letter-spacing:2px}
#sys-ziwei .zw-pil .pz{display:inline-flex;flex-direction:column;font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.15}
/* 中宫控件行（日/时定盘调整 + 天地人盘切换）与自化图例 */
#sys-ziwei .zw-ctl{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:5px}
#sys-ziwei .zw-ctl button{border:1px solid var(--line);background:#fffdf7;border-radius:6px;font:inherit;font-size:12px;padding:3px 8px;cursor:pointer;color:var(--ink)}
#sys-ziwei .zw-ctl select{width:auto;font-size:12px;padding:3px 5px}
#sys-ziwei .zw-zihua{display:flex;gap:4px;align-items:center;justify-content:center;font-size:10.5px;color:var(--ink-soft);margin-top:3px}
#sys-ziwei .zw-zihua .zw-zi{writing-mode:horizontal-tb}

/* 中宫·八字大运（复用 BaziEngine，遵八字门派规则） */
#sys-ziwei .zw-yun{width:100%;margin-top:4px}
#sys-ziwei .zw-yun .yt{font-size:10.5px;color:var(--ink-soft);margin-bottom:3px}
#sys-ziwei .zw-yun .ys{display:flex;gap:7px;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
#sys-ziwei .zw-yun .yst{display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto}
#sys-ziwei .zw-yun .yst i{font-style:normal;font-family:var(--serif);font-size:13.5px;font-weight:600;line-height:1.2}
#sys-ziwei .zw-yun .yst b{font-weight:400;font-size:9.5px;color:var(--ink-soft);line-height:1.25}

/* 十二宫盘：4x4 网格，中宫居中 2x2 */
#sys-ziwei .zw-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(98px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:10px}
#sys-ziwei .zw-cell{background:var(--card);padding:4px 5px 3px;position:relative;display:flex;flex-direction:column;font-size:11.5px;min-width:0}
#sys-ziwei .zw-cell.soul{background:#fbf3df;box-shadow:inset 0 0 0 2px var(--seal)}
#sys-ziwei .zw-center{grid-row:2 / 4;grid-column:2 / 4;background:var(--paper-2);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;text-align:center;padding:10px}
#sys-ziwei .zw-center .big{font-family:var(--serif);font-size:19px;letter-spacing:.06em}
#sys-ziwei .zw-center .row{font-size:12.5px;color:var(--ink-soft)}
#sys-ziwei .zw-center .row b{color:var(--ink);font-weight:600}

/* 星曜竖排（照文墨天机）：主星红/吉星绿/煞星蓝/其余墨；亮度/四化/自化缀于列底 */
#sys-ziwei .zw-stars{display:flex;flex-wrap:wrap;gap:2px 3px;align-items:flex-start;min-height:20px}
#sys-ziwei .zw-star{writing-mode:vertical-rl;text-orientation:upright;line-height:1.05;cursor:pointer}
#sys-ziwei .zw-star .sn{font-style:normal;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:1px}
#sys-ziwei .zw-star .sb{font-style:normal;font-size:9px;color:var(--ink-soft);margin-top:1px}
#sys-ziwei .zsm .sn{color:#b5342a}
#sys-ziwei .zs-soft .sn{color:var(--wood)}
#sys-ziwei .zs-tough .sn{color:var(--water)}
#sys-ziwei .zs-other .sn{color:var(--ink)}
#sys-ziwei .zw-star .zw-hua,#sys-ziwei .zw-star .zw-hua2,#sys-ziwei .zw-star .zw-zi{margin:2px 0 0}
#sys-ziwei .zw-empty{font-size:11px;color:var(--ink-soft);opacity:.6}
#sys-ziwei .zw-zi{display:inline-block;font-size:9px;border-radius:3px;padding:1px 1px;color:#fff;font-weight:400}
#sys-ziwei .zw-zi.lu{background:var(--wood)} #sys-ziwei .zw-zi.quan{background:#8258c8}
#sys-ziwei .zw-zi.ke{background:var(--water)} #sys-ziwei .zw-zi.ji{background:var(--fire)}
#sys-ziwei .zw-b{font-size:10px;color:var(--ink-soft);margin-left:1px;font-weight:400}
#sys-ziwei .zw-adjs{display:flex;flex-wrap:wrap;gap:0 5px;margin-top:2px;font-size:10.5px;color:var(--ink-soft);line-height:1.35}
#sys-ziwei .zw-adjs span[data-star]{cursor:pointer}
#sys-ziwei .zw-adjs span[data-star]:hover{color:var(--ink);text-decoration:underline dotted;text-underline-offset:2px}

/* 四化角标 */
#sys-ziwei .zw-hua{display:inline-block;font-size:9.5px;color:#fff;border-radius:3px;padding:0 2px;margin-left:1px;vertical-align:top;font-weight:400}
/* 四化配色（2026-07-28 用户定）：禄绿 权紫 科蓝 忌红 */
#sys-ziwei .zw-hua.lu{background:var(--wood)} #sys-ziwei .zw-hua.quan{background:#8258c8}
#sys-ziwei .zw-hua.ke{background:var(--water)} #sys-ziwei .zw-hua.ji{background:var(--fire)}

/* 底部：神煞小字 + 宫名干支大限 */
/* 内容一律靠上排（勿用 margin-top:auto 贴底——同行等高时会在格中间空出大段，手机尤甚） */
#sys-ziwei .zw-shen{display:flex;gap:6px;font-size:10px;color:var(--ink-soft);margin-top:2px}
#sys-ziwei .zw-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3px;border-top:1px dashed var(--line-soft);padding-top:3px}
#sys-ziwei .zw-pname{font-family:var(--serif);font-size:13px;font-weight:600}
#sys-ziwei .zw-tag{font-size:9.5px;color:#fff;background:var(--seal);border-radius:3px;padding:0 3px;margin-left:3px;font-weight:400}
#sys-ziwei .zw-tag.body{background:var(--wood)}
#sys-ziwei .zw-gz{font-family:var(--serif);font-size:13px}
#sys-ziwei .zw-limit{font-size:10px;color:var(--ink-soft);text-align:right;line-height:1.3}

/* 可点星曜 + 解读弹窗 */
#sys-ziwei .zw-major[data-star],#sys-ziwei .zw-minor[data-star]{cursor:pointer}
#sys-ziwei .zw-major[data-star]:hover,#sys-ziwei .zw-minor[data-star]:hover{text-decoration:underline dotted;text-underline-offset:2px}
.zwl-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(30,25,18,.45);align-items:center;justify-content:center;padding:18px}
.zwl-box{background:var(--card,#faf5e9);color:var(--ink,#2a251d);border:1px solid var(--line,#d8c9a8);border-radius:14px;max-width:440px;width:100%;max-height:82vh;overflow:auto;padding:20px 22px;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.zwl-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:24px;line-height:1;color:var(--ink-soft,#7a7060);cursor:pointer}
.zwl-name{font-family:var(--serif);font-size:22px;margin:0 0 10px}
.zwl-name .zwl-grp{font-size:12px;color:var(--ink-soft,#7a7060);margin-left:8px;font-weight:400}
#sys-ziwei .zw-shen span[data-shen]{cursor:pointer}
#sys-ziwei .zw-shen span[data-shen]:hover{text-decoration:underline dotted;text-underline-offset:2px}
#sys-ziwei .zw-pname[data-xx]{cursor:pointer}
#sys-ziwei .zw-pname[data-xx]:hover{text-decoration:underline dotted;text-underline-offset:2px}
.zwl-xx{font-size:13.5px;line-height:1.8;max-height:52vh;overflow:auto;margin-top:4px;padding-right:4px}
.zwl-attr{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink);padding-bottom:12px;border-bottom:1px dashed var(--line,#d8c9a8);margin-bottom:12px}
.zwl-attr i{color:var(--ink-soft,#7a7060);font-style:normal;margin-right:4px}
.zwl-sec{font-size:14px;line-height:1.75;margin-top:10px}
.zwl-sec b{display:block;font-size:12px;color:var(--seal,#9c3a2e);letter-spacing:.06em;margin-bottom:2px}
.zwl-gu{font-family:var(--serif);color:var(--ink-soft,#5a5348);background:var(--paper-2,#ede2c9);border-radius:8px;padding:8px 12px}

/* 五行着色 */
#sys-ziwei .wx-wood{color:var(--wood)} #sys-ziwei .wx-fire{color:var(--fire)}
#sys-ziwei .wx-earth{color:var(--earth)} #sys-ziwei .wx-metal{color:var(--metal)} #sys-ziwei .wx-water{color:var(--water)}

@media (max-width:560px){
  #sys-ziwei .zw-board{grid-template-rows:repeat(4,minmax(96px,auto))}
  #sys-ziwei .zw-star .sn{font-size:12.5px} #sys-ziwei .zw-cell{font-size:11px}
  /* 中宫压缩：中宫过高会把中间两行撑高、两侧宫格出现大片空白 */
  #sys-ziwei .zw-center{padding:6px 4px;gap:2px}
  #sys-ziwei .zw-center .row{font-size:10.5px;line-height:1.45}
  #sys-ziwei .zw-pils{gap:8px;margin:2px 0}
  #sys-ziwei .zw-pil{gap:3px}
  #sys-ziwei .zw-pil .pz{font-size:12px}
  #sys-ziwei .zw-pil em{font-size:9px;letter-spacing:1px}
  #sys-ziwei .zw-yun .yt{font-size:9.5px}
  #sys-ziwei .zw-yun .ys{gap:5px}
  #sys-ziwei .zw-yun .yst i{font-size:11.5px}
  #sys-ziwei .zw-yun .yst b{font-size:8.5px}
}