/* 六十甲子逐柱页 / 总览 / 天干地支页内嵌表（复用 shensha.css 的 .ss-badge/.ss-qili/.ss-yx/.ss-eg；本文件全 jz- 前缀）。五行色沿用 theme.css 变量。 */
.jz-gz{display:inline-flex;gap:2px;font-family:"Noto Serif SC",serif;font-weight:600;letter-spacing:.04em}
.jz-gz i{font-style:normal}
.jz-gz.big{font-size:2.6rem;line-height:1.1;gap:6px;margin:6px 0 10px}
.wx-wood{color:var(--wood,#6fbf73)}.wx-fire{color:var(--fire,#e0715f)}.wx-earth{color:var(--earth,#e0b64d)}.wx-metal{color:var(--metal,#c9cdd2)}.wx-water{color:var(--water,#6db3e8)}
.jz-head h1{display:block}

/* 六旬网格 */
.jz-grid{display:flex;flex-direction:column;gap:14px;margin:12px 0}
.jz-xun-h{display:flex;align-items:baseline;gap:12px;margin:0 0 8px}
.jz-xun-h b{color:var(--gold-bright,#ffd993);font-family:"Noto Serif SC",serif;font-size:1.02rem}
.jz-xun-h span{color:var(--muted,#8c98a4);font-size:.82rem}
.jz-row{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}
.jz-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border:1px solid #2a3a44;border-radius:10px;background:#0a1620;text-decoration:none;position:relative;transition:border-color .18s,transform .18s}
.jz-card:hover{border-color:var(--gold,#c9a45c);transform:translateY(-2px)}
.jz-card .jz-gz{font-size:1.28rem;line-height:1.2}
.jz-card .jz-no{position:absolute;top:4px;left:7px;font-size:.66rem;color:var(--muted,#8c98a4)}
.jz-card .jz-ny{font-size:.74rem;color:#d9c9a3;white-space:nowrap}
.jz-card .jz-st{font-size:.68rem;color:var(--muted,#8c98a4);white-space:nowrap;letter-spacing:-.01em}
.jz-grid.compact .jz-card{padding:8px 3px 6px}
@media (max-width:980px){.jz-row{grid-template-columns:repeat(5,1fr)}}
@media (max-width:520px){.jz-row{grid-template-columns:repeat(5,1fr);gap:5px}.jz-card .jz-gz{font-size:1.08rem}.jz-card .jz-st{display:none}}

/* 事实表 */
.jz-fact th{width:9.5em;white-space:normal}
.jz-fact td{color:#e8d9b2;letter-spacing:.01em}

/* 十二状态分类 */
.jz-states{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:8px 0}
.jz-state{border:1px solid rgba(232,183,95,.16);border-radius:12px;padding:14px 16px;background:rgba(3,16,26,.5)}
.jz-state h3{margin:0 0 6px;color:#e9c977;font-family:"Noto Serif SC",serif;font-size:1.08rem}
.jz-state .yx{margin:0 0 6px;color:#e8d9b2;font-size:.92rem;line-height:1.7}
.jz-state .xg{margin:0 0 8px;color:#c3cdd6;font-size:.9rem;line-height:1.7}
.jz-state .mem{display:flex;flex-wrap:wrap;gap:6px}
.jz-state .mem a,.jz-mem a{display:inline-block;padding:2px 9px;border:1px solid #2a3a44;border-radius:999px;color:#f0e4c8;font-family:"Noto Serif SC",serif;font-size:.9rem;text-decoration:none}
.jz-state .mem a:hover,.jz-mem a:hover{border-color:var(--gold,#c9a45c)}
.jz-mem{margin:8px 0 0;font-size:.88rem;color:var(--muted,#8c98a4)}
.jz-mem a{margin:2px 3px}
.jz-mem a.on{border-color:var(--gold,#c9a45c);color:var(--gold-bright,#ffd993)}
@media (max-width:720px){.jz-states{grid-template-columns:1fr}}

/* 取象总则 / 纳音对 / 典源 */
.jz-rules{padding-left:22px;color:#c3cdd6;line-height:1.85;font-size:.95rem}
.jz-rules li{margin:0 0 6px}
.jz-sheng{color:#e8d9b2;font-family:"Noto Serif SC",serif}
.jz-bidui{color:var(--muted,#8c98a4);font-size:.9rem}
.jz-dy{border:1px solid rgba(232,183,95,.18);border-radius:12px;background:rgba(3,16,26,.5);padding:0 16px}
.jz-dy summary{cursor:pointer;padding:12px 0;color:var(--gold-bright,#ffd993);font-weight:600}
.jz-dy .prose{padding:0 0 12px}
.jz-dy .prose p{font-size:.95rem;line-height:1.9;color:#d9d3c4}
.jz-src{margin:14px 0 6px;color:#e9c977;font-family:"Noto Serif SC",serif;font-size:1rem}