:root{color:#24211c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Arial,sans-serif}*{box-sizing:border-box}html{background:#f3f4f2}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}.app-shell{background:#fff;flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:8px;display:flex}.header-left h1{color:#000;margin:0;font-size:17px;font-weight:600}.header-actions{gap:4px;display:flex}.bottom-nav{z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #f0f0f0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#999;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;font-size:12px;transition:all .2s;display:flex}.bottom-nav button.is-active{color:#d5b767}.bottom-nav button:disabled{opacity:.4;cursor:not-allowed}.page-content{background:#fff;flex:1;width:100%}.input-page,.history-page{padding-bottom:28px}.input-page{background:#faf8f3;padding:14px 14px 28px}.input-page .bazi-view-container{gap:14px;max-width:720px;margin:0 auto;display:grid}.analysis-mode-strip{justify-content:center;display:flex}.segmented.analysis-mode-tabs{grid-template-columns:repeat(2,56px);width:fit-content;max-width:100%}.analysis-mode-tabs button{width:100%;min-width:0;padding:0 8px}.analysis-mode-tabs button:disabled{cursor:not-allowed;color:#b5ad9c;box-shadow:none;background:0 0}.person-section{background:linear-gradient(#fff,#fbf7ed);border:1px solid #ece8df;border-radius:18px;padding:16px 16px 18px;box-shadow:0 4px 14px #463a1f0d}.person-section-head{margin-bottom:10px}.person-section-head h2{color:#6f5720;margin:0 0 2px;font-size:18px}.person-section-head p{color:#9a9385;margin:0;font-size:12px}.compatibility-person-section{background:#fff}.person-info-form{flex-direction:column;gap:12px;display:flex}.person-info-form .form-row{gap:10px;display:grid}.person-info-form .form-row-flex{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.person-info-form .form-row-flex.has-third-item,.person-info-form .birth-date-row{grid-template-columns:repeat(3,minmax(0,1fr))}.person-info-form .form-item{flex-direction:column;min-width:0;display:flex}.person-info-form .form-item label{color:#8a8378;margin-bottom:4px;font-size:12px}.form-input{box-sizing:border-box;color:#24211c;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d9d5ca;border-radius:10px;padding:8px 10px}.form-input:focus{border-color:#c39a3a;outline:none;box-shadow:0 0 0 3px #c39a3a2e}.address-trigger{text-align:left;cursor:pointer;color:#4f4a3f;justify-content:space-between;align-items:center;display:flex}.address-trigger-arrow{color:#c39a3a;font-size:12px}.checkbox-label{color:#4f4a3f;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.checkbox-input{accent-color:#c39a3a;width:16px;height:16px}.form-hint{color:#9a9385;margin:4px 0 0;font-size:12px;line-height:1.5}.compact-segmented-field .segmented.compact{width:100%}.person-info-form .status-message{margin:0}.form-actions.page-submit-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.page-submit-actions .secondary-page-button,.page-submit-actions .primary-button{border-radius:10px;width:100%;min-height:48px;margin:0;font-size:15px;font-weight:600}.secondary-page-button{color:#4f4a3f;cursor:pointer;background:#fff;border:1px solid #d9d5ca;padding:10px 16px}.secondary-page-button:hover{color:#6f5720;border-color:#c39a3a}.history-page-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-page-head h2{color:#24211c;margin:0;font-size:18px}.history-page-count{color:#9a9385;margin-left:auto;font-size:13px}.modal-backdrop{z-index:200;background:#1c181080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ece8df;border-radius:18px;flex-direction:column;gap:12px;width:min(860px,100%);max-height:90vh;padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 50px #463a1f40}.birth-place-modal-head h2{color:#6f5720;margin:0 0 4px;font-size:18px}.birth-place-modal-head p{color:#9a9385;margin:0;font-size:12.5px}.true-solar-time-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.true-solar-time-row .form-item span{color:#8a8378;margin-bottom:4px;font-size:12px}.draft-selection-tip{color:#5b554b;background:#faf7f0;border:1px solid #ece7dd;border-radius:10px;align-items:center;min-height:40px;padding:8px 10px;font-size:13px;display:flex}.birth-place-search{background:#fff;position:sticky;top:0}.birth-place-modal-body{flex:auto;min-height:280px;padding-right:4px;overflow:auto}.cascade-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:320px;display:grid}.cascade-column{background:#fff;border:1px solid #ece8df;border-radius:14px;flex-direction:column;max-height:50vh;display:flex;overflow:auto}.cascade-title{color:#6f5720;background:#faf7f0;border-bottom:1px solid #ece8df;padding:10px 12px;font-size:13px;font-weight:700;position:sticky;top:0}.cascade-item{text-align:left;cursor:pointer;color:#2e2921;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #f3efe6;padding:10px 12px}.cascade-item:hover{background:#fbf6e6}.cascade-item.active{color:#6f5720;background:#fff5cf;font-weight:700}.cascade-empty{text-align:center;color:#9a9385;padding:16px 12px;font-size:12.5px}.search-results{gap:8px;max-height:50vh;display:grid;overflow:auto}.search-result-item{text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #ece8df;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.search-result-item:hover{border-color:#c39a3a}.search-result-main{color:#24211c;font-weight:700}.search-result-sub{color:#9a9385;font-size:12.5px}.search-empty{text-align:center;color:#9a9385;padding:24px;font-size:13px}.modal-actions{flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}.modal-btn{cursor:pointer;color:#4f4a3f;background:#fff;border:1px solid #d9d5ca;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.modal-btn-primary{color:#fff;background:#c39a3a;border-color:#c39a3a}.modal-btn-primary:hover:not(:disabled){background:#a87d1f}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn-secondary:hover{color:#6f5720;border-color:#c39a3a}@media (width<=640px){.cascade-panel,.true-solar-time-row{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions .modal-btn{flex:auto;min-width:96px}.compatibility-head{align-items:flex-start}.compatibility-score{width:68px;height:68px}.compatibility-mini-charts,.compatibility-highlight-grid{grid-template-columns:1fr}}.primary-button{color:#fff;cursor:pointer;background:#d5b767;border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .2s}.primary-button:hover:not(:disabled){background:#c1a45e}.primary-button:disabled{opacity:.5;cursor:not-allowed}.status-message{color:#6b665c;background:#f9f8f5;border:1px solid #e1ded6;border-radius:6px;margin:12px 0;padding:10px 12px;font-size:13px}.history-list{background:#fff;border:1px solid #ece8df;border-radius:14px;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.history-card{background:#fff;border-bottom:1px solid #f3efe6;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.history-card:last-child{border-bottom:0}.history-card button:first-child{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.history-card strong{color:#24211c;margin-bottom:4px;font-size:15px;display:block}.history-card span{color:#999;font-size:13px}.result-page{padding:0}.result-layout{flex-direction:column;display:flex}.chart-side,.desktop-only{display:none!important}.detail-side{background:#fff;width:100%}.detail-tabs{z-index:90;background:#000;border-bottom:none;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:41px}.detail-tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 8px;font-size:14px;font-weight:400;transition:all .2s}.detail-tabs button.is-active{color:#fff;border-bottom-color:#d5b767}.detail-content{background:#fafafa;min-height:calc(100vh - 97px);padding:0}.mobile-chart{background:#fff;padding:0}@media (width>=768px){.app-shell{background:#faf9f6;height:100vh;overflow:hidden}.app-header{padding:16px 20px;box-shadow:0 1px 4px #0000000a}.header-left h1{font-size:20px}.page-content{background:0 0;flex:1;max-width:1600px;min-height:0;margin:0 auto;padding:20px;overflow:hidden}.input-page,.history-page{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.input-page::-webkit-scrollbar{width:0;height:0;display:none}.history-page::-webkit-scrollbar{width:0;height:0;display:none}.input-page{max-width:760px;margin:0 auto;padding:24px 20px 28px}.input-page .bazi-view-container{max-width:720px}.history-list{gap:0}.result-page{box-sizing:border-box;max-width:1400px;height:100%;padding:20px;overflow:hidden}.result-layout{box-sizing:border-box;grid-template-columns:minmax(320px,38%) minmax(0,1fr);gap:20px;height:100%;min-height:0;display:grid}.chart-side,.detail-side{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;height:calc(100vh - 96px);min-height:0;overflow-y:auto}.chart-side::-webkit-scrollbar{width:0;height:0;display:none}.detail-side::-webkit-scrollbar{width:0;height:0;display:none}.chart-side,.desktop-only{display:block!important}.chart-side{background:#fff;border:1px solid #e1ded6;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000000f}.chart-side .big-symbol{font-size:32px;font-weight:700}.chart-side .pillar-grid>div{padding:10px 6px;font-size:15px;line-height:1.4}.chart-side .relation-block{gap:8px;padding:12px}.chart-side .relation-block h3{font-size:14px;font-weight:600}.chart-side .relation-block p,.chart-side .relation-block ul li{font-size:13px;line-height:1.5}.detail-side{background:#fff;border:1px solid #e1ded6;border-radius:16px;box-shadow:0 4px 16px #0000000f}.detail-tabs{background:#fff;border-bottom:1px solid #e1ded6;grid-template-columns:repeat(3,1fr);position:static}.detail-tabs button{color:#6b665c;padding:16px;font-size:15px}.detail-tabs button:first-child{display:none}.detail-tabs button:hover{background:#f9f8f5}.detail-tabs button.is-active{color:#d5b767;background:#d5b7670d}.detail-content{padding:0}.mobile-chart{display:none}.pillar-board,.fortune-table,.luck-summary,.method-grid>div,.notes-panel{border:1px solid #e2dfd8;border-radius:8px}.pillar-board{margin:16px}.content-stack,.detail-layout,.notes-panel{padding:20px}.notes-panel{margin:16px}.case-hero{border-radius:8px}.error-box{margin:16px}}@media (width>=1180px){.result-layout{grid-template-columns:480px 1fr}}.file-input{display:none}.icon-button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #cdb56d59;border-radius:8px;place-items:center;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{border-color:#d7bd71;outline:none}.icon-button:disabled{cursor:not-allowed;opacity:.45}.panel-title{color:#796126;align-items:center;gap:10px;margin-bottom:4px;font-size:16px;font-weight:600;display:flex}.panel-title.small{color:#8b7332;margin-bottom:10px;font-size:15px;font-weight:600}.panel-title h2{color:#24211c;margin:0;font-size:18px}label{color:#6b665c;text-align:left;gap:6px;font-size:13px;display:grid}input,select,textarea{box-sizing:border-box;color:#24211c;width:100%;font:inherit;background:#fbfaf7;border:1px solid #d9d5ca;border-radius:7px}input,select{min-height:40px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:#ad8b3b;outline:3px solid #ad8b3b2e}.form-grid{gap:10px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.check-row{align-items:center;gap:8px;display:flex}.check-row input{width:18px;min-height:18px}.saved-case-panel{background:#f8f7f3;border:1px solid #e2dfd8;border-radius:8px;gap:10px;padding:12px;display:grid}.saved-case-head{color:#5c4a1d;justify-content:space-between;align-items:center;gap:8px;display:flex}.saved-case-head span,.empty-text,.status-message{color:#736e64;margin:0;font-size:12px}.status-message{color:#6f5720}.saved-case-list{gap:8px;display:grid}.saved-case-list article{background:#fff;border:1px solid #e6e1d7;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.saved-case-list button{cursor:pointer;font:inherit}.saved-case-list article>button:first-child{color:#28231b;text-align:left;background:0 0;border:0;gap:3px;min-width:0;padding:0;display:grid}.saved-case-list strong,.saved-case-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-case-list span{color:#766f63;font-size:12px}.glossary-list{gap:8px;display:grid}.glossary-list article{background:#fbfaf6;border:1px solid #e6e1d7;border-radius:8px;gap:5px;padding:10px;display:grid}.glossary-list article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.glossary-list strong{color:#2c261a;font-size:14px}.glossary-list span{color:#8a6b1e;flex:none;font-size:12px}.glossary-list p,.glossary-list small{color:#625b50;margin:0;font-size:12px;line-height:1.55}.glossary-list small{color:#7b7469}.danger-link{color:#8d241f;background:#fff5f3;border:1px solid #efccc6;border-radius:6px;padding:6px 8px}.segmented{background:#f0eee8;border:1px solid #e0dace;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button,.tab-bar button,.cycle-strip button{color:#3f3a31;cursor:pointer;min-height:38px;font:inherit;background:0 0;border:0;border-radius:6px}.segmented button.is-active,.cycle-strip button.is-active{color:#16130c;background:#fff;box-shadow:0 1px 4px #463a1f1f}.tab-bar{z-index:10;background:#080806;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab-bar button{color:#f1eee6;border-bottom:2px solid #0000;border-radius:0;min-height:54px}.tab-bar button.is-active{color:#d5b767;border-bottom-color:#d5b767}.content-stack,.detail-layout,.notes-panel{gap:14px;padding:0;display:grid}.case-hero{color:#efe6c9;background:#1b1913;border-radius:0;justify-items:center;gap:8px;margin:0;padding:22px 16px;display:grid}.case-hero h2,.case-hero p{margin:0}.case-hero h2{color:#f7edc9;font-size:22px}.seal{color:#d8bc70;border:2px solid #a98e48;border-radius:50%;place-items:center;width:68px;height:68px;font-size:28px;font-weight:700;display:grid}.info-table{border:1px solid #e2dfd8;border-radius:8px;overflow:hidden}.info-row{background:#fff;grid-template-columns:88px 1fr 88px 1fr;align-items:center;min-height:44px;display:grid}.info-row:nth-child(2n){background:#f1f2f0}.info-row span,.info-row strong{text-align:left;overflow-wrap:anywhere;min-width:0;padding:10px 12px;font-size:14px}.info-row span{color:#777168;font-weight:500}.info-row strong{color:#27231b;font-weight:560}.assist-box,.element-card,.pillar-board{border:none;border-radius:0;margin:0;overflow:hidden}.pillar-board,.fortune-table,.luck-summary,.method-grid>div,.notes-panel{background:#fff;border:none;border-radius:0}.assist-title{color:#6d5a27;background:#f1f2f0;border-bottom:1px solid #e2dfd8;padding:10px 12px;font-weight:650}.assist-grid{color:#555046;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.element-card{padding:12px}.element-bars{gap:12px;padding:14px 4px 4px;display:grid}.element-row{grid-template-columns:32px minmax(80px,1fr) 52px 58px;align-items:center;gap:10px;display:grid}.element-row span,.element-row strong,.element-row small{font-weight:650}.bar-track{background:#f0efec;border-radius:999px;height:12px;overflow:hidden}.bar-track i{border-radius:inherit;height:100%;display:block}.pillar-grid{grid-template-columns:72px repeat(4,minmax(0,1fr));min-height:54px;display:grid}.pillar-grid:nth-child(odd){background:#f5f6f4}.pillar-grid>div{white-space:pre-line;text-align:center;border-bottom:1px solid #e6e2da;place-items:center;padding:8px 4px;font-size:14px;line-height:1.3;display:grid}.pillar-grid.header-row{color:#6f5d2a;background:#f1ecdf;min-height:44px;font-weight:650}.row-label{color:#777168}.big-symbol{font-size:clamp(26px,4vw,38px);font-weight:700}.day-column{background:#d5b7671f}.relation-block{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.relation-block>section{background:#d5b7670f;border:1px solid #ece7dd;border-radius:10px;grid-template-columns:72px 1fr;align-items:baseline;gap:8px 12px;padding:8px 10px;display:grid}.relation-block h3,.method-grid h3,.fortune-head h2{color:#2a251a;margin:0;font-size:14px;font-weight:600}.relation-block p{color:#5b554b;margin:0;font-size:13px;line-height:1.5}.relation-block .relation-empty{color:#9a948a}.relation-block ul{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.relation-block ul li{color:#4f493f;background:#fff;border:1px solid #e6e2da;border-radius:999px;padding:2px 8px;font-size:13px;line-height:1.5}.compact-list{color:#5b554b;text-align:left;gap:8px;margin:0;padding-left:18px;font-size:14px;display:grid}.luck-summary{color:#4f493f;gap:8px;padding:14px;display:grid}.luck-summary p,.method-grid p{margin:0}.mini-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mini-list li{border-bottom:1px solid #ece7dd;gap:4px;padding:8px 0;display:grid}.mini-list li:last-child{border-bottom:0}.mini-list strong{color:#6f5720;font-size:14px}.mini-list span{color:#5b554b;font-size:13px;line-height:1.55}.cycle-strip{grid-template-columns:repeat(5,minmax(88px,1fr));gap:8px;display:grid;overflow-x:auto}.cycle-strip button{background:#f2f0ea;border:1px solid #e2dfd8;justify-items:center;gap:4px;min-width:88px;min-height:76px;padding:10px;display:grid}.cycle-strip strong{color:#705821;font-size:18px}.cycle-strip span,.cycle-strip small{color:#6f695f}.fortune-table{overflow:hidden}.fortune-head{color:#75602b;background:#f1ecdf;border-bottom:1px solid #e2dfd8;justify-content:space-between;gap:12px;padding:14px;display:flex}.year-grid,.month-grid,.day-grid,.hour-grid{grid-template-columns:repeat(10,minmax(72px,1fr));display:grid;overflow-x:auto}.month-grid{grid-template-columns:repeat(12,minmax(76px,1fr))}.day-grid{grid-template-columns:repeat(31,minmax(72px,1fr))}.hour-grid{grid-template-columns:repeat(13,minmax(72px,1fr))}.year-grid button,.month-grid button,.day-grid button,.hour-grid button{cursor:pointer;min-width:72px;font:inherit;background:#fff;border:0;border-right:1px solid #e7e2d8;justify-items:center;gap:5px;padding:12px 8px;display:grid}.month-grid button{min-width:76px}.day-grid button,.hour-grid button{min-width:72px}.year-grid button.is-active,.month-grid button.is-active,.day-grid button.is-active,.hour-grid button.is-active{background:#fff7da}.year-grid strong,.month-grid strong,.day-grid strong,.hour-grid strong{color:#2e2921;font-size:20px}.year-grid span,.year-grid small,.year-grid em,.month-grid span,.month-grid small,.month-grid em,.day-grid span,.day-grid small,.day-grid em,.hour-grid span,.hour-grid small,.hour-grid em{color:#70695f;font-size:12px;font-style:normal}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.transit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.method-grid>div,.transit-grid>section{color:#595247;background:#fff;border:1px solid #e2dfd8;border-radius:8px;padding:14px}.transit-grid h3{color:#2a251a;margin:0 0 10px;font-size:17px}.timeline-hero{color:#f5ecd1;background:#1a1812;border-radius:8px;grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.timeline-hero span{color:#d1b365;font-size:13px}.timeline-hero h2,.timeline-hero p{margin:0}.timeline-hero h2{color:#fff8dd;font-size:24px;line-height:1.2}.timeline-hero p{color:#e8ddbe;line-height:1.55}.timeline-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.timeline-path-node{background:#fff;border:1px solid #e2dfd8;border-left:4px solid #b9994b;border-radius:8px;gap:4px;padding:12px;display:grid}.timeline-path-node span,.timeline-path-node small{color:#746b5d;font-size:12px}.timeline-path-node strong{color:#2e2921;font-size:21px}.timeline-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.timeline-focus-grid article{background:#fff;border:1px solid #e2dfd8;border-radius:8px;gap:10px;padding:14px;display:grid}.timeline-focus-grid article>div:first-child{gap:4px;display:grid}.timeline-focus-grid span,.timeline-focus-grid dt{color:#7b6b49;font-size:12px}.timeline-focus-grid strong{color:#2a251a}.timeline-focus-grid p{color:#5a5348;margin:0;line-height:1.55}.timeline-focus-grid dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.timeline-focus-grid dl div{background:#f8f7f3;border-radius:7px;gap:2px;padding:8px;display:grid}.timeline-focus-grid dd{color:#2f2a21;margin:0;font-weight:700}.is-favorable{border-left-color:#3f8c56}.is-pressure{border-left-color:#b94b42}.is-mixed{border-left-color:#b9994b}.is-neutral{border-left-color:#7d8791}.transit-group{border-top:1px solid #ece7dd;gap:5px;padding:8px 0;display:grid}.transit-group strong{color:#6f5720;font-size:13px}.transit-group ul{color:#5b554b;gap:5px;margin:0;padding-left:18px;font-size:13px;display:grid}.notes-panel{gap:14px;margin:0;display:grid}textarea{resize:vertical;min-height:180px;padding:12px}.note-editor{gap:12px;display:grid}.comparison-panel{background:#fffdf8;border:1px solid #e4ddcf;border-radius:8px;gap:12px;padding:12px;display:grid}.compact-textarea{min-height:72px}.review-panel{background:#f8f7f3;border:1px solid #e4ddcf;border-radius:8px;gap:12px;padding:12px;display:grid}.review-head{gap:4px;display:grid}.review-head strong{color:#2a251a;font-size:16px}.review-head span{color:#635b4d;font-size:13px;line-height:1.6}.review-metrics{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:8px;display:grid}.review-metrics div{background:#fff;border-left:3px solid #b9994b;gap:4px;min-width:0;padding:10px;display:grid}.review-metrics span{color:#7b7061;font-size:12px}.review-metrics strong{color:#2b261d;font-size:19px}.review-bars{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.review-group{gap:8px;display:grid}.review-group>strong{color:#6d5a27;font-size:13px}.review-bar{gap:5px;display:grid}.review-bar div{color:#4f493f;justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px;display:flex}.review-bar em{color:#8a7336;text-align:right;font-style:normal}.review-track{background:#ebe5d7;border-radius:999px;height:7px;overflow:hidden}.review-track i{border-radius:inherit;background:#b9994b;height:100%;display:block}.note-actions,.note-filter,.note-tags,.prompt-actions{flex-wrap:wrap;gap:8px;display:flex}.note-actions button,.note-filter button,.prompt-actions button{color:#4d4438;cursor:pointer;min-height:34px;font:inherit;background:#f7f4ec;border:1px solid #ded6c7;border-radius:7px;padding:7px 10px}.note-actions .primary-action,.note-filter button.is-active,.prompt-actions .primary-action{color:#15120c;background:#ead48f;border-color:#d2b35a}.compact-actions{margin-top:4px}.note-meta{flex-wrap:wrap;gap:8px;display:flex}.note-meta span{color:#6b5727;background:#f3edda;border-radius:999px;padding:6px 10px;font-size:13px}.note-timeline article,.comparison-list article{background:#f8f7f3;border-left:3px solid #b9994b;gap:6px;margin-top:10px;padding:12px;display:grid}.note-timeline time,.comparison-list time{color:#8b6e2d;font-weight:700}.note-timeline p{color:#555046;white-space:pre-line;margin:0}.comparison-list dl{gap:8px;margin:0;display:grid}.comparison-list dl div{gap:4px;min-width:0;display:grid}.comparison-list dt{color:#876c2c;font-size:13px;font-weight:700}.comparison-list dd{color:#555046;overflow-wrap:anywhere;white-space:pre-line;margin:0}.note-tags span{color:#4e5d38;background:#eef3e5;border-radius:999px;padding:4px 8px;font-size:12px}.profile-mark{background:#161411;border-radius:8px;justify-items:center;gap:8px;padding:18px;display:grid}.profile-mark span{color:#d4b66b;border:1px solid #a98e48;border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;font-weight:760;display:grid}.profile-mark strong{color:#f7edc9;font-size:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-grid div{background:#f7f6f2;border:1px solid #e2dfd8;border-radius:8px;gap:4px;padding:12px;display:grid}.stat-grid span,.stat-grid small,.muted{color:#736e64}.stat-grid strong,.major-cycle{color:#2b261e;margin:0;font-size:24px;font-weight:760}.side-section{border-top:1px solid #e2dfd8;padding:14px 0 0}.prompt-tool,.rule-tool{gap:10px;display:grid}.rule-summary{background:#f8f7f3;border:1px solid #e2dfd8;border-radius:8px;gap:4px;padding:10px;display:grid}.rule-summary strong{color:#2b261e;overflow-wrap:anywhere;font-size:15px}.rule-summary span{color:#736e64;font-size:12px}.rule-list li{overflow-wrap:anywhere}.prompt-tool label{gap:5px}.prompt-scope{color:#6f5720;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.error-box{color:#8d241f;background:#fff1ee;border:1px solid #f0c5bd;border-radius:8px;margin:0;padding:14px 16px}.wuxing-木{color:#2b9b4b}.wuxing-木.bar-track i,.bar-track i.wuxing-木{background:#2b9b4b}.wuxing-火{color:#cf1f1f}.wuxing-火.bar-track i,.bar-track i.wuxing-火{background:#cf1f1f}.wuxing-土{color:#9b7a13}.wuxing-土.bar-track i,.bar-track i.wuxing-土{background:#9b7a13}.wuxing-金{color:#d49215}.wuxing-金.bar-track i,.bar-track i.wuxing-金{background:#d49215}.wuxing-水{color:#2a82d7}.wuxing-水.bar-track i,.bar-track i.wuxing-水{background:#2a82d7}@media (width<=1180px){.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.insight-panel{grid-column:1/-1;grid-template-columns:220px 1fr 1fr 1fr;align-items:start;display:grid}}@media (width<=820px){.app-header{grid-template-columns:40px 1fr auto;gap:8px;padding-inline:10px}.app-header>div:not(.header-actions){min-width:0}.app-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.header-actions{gap:4px}.icon-button{width:36px;height:36px}.tab-bar button{padding-inline:4px;font-size:13px}.workspace{grid-template-columns:minmax(0,1fr);gap:0;width:min(100%,640px);margin:0 auto}.input-panel,.chart-panel,.insight-panel{border-left:0;border-right:0;border-radius:0}.info-row{grid-template-columns:82px 1fr}.info-row span:nth-of-type(2),.info-row strong:nth-of-type(2){border-top:1px solid #0000000a}.assist-grid,.boundary-head,.method-grid,.transit-grid,.timeline-hero,.timeline-path,.timeline-focus-grid,.relation-block,.form-grid.two,.form-grid.three,.form-grid.four,.form-grid.five,.review-metrics,.review-bars,.insight-panel{grid-template-columns:1fr}.pillar-grid{grid-template-columns:58px repeat(4,minmax(58px,1fr));min-height:50px}.pillar-grid>div{padding:7px 4px;font-size:13px}.big-symbol{font-size:28px}.cycle-strip{grid-template-columns:repeat(10,96px)}.year-grid{grid-template-columns:repeat(10,78px)}.month-grid{grid-template-columns:repeat(12,82px)}.day-grid{grid-template-columns:repeat(31,76px)}.hour-grid{grid-template-columns:repeat(13,80px)}}.main-tab-bar{z-index:15;background:#0d0c0a;border-bottom:1px solid #3a3428;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:sticky;top:72px}.main-tab-bar button{color:#d4c9a8;cursor:pointer;min-height:48px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:14px;transition:all .15s}.main-tab-bar button:hover{color:#e7dcc0;background:#fffae60d}.main-tab-bar button.is-active{color:#f4e6b8;background:#d5b76714;border-bottom-color:#d5b767}.input-container{gap:18px;display:grid}.input-section{background:#fff;border:1px solid #e1ded6;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.primary-button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#3c5a78;border:0;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:550;transition:background .15s}.primary-button:hover{background:#2e4760}.primary-button:disabled{cursor:not-allowed;opacity:.5}.desktop-layout{display:none}@media (width>=768px){.desktop-layout{grid-template-columns:minmax(500px,1fr) minmax(360px,420px);gap:18px;width:min(1400px,100% - 28px);margin:18px auto;display:grid}.mobile-layout{display:none}}.chart-main{background:#fff;border:1px solid #e1ded6;border-radius:8px;overflow:hidden}.chart-side{background:#fff;border:1px solid #e1ded6;border-radius:8px;flex-direction:column;display:flex}.side-tab-bar{background:#f8f7f3;border-bottom:1px solid #e2dfd8;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.side-tab-bar button{color:#524a36;cursor:pointer;min-height:42px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px;font-size:13px;transition:all .15s}.side-tab-bar button:hover{color:#3c3420;background:#00000005}.side-tab-bar button.is-active{color:#2c261a;background:#fff;border-bottom-color:#c1a45e}.side-content{max-height:calc(100vh - 180px);overflow-y:auto}.mobile-layout{width:100%;display:block}.error-box{color:#8d241f;text-align:center;background:#fff5f3;border:1px solid #efccc6;border-radius:8px;margin:18px;padding:20px}.pro-detail{gap:10px;display:grid}.pro-pillar-table{background:#fff;border:1px solid #e2dfd8;border-radius:8px;overflow-x:auto}.pro-row{background:#fff;border-bottom:1px solid #ece7dd;grid-template-columns:56px repeat(9,minmax(52px,1fr));min-width:560px;display:grid}.pro-row:last-child{border-bottom:0}.pro-row--head{color:#6f5720;background:#f6f2e7}.pro-cell{text-align:center;color:#2e2921;border-left:1px solid #f1ede4;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;font-size:13px;line-height:1.3;display:flex}.pro-cell:first-child{border-left:0}.pro-cell--label{color:#8b7a4b;background:#faf7f0;font-size:12px;font-weight:500}.pro-cell--head{color:#6f5720;background:#f6f2e7;font-size:12px}.pro-cell--head strong{font-size:13px;font-weight:600}.pro-cell--head small{color:#8b7a4b;font-size:10px}.pro-cell--tg{color:#6b6457;padding:3px 2px;font-size:12px}.pro-cell--big{padding:4px 2px;font-size:22px;font-weight:700;line-height:1.05}.pro-cell--big.wuxing-木{color:#2b9b4b}.pro-cell--big.wuxing-火{color:#cf1f1f}.pro-cell--big.wuxing-土{color:#9b7a13}.pro-cell--big.wuxing-金{color:#d49215}.pro-cell--big.wuxing-水{color:#2a82d7}.pro-cell--mini{color:#6b6457;padding:3px 2px;font-size:11px;line-height:1.2}.pro-cell--stack{color:#5b554b;justify-content:flex-start;align-items:stretch;gap:1px;padding:5px 2px;font-size:11px;line-height:1.2}.pro-cell--stack span{align-items:baseline;gap:1px;display:inline-flex}.pro-cell--stack em{color:#8b8377;font-size:10px;font-style:normal}.pro-cell--ss span{color:#5b554b;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-size:clamp(8.5px,20cqw,10.5px);display:block}.pro-cell--ss{container-type:inline-size}.pro-empty{color:#b5ad9c}.pro-luck-meta{color:#5b554b;background:#faf7f0;border:1px solid #ece7dd;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 10px;font-size:12.5px;display:flex}.pro-today-button{color:#fff;cursor:pointer;background:#8b6f25;border:0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:24px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.pro-today-button:hover{background:#6f5720}.pro-luck-row{background:#fff;border:1px solid #e2dfd8;border-radius:6px;grid-template-columns:36px 1fr;align-items:stretch;display:grid;overflow:hidden}.pro-luck-title{color:#8b6f25;background:#f4eed8;border-right:1px solid #e2dfd8;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;font-weight:600;display:flex}.pro-luck-scroll{scrollbar-width:thin;gap:0;display:flex;overflow-x:auto}.pro-luck-chip{cursor:pointer;min-width:52px;font:inherit;background:#fff;border:0;border-right:1px solid #efeadd;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:4px 6px;line-height:1.15;display:flex}.pro-luck-chip:last-child{border-right:0}.pro-luck-chip.is-active{background:#fff5cf}.pro-luck-tiny{color:#756c5d;font-size:10.5px}.pro-luck-gan,.pro-luck-zhi{font-size:16px;font-weight:700}.pro-summary-chips{background:#fffdf7;border:1px solid #ece7dd;border-radius:6px;flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.pro-summary-chip{background:#f4f0e6;border:1px solid #e6dfca;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;line-height:1.4;display:inline-flex}.pro-summary-chip-label{color:#8b7a4b;font-size:11px;font-weight:600}.pro-summary-chip-value{color:#2e2921;font-weight:600}.compatibility-panel{background:#fff;border:1px solid #ece8df;border-radius:18px;gap:12px;padding:16px;display:grid;box-shadow:0 4px 14px #463a1f0d}.compatibility-panel-empty{color:#6b665c}.compatibility-panel-empty h2,.compatibility-panel-empty p{margin:0}.compatibility-panel-empty h2{color:#6f5720;font-size:18px}.compatibility-panel-empty p{font-size:13px;line-height:1.6}.compatibility-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.compatibility-head h2,.compatibility-head p{margin:0}.compatibility-head h2{color:#6f5720;font-size:18px}.compatibility-head p{color:#9a9385;margin-top:3px;font-size:12px}.compatibility-score{color:#6f5720;background:#fffaf0;border:1px solid #d6bf76;border-radius:50%;flex:none;place-items:center;width:78px;height:78px;display:grid}.compatibility-score strong{font-size:25px;line-height:1}.compatibility-score span{font-size:12px}.compatibility-summary-text{color:#3f3a31;margin:0;font-size:14px;line-height:1.7}.compatibility-mini-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mini-compatibility-chart{background:#faf8f3;border:1px solid #eee7d8;border-radius:10px;gap:10px;min-width:0;padding:12px;display:grid}.mini-compatibility-chart>div:first-child{gap:2px;display:grid}.mini-compatibility-chart strong{color:#24211c;font-size:14px}.mini-compatibility-chart span{color:#8a8378;font-size:12px}.mini-pillar-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mini-pillar-row span{background:#fff;border:1px solid #ece8df;border-radius:8px;justify-items:center;gap:2px;min-width:0;padding:6px 4px;display:grid}.mini-pillar-row em{color:#9a9385;font-size:11px;font-style:normal}.mini-pillar-row b{font-size:19px;line-height:1.1}.compatibility-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compatibility-highlight{background:#fbfaf7;border:1px solid #e6e1d7;border-radius:10px;min-width:0;padding:12px}.compatibility-highlight.is-good{background:#fbfff5;border-color:#c9d8b0}.compatibility-highlight.is-watch{background:#fff8f5;border-color:#e4c1b6}.compatibility-highlight span{color:#8a6b1e;font-size:12px;font-weight:700}.compatibility-highlight p{color:#3f3a31;margin:5px 0 0;font-size:13px;line-height:1.65}.compatibility-advice-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.compatibility-advice-list li{color:#4f4a3f;border-left:3px solid #d5b767;padding-left:12px;font-size:13px;line-height:1.6}.pro-summary-chip-elements{align-items:center;gap:2px;display:inline-flex}.pro-summary-chip-separator{color:#b7ae9a;font-weight:500}.pro-summary-chip-value.is-favorable{color:#2b9b4b}.pro-summary-chip-value.is-unfavorable{color:#cf1f1f}.pro-element-strip{flex-wrap:wrap;gap:6px;padding:2px 0;display:flex}.pro-element-chip{background:#f4f0e6;border:1px solid #e6dfca;border-radius:999px;align-items:center;padding:3px 12px;font-size:13px;font-weight:600;display:inline-flex}.pro-rel-label{color:#6f5720;white-space:nowrap;background:#f1ecdf;border-radius:999px;justify-content:center;align-items:center;padding:1px 8px;font-size:11.5px;display:inline-flex}.pro-rel-chips{color:#4f493f;flex-wrap:wrap;gap:4px 8px;font-size:12.5px;line-height:1.5;display:flex}.pro-rel-chips em{color:#5b554b;font-style:normal}.pro-shensha-row .pro-rel-chips{grid-template-columns:1fr;justify-items:start;gap:2px;display:grid}.pro-shensha-row .pro-rel-chips em{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.pro-shensha-block{background:#fff;border:1px solid #e2dfd8;border-radius:6px;gap:6px;padding:10px;display:grid}.pro-shensha-title{color:#2e2921;border-bottom:1px solid #ece7dd;margin:4px 0 2px;padding-bottom:4px;font-size:14px;font-weight:600}.pro-shensha-title:first-child{margin-top:0}.pro-shensha-rows{gap:3px;display:grid}.pro-shensha-row{border-radius:4px;grid-template-columns:56px 1fr;align-items:start;column-gap:10px;padding:2px 4px;display:grid}.pro-shensha-row.is-active{background:#fff5cf}.pro-deep{background:#fff;border:1px solid #e2dfd8;border-radius:6px;margin-top:6px;overflow:hidden}.pro-deep>summary{color:#6f5720;cursor:pointer;background:#faf7f0;padding:10px 14px;font-size:14px;font-weight:600;list-style:none}.pro-deep>summary::-webkit-details-marker{display:none}.pro-deep>summary:before{content:"▸";color:#b9994b;width:14px;transition:transform .15s;display:inline-block}.pro-deep[open]>summary:before{content:"▾"}.pro-deep-body{gap:10px;padding:10px;display:grid}.pro-section{background:#fff;border:1px solid #e2dfd8;border-radius:8px;gap:10px;padding:12px 14px;display:grid}.pro-section--plain{background:#fffdf8}.pro-section-title{color:#2e2921;border-bottom:1px solid #ece7dd;margin:0;padding-bottom:6px;font-size:14px;font-weight:700}.pro-sub-section{border-top:1px solid #f0ebe1;gap:6px;padding:8px 0;display:grid}.pro-sub-section:first-of-type{border-top:0}.pro-sub-section-title{color:#6f5720;margin:0;font-size:13.5px;font-weight:700}.pro-sub-section-body{gap:6px;display:grid}.pro-list{color:#3a342a;grid-template-columns:96px minmax(0,1fr);gap:5px 12px;margin:0;font-size:12.5px;line-height:1.55;display:grid}.pro-list-label{color:#8b7a4b;word-break:keep-all;margin:0;font-weight:600}.pro-list-value{color:#4f493f;min-width:0;margin:0}.pro-sub-details{background:#fffdf8;border:1px solid #ece7dd;border-radius:6px;overflow:hidden}.pro-sub-details>summary{color:#4f493f;cursor:pointer;background:#faf7f0;align-items:center;gap:8px;padding:8px 10px;list-style:none;display:flex}.pro-sub-details>summary::-webkit-details-marker{display:none}.pro-sub-details>summary:before{content:"▸";color:#b9994b}.pro-sub-details[open]>summary:before{content:"▾"}.pro-sub-details>summary strong{color:#2e2921;font-size:15px}.pro-sub-details>summary em{color:#766d5e;font-size:12px;font-style:normal}.pro-sub-details-tag{color:#6f5720;background:#f1ecdf;border-radius:999px;justify-content:center;align-items:center;padding:1px 8px;font-size:12px;font-weight:600;display:inline-flex}.pro-sub-details-body{background:#fff;gap:8px;padding:8px 10px;display:grid}.pro-day-grid{background:#faf7f0;border:1px solid #ece7dd;border-radius:6px;grid-template-columns:repeat(8,minmax(54px,1fr));gap:4px;max-height:180px;padding:6px;display:grid;overflow-y:auto}.pro-day-chip{cursor:pointer;font:inherit;text-align:center;background:#fff;border:1px solid #efeadd;border-radius:4px;gap:1px;padding:5px 4px;display:grid}.pro-day-chip.is-active{background:#fff5cf;border-color:#d8bd63}.pro-day-chip span,.pro-day-chip em{color:#756c5d;font-size:10px;font-style:normal}.pro-day-chip strong{color:#2e2921;font-size:14px}.pro-section .transit-group{gap:4px;margin:0;display:grid}.pro-section .transit-group strong{color:#8b7a4b;font-size:12.5px}.pro-section .transit-group ul{color:#4f493f;gap:3px;margin:0;padding-left:16px;font-size:12.5px;line-height:1.5;display:grid}.pro-section .transit-group+.transit-group{border-top:1px solid #f0ebe1;padding-top:6px}.pro-section .transit-group h3,.pro-section>section>h3{display:none}@media (width<=640px){.pro-list{grid-template-columns:1fr;gap:2px}.pro-list-label{font-size:12px}.pro-list-value{border-bottom:1px solid #f4efe5;padding-bottom:4px}.pro-day-grid{grid-template-columns:repeat(5,minmax(48px,1fr))}.pro-row{grid-template-columns:44px repeat(9,minmax(44px,1fr));min-width:440px}.pro-cell{padding:3px 2px;font-size:12px}.pro-cell--big{font-size:18px}.pro-cell--mini,.pro-cell--stack,.pro-cell--ss span{font-size:10px}.pro-cell--ss span{font-size:clamp(7.5px,19cqw,8.8px);line-height:1.12}.pro-cell--label{font-size:11px}.pro-luck-chip{min-width:44px;padding:3px 4px}.pro-luck-gan,.pro-luck-zhi{font-size:14px}.pro-shensha-row{grid-template-columns:48px 1fr}}