/* ziwei-liunian.css — 紫微流年飛化叢集：雙劇本卡、立太極表、傾向標籤、流月記號。顏色只用站上既有變數（--xi／--ji／--gold／--text-dim）。 */
.zl-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 8px 0 14px; }
@media (max-width: 640px) { .zl-pair { grid-template-columns: 1fr; } }
.zl-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 14px; }
.zl-card h3 { margin: 0 0 6px; font-size: 1.02rem; }
.zl-card ul { margin: 0; padding-left: 1.1em; }
.zl-card li { line-height: 1.8; }
.zl-note { color: var(--text-dim); font-size: 0.9rem; }
.zl-same { border-left: 3px solid var(--xi); }
.zl-opp { border-left: 3px solid var(--ji); }
.zl-lv { display: inline-block; min-width: 3.2em; text-align: center; padding: 1px 8px; border-radius: 999px; font-size: 0.85rem; border: 1px solid var(--border); white-space: nowrap; }
.zl-lv.up { color: var(--xi); border-color: var(--xi); }
.zl-lv.down { color: var(--ji); border-color: var(--ji); }
.zl-lv.flat { color: var(--text-dim); }
.zl-mk { font-weight: 600; }
.zl-mk.good { color: var(--xi); }
.zl-mk.hard { color: var(--ji); }
.zl-mk.mixed { color: var(--gold); }
.zl-why { color: var(--text-dim); font-size: 0.86rem; line-height: 1.7; }
.zl-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 4px; }
.zl-tabs button { background: var(--bg-input); color: var(--text); border: 1px solid var(--border); border-radius: 999px; padding: 4px 12px; cursor: pointer; font: inherit; font-size: 0.9rem; }
.zl-tabs button[aria-selected="true"] { border-color: var(--gold); color: var(--gold); }
.zl-sec[hidden] { display: none; }
.zl-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 640px) { .zl-two { grid-template-columns: 1fr; } }
.zl-two fieldset { border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; margin: 0; }
.zl-two legend { padding: 0 6px; color: var(--text-dim); font-size: 0.9rem; }