:root{--sky:#14131f;--sky-raised:#1c1a2b;--sky-sunk:#100f19;--rule:#302c46;--rule-soft:#262238;--text:#ece9f5;--text-quiet:#9e98b8;--text-faint:#6f6a88;--zi:#a98cff;--zi-sunk:#2a2244;--lu:#64d2ac;--quan:#f0b145;--ke:#79b4f5;--ji:#f2718a;--alert:#f2718a;--sans:"Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", sans-serif;--serif:"Noto Serif TC", Georgia, "Songti TC", "PMingLiU", serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--sky);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}:focus-visible{outline:2px solid var(--zi);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.app{max-width:1360px;margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3rem) 6rem}.masthead{border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;align-items:baseline;gap:1rem;padding-bottom:1.25rem;display:flex}.masthead h1{font-family:var(--serif);letter-spacing:.06em;margin:0;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:600}.masthead p{color:var(--text-quiet);max-width:46ch;margin:0;font-size:.9rem}.form{border-bottom:1px solid var(--rule-soft);padding:1.5rem 0 1.75rem}.form__row{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.1rem;display:flex}.form label{color:var(--text-quiet);flex-direction:column;gap:.3rem;font-size:.78rem;display:flex}.form input,.form select{background:var(--sky-sunk);border:1px solid var(--rule);color:var(--text);font:inherit;border-radius:2px;min-width:0;padding:.42rem .55rem;font-size:.95rem}.form input:hover,.form select:hover{border-color:var(--text-faint)}.form input[aria-invalid=true]{border-color:var(--alert)}.field--date input,.field--time input{width:11rem}.field--gender select{width:7rem}.field--shichen select,.field--place select{width:15rem}.field--coord input{width:7.5rem}.field--zone input{width:12rem}.form__mode{border:0;margin:1.1rem 0 0;padding:0}.form__mode legend{color:var(--text-quiet);padding:0;font-size:.78rem}.form__choices{flex-wrap:wrap;gap:.4rem 1.25rem;margin:.45rem 0 .85rem;display:flex}.choice{cursor:pointer;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:.4rem!important;font-size:.9rem!important}.choice input{accent-color:var(--zi);margin:0}.form__manual{background:var(--sky-sunk);border-left:2px solid var(--rule);margin-top:1.1rem;padding:.9rem 1.1rem 1.1rem}.form__manual-note{color:var(--text-faint);max-width:52ch;margin:0 0 .8rem;font-size:.78rem}.form__submit{flex-wrap:wrap;align-items:baseline;gap:.6rem 1.25rem;margin-top:1.4rem;display:flex}.form__hint--inline{align-self:center;max-width:40ch;margin:0}.primary{background:var(--zi);border:1px solid var(--zi);color:#17122b;cursor:pointer;font:inherit;letter-spacing:.04em;border-radius:2px;padding:.48rem 1.5rem;font-size:.95rem;font-weight:700}.primary:hover{background:#bda3ff}.form__hint{color:var(--text-faint);margin:.75rem 0 0;font-size:.78rem}.error-inline{color:var(--alert);margin:.6rem 0 0;font-size:.82rem}.form__submit .form__hint,.form__submit .error-inline{margin:0}.error{border-left:2px solid var(--alert);color:var(--text);background:#f2718a12;margin:1.25rem 0 0;padding:.75rem .9rem;font-size:1rem;line-height:1.75}.result{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(1.75rem,3vw,3.5rem);padding-top:2rem;display:grid}@media (width<=1060px){.result{grid-template-columns:minmax(0,1fr);gap:2.5rem}}.column--chart{position:sticky;top:1.5rem}@media (width<=1060px){.column--chart{border-bottom:1px solid var(--rule-soft);order:-1;padding-bottom:2rem;position:static}.chart-panel{scroll-margin-top:1rem}}.column__label{font-family:var(--sans);letter-spacing:.12em;color:var(--text-faint);margin:0 0 .7rem;font-size:.78rem;font-weight:500}.grid{background:var(--rule-soft);border:1px solid var(--rule);grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.palace{aspect-ratio:1;background:var(--sky-raised);min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;border:0;border-radius:0;flex-direction:column;gap:.2rem;padding:.4rem .45rem .3rem;display:flex;position:relative;overflow:visible}.palace:hover{background:#232032}.palace--ming{box-shadow:inset 0 0 0 1px var(--zi)}.palace--selected{background:var(--zi-sunk)}.palace--opposite:after{content:"";border:1px dashed var(--text-quiet);pointer-events:none;position:absolute;inset:3px}.palace--career-bridge:before{content:"";border-left:3px double var(--zi);border-right:3px double var(--zi);pointer-events:none;position:absolute;inset:8px 4px}.palace__head{justify-content:space-between;align-items:baseline;gap:.3rem;display:flex}.palace__name{color:var(--text);font-size:.82rem;font-weight:500}.palace--ming .palace__name{color:var(--zi)}.marker{border:1px solid var(--text-faint);color:var(--text-quiet);padding:0 .22rem;font-size:.62rem;line-height:1.35;display:inline-block}.marker--ming{border-color:var(--zi);color:var(--zi)}.chart-howto{color:var(--zi);margin:0 0 .6rem;font-size:.86rem;font-weight:500}.palace__stars{flex-wrap:wrap;gap:0 .4rem;margin:0;padding:0;list-style:none;display:flex}.palace__stars--major{font-size:.86rem;font-weight:500}.palace__stars--minor{color:var(--text-quiet);margin-top:auto;font-size:.7rem}.star{white-space:nowrap}.star--empty{color:var(--text-faint);font-size:.8rem;font-weight:400}.star__brightness{color:var(--text-faint);vertical-align:.25em;margin-left:.1rem;font-size:.66rem}.star__mutagen{vertical-align:.25em;margin-left:.1rem;font-size:.66rem;font-weight:700}.star__mutagen--lu{color:var(--lu)}.star__mutagen--quan{color:var(--quan)}.star__mutagen--ke{color:var(--ke)}.star__mutagen--ji{color:var(--ji)}.palace__foot{color:var(--text-faint);justify-content:space-between;gap:.3rem;padding-top:.15rem;font-size:.66rem;display:flex}.palace__ganzhi{color:var(--text-quiet)}.centre{background:var(--sky-sunk);min-width:0;padding:.7rem .85rem;overflow:visible}.centre__facts{grid-template-columns:auto 1fr;gap:.18rem .7rem;margin:0;font-size:.74rem;display:grid}.centre__facts>div{display:contents}.centre__facts dt{color:var(--text-faint);white-space:nowrap}.centre__facts dd{color:var(--text-quiet);margin:0}.legend{color:var(--text-faint);flex-wrap:wrap;gap:.15rem .9rem;margin:.7rem 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.legend b{font-weight:700}.legend .lu{color:var(--lu)}.legend .quan{color:var(--quan)}.legend .ke{color:var(--ke)}.legend .ji{color:var(--ji)}.selection{color:var(--text-quiet);margin:.8rem 0 0;font-size:.82rem}.reading{font-family:var(--serif);overflow-wrap:break-word;max-width:38rem}.reading__notice{border-left:1px solid var(--rule);color:var(--text-faint);font-family:var(--sans);margin:0;padding-left:.9rem;font-size:.8rem;line-height:1.65}.reading__answers>.reading__question+.reading__question,.reading__answers>.reading__question+.reading__questions-declined,.reading__answers>.reading__questions-declined+.reading__question{border-top:1px solid var(--rule-soft);padding-top:2.1rem}.reading__answers>.reading__questions-declined{margin-top:2.4rem}.reading__questions-declined>.reading__question:first-child{margin-top:0}.reading__question{margin-top:2.4rem}.reading__questions-declined>.reading__question>.reading__question-heading{margin-bottom:.75rem}.reading__questions-declined>.note{margin-top:0}.reading__question-heading{font-family:var(--serif);color:var(--zi);margin:0 0 1.5rem;font-size:clamp(1.35rem,4.6vw,1.75rem);font-weight:600;line-height:1.5}.career-bridge{border-top:1px solid var(--rule-soft);font-family:var(--sans);margin-top:2rem;padding-top:1.25rem}.career-bridge__intro,.career-bridge__prompt{color:var(--text-quiet);margin:0;font-size:.86rem;line-height:1.75}.career-bridge__activate,.career-bridge__location,.reading__return-career{color:var(--zi);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0}.career-bridge__activate{border-bottom:1px solid;margin-top:.55rem;padding:.25rem 0;font-size:.9rem;font-weight:600}.career-bridge__locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.career-bridge__location{border:1px solid var(--rule);background:var(--sky-sunk);border-radius:3px;justify-content:space-between;align-items:flex-end;gap:.8rem;min-width:0;padding:.8rem .85rem;display:flex}.career-bridge__location:hover{background:var(--zi-sunk)}.career-bridge__facts{min-width:0;color:var(--text-quiet);flex-direction:column;gap:.2rem;font-size:.78rem;line-height:1.55;display:flex}.career-bridge__facts strong{color:var(--text);font-size:.9rem}.career-bridge__reference{color:var(--text-faint)}.career-bridge__arrow{color:var(--zi);flex:none;font-size:.72rem}.career-bridge__chart-host{display:none}.reading__teacher-work{border:1px solid var(--rule-soft);background:var(--sky-sunk);border-radius:3px;margin-top:1.7rem;padding:1.25rem 1.2rem 1.05rem}.reading__teacher-work h4{color:var(--text-quiet);font-family:var(--sans);letter-spacing:.12em;margin:0 0 .8rem;font-size:.78rem;font-weight:600}.reading__teacher-work ul{color:var(--text);font-family:var(--sans);margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.8}.reading__teacher-work li+li{margin-top:.5rem}.reading__statement{border-top:1px solid var(--rule-soft);font-family:var(--serif);color:var(--text);margin:1.5rem 0 0;padding-top:1.1rem;font-size:1.02rem;line-height:2}.reading__work{background:var(--sky-sunk);border:1px solid var(--rule-soft);border-radius:3px;margin-top:1.9rem;padding:1.5rem 1.25rem 1.25rem}.reading__work h4{font-family:var(--sans);letter-spacing:.12em;color:var(--text-quiet);margin:0 0 .9rem;font-size:.82rem;font-weight:600}.reading__work-conditions ul{margin:0;padding:0;list-style:none}.reading__work-conditions li{font-family:var(--serif);color:var(--text);margin:0 0 .7rem;padding-left:1.4rem;font-size:.97rem;line-height:1.9;position:relative}.reading__work-conditions li:before{content:"";border-left:1.5px solid var(--lu);border-bottom:1.5px solid var(--lu);width:.55rem;height:.28rem;position:absolute;top:.85em;left:.15rem;transform:rotate(-45deg)}.reading__work-directions{border-top:1px solid var(--rule-soft);margin-top:1.9rem;padding-top:1.5rem}.reading__work-basis{font-family:var(--sans);color:var(--text-faint);margin:0 0 1.4rem;font-size:.82rem;line-height:1.8}.reading__work-direction+.reading__work-direction{border-top:1px solid var(--rule-soft);margin-top:1.3rem;padding-top:1.3rem}.reading__work-direction h5{font-family:var(--serif);color:var(--text);margin:0 0 .4rem;font-size:1.03rem;font-weight:600}.reading__work-what{font-family:var(--serif);color:var(--text);margin:0;font-size:.95rem;line-height:1.9}.reading__work-verify{font-family:var(--sans);color:var(--text-quiet);margin:.55rem 0 0;font-size:.84rem;line-height:1.8}.reading__work-verify-label{color:var(--text-faint)}.reading__work-boundary{border-top:1px solid var(--rule-soft);font-family:var(--sans);color:var(--text-faint);margin:1.6rem 0 0;padding-top:1.1rem;font-size:.82rem;line-height:1.8}.reading__exploration{border-top:1px solid var(--rule);margin-top:3.6rem;padding-top:2.4rem}.reading__exploration-entry{font-family:var(--serif);color:var(--text-quiet);margin:0 0 2.4rem;font-size:.98rem;line-height:1.9}.reading__pattern{margin-top:0}.reading__pattern-heading{font-family:var(--serif);letter-spacing:.12em;color:var(--zi);margin:0 0 1.2rem;font-size:clamp(1.35rem,4.2vw,1.7rem);font-weight:600}.reading__palace{border-top:1px solid var(--rule);margin-top:3.25rem;padding-top:2.25rem;scroll-margin-top:1.5rem}.reading__return-career{font-family:var(--sans);border-bottom:1px solid;margin:.2rem 0 1rem;padding:.2rem 0;font-size:.78rem}.reading__exploration>.reading__palace:first-of-type{border-top:0;margin-top:0;padding-top:0}.reading__palace-heading{font-family:var(--serif);letter-spacing:.08em;color:var(--zi);border-left:2px solid #0000;margin:0 0 .15rem -.7rem;padding-left:.7rem;font-size:clamp(1.35rem,4.2vw,1.7rem);font-weight:600}.reading__palace[data-current=true] .reading__palace-heading{border-left-color:var(--zi)}.reading__lede{font-family:var(--sans);color:var(--text-quiet);margin:0 0 1.6rem;font-size:.86rem;line-height:1.7}.reading__lede em{color:var(--text);font-style:normal}.reading__section{margin-top:2rem}.reading__section:first-of-type{margin-top:0}.reading__section h3{font-family:var(--sans);letter-spacing:.16em;color:var(--text-faint);margin:0 0 .7rem;font-size:.76rem;font-weight:600}.reading__body p{margin:0 0 1.1rem;font-size:1.02rem;line-height:2}.reading__body p:last-child{margin-bottom:0}.reading__body .reading__teacher-payoff{border-top:1px solid var(--rule-soft);margin-top:1.3rem;padding-top:1.05rem;font-weight:600}.reading__nuance{font-family:var(--sans);color:var(--text-quiet);margin:.8rem 0 0;font-size:.88rem;line-height:1.8}.reading__themes{font-family:var(--sans);color:var(--text-faint);flex-wrap:wrap;gap:0 .5rem;margin:1rem 0 0;padding:0;font-size:.78rem;line-height:1.7;list-style:none;display:flex}.reading__themes li+li:before{content:"·";color:var(--rule);margin-right:.5rem}.reading__reflection{border-top:1px solid var(--rule);margin-top:3.25rem;padding-top:2.25rem}.reading__reflection h2{font-family:var(--sans);letter-spacing:.16em;color:var(--text-quiet);margin:0 0 1.1rem;font-size:.78rem;font-weight:600}.reading__reflection-answered+.reading__reflection-answered{margin-top:1.7rem}.reading__reflection-question{font-family:var(--serif);color:var(--zi);margin:0 0 .7rem;font-size:.95rem;line-height:1.7}.reading__reflection-answered~.reading__focus{border-top:1px solid var(--rule-soft);color:var(--text-quiet);margin-top:1.9rem;padding-top:1.6rem;font-size:.88rem}.reading__reflection-answered~.reading__focus li:before{background:var(--text-faint)}.reading__focus{font-family:var(--sans);margin:0;padding:0;font-size:.95rem;list-style:none}.reading__focus li{margin-bottom:.9rem;padding-left:1.1rem;line-height:1.85;position:relative}.reading__focus li:last-child{margin-bottom:0}.reading__focus li:before{content:"";background:var(--zi);width:.45rem;height:1px;position:absolute;top:.85em;left:0}.reading__aside{background:var(--sky-raised);max-width:38rem;font-family:var(--sans);margin-top:2.5rem;padding:1.4rem 1.5rem}.reading__aside h2{color:var(--text-quiet);margin:0 0 .7rem;font-size:.85rem;font-weight:600}.reading__aside p{color:var(--text);margin:0 0 .7rem;font-size:.92rem;line-height:1.85}.reading__aside p:last-child{margin-bottom:0}.reading__cautions{color:var(--text-quiet);margin:1.1rem 0 0;padding-left:1.1rem;font-size:.86rem;line-height:1.8}.note{font-family:var(--sans);color:var(--text-quiet);font-size:.9rem;line-height:1.8}.reading .note{margin:0 0 1.6rem}.mono{font-family:var(--mono);font-size:.92em}@media (width<=1060px){.column--chart-relocated{display:none}.career-bridge__chart-host{border-top:1px solid var(--rule-soft);margin-top:1.4rem;padding-top:1.2rem;display:block}}@media (width<=520px){.career-bridge__locations{grid-template-columns:minmax(0,1fr)}}