.bazi-page{background:radial-gradient(52% 25% at 50% 0,#dff1fc,#0000 84%),linear-gradient(#f3f9fd,#f8fbfe 48%,#f4f9fd);overflow:hidden}.bazi-container{width:min(1160px,100% - 48px);margin-inline:auto;padding:28px 0 88px}.bazi-hero{text-align:center;margin:0 auto 52px}.bazi-eyebrow,.bazi-small-label{color:#76a0ba;font-family:var(--font-sans);letter-spacing:.09em;font-size:10px;font-weight:600}.bazi-eyebrow{align-items:center;gap:10px;display:inline-flex}.bazi-eyebrow i{background:#79b8d7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d7edf8}.bazi-hero h1{color:#224d70;font-family:var(--font-display);letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(42px,6vw,68px);font-weight:600;line-height:1.15}.bazi-hero p{color:#68859e;margin:0;font-size:16px;line-height:1.8}.bazi-workspace{background:#ffffffed;border:1px solid #d7e9f5;border-radius:27px;padding:30px 40px;box-shadow:0 24px 60px -48px #387cae80}.bazi-workspace-intro{align-items:center;gap:16px;display:flex}.bazi-workspace-icon{color:#3d87b6;background:linear-gradient(145deg,#e8f7ff,#eaf0fc);border:1px solid #d5e9f6;border-radius:15px;flex:none;place-items:center;width:50px;height:50px;display:grid}.bazi-workspace-intro h2{color:#244d6c;letter-spacing:-.035em;margin:4px 0 3px;font-size:25px;font-weight:620}.bazi-workspace-intro p{color:#7992a7;margin:0;font-size:13px;line-height:1.7}.bazi-mode{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 25px;display:grid}.bazi-mode button{color:#6a88a0;min-height:69px;font:inherit;text-align:left;cursor:pointer;background:#f8fbfe;border:1px solid #d9e8f3;border-radius:13px;align-items:center;gap:11px;padding:12px 18px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.bazi-mode button:hover{border-color:#9cc8e2}.bazi-mode button.is-active{color:#347eae;background:linear-gradient(120deg,#ecf8ff,#f3f7ff);border-color:#9bc9e6;box-shadow:inset 0 0 0 1px #d7ecf8}.bazi-mode button svg{flex:none;font-size:21px}.bazi-mode button span{flex-direction:column;gap:3px;min-width:0;display:flex}.bazi-mode button strong{color:#315d7c;font-size:15px;font-weight:620}.bazi-mode button small{color:#8ba5b7;font-size:13px}.bazi-mode button:disabled{opacity:.6;cursor:default}.bazi-people{grid-template-columns:1fr;gap:18px;display:grid}.bazi-people-double{grid-template-columns:repeat(2,minmax(0,1fr))}.bazi-person-card{background:linear-gradient(160deg,#fbfdff,#f7fbfe);border:1px solid #e0edf5;border-radius:18px;min-width:0;padding:27px 28px 29px}.bazi-person-heading{border-bottom:1px solid #e3edf5;align-items:center;gap:13px;padding-bottom:20px;display:flex}.bazi-person-number{color:#5195bd;width:35px;height:35px;font-family:var(--font-chivo-mono), ui-monospace, monospace;background:#e9f5fc;border-radius:10px;flex:none;place-items:center;font-size:13px;font-weight:650;display:grid}.bazi-person-heading h3{color:#315b7a;margin:4px 0 0;font-size:18px;font-weight:620}.bazi-person-fields{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:24px;display:grid}.bazi-gender-field,.bazi-field{border:0;min-width:0;margin:0;padding:0}.bazi-gender-field legend,.bazi-field>label,.bazi-field-heading>span{color:#3c617d;margin-bottom:10px;font-size:15px;font-style:normal;font-weight:620;display:block}.bazi-gender-field legend span,.bazi-field em{color:#7faccc;font-style:normal}.bazi-segment{background:#edf5fa;border:1px solid #d8e7f1;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;min-height:47px;padding:4px;display:grid}.bazi-segment button{color:#7896ab;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:15px}.bazi-segment button.is-selected{color:#3278a6;background:#fff;font-weight:620;box-shadow:0 2px 8px #4784ae20}.bazi-segment button:disabled{cursor:default}.bazi-field-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 8px;display:flex}.bazi-field-heading small,.bazi-address-field>small{color:#99aebe;font-size:13px;line-height:1.5}.bazi-date-selects,.bazi-daytime-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bazi-address-field input{color:#355e7c;width:100%;min-width:0;height:47px;font:inherit;background:#fff;border:1px solid #d6e6f1;border-radius:10px;outline:0;padding:0 13px;font-size:16px;transition:border-color .16s,box-shadow .16s;display:block}.bazi-address-field input:focus{border-color:#81b7d7;box-shadow:0 0 0 3px #a5d1e83c}.bazi-address-field input::placeholder{color:#a5b8c6}.bazi-field .bazi-select.MuiInputBase-root{color:#355e7c;background:#fff;border-radius:10px;width:100%;min-width:0;height:47px;font-family:inherit;font-size:16px;display:block}.bazi-field .bazi-select .MuiOutlinedInput-notchedOutline{border-color:#d6e6f1;transition:border-color .16s}.bazi-field .bazi-select:hover .MuiOutlinedInput-notchedOutline{border-color:#acd0e5}.bazi-field .bazi-select.Mui-focused{box-shadow:0 0 0 3px #a5d1e83c}.bazi-field .bazi-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:#81b7d7}.bazi-field .bazi-select .MuiSelect-select{box-sizing:border-box;align-items:center;height:100%;min-height:0;padding:0 44px 0 13px;display:flex}.bazi-field .bazi-select .MuiSelect-icon{color:#5d8bac;pointer-events:none;font-size:20px;top:50%;right:13px;transform:translateY(-50%)}.bazi-select-placeholder{color:#8ca8bb}.bazi-select-menu.MuiPaper-root{background:#fff;border:1px solid #d8e8f3;border-radius:12px;max-height:min(320px,48vh);margin-top:6px;box-shadow:0 16px 36px #397ead26}.bazi-select-menu .MuiList-root{padding:6px}.bazi-select-menu .MuiMenuItem-root{color:#466b86;border-radius:7px;min-height:38px;margin:2px 0;padding:8px 12px;font-size:15px}.bazi-select-menu .MuiMenuItem-root:hover,.bazi-select-menu .MuiMenuItem-root.Mui-focusVisible{background:#eff8fe}.bazi-select-menu .MuiMenuItem-root.Mui-selected{color:#2c78a8;background:#e7f3fb;font-weight:620}.bazi-select-menu .MuiMenuItem-root.Mui-selected:hover{background:#dceefa}.bazi-address-field>small{margin-top:7px;display:block}.bazi-address-field input:disabled,.bazi-field .bazi-select.Mui-disabled{opacity:.6}.bazi-mobile-person-tabs{display:none}.bazi-mobile-person-tabs button{color:#7897ab;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:14px}.bazi-mobile-person-tabs button.is-active{color:#367eaa;background:#fff;font-weight:620;box-shadow:0 2px 7px #4587b421}.bazi-error{color:#a94757;background:#fff6f7;border:1px solid #f0ccd2;border-radius:10px;margin:21px 0 0;padding:12px 15px;font-size:14px;line-height:1.6}.bazi-submit-row{justify-content:space-between;align-items:center;gap:20px;margin-top:25px;display:flex}.bazi-submit-row p{color:#96aaba;margin:0;font-size:13px;line-height:1.8}.bazi-submit-row button{color:#fff;min-width:182px;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(115deg,#6aa9d3,#3477ad);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:650;display:inline-flex;box-shadow:0 10px 19px -14px #337bad}.bazi-submit-row button:hover{filter:saturate(1.12)}.bazi-submit-row button:disabled{opacity:.6;cursor:default}.bazi-submit-row button svg{font-size:17px}.bazi-guide{margin-top:112px}.bazi-section-head{max-width:670px}.bazi-section-head h2{color:#244e70;letter-spacing:-.035em;margin:12px 0 14px;font-size:clamp(27px,3vw,36px);font-weight:600;line-height:1.4}.bazi-section-head p{color:#748ea3;margin:0;font-size:16px;line-height:1.9}.bazi-pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:34px;display:grid}.bazi-pillar-grid article{background:#ffffffb8;border:1px solid #dceaf4;border-radius:17px;min-height:166px;padding:25px 24px}.bazi-pillar-grid article>span{color:#89b6d1;font-family:var(--font-chivo-mono), ui-monospace, monospace;font-size:11px}.bazi-pillar-grid h3{color:#315b78;margin:18px 0 8px;font-size:18px;font-weight:620}.bazi-pillar-grid p{color:#7b94a8;margin:0;font-size:14px;line-height:1.7}.bazi-faq{grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);gap:48px;margin-top:114px;display:grid}.bazi-faq-list{border-top:1px solid #dceaf3}.bazi-faq-list details{border-bottom:1px solid #dceaf3}.bazi-faq-list summary{color:#355d79;cursor:pointer;justify-content:space-between;align-items:center;gap:22px;padding:22px 1px;font-size:15px;font-weight:550;list-style:none;display:flex}.bazi-faq-list summary::-webkit-details-marker{display:none}.bazi-faq-list summary>span{color:#7ba9c5;font-size:20px;font-weight:400;transition:transform .18s}.bazi-faq-list details[open] summary>span{transform:rotate(45deg)}.bazi-faq-list details p{color:#738ca1;max-width:680px;margin:-2px 0 23px;font-size:15px;line-height:1.9}.bazi-loading{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eaf5fbdc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bazi-loading-panel{color:#4a7390;text-align:center;background:linear-gradient(155deg,#fffffffa,#f3fafff5);border:1px solid #cee5f3;border-radius:25px;width:min(100%,470px);padding:29px 34px 32px;box-shadow:0 34px 80px -48px #367eaf9c}.bazi-loading-visual{isolation:isolate;place-items:center;height:177px;margin-bottom:8px;display:grid;position:relative}.bazi-loading-ring{border:1px solid #b9dceb8c;border-radius:50%;width:170px;height:170px;position:absolute}.bazi-loading-ring-outer{border-style:dashed;border-color:#b8dcec76;width:188px;height:188px;animation:24s linear infinite bazi-orbit}.bazi-loading-ring-inner{background:radial-gradient(circle,#eaf7ffb8,#0000 72%);width:136px;height:136px;animation:3s ease-in-out infinite bazi-pulse}.bazi-loading-pillars{z-index:1;gap:7px;display:flex;position:relative}.bazi-loading-pillars span{color:#9ab7c9;opacity:.42;background:#ffffffda;border:1px solid #d2e6f2;border-radius:10px;place-items:center;width:48px;height:68px;font-family:KaiTi,STKaiti,serif;font-size:21px;transition:transform .5s,opacity .5s,color .5s,border-color .5s,box-shadow .5s;display:grid;transform:translateY(10px)scale(.94);box-shadow:0 10px 22px -16px #4d91bb80}.bazi-loading-pillars span.is-formed{color:#3e83af;opacity:1;border-color:#a8d2e9;transform:translateY(0)scale(1);box-shadow:0 13px 26px -15px #4d91bb8c}.bazi-loading-kicker{color:#83aac1;font-family:var(--font-sans);letter-spacing:.09em;font-size:10px;font-weight:600}.bazi-loading-panel h2{color:#2c5b7c;letter-spacing:-.03em;margin:11px 0 8px;font-size:25px;font-weight:620}.bazi-loading-panel p{color:#7795a9;min-height:22px;margin:0;font-size:13px}.bazi-loading-progress{gap:7px;max-width:230px;margin:26px auto 12px;display:flex}.bazi-loading-progress span{background:#dcebf4;border-radius:999px;flex:1;height:4px;transition:background .4s,box-shadow .4s}.bazi-loading-progress span.is-active{background:#6cadd1;box-shadow:0 0 10px #8dc5e091}.bazi-loading-panel>small{color:#a3b8c7;letter-spacing:.08em;font-size:11px}.bazi-loading-complete .bazi-loading-panel{animation:.45s ease-in .54s both bazi-loading-exit}@keyframes bazi-orbit{to{transform:rotate(360deg)}}@keyframes bazi-pulse{50%{opacity:.6;transform:scale(1.12)}}@keyframes bazi-loading-exit{to{opacity:0;transform:translateY(-10px)scale(.97)}}@media (max-width:900px){.bazi-people-double{grid-template-columns:1fr}.bazi-mobile-person-tabs{background:#f2f8fc;border:1px solid #dceaf3;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px;padding:5px;display:grid}.bazi-mobile-person-tabs button{color:#7897ab;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:13px}.bazi-mobile-person-tabs button.is-active{color:#367eaa;background:#fff;font-weight:620;box-shadow:0 2px 7px #4587b421}.bazi-person-inactive{display:none}}@media (max-width:650px){.bazi-container{width:min(100% - 32px,520px);padding:18px 0 80px}.bazi-hero{margin-bottom:35px}.bazi-hero h1{font-size:43px}.bazi-hero p{max-width:310px;margin-inline:auto;font-size:13px}.bazi-workspace{border-radius:21px;padding:23px 22px 25px}.bazi-workspace-intro h2{font-size:22px}.bazi-workspace-intro p{font-size:12px}.bazi-mode{gap:8px;margin:0 0 25px}.bazi-mode button{gap:7px;min-height:57px;padding:9px 10px}.bazi-mode button svg{font-size:18px}.bazi-mode button strong{font-size:15px}.bazi-mode button small{font-size:13px;display:none}.bazi-person-card{border-radius:15px;padding:20px 18px 22px}.bazi-person-fields{gap:21px}.bazi-date-selects,.bazi-daytime-selects{gap:8px}.bazi-address-field input{padding-inline:8px;font-size:16px}.bazi-field .bazi-select.MuiInputBase-root{font-size:16px}.bazi-field .bazi-select .MuiSelect-select{padding-left:10px;padding-right:36px}.bazi-field .bazi-select .MuiSelect-icon{right:9px}.bazi-submit-row{flex-direction:column-reverse;align-items:stretch;gap:11px;margin-top:20px}.bazi-submit-row button{width:100%;font-size:15px}.bazi-submit-row p{text-align:center;font-size:13px;line-height:1.8}.bazi-guide{margin-top:75px}.bazi-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:27px}.bazi-pillar-grid article{min-height:145px;padding:20px 18px}.bazi-pillar-grid h3{margin-top:14px;font-size:16px}.bazi-faq{margin-top:76px;display:block}.bazi-faq-list{margin-top:26px}.bazi-faq-list summary{padding-block:18px;font-size:14px}}@media (prefers-reduced-motion:reduce){.bazi-loading-ring,.bazi-loading-complete .bazi-loading-panel{animation:none}.bazi-loading-pillars span,.bazi-loading-progress span,.bazi-faq-list summary>span{transition:none}}@media (max-width:900px){.bazi-address-field input,.bazi-field .bazi-select.MuiInputBase-root{font-size:16px}}@media (max-width:650px){.bazi-page:lang(en) .bazi-mode{grid-template-columns:1fr}.bazi-person-card{min-width:0}}