.jing-route-bazi .jing-bazi{display:flex;flex-direction:column;gap:1rem}.jing-route-bazi .bazi-form-head,.jing-route-bazi .jing-study-result-head,.jing-route-bazi .bazi-section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.jing-route-bazi .bazi-form-head h2,.jing-route-bazi .bazi-section-head h3{margin:0;font-weight:500;color:var(--jing-accent)}.jing-route-bazi .bazi-case-label{width:min(17rem,40%);font:.72rem var(--jing-font-ui);color:var(--jing-text-dim)}.jing-route-bazi .jing-fieldset,.jing-route-bazi .bazi-calibration{border:1px solid var(--jing-border);border-radius:var(--jing-radius);padding:1rem 1.1rem 1.2rem;background:var(--jing-bg-raised)}.jing-route-bazi .jing-fieldset legend{padding:0 .5em;color:var(--jing-text-dim);letter-spacing:.2em;font-size:.82rem}.jing-route-bazi .bazi-segments,.jing-route-bazi .bazi-view-tabs{display:inline-flex;gap:.25rem;padding:.2rem;border:1px solid var(--jing-border);background:#08060459}.jing-route-bazi .bazi-segments input{position:static;opacity:1}.jing-route-bazi .bazi-segments span,.jing-route-bazi .bazi-view-tabs button{display:block;min-width:5rem;padding:.5rem .9rem;border:0;color:var(--jing-text-dim);background:transparent;text-align:center;cursor:pointer}.jing-route-bazi .bazi-segments input:checked+span,.jing-route-bazi .bazi-segments input:focus-visible+span,.jing-route-bazi .bazi-view-tabs button.is-active{color:#f0d59e;background:linear-gradient(#97642473,#5b38124d);outline:1px solid #c4914180}.jing-route-bazi .bazi-input-panel{margin-top:1rem}.jing-route-bazi .bazi-input-panel[hidden],.jing-route-bazi .jing-bazi-place[hidden],.jing-route-bazi .jing-bazi-result[hidden],.jing-route-bazi .bazi-pro-only[hidden]{display:none!important}.jing-route-bazi .jing-bazi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.jing-route-bazi .bazi-pillar-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}.jing-route-bazi .jing-bazi label,.jing-route-bazi .bazi-case-label{display:flex;flex-direction:column;gap:.35rem}.jing-route-bazi .jing-bazi input,.jing-route-bazi .jing-bazi select{width:100%;box-sizing:border-box;border:1px solid var(--jing-border);border-radius:5px;padding:.52rem .55rem;color:var(--jing-text);background:var(--jing-bg-card);font:.9rem var(--jing-font-ui)}.jing-route-bazi .jing-bazi input:focus-visible,.jing-route-bazi .jing-bazi select:focus-visible,.jing-route-bazi .bazi-view-tabs button:focus-visible{outline:2px solid var(--jing-accent);outline-offset:2px}.jing-route-bazi .bazi-segments{flex-wrap:wrap}.jing-route-bazi .bazi-segments label{flex-direction:row;align-items:center;gap:0}.jing-route-bazi .bazi-segments input{width:14px;height:14px;padding:0;margin:0 0 0 .4rem;accent-color:#b18a45}.jing-route-bazi .bazi-segments span{min-width:3.8rem;padding:.5rem .45rem}.jing-route-bazi .jing-bazi-hint,.jing-route-bazi .bazi-time-preview,.jing-route-bazi .bazi-privacy-note,.jing-route-bazi .bazi-section-head p,.jing-route-bazi .bazi-empty{margin:.65rem 0 0;color:var(--jing-text-dim);font:.72rem/1.7 var(--jing-font-ui)}.jing-route-bazi .bazi-check{flex-direction:row!important;align-items:center;margin-top:.75rem;font:.78rem var(--jing-font-ui)}.jing-route-bazi .bazi-check input{width:auto}.jing-route-bazi .jing-bazi-radios{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.2rem;font:.8rem var(--jing-font-ui)}.jing-route-bazi .jing-bazi-radios label{flex-direction:row;align-items:center}.jing-route-bazi .jing-bazi-radios input{width:auto}.jing-route-bazi .jing-bazi-radio-title{color:var(--jing-text-dim)}.jing-route-bazi .bazi-calibration{padding:0}.jing-route-bazi .bazi-calibration summary{cursor:pointer;padding:.9rem 1rem;color:var(--jing-accent);letter-spacing:.12em}.jing-route-bazi .bazi-calibration summary small{margin-left:.7rem;color:var(--jing-text-dim);letter-spacing:0}.jing-route-bazi .bazi-calibration-body{display:grid;gap:.9rem;padding:0 1rem 1rem}.jing-route-bazi .jing-bazi-place{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.jing-route-bazi .jing-bazi-actions,.jing-route-bazi .bazi-result-actions,.jing-route-bazi .jing-study-result-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.jing-route-bazi .jing-calc-status{color:var(--jing-accent);font:.72rem var(--jing-font-ui)}.jing-route-bazi .jing-calc-status.is-error,.jing-route-bazi .jing-bazi-error{color:var(--jing-vermilion)}.jing-route-bazi .jing-bazi-error{margin:0;padding:.7rem .9rem;border:1px solid var(--jing-vermilion);border-radius:6px;font:.84rem var(--jing-font-ui)}.jing-route-bazi .jing-bazi-result{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.jing-route-bazi .jing-calc-result-title{margin:0;color:var(--jing-accent);font-size:1.1rem;font-weight:500;letter-spacing:.16em}.jing-route-bazi .jing-bazi-result>details{border:1px solid var(--jing-border);border-radius:var(--jing-radius);padding:.6rem 1rem .9rem;background:var(--jing-bg-raised)}.jing-route-bazi .jing-bazi-result>details>summary{cursor:pointer;padding:.4rem 0;color:var(--jing-accent);letter-spacing:.2em}.jing-route-bazi .bazi-view-tabs{align-self:flex-start}.jing-route-bazi .jing-bazi-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.7rem 0}.jing-route-bazi .jing-bazi-pillar{border:1px solid var(--jing-border);border-radius:8px;padding:.75rem .55rem;background:var(--jing-bg-card);animation:bazi-rise .5s ease both}.jing-route-bazi .jing-bazi-pillar header{display:flex;justify-content:space-between;align-items:center;color:var(--jing-text-dim);font-size:.7rem}.jing-route-bazi .jing-bazi-pillar header button{border:0;border-bottom:1px dotted var(--jing-accent);color:var(--jing-accent);background:transparent;cursor:pointer}.jing-route-bazi .jing-bazi-ganzhi{display:grid;place-items:center;gap:.15rem;padding:.55rem 0}.jing-route-bazi .jing-bazi-ganzhi strong{color:var(--jing-text);font-size:1.65rem;letter-spacing:.12em}.jing-route-bazi .jing-bazi-pillar dl{display:grid;gap:.35rem;margin:0}.jing-route-bazi .jing-bazi-result[data-view=basic] .jing-bazi-pillar dl{display:none}.jing-route-bazi .jing-bazi-pillar dl div{display:grid;grid-template-columns:2.3rem 1fr;gap:.3rem}.jing-route-bazi .jing-bazi-pillar dt{color:var(--jing-text-dim);font:.62rem var(--jing-font-ui)}.jing-route-bazi .jing-bazi-pillar dd{margin:0;font-size:.72rem}.jing-route-bazi .jing-bazi-pillar dd span{margin-right:.35rem;white-space:nowrap}.jing-route-bazi .jing-bazi-pillar dd small{margin-left:.1rem;color:var(--jing-text-dim)}.jing-route-bazi .jing-bazi-element-bars{display:grid;gap:.4rem;max-width:42rem}.jing-route-bazi .jing-bazi-element-bar{display:grid;grid-template-columns:1.5rem 1fr 1.2rem;gap:.5rem;align-items:center;font-size:.75rem}.jing-route-bazi .jing-bazi-element-bar i{height:5px;overflow:hidden;background:#fff1}.jing-route-bazi .jing-bazi-element-bar b{display:block;width:var(--bar-size);height:100%;background:linear-gradient(90deg,#82551e,#d0a04e);animation:bazi-bar .7s ease var(--bar-delay) both}.jing-route-bazi .jing-bazi-element-bar em{color:var(--jing-text-dim);font-style:normal}.jing-route-bazi .jing-bazi-interpret{margin-top:1rem;padding-top:.65rem;border-top:1px solid var(--jing-border)}.jing-route-bazi .jing-bazi-interpret p,.jing-route-bazi .jing-bazi-elements{margin:.45rem 0;line-height:1.8}.jing-route-bazi .bazi-section-head h3{font-size:.95rem}.jing-route-bazi .bazi-timeline{display:flex;gap:.45rem;overflow-x:auto;padding:.6rem .1rem 1rem;scroll-snap-type:x proximity}.jing-route-bazi .bazi-timeline button{flex:0 0 7.2rem;display:grid;gap:.25rem;scroll-snap-align:start;border:1px solid var(--jing-border);padding:.65rem .45rem;color:var(--jing-text);background:var(--jing-bg-card);cursor:pointer}.jing-route-bazi .bazi-timeline button b{color:var(--jing-accent);font-size:1.05rem}.jing-route-bazi .bazi-timeline button span,.jing-route-bazi .bazi-timeline button small{color:var(--jing-text-dim);font:.65rem var(--jing-font-ui)}.jing-route-bazi .bazi-timeline button.is-selected{border-color:var(--jing-accent);box-shadow:inset 0 0 20px #ae742727;transform:translateY(-2px)}.jing-route-bazi .bazi-timeline button.is-current small:after{content:" · 当下";color:var(--jing-vermilion)}.jing-route-bazi .bazi-liunian button{flex-basis:5.5rem}.jing-route-bazi .bazi-relation-panel{margin-top:1rem;border-top:1px solid var(--jing-border);padding-top:1rem}.jing-route-bazi .bazi-relation-nodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:.8rem 0}.jing-route-bazi .bazi-relation-nodes button{border:1px solid var(--jing-border);padding:.6rem .3rem;color:var(--jing-text);background:var(--jing-bg-card)}.jing-route-bazi .bazi-relation-nodes button.is-current{border-color:#bf7e2bb3;background:#d5b57880}.jing-route-bazi .bazi-relation-nodes button.is-highlighted,.jing-route-bazi .bazi-relation-list li.is-highlighted{outline:1px solid var(--jing-accent);background:#96642433}.jing-route-bazi .bazi-relation-svg{display:block;width:100%;max-height:290px;margin:.5rem 0 1rem;border-bottom:1px solid var(--jing-border);background:#211a12;border-radius:4px}.jing-route-bazi .bazi-relation-svg path{transition:opacity .2s ease,stroke-width .2s ease}.jing-route-bazi .bazi-month-panel{margin:.5rem 0}.jing-route-bazi .bazi-month-panel>summary{cursor:pointer;color:var(--jing-accent)}.jing-route-bazi .bazi-relation-nodes small,.jing-route-bazi .bazi-relation-nodes b{display:block}.jing-route-bazi .bazi-relation-nodes small{color:var(--jing-text-dim);font:.58rem var(--jing-font-ui)}.jing-route-bazi .bazi-relation-nodes b{margin-top:.3rem;color:var(--jing-accent);font-size:1.05rem}.jing-route-bazi .bazi-relation-list{display:grid;gap:.4rem;padding:0;list-style:none}.jing-route-bazi .bazi-relation-list li{display:grid;grid-template-columns:5.5rem 1fr;gap:.6rem;border-left:2px solid #8b6b3a;padding:.45rem .65rem;background:#fff1}.jing-route-bazi .bazi-relation-list li.is-union{border-color:#7a9c4a}.jing-route-bazi .bazi-relation-list li.is-clash{border-color:#a45138}.jing-route-bazi .bazi-relation-list strong,.jing-route-bazi .bazi-relation-list button{color:var(--jing-accent);font-size:.78rem}.jing-route-bazi .bazi-relation-list button{border:0;padding:0;background:transparent;text-align:left;cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.jing-route-bazi .bazi-relation-list span{color:var(--jing-text-dim);font-size:.74rem;line-height:1.6}.jing-route-bazi .jing-bazi-derivation{display:grid;gap:.5rem;padding-left:1.2rem}.jing-route-bazi .jing-bazi-derivation strong,.jing-route-bazi .jing-bazi-derivation span,.jing-route-bazi .jing-bazi-derivation em{display:block}.jing-route-bazi .jing-bazi-derivation span,.jing-route-bazi .jing-bazi-derivation em{color:var(--jing-text-dim);font-size:.72rem;font-style:normal}.jing-route-bazi .jing-bazi-reminders{line-height:1.8}@keyframes bazi-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bazi-bar{0%{width:0}}@media(max-width:760px){.jing-route-bazi .bazi-timeline button,.jing-route-bazi .bazi-view-tabs button,.jing-route-bazi .jing-bazi-pillar header button,.jing-route-bazi .bazi-relation-list button{min-height:44px}.jing-route-bazi .bazi-form-head,.jing-route-bazi .jing-study-result-head,.jing-route-bazi .bazi-section-head{align-items:flex-start;flex-direction:column}.jing-route-bazi .bazi-case-label{width:100%}.jing-route-bazi .jing-bazi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jing-route-bazi .jing-bazi-grid label:last-child{grid-column:1/-1}.jing-route-bazi .bazi-pillar-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.jing-route-bazi .bazi-pillar-inputs label:last-child{grid-column:auto}.jing-route-bazi .jing-bazi-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.jing-route-bazi .bazi-relation-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.jing-route-bazi .bazi-relation-list li{grid-template-columns:1fr;gap:.2rem}.jing-route-bazi .jing-bazi-place{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.jing-route-bazi .jing-bazi-pillar,.jing-route-bazi .jing-bazi-element-bar b{animation:none}.jing-route-bazi .bazi-timeline button.is-selected{transform:none}}
