*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#292722;background:radial-gradient(circle at 0 0,#fffdf8 0,#f8f5ed 48%,#f3f0e8 100%);min-height:100vh;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:10px 12px 12px;display:flex}.main-card{background:#ffffffeb;border:1px solid #ebe3d2;border-radius:13px;width:1100px;max-width:100%;padding:10px 14px 12px;box-shadow:0 7px 28px #5a482613}.top-bar{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;min-height:38px;padding:0 5px 8px;display:flex}.person-info{align-items:center;gap:11px;display:flex}.person-icon{color:#fffdf5;background:linear-gradient(135deg,#c7a45f,#a78342);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;display:flex}.person-name{color:#4e3f29;font-size:16px;font-weight:600}.birth-info{color:#706b62;align-items:center;gap:16px;font-size:13px;display:flex}.birth-item{align-items:center;gap:6px;display:flex}.birth-icon{color:#ae8c51;font-size:15px}.birth-divider{background:#e3dccf;width:1px;height:18px}.settings-bar{align-items:center;gap:14px;height:38px;padding:0 5px;display:flex}.calendar-tabs{background:#f7f3ea;border-radius:20px;align-items:center;width:235px;height:29px;padding:2px;display:flex;box-shadow:inset 0 0 0 1px #eee7da}.calendar-tab{color:#665e52;border-radius:14px;flex:1;justify-content:center;align-items:center;height:25px;font-size:12px;display:flex}.calendar-tab.active{color:#fff;background:linear-gradient(135deg,#c5a362,#ae8b4e);box-shadow:0 2px 5px #a6824233}.settings-divider{background:#e6dfd2;width:1px;height:20px}.setting-item{color:#625d55;cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.setting-item input{appearance:none;cursor:pointer;background:#fff;border:1px solid #cfc8ba;border-radius:3px;width:14px;height:14px;margin:0;position:relative}.setting-item input:checked{background:#b4965b;border-color:#b4965b}.setting-item input:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:-3px;left:1px}.save-button{color:#fff;background:linear-gradient(135deg,#c3a061,#aa8647);border-radius:14px;margin-left:auto;padding:5px 15px;font-size:12px}.bazi-table{background:#fffefaf7;border:1px solid #e4dbc9;border-radius:8px;width:100%;overflow:hidden}.table-row{border-bottom:1px solid #ece6dc;grid-template-columns:62px repeat(4,1fr);min-height:38px;display:grid}.table-row:last-child,.last-row{border-bottom:none}.row-title{color:#928b80;justify-content:center;align-items:center;font-size:12px;display:flex}.header-row{background:linear-gradient(90deg,#faf7ef,#fffdf8,#faf7ef);min-height:36px}.column-title{color:#514a40;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.table-cell{text-align:center;border-left:1px solid #f0ebe3;justify-content:center;align-items:center;display:flex}.star-row{min-height:34px}.star-name{color:#33302b;letter-spacing:1px;font-size:12.5px}.tiangan-row{min-height:66px}.stem-box{justify-content:center;align-items:center;padding-right:20px;display:inline-flex;position:relative}.stem-character{font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:36px;font-weight:500;line-height:1}.element-mini{opacity:.9;font-size:10px;font-weight:500;line-height:1;position:absolute;bottom:2px;right:0}.dizhi-row{min-height:62px}.branch-box{justify-content:center;align-items:center;padding-right:20px;display:inline-flex;position:relative}.branch-character{font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:33px;font-weight:500;line-height:1}.hidden-row{background:#fcfaf6a6;min-height:70px}.hidden-cell{flex-direction:column;gap:1px;padding:5px 3px}.hidden-item{white-space:nowrap;font-size:12px;line-height:1.3}.hidden-character{font-weight:500}.hidden-god{opacity:.9;font-size:10.5px}.cycle-name{color:#3d3a35;letter-spacing:1px;font-size:12.5px}.kongwang-row{background:#fcfaf6a6;min-height:34px}.kongwang-cell{padding:4px 3px}.kongwang-branches{letter-spacing:1px;color:#3d3a35;font-size:13px;line-height:1.2}.nayin-row{min-height:34px}.nayin-name{letter-spacing:1px;font-size:13px}.shensha-row{min-height:34px}.shensha-cell{flex-direction:column;gap:0;padding:4px 6px}.shensha-item{color:#3d3a35;text-align:center;white-space:nowrap;cursor:default;font-size:11px;line-height:1.25}.content-row{align-items:flex-start;gap:14px;display:flex}.content-row .bazi-table{flex:1;min-width:0}.wuxing-panel{background:#fffefaf7;border:1px solid #e4dbc9;border-radius:8px;flex-shrink:0;width:236px;padding:10px 12px 9px}.panel-title{color:#928b80;text-align:center;border-bottom:1px solid #eee8dc;margin-bottom:4px;padding-bottom:7px;font-size:12px}.wuxing-pie{width:152px;height:152px;margin:10px auto 13px;display:block}.pie-slice{stroke:#fffdfa;stroke-width:.5px;transition:opacity .15s}.pie-slice:hover{opacity:.78}.wuxing-legend{flex-direction:column;gap:5px;display:flex}.legend-row{cursor:default;align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:9px;height:9px}.legend-name{flex-shrink:0;width:14px;font-size:12px}.legend-bar{background:#f1ece1;border-radius:3px;flex:1;min-width:0;height:6px;overflow:hidden}.legend-bar-fill{border-radius:3px;height:100%;display:block}.legend-percent{color:#6d665b;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:38px;font-size:11px}.wuxing-wood{color:#3e9c57}.wuxing-fire{color:#e55235}.wuxing-earth{color:#96682a}.wuxing-metal{color:#e0a800}.wuxing-water{color:#3487df}.wuxing-fill-wood{fill:#3e9c57;background-color:#3e9c57}.wuxing-fill-fire{fill:#e55235;background-color:#e55235}.wuxing-fill-earth{fill:#96682a;background-color:#96682a}.wuxing-fill-metal{fill:#e0a800;background-color:#e0a800}.wuxing-fill-water{fill:#3487df;background-color:#3487df}@media (max-width:1080px){.content-row{flex-direction:column}.wuxing-panel{grid-template-columns:auto 1fr;grid-template-areas:"title title""pie legend";align-items:center;gap:0 18px;width:100%;display:grid}.panel-title{grid-area:title}.wuxing-pie{grid-area:pie;margin:9px 0}.wuxing-legend{grid-area:legend;max-width:430px}}@media (max-width:760px){.page{padding:8px 4px 20px}.main-card{border-radius:8px;padding:14px 5px 16px}.top-bar{padding-left:3px;padding-right:3px}.birth-info{display:none}.person-name{font-size:17px}.settings-bar{white-space:nowrap;gap:7px;overflow-x:auto}.calendar-tabs{width:210px;min-width:210px}.settings-divider{display:none}.setting-item{font-size:11px}.save-button{display:none}.table-row{grid-template-columns:48px repeat(4,1fr)}.row-title{font-size:11px}.column-title{font-size:13px}.tiangan-row{min-height:78px}.dizhi-row{min-height:75px}.stem-character{font-size:39px}.branch-character{font-size:37px}.element-mini{font-size:10px;bottom:0;right:-1px}.hidden-row{min-height:105px}.hidden-item{font-size:11px}.hidden-god{font-size:10px}.cycle-name{font-size:12px}.kongwang-row{min-height:44px}.kongwang-branches{letter-spacing:2px;font-size:15px}.nayin-name{letter-spacing:0;font-size:12px}.shensha-row{min-height:56px}.shensha-cell{padding:6px 3px}.shensha-item{white-space:normal;text-align:left;font-size:11px}}.page-inner{flex-direction:column;gap:14px;width:620px;max-width:100%;display:flex}.form-card{background:#ffffffeb;border:1px solid #ebe3d2;border-radius:13px;padding:20px 26px 24px;box-shadow:0 7px 28px #5a482613}.form-row{grid-template-columns:88px 1fr;align-items:center;gap:12px;margin-bottom:14px;display:grid}.form-row .label{color:#6d665b;font-size:14px}.text-input{color:#292722;background:#fffefb;border:1px solid #e4dbc9;border-radius:6px;outline:none;width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:#c5a362;box-shadow:0 0 0 3px #c5a36224}.text-input::placeholder{color:#b6aea2}.gender-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.gender-line .calendar-tabs{flex-shrink:0;width:216px;height:29px}.gender-group{align-items:center;gap:22px;display:flex}.options-row{align-items:center;margin-bottom:10px}.option-checks{align-items:center;gap:20px;display:flex}.gender-group label{color:#4e4a43;cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.gender-group input{appearance:none;cursor:pointer;background:#fff;border:1px solid #cfc8ba;border-radius:50%;width:15px;height:15px;margin:0;position:relative}.gender-group input:checked{background:#b4965b;border-color:#b4965b}.gender-group input:checked:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:4px}.coord-group{align-items:center;gap:16px;display:flex}.coord-item{color:#6d665b;flex:1;align-items:center;gap:7px;font-size:13px;display:flex}.coord-input{flex:1;min-width:0}.solar-time{color:#8d8579;flex-wrap:wrap;gap:8px 26px;margin-bottom:6px;padding:0 4px;font-size:13px;display:flex}.solar-time strong{color:#4e4a43;font-weight:500}.solar-detail{color:#a49c90;margin-bottom:14px;padding:0 4px;font-size:12px}.solar-detail strong{color:#6d665b;font-variant-numeric:tabular-nums;font-weight:500}.submit-button{color:#d9bd7f;letter-spacing:3px;cursor:pointer;background:#131210;border:none;border-radius:24px;width:100%;height:48px;margin-top:6px;font-family:inherit;font-size:16px;transition:opacity .15s;display:block}.submit-button:hover{opacity:.88}.error-list{color:#a8382a;background:#fdf5f3;border:1px solid #edc9c0;border-radius:6px;margin:0 0 14px;padding:10px 14px 10px 30px;font-size:13px;line-height:1.7}.error-card{text-align:center;width:480px;padding:34px 28px}.error-title{color:#4e3f29;margin-bottom:12px;font-size:18px;font-weight:600}.error-message{color:#7d766a;margin-bottom:20px;font-size:14px;line-height:1.7}.error-back{color:#fff;background:linear-gradient(135deg,#c5a362,#ae8b4e);border-radius:18px;padding:8px 22px;font-size:13px;text-decoration:none;display:inline-block}.calendar-tab.disabled,.setting-item.disabled{color:#bdb6aa;cursor:not-allowed}.setting-item.disabled input{cursor:not-allowed;background:#f4f1ea}.now-card{background:#ffffffeb;border:1px solid #ebe3d2;border-radius:13px;align-items:center;gap:18px;padding:16px 26px;display:flex;box-shadow:0 7px 28px #5a482613}.now-dial{border:2px solid #d8cfbe;border-radius:50%;width:54px;height:54px;position:relative}.now-dial:after{content:"";background:#a78342;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.now-hand-hour,.now-hand-minute{transform-origin:bottom;background:#a78342;border-radius:2px;position:absolute;bottom:50%;left:50%}.now-hand-hour{width:2px;height:15px;margin-left:-1px}.now-hand-minute{background:#c5a362;width:2px;height:21px;margin-left:-1px}.now-pillars{grid-template-columns:repeat(4,auto);justify-content:start;gap:2px 14px;display:grid}.now-gan,.now-zhi{text-align:center;color:#4e3f29;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:21px;line-height:1.15}.now-side{flex-direction:column;align-items:flex-end;gap:7px;margin-left:auto;display:flex}.now-button{color:#a78342;border:1px solid #d8cfbe;border-radius:15px;padding:5px 17px;font-size:12px;text-decoration:none;transition:background .15s,border-color .15s}.now-button:hover{background:#faf7ef;border-color:#c5a362}.now-time{color:#9a9287;text-align:right;font-size:12px;line-height:1.6}.correction-bar{color:#8d8579;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:7px 8px 9px;font-size:12.5px;display:flex}.correction-item strong{color:#4e4a43;font-variant-numeric:tabular-nums;font-weight:500}.correction-detail{color:#a49c90;font-size:11.5px}.warning-list{color:#927a3f;background:#fdfaf2;border:1px solid #ecdfc0;border-radius:6px;margin:0 0 10px;padding:7px 12px 7px 26px;font-size:12px;line-height:1.6}@media (max-width:760px){.form-card{padding:16px 14px 18px}.form-row{grid-template-columns:1fr;gap:6px;margin-bottom:12px}.form-row .label:empty{display:none}.now-card{flex-wrap:wrap;gap:12px;padding:14px}.now-side{align-items:flex-start;width:100%;margin-left:0}.now-time{text-align:left}}[hidden]{display:none!important}.app-nav{color:#93836a;justify-content:space-between;max-width:1100px;margin:20px auto 0;padding:0 18px;font-size:13px;display:flex}.app-nav a{color:#80673e;text-decoration:none}h1{color:#4e3f29;margin:0;font-size:24px;font-weight:500}.intro,.privacy,.form-note{color:#8d8579;font-size:12px;line-height:1.8}.intro{margin:8px 0 22px}.privacy{text-align:center;margin:16px 0 0}.form-note{margin:-4px 0 15px}button{cursor:pointer;background:0 0;font-family:inherit}.calendar-tab{border:0}.option-checks{color:#6d665b;flex-wrap:wrap;margin:12px 0 14px;font-size:13px}.option-checks label,.result-options label{align-items:center;gap:5px;display:flex}.disabled{color:#bdb6aa}.text-button{color:#a78342;border:0;padding:4px 6px;font-size:12px;text-decoration:underline}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #a78342}.now-button{background:#fffefa}.result-meta{color:#8d8579;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.result-options{flex-wrap:wrap;font-size:13px;white-space:normal!important;overflow:visible!important}.result-options span{color:#a49c90;font-size:12px}.row-settings,.calendar-info{color:#8d8579;margin:12px 0;font-size:12px}.row-settings summary,.calendar-info summary{cursor:pointer;padding:5px 0}.row-controls{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.row-controls>div{border:1px solid #eee8dc;border-radius:5px;align-items:center;gap:3px;padding:4px;display:flex}.row-controls button{color:#80673e;border:0;padding:3px 8px}.calendar-info p{overflow-wrap:anywhere;line-height:1.8}.person-name{overflow-wrap:anywhere}.bazi-table,.table-cell{min-width:0}.shensha-cell{flex-direction:column;align-items:center;display:flex}.shensha-item small{font-size:10px}.solar-detail{min-height:22px;line-height:1.8}@media (max-width:760px){.app-nav{margin-top:12px}.gender-line{flex-wrap:wrap;gap:12px}.main-card{width:100%;min-width:0}.content-row{min-width:0}.wuxing-panel{box-sizing:border-box}.result-meta{padding:0 4px}.option-checks{gap:12px}.calendar-tabs{min-width:0!important}.table-row{grid-template-columns:44px repeat(4,minmax(0,1fr))}.wuxing-pie{width:124px;height:124px}.shensha-item{overflow-wrap:anywhere}.row-controls{gap:5px}}