:root{--paper:#ede8dc;--ink:#344f49;--muted:#7a8475;--gold:#9b835d;--line:#ada78f52;--red:#a35d48;--serif:"KaiTi","STKaiti","Songti SC",SimSun,serif;--sans:"Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #53796e;outline-offset:5px}[hidden]{display:none!important}
.bazi-body{color:var(--ink);font-family:var(--serif);background:var(--paper);min-height:100svh;background-image:radial-gradient(ellipse at 50% 0%,#faf8efbb,transparent 60%);overflow-x:hidden}.landscape{position:fixed;inset:0;pointer-events:none;z-index:-1}.landscape svg{width:100%;height:100%}.landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#ede8dc 0%,transparent 30%,#ede8dc00 70%,#f6f3e977)}
.eyebrow{font:10px/1.8 var(--sans);letter-spacing:.24em;color:var(--gold)}.fine-rule{display:block;width:58px;height:1px;background:linear-gradient(90deg,transparent,#a58c60,transparent);margin:20px auto 0}.text-button{border:0;background:none;padding:8px 4px;font-size:14px;color:#68776c;min-height:40px}.text-button:hover{color:#233f36}.home-view{width:min(100%,780px);margin:auto;padding:clamp(24px,6svh,64px) 24px 110px;text-align:center}.home-heading h1{font-size:clamp(32px,4.5vw,44px);font-weight:400;letter-spacing:.15em;margin:13px 0 0;padding-left:.15em}.chart-wrap{position:relative;padding:36px 0 8px}.model-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,2vw,28px);max-width:600px;margin:auto}.pillar-title{font-weight:400;font-size:12px;color:var(--gold);letter-spacing:.2em;margin:0 0 18px}.glyph-cell{position:relative;margin:0 0 13px;min-width:0}.glyph-button{display:block;position:relative;border:0;background:none;width:100%;aspect-ratio:1.2;perspective:650px;isolation:isolate;padding:0}.glyph-face{position:absolute;inset:0;display:grid;place-items:center;font:clamp(41px,7vw,64px)/1 SimSun,serif;color:var(--glyph-color);text-shadow:0 1px 0 #fff9;transition:transform .75s,opacity .4s}.glyph-cell.is-self .glyph-face::after{content:"";position:absolute;width:1.45em;height:1.45em;border:1px solid #a6b3a080;border-radius:50%;box-shadow:0 0 0 6px #a6b3a012}.day-seal{position:absolute;right:13%;top:-4px;z-index:2;border:1px solid #a35d4888;background:#ede8dce8;color:var(--red);font:12px/1 var(--serif);padding:5px 3px;border-radius:1px}.mini-frame{position:absolute;inset:-18%;width:136%;height:136%;border:0;pointer-events:none;opacity:0;transform:rotateY(-90deg);transition:opacity .35s,transform .8s;mask-image:radial-gradient(ellipse,black 43%,transparent 72%)}.is-revealed .glyph-cell.has-model .glyph-face{transform:rotateY(90deg);opacity:0}.is-revealed .mini-frame.is-ready{opacity:1;transform:none}.cell-noun{font-size:12px;letter-spacing:.13em;color:#6c7d74;visibility:hidden;min-height:18px;margin:6px 0 0}.is-revealed .cell-noun{visibility:visible}.chart-caption{font-size:13px;letter-spacing:.05em;color:#7e8678;margin:8px 0 0;line-height:1.8}.scene-toggle{font-size:12px;color:#9a8562;margin-top:4px;letter-spacing:.12em}.scene-toggle span{margin-left:9px}.home-actions{display:flex;align-items:center;flex-direction:column;gap:8px;margin-top:16px}.jade-button{width:min(310px,100%);display:flex;justify-content:space-between;align-items:center;padding:17px 27px;color:#3b574c;background:linear-gradient(125deg,#f8f5e9,#e1e5d7);border:1px solid #aa9e7a;box-shadow:inset 0 0 0 3px #f9f6eb70,0 3px 0 #d3d0bd;font-size:20px;letter-spacing:.12em;border-radius:3px 12px 3px 12px;transition:transform .2s}.jade-button:hover{transform:translateY(-2px)}.resume-button{border:0;background:none;font-size:12px;padding:8px;color:#7c897e}.score-invitation{display:flex;align-items:center;text-align:left;gap:15px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,#f8f5ec6b,transparent);width:min(390px,100%);padding:17px 5px;margin:32px auto 0}.book-mark{border:1px solid #a78e635e;padding:5px 4px;color:#9a815d;line-height:1.3;font-size:13px}.score-invitation-copy{flex:1;font-size:17px;letter-spacing:.08em}.score-invitation-copy small{display:block;font:10px/1.6 var(--sans);letter-spacing:.02em;color:#8d917e;margin-top:6px}.score-number{font:36px/1 Georgia,serif;font-variant-numeric:tabular-nums;color:#576951}.score-arrow{color:#a38d65}.scope-note{font:10px/1.8 var(--sans);color:#949487;margin:10px 0 0}.scope-note button{background:none;border:0;padding:4px;font-size:10px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.explore-view{max-width:1160px;margin:auto;padding:18px 24px 106px}.explore-header{height:40px;display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:auto}.explore-header>span{font-size:12px;color:#9b8e70;letter-spacing:.1em}.position-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:540px;gap:6px;margin:14px auto 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.position-button{position:relative;border:1px solid transparent;background:none;border-radius:3px;padding:5px 0 7px;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:53px;transition:background .25s,border .25s}.position-button small{font:9px/1 var(--sans);color:#90917f}.position-button strong{font:23px/1 SimSun,serif;color:var(--glyph-color)}.position-button[aria-current="true"]{border-color:#a1936c78;background:#fbf7e8a3}.position-button.is-related::after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:#a56546}.explore-layout{display:grid;grid-template-columns:1fr;max-width:650px;margin:auto}.scene-section{min-width:0;position:relative}.scene-caption{position:absolute;left:1%;top:25px;z-index:2;pointer-events:none}.scene-caption h1{font-weight:400;font-size:30px;letter-spacing:.13em;margin:8px 0 10px}.scene-caption>span:last-child{font-size:12px;color:#8c8f7d}.scene-stage{position:relative;aspect-ratio:1.55;max-height:340px;margin:3px -12px 0;isolation:isolate}.scene-halo{position:absolute;width:63%;height:37%;border:1px solid #a6b3a024;border-radius:50%;left:20%;bottom:5%;transform:rotate(-8deg);box-shadow:0 0 0 12px #a6b3a008,0 0 0 27px #a6b3a005}.scene-stage iframe{border:0;position:absolute;width:100%;height:145%;top:-18%;left:0;opacity:0;transition:opacity .55s;mask-image:radial-gradient(ellipse at 52% 52%,#000 30%,#000d 48%,transparent 72%);pointer-events:none}.scene-stage iframe.is-ready{opacity:1}.scene-loading{position:absolute;inset:0;display:grid;place-content:center;font-size:13px;letter-spacing:.1em;color:#879383;pointer-events:none}.scene-stage.is-loaded .scene-loading{display:none}.scene-tools{display:flex;align-items:center;justify-content:center;gap:15px;min-height:26px;margin-top:-5px;position:relative;z-index:3}.scene-tools>span{font:10px var(--sans);color:#899284;letter-spacing:.1em}.scene-tools button{font-size:11px;min-height:32px}.hidden-stems{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 10px}.hidden-stems:empty{display:none}.hidden-stems button{border:1px solid #ada78f57;border-radius:3px;background:#f8f5e76b;padding:7px 10px;font-size:12px;color:#748574}.hidden-stems button.is-selected{border-color:#72816b;background:#e1e7d7}.hidden-stems b{font:15px SimSun,serif;color:#6a7960;margin-right:6px}.reading-section{position:relative;padding:22px 8px 0;background:radial-gradient(ellipse at 50% 22%,#f4f2e9ed 30%,#f1eee39a 63%,transparent 84%);min-width:0}.lesson-head{display:flex;align-items:center;gap:10px;font-size:11px;color:#9a8868;letter-spacing:.1em}.small-seal{border:1px solid #b68d7382;color:#a4745a;font-size:12px;padding:3px 4px;line-height:1}.reading-section h2{font-size:25px;line-height:1.5;letter-spacing:.07em;font-weight:400;margin:12px 0 10px}.lesson-selector{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:3px 0 12px}.lesson-selector button{white-space:nowrap;border:0;border-bottom:1px solid transparent;background:none;padding:8px 2px;margin-right:9px;font:11px var(--sans);color:#909484}.lesson-selector button.is-active{color:#486551;border-color:#718267}.reading-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:18px}.reading-tabs button{padding:9px 0 12px;border:0;background:none;font-size:15px;letter-spacing:.05em;color:#97998a;position:relative}.reading-tabs button[aria-selected="true"]{color:#3f5c4e}.reading-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#657b61}.reading-content p{font-size:18px;line-height:1.95;margin:0 0 17px;color:#4d6052;letter-spacing:.03em;overflow-wrap:anywhere}.reading-content .small-note{font:11px/1.9 var(--sans);color:#929284}.reading-content .focus-line{border-left:2px solid #9eae90;padding-left:15px}.reading-content h3{font-size:17px;letter-spacing:.04em;font-weight:400;margin:25px 0 14px}.question-list{display:grid;gap:12px}.question-card{border:1px solid #b1b69d52;background:linear-gradient(135deg,#f8f5eccc,#e7ecdfb3);border-radius:3px;padding:0 16px}.question-card summary{list-style:none;padding:16px 20px 16px 0;position:relative;font-size:17px;line-height:1.6;cursor:pointer}.question-card summary::-webkit-details-marker{display:none}.question-card summary::after{content:"＋";position:absolute;right:-5px;top:17px;color:#9a8e72;font-size:15px}.question-card[open] summary::after{content:"−"}.question-answer{border-top:1px solid var(--line);padding-top:16px}.question-answer p{font-size:16px;line-height:1.9}.answer-label{font:10px var(--sans);color:#9a896a;letter-spacing:.15em;display:block;margin-bottom:9px}.question-answer .part2{color:#70806d;font-size:15px}.lesson-footer{margin-top:20px}.lesson-footer button{width:100%;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:14px 0;text-align:left;display:flex;justify-content:space-between;font-size:13px;color:#88764e}.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:16px}.journey-footer>span{font:10px var(--sans);color:#a0967f}.next-step{background:#e4e9dc;border:1px solid #a1ab9180;padding:10px 14px;border-radius:2px;font-size:14px}.continue-life{border:0;background:none;padding:10px 0;font-size:15px;color:#8b754d;border-bottom:1px solid #b4a17b66}
dialog{color:var(--ink);font-family:var(--serif);padding:0;background:var(--paper);border:1px solid #b4a584;box-shadow:0 18px 100px #203b3540}dialog::backdrop{background:#29433b52}dialog[open]{animation:book-in .3s ease both}.score-dialog{width:min(720px,calc(100% - 26px));max-height:88svh;border-radius:5px 5px 2px 2px}.book-page{padding:24px 26px 30px;background:linear-gradient(90deg,#d4c8ab28,transparent 4%,transparent 96%,#d4c8ab38),radial-gradient(ellipse at 45% 0,#fffaf0c9,transparent 75%)}.book-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.close-button{font:26px/1 var(--sans);padding:3px 7px;background:none;border:0;color:#8c8c77;min-height:36px;min-width:36px}.book-title{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.book-title p{margin:0;font-size:12px;letter-spacing:.08em;color:#88826c}.book-title h2{margin:6px 0 0;font:66px/1.1 Georgia,serif;font-variant-numeric:tabular-nums;color:#45614e}.book-title h2 small{font:14px var(--serif);margin-left:9px;color:#90927b}.book-title .book-intro{font:16px/1.9 var(--serif);color:#87907b;text-align:right}.score-explainer{font:11px/1.9 var(--sans);color:#8e917e;margin:15px 0 19px}.score-formula{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;gap:7px}.score-formula span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#8c8c73}.score-formula strong{font:20px Georgia,serif;color:#5d7057}.score-categories{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.score-categories button{background:#f4f2e533;border:1px solid #a9ad9270;border-radius:3px;padding:9px 11px;font-size:13px;color:#839077}.score-categories button[aria-pressed="true"]{background:#596f59;border-color:#596f59;color:#fffbed}.score-categories b{font:12px Georgia,serif;margin-left:8px}.ledger-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.ledger-heading h3{font-size:17px;font-weight:400;margin:0}.ledger-heading>span{font:10px var(--sans);color:#90917a}.ledger-entry{border-bottom:1px solid var(--line);padding:0}.ledger-entry summary{list-style:none;cursor:pointer;padding:17px 0;display:grid;grid-template-columns:48px 1fr 16px;gap:12px;align-items:start}.ledger-entry summary::-webkit-details-marker{display:none}.event-points{font:23px/1.25 Georgia,serif;color:#8e7b50}.event-title{font-size:16px;line-height:1.5}.event-title small{display:block;font:10px/1.6 var(--sans);color:#989984;margin-top:4px}.ledger-entry summary>span:last-child{color:#9e9479}.event-detail{padding:0 0 18px 60px}.event-detail p{font-size:16px;line-height:1.9;margin:0 0 14px;white-space:pre-line}.evidence-link{border:0;border-bottom:1px solid #9b896a66;background:transparent;padding:8px 0;color:#8f754f;text-align:left;font-size:14px;line-height:1.6}.event-source{font:10px/1.8 var(--sans);color:#959781;margin-top:12px}.event-article{margin-top:12px}.event-article summary{font-size:12px;padding:8px 0;display:block;color:#909078}.article-text{white-space:pre-wrap;font-size:14px;line-height:1.9;color:#79836e;overflow-wrap:anywhere}.book-footnote{font:11px/1.9 var(--sans);color:#96947e;margin:22px 0 0}.empty-score{padding:25px 0;font-size:15px;line-height:1.9;color:#89937c}.basis-dialog{width:min(580px,calc(100% - 28px));max-height:85svh}.basis-dialog h2{font-size:28px;font-weight:400;margin:22px 0}.basis-dialog h3{font-size:17px;font-weight:400;margin-top:25px}.basis-dialog p{font-size:16px;line-height:1.95;color:#77836f}.basis-dialog .basis-version{font:11px/1.9 var(--sans);color:#9b977e;margin-top:30px}.related-notice{font:11px/1.9 var(--sans);color:#9a8665;margin-bottom:12px}.return-score{border:0;background:transparent;padding:4px 0;color:#8f754f;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@keyframes book-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:850px){.home-view{padding-top:48px}.model-pillars{gap:32px}.glyph-button{aspect-ratio:1.35}.home-actions{margin-top:20px}.explore-layout{grid-template-columns:1.05fr 1fr;gap:55px;max-width:1120px;margin-top:40px}.scene-section{position:sticky;top:32px;align-self:start}.scene-stage{aspect-ratio:1.05;max-height:520px;margin-top:35px}.scene-stage iframe{height:120%;top:-8%}.scene-caption{top:0;left:8px}.scene-caption h1{font-size:38px}.reading-section{padding-top:10px}.position-strip{max-width:580px}.reading-content p{font-size:19px}.scene-tools{margin-top:-5px}}
@media(max-width:390px){.home-view{padding-left:20px;padding-right:20px}.chart-wrap{padding-top:27px}.model-pillars{gap:8px}.day-seal{right:3%;font-size:10px}.explore-view{padding-left:18px;padding-right:18px}.scene-caption h1{font-size:25px}.book-page{padding:19px 19px 25px}.event-detail{padding-left:0}.book-title .book-intro{font-size:14px}.reading-section h2{font-size:22px}.reading-content p{font-size:17px}}
@media(max-height:760px) and (max-width:849px){.home-view{padding-top:25px}.home-heading h1{font-size:30px}.fine-rule{margin-top:12px}.chart-wrap{padding-top:25px}.glyph-button{aspect-ratio:1.35}.home-actions{margin-top:6px}.score-invitation{margin-top:22px;padding:13px 5px}.scene-stage{aspect-ratio:1.75}.scene-caption{top:18px}.scene-caption h1{font-size:26px}.reading-section{padding-top:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* BEGIN BRANCH V2 CHEN SI LAYOUT */
/* Limit layout containment to the two branch models in this task. */
.scene-section:has(#focus-model[src*="/chen.html"]) .scene-caption,
.scene-section:has(#focus-model[src*="/si.html"]) .scene-caption {
 position:relative;top:auto;left:auto;margin:18px 8px 0;
}
.scene-section:has(#focus-model[src*="/chen.html"]) .scene-stage,
.scene-section:has(#focus-model[src*="/si.html"]) .scene-stage {
 aspect-ratio:1.25;margin:4px 0 0;max-height:360px;overflow:hidden;
}
.scene-section:has(#focus-model[src*="/chen.html"]) .scene-stage iframe,
.scene-section:has(#focus-model[src*="/si.html"]) .scene-stage iframe {
 height:100%;top:0;
}
.scene-section:has(#focus-model[src*="/chen.html"]) .scene-tools,
.scene-section:has(#focus-model[src*="/si.html"]) .scene-tools {
 margin-top:4px;
}
@media(min-width:850px){
 .scene-section:has(#focus-model[src*="/chen.html"]) .scene-stage,
 .scene-section:has(#focus-model[src*="/si.html"]) .scene-stage {
  aspect-ratio:1.05;max-height:min(520px,calc(100svh - 500px));
 }
}

/* END BRANCH V2 CHEN SI LAYOUT */