.bazi-section-page.svelte-svz4zq{gap:.95rem;width:min(1180px,100vw - 2rem);margin:0 auto;padding:2rem 0 3rem;display:grid}.section-hero.svelte-svz4zq{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:linear-gradient(135deg, color-mix(in srgb, var(--ui-warning-soft) 44%, var(--ui-surface)), var(--ui-surface) 64%), var(--ui-surface);justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(1rem,2.4vw,1.45rem);display:flex;box-shadow:0 12px 28px #0f172a0e}.back-link.svelte-svz4zq{background:color-mix(in srgb, var(--ui-warning-soft) 72%, var(--ui-surface));width:fit-content;color:var(--ui-primary-strong);border-radius:999px;margin-bottom:.75rem;padding:.28rem .65rem;font-size:.82rem;font-weight:900;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.back-link.svelte-svz4zq:hover{background:var(--ui-warning-soft);color:var(--ui-warning)}.section-hero.svelte-svz4zq h1:where(.svelte-svz4zq){color:var(--ui-heading);letter-spacing:0;font-size:clamp(1.45rem,3vw,2.05rem);font-weight:950;line-height:1.08}.section-hero.svelte-svz4zq p:where(.svelte-svz4zq):not(.ui-eyebrow){max-width:48rem;color:var(--ui-muted);margin-top:.55rem;font-size:.92rem;font-weight:740;line-height:1.7}.section-nav.svelte-svz4zq{z-index:4;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:color-mix(in srgb, var(--ui-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;gap:.4rem;padding:.45rem;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 8px 18px #0f172a0b}.section-nav.svelte-svz4zq a:where(.svelte-svz4zq){border-radius:var(--ui-radius-control);color:var(--ui-text);white-space:nowrap;flex:none;padding:.55rem .7rem;font-size:.78rem;font-weight:900;line-height:1;text-decoration:none}.section-nav.svelte-svz4zq a:where(.svelte-svz4zq):hover,.section-nav.svelte-svz4zq a.active:where(.svelte-svz4zq){border-color:color-mix(in srgb, var(--ui-warning) 36%, var(--ui-border));background:color-mix(in srgb, var(--ui-warning-soft) 56%, var(--ui-surface));color:var(--ui-primary-strong)}.item-grid.svelte-svz4zq{gap:1rem;display:grid}.elements-grid.svelte-svz4zq,.ten-god-grid.svelte-svz4zq,.branch-grid.svelte-svz4zq,.si-ling-grid.svelte-svz4zq,.kong-wang-grid.svelte-svz4zq,.stem-grid.svelte-svz4zq,.palace-grid.svelte-svz4zq,.auxiliary-grid.svelte-svz4zq{grid-template-columns:repeat(2,minmax(0,1fr))}.teaching-card.svelte-svz4zq,.table-panel.svelte-svz4zq,.interaction-controls.svelte-svz4zq,.interaction-matrix-panel.svelte-svz4zq,.shensha-overview.svelte-svz4zq>div:where(.svelte-svz4zq){border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:linear-gradient(180deg, var(--ui-surface), var(--ui-surface-raised));min-width:0;box-shadow:inset 0 1px #ffffff5c,0 10px 24px #0f172a0b}.teaching-card.svelte-svz4zq{--card-tone:var(--ui-primary-strong);--card-soft:var(--ui-primary-soft);cursor:pointer;outline:none;gap:.85rem;padding:1rem;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.teaching-card.svelte-svz4zq:after{content:"";border-radius:inherit;background:radial-gradient(circle at 18% 0, color-mix(in srgb, var(--card-tone) 18%, transparent), transparent 46%);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;position:absolute;inset:0;transform:scale(.98)}.teaching-card.svelte-svz4zq:hover,.teaching-card.svelte-svz4zq:focus-visible,.teaching-card.active-card.svelte-svz4zq{border-color:color-mix(in srgb, var(--card-tone) 46%, var(--ui-border));background:linear-gradient(180deg, color-mix(in srgb, var(--card-soft) 34%, var(--ui-surface)), var(--ui-surface));box-shadow:inset 0 1px 0 #ffffff5c, 0 12px 26px color-mix(in srgb, var(--card-tone) 10%, transparent)}.teaching-card.svelte-svz4zq:hover:after,.teaching-card.svelte-svz4zq:focus-visible:after,.teaching-card.active-card.svelte-svz4zq:after{opacity:1;transform:scale(1)}.teaching-card.active-card.svelte-svz4zq{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--card-tone) 18%, transparent), 0 12px 28px color-mix(in srgb, var(--card-tone) 10%, transparent);transform:translateY(-1px)}.element-card.svelte-svz4zq{border-color:color-mix(in srgb, var(--card-tone) 28%, var(--ui-border))}.card-head.svelte-svz4zq{align-items:flex-start;gap:.8rem;display:flex}.symbol-mark.svelte-svz4zq{background:var(--ui-primary-soft);width:2.6rem;height:2.6rem;color:var(--ui-primary-strong);border-radius:999px;flex:none;place-items:center;font-size:1.24rem;font-weight:950;transition:background .18s,color .18s;display:grid}.element-card.svelte-svz4zq .symbol-mark:where(.svelte-svz4zq),.teaching-card.svelte-svz4zq:hover .symbol-mark:where(.svelte-svz4zq),.teaching-card.svelte-svz4zq:focus-visible .symbol-mark:where(.svelte-svz4zq),.teaching-card.active-card.svelte-svz4zq .symbol-mark:where(.svelte-svz4zq){background:color-mix(in srgb, var(--card-soft) 84%, var(--ui-surface));color:var(--card-tone)}.symbol-mark.small.svelte-svz4zq{font-size:1rem}.card-head.svelte-svz4zq h2:where(.svelte-svz4zq){color:var(--ui-heading);font-size:1rem;font-weight:950}.card-head.svelte-svz4zq p:where(.svelte-svz4zq){color:var(--ui-muted);margin-top:.25rem;font-size:.82rem;font-weight:760;line-height:1.6}.fact-grid.svelte-svz4zq{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.9rem;display:grid}.imagery-grid.svelte-svz4zq{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.55rem;display:grid}.fact-grid.svelte-svz4zq span:where(.svelte-svz4zq),.imagery-grid.svelte-svz4zq span:where(.svelte-svz4zq),.relation-row.svelte-svz4zq span:where(.svelte-svz4zq),.month-grid.svelte-svz4zq span:where(.svelte-svz4zq){border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--ui-surface-muted) 82%, var(--ui-surface));color:var(--ui-text);padding:.42rem .55rem;font-size:.78rem;font-weight:850;line-height:1.45}.imagery-grid.svelte-svz4zq b:where(.svelte-svz4zq){color:var(--ui-heading);margin-bottom:.18rem;font-size:.72rem;font-weight:950;display:block}.text-block.svelte-svz4zq{border-top:1px solid var(--ui-border);margin-top:.9rem;padding-top:.75rem}.text-block.svelte-svz4zq strong:where(.svelte-svz4zq){color:var(--ui-heading);font-size:.78rem;font-weight:950;display:block}.text-block.svelte-svz4zq p:where(.svelte-svz4zq),.text-block.svelte-svz4zq li:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.82rem;font-weight:760;line-height:1.65}.text-block.svelte-svz4zq p:where(.svelte-svz4zq){margin-top:.35rem}.text-block.svelte-svz4zq ul:where(.svelte-svz4zq){margin:.4rem 0 0;padding-left:1.1rem}.month-grid.svelte-svz4zq,.relation-row.svelte-svz4zq{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.month-grid.svelte-svz4zq small:where(.svelte-svz4zq){color:var(--ui-muted);margin-top:.1rem;font-size:.68rem;font-weight:900;display:block}.table-panel.svelte-svz4zq{overflow:hidden}.panel-heading.svelte-svz4zq{border-bottom:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-warning-soft) 32%, var(--ui-surface-raised));justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.panel-heading.svelte-svz4zq h2:where(.svelte-svz4zq){color:var(--ui-heading);font-size:1rem;font-weight:950}.panel-heading.svelte-svz4zq span:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.75rem;font-weight:900}.table-scroll.svelte-svz4zq{overflow-x:auto}table.svelte-svz4zq{border-collapse:separate;border-spacing:0;width:100%;min-width:58rem}th.svelte-svz4zq,td.svelte-svz4zq{border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:top;padding:.68rem .75rem}th.svelte-svz4zq{color:var(--ui-muted);font-size:.74rem;font-weight:950}td.svelte-svz4zq{color:var(--ui-text);font-size:.82rem;font-weight:760;line-height:1.6}.strong-cell.svelte-svz4zq{color:var(--ui-primary-strong);font-size:1rem;font-weight:950}.interaction-workbench.svelte-svz4zq{gap:1rem;display:grid}.interaction-controls.svelte-svz4zq{padding:.75rem}.interaction-segment.svelte-svz4zq{flex-wrap:wrap;gap:.45rem;display:flex}.interaction-segment.svelte-svz4zq button:where(.svelte-svz4zq){border:1px solid color-mix(in srgb, var(--ui-border) 86%, var(--ui-primary));border-radius:var(--ui-radius-control);background:linear-gradient(180deg, var(--ui-surface), var(--ui-surface-raised));min-width:8.5rem;color:var(--ui-text);text-align:left;cursor:pointer;gap:.2rem;padding:.65rem .8rem;font-weight:900;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .12s;display:grid;box-shadow:inset 0 1px #ffffff5c,0 6px 14px #0f172a0a}.interaction-segment.svelte-svz4zq span:where(.svelte-svz4zq){font-size:.86rem}.interaction-segment.svelte-svz4zq small:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.72rem;font-weight:900}.interaction-segment.svelte-svz4zq button:where(.svelte-svz4zq):hover,.interaction-segment.svelte-svz4zq button.active:where(.svelte-svz4zq){border-color:color-mix(in srgb, var(--ui-primary-strong) 42%, var(--ui-border));background:linear-gradient(180deg, color-mix(in srgb, var(--ui-primary-soft) 62%, var(--ui-surface)), color-mix(in srgb, var(--ui-primary-soft) 84%, var(--ui-surface-muted)));color:var(--ui-primary-strong);box-shadow:inset 0 1px 0 #ffffff57, 0 10px 22px var(--ui-primary-tint);transform:translateY(-1px)}.interaction-segment.svelte-svz4zq button.active:where(.svelte-svz4zq){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ui-primary-strong) 16%, transparent), 0 10px 22px var(--ui-primary-tint)}.interaction-matrix-groups.svelte-svz4zq{gap:1rem;display:grid}.interaction-matrix-panel.svelte-svz4zq{overflow:hidden}.interaction-table-scroll.svelte-svz4zq{scrollbar-width:thin;overflow-x:auto}.interaction-matrix.svelte-svz4zq{min-width:54rem}.interaction-matrix.svelte-svz4zq th:where(.svelte-svz4zq),.interaction-matrix.svelte-svz4zq td:where(.svelte-svz4zq){padding:.58rem .65rem}.interaction-matrix.svelte-svz4zq tbody:where(.svelte-svz4zq) tr:where(.svelte-svz4zq){--card-tone:var(--ui-primary-strong);--card-soft:var(--ui-primary-soft);cursor:pointer;transition:background .15s,box-shadow .15s}.interaction-matrix.svelte-svz4zq tbody:where(.svelte-svz4zq) tr:where(.svelte-svz4zq):hover,.interaction-matrix.svelte-svz4zq tbody:where(.svelte-svz4zq) tr:where(.svelte-svz4zq):focus-visible{background:color-mix(in srgb, var(--card-soft) 46%, transparent);box-shadow:inset 3px 0 0 var(--card-tone)}.interaction-matrix.svelte-svz4zq td:where(.svelte-svz4zq) small:where(.svelte-svz4zq){color:var(--ui-muted);margin-top:.15rem;font-size:.7rem;font-weight:850;display:block}.interaction-badge.svelte-svz4zq,.result-badge.svelte-svz4zq{background:color-mix(in srgb, var(--card-soft) 78%, var(--ui-surface));color:var(--card-tone);white-space:nowrap;border-radius:999px;align-items:center;padding:.42rem .55rem;font-size:.72rem;font-weight:950;line-height:1;display:inline-flex}.symbol-cell.svelte-svz4zq{color:var(--card-tone);white-space:nowrap;font-size:.95rem;font-weight:950}.matrix-view-button.svelte-svz4zq{border:1px solid color-mix(in srgb, var(--card-tone) 32%, var(--ui-border));border-radius:var(--ui-radius-control);background:linear-gradient(180deg, color-mix(in srgb, var(--card-soft) 58%, var(--ui-surface)), color-mix(in srgb, var(--card-soft) 78%, var(--ui-surface-muted)));color:var(--card-tone);white-space:nowrap;cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb, var(--card-tone) 9%, transparent);padding:.42rem .65rem;font-size:.74rem;font-weight:950;transition:background .16s,box-shadow .16s,transform .12s}.matrix-view-button.svelte-svz4zq:hover{background:color-mix(in srgb, var(--card-soft) 88%, var(--ui-surface));box-shadow:0 10px 20px color-mix(in srgb, var(--card-tone) 14%, transparent);transform:translateY(-1px)}.interaction-modal-body{padding:1rem}.interaction-modal.svelte-svz4zq{gap:1rem;display:grid}.interaction-modal-overview.svelte-svz4zq{--card-tone:var(--ui-primary-strong);--card-soft:var(--ui-primary-soft);border:1px solid color-mix(in srgb, var(--card-tone) 28%, var(--ui-border));border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--card-soft) 34%, var(--ui-surface));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.interaction-modal-overview.svelte-svz4zq h3:where(.svelte-svz4zq){color:var(--ui-heading);margin-top:.55rem;font-size:1.25rem;font-weight:950}.interaction-modal-overview.svelte-svz4zq p:where(.svelte-svz4zq){color:var(--ui-muted);margin-top:.45rem;font-size:.86rem;font-weight:760;line-height:1.7}.modal-symbols.svelte-svz4zq{color:var(--card-tone);text-align:right;flex:none;gap:.2rem;font-size:1.35rem;font-weight:950;display:grid}.modal-symbols.svelte-svz4zq small:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.72rem;font-weight:900}.interaction-modal-grid.svelte-svz4zq{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.interaction-modal-grid.svelte-svz4zq section:where(.svelte-svz4zq){border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted);padding:.8rem}.interaction-modal-grid.svelte-svz4zq h4:where(.svelte-svz4zq){color:var(--ui-heading);font-size:.82rem;font-weight:950}.interaction-modal-grid.svelte-svz4zq p:where(.svelte-svz4zq),.interaction-modal-grid.svelte-svz4zq li:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.82rem;font-weight:760;line-height:1.65}.interaction-modal-grid.svelte-svz4zq p:where(.svelte-svz4zq){margin-top:.4rem}.interaction-modal-grid.svelte-svz4zq ul:where(.svelte-svz4zq){margin:.4rem 0 0;padding-left:1.05rem}.interaction-layout.svelte-svz4zq,.shensha-grid.svelte-svz4zq{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.interaction-list.svelte-svz4zq,.shensha-list.svelte-svz4zq{gap:.65rem;padding:.75rem;display:grid}.interaction-list.svelte-svz4zq article:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq article:where(.svelte-svz4zq){border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface);gap:.45rem;padding:.85rem;display:grid}.interaction-list.svelte-svz4zq article:where(.svelte-svz4zq):last-child,.shensha-list.svelte-svz4zq article:where(.svelte-svz4zq):last-child{border-bottom:1px solid var(--ui-border)}.interaction-list.svelte-svz4zq article:where(.svelte-svz4zq)>div:where(.svelte-svz4zq),.interaction-list.svelte-svz4zq .teaching-card:where(.svelte-svz4zq)>div:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq article:where(.svelte-svz4zq)>div:where(.svelte-svz4zq){justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.interaction-list.svelte-svz4zq strong:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq strong:where(.svelte-svz4zq){color:var(--ui-heading);font-size:.9rem;font-weight:950}.interaction-list.svelte-svz4zq span:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq span:where(.svelte-svz4zq){color:var(--ui-muted);white-space:nowrap;font-size:.72rem;font-weight:900}.interaction-list.svelte-svz4zq p:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq p:where(.svelte-svz4zq),.interaction-list.svelte-svz4zq small:where(.svelte-svz4zq),.shensha-list.svelte-svz4zq small:where(.svelte-svz4zq){color:var(--ui-muted);font-size:.8rem;font-weight:760;line-height:1.6}.shensha-extra.svelte-svz4zq,.shensha-palaces.svelte-svz4zq{border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--ui-surface-muted) 84%, var(--ui-surface));gap:.35rem;padding:.65rem;display:grid}.shensha-extra.svelte-svz4zq b:where(.svelte-svz4zq),.shensha-palaces.svelte-svz4zq b:where(.svelte-svz4zq){color:var(--ui-heading);margin-right:.35rem;font-weight:950}.shensha-overview.svelte-svz4zq{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.shensha-overview.svelte-svz4zq>div:where(.svelte-svz4zq){background:linear-gradient(135deg, color-mix(in srgb, var(--ui-warning-soft) 46%, var(--ui-surface)), var(--ui-surface)), var(--ui-surface);padding:1rem}.shensha-overview.svelte-svz4zq strong:where(.svelte-svz4zq){color:var(--ui-primary-strong);font-size:1.55rem;font-weight:950;line-height:1;display:block}.shensha-overview.svelte-svz4zq span:where(.svelte-svz4zq){color:var(--ui-muted);margin-top:.35rem;font-size:.78rem;font-weight:900;display:block}@media (width<=58rem){.section-hero.svelte-svz4zq{flex-direction:column;align-items:stretch}.elements-grid.svelte-svz4zq,.stem-grid.svelte-svz4zq,.branch-grid.svelte-svz4zq,.ten-god-grid.svelte-svz4zq,.palace-grid.svelte-svz4zq,.si-ling-grid.svelte-svz4zq,.auxiliary-grid.svelte-svz4zq,.kong-wang-grid.svelte-svz4zq,.interaction-layout.svelte-svz4zq,.shensha-grid.svelte-svz4zq{grid-template-columns:1fr}}@media (width<=36rem){.bazi-section-page.svelte-svz4zq{width:min(100% - 1rem,1180px);padding-top:1rem}.fact-grid.svelte-svz4zq,.imagery-grid.svelte-svz4zq,.shensha-overview.svelte-svz4zq,.interaction-modal-grid.svelte-svz4zq{grid-template-columns:1fr}.interaction-modal-overview.svelte-svz4zq{flex-direction:column}.modal-symbols.svelte-svz4zq{text-align:left}}