:root{--bg:#f5f3ed;--paper:#fffefa;--ink:#263e35;--muted:#73796e;--line:#e2e3d8;--green:#315648;--pale:#edf1e9;--gold:#a27f41;--red:#a34b39}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a{color:var(--green)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1220px;padding:24px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:var(--muted)}.seal{width:42px;height:46px;border:1px solid var(--green);border-radius:4px;display:grid;place-items:center;font-size:30px;font-family:"Songti SC",SimSun,serif}.local-badge{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.local-badge i{width:6px;height:6px;background:#668a60;border-radius:50%}main{max-width:1160px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:42px 0 32px}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:11px;margin:0 0 9px}h1{font-family:"Songti SC",SimSun,serif;font-size:39px;font-weight:500;letter-spacing:3px;line-height:1.4;margin:0 0 10px}.intro-copy{margin:0;color:var(--muted);font-size:13px}.intro-mark{width:90px;height:90px;border:1px solid #d7d9cc;border-radius:50%;display:grid;place-items:center;font-family:"Songti SC",SimSun,serif;font-size:48px;color:#b3baaa;position:relative}.intro-mark:after{content:"";position:absolute;inset:6px;border:1px dashed #d7d9cc;border-radius:50%}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px;min-width:0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:23px}.section-heading h2{font-size:15px;letter-spacing:1px;font-weight:600;margin:0}.step-no{font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:1px}.subtle{font-size:11px;color:var(--muted);margin-left:auto}.mode-tabs{display:flex;background:var(--pale);border:1px solid var(--line);border-radius:7px;padding:4px;gap:3px;margin-bottom:24px}.mode-tabs button{flex:1;border:0;border-radius:5px;background:transparent;padding:8px 0;color:var(--muted)}.mode-tabs button[aria-selected=true]{background:var(--paper);box-shadow:0 1px 4px #24352b14;color:var(--ink);font-weight:600}.count-mode{border:0;padding:0;margin:0 0 18px;display:flex;gap:22px;font-size:12px}.count-mode label{display:flex;gap:6px;align-items:center}.count-mode input{margin:0;accent-color:var(--green);width:15px;height:15px}.field-label{display:block;font-size:12px;font-weight:500;margin:16px 0 8px}textarea,input[type=date],input[type=time]{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #d9ddcf;border-radius:6px;padding:12px;background:#fcfcf8;color:var(--ink);outline:none}textarea{resize:vertical;font-size:17px;letter-spacing:1px;min-height:100px}textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px #31564810}.help{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0}.example{display:flex;justify-content:space-between;width:100%;padding:9px 0;border:0;background:transparent;text-align:left;font-size:12px;color:var(--green);margin:10px 0 18px}.example:hover{text-decoration:underline}.calculate{width:100%;display:flex;justify-content:space-between;padding:13px 17px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:6px;font-weight:500}.calculate:hover{background:#234638}.input-footer{font-size:11px;color:var(--muted);margin:20px 0;display:flex;gap:7px}.formula{border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}summary{min-height:28px}.formula p{font-size:11px;overflow-wrap:anywhere}.rule-note{background:#f4f3e9;border-left:2px solid #bfac7d;padding:10px 12px;font-size:11px;color:#77745f;margin:14px 0}.error{border:1px solid #e5c5b8;background:#fff3ee;padding:10px;border-radius:6px;font-size:12px;color:var(--red);overflow-wrap:anywhere}.result-strip{display:flex;align-items:center;gap:12px;background:var(--pale);padding:12px 16px;border-radius:6px;margin-bottom:20px;min-height:58px}#result-label{font-size:11px;color:var(--muted)}#result-name{font-family:"Songti SC",SimSun,serif;font-size:24px;letter-spacing:2px}#result-summary{font-size:11px;color:var(--muted);margin-left:auto;text-align:right}.palace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.palace{position:relative;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fcfcf7;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .15s}.palace:hover{background:#f1f3e9}.palace-top{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#8a8e7d;line-height:1}.palace-name{font-family:"Songti SC",SimSun,serif;font-size:26px;font-weight:500;letter-spacing:4px;margin:6px 0 0 4px}.palace-keywords{font-size:10px;color:var(--muted);letter-spacing:1px}.palace-bottom{font-size:11px;color:#727c66;margin-top:6px}.palace.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.palace.final{background:var(--green);color:#fff;border-color:var(--green)}.palace.final .palace-top,.palace.final .palace-keywords,.palace.final .palace-bottom{color:#d5e2d0}.board-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:16px 0 0;gap:8px}.board-caption>span:first-child{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:2px}.empty{font-size:12px;color:var(--muted);margin:4px 0 14px}.process-panel,.detail-panel{align-self:stretch}.extraction{font-size:12px;color:var(--muted);margin:0 0 16px;overflow-wrap:anywhere}.process-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.process-table th{font-size:10px;color:var(--muted);font-weight:400}.process-table td,.process-table th{padding:10px 3px;border-bottom:1px solid var(--line)}.process-table td:last-child{font-weight:600}.process-rule{font-size:11px;color:var(--muted);margin:14px 0 0;overflow-wrap:anywhere}.detail-title{display:flex;align-items:center;gap:16px;margin-bottom:14px}.detail-name{font-family:"Songti SC",SimSun,serif;font-size:30px;margin:0;font-weight:500;letter-spacing:4px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:var(--pale);font-size:11px;padding:3px 8px;border-radius:4px;color:#66745d}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.detail-fields div{display:flex;gap:10px;font-size:12px}.detail-fields dt{color:var(--muted)}.detail-fields dd{margin:0}.original{border-top:1px solid var(--line);padding-top:13px}.original p{margin:0 0 5px;font-size:13px}.stroke-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.stroke-item{min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:var(--pale);border-radius:5px;padding:7px}.stroke-item span{font-size:17px}.stroke-item input{min-width:0;width:100%;border:1px solid #d9ddcf;background:var(--paper);padding:4px;border-radius:4px;font-size:12px}.stroke-item small{font-size:9px;color:var(--muted)}.stroke-item.missing{background:#faf0e8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}footer{padding:32px 0;text-align:center;color:#858778;font-size:10px}footer p{margin:3px 0}footer>p:first-child{color:#67745f;letter-spacing:1px}footer details{max-width:680px;margin:12px auto 0}footer details p{overflow-wrap:anywhere}noscript{display:block;padding:20px;color:var(--red)}@media(min-width:850px){.input-panel{grid-column:1;grid-row:1}.board-panel{grid-column:2;grid-row:1}.process-panel{grid-column:1}.detail-panel{grid-column:2}}@media(max-width:849px){.workspace{grid-template-columns:1fr}.intro{padding:30px 0}.intro-mark{width:65px;height:65px;font-size:35px}.panel{padding:22px}.input-panel{order:0}.board-panel{order:1}.process-panel{order:2}.detail-panel{order:3}.palace{min-height:125px}}@media(max-width:480px){.site-header{padding:18px 20px}.brand{font-size:16px;gap:9px}.brand small{font-size:9px}.local-badge{font-size:9px;gap:4px}main{padding:0 16px}.intro{padding:28px 3px 25px}.intro h1{font-size:29px;letter-spacing:1px}.intro-copy{font-size:11px;max-width:255px}.eyebrow{font-size:10px}.intro-mark{display:none}.panel{padding:19px 16px;border-radius:9px}.workspace{gap:14px}.palace-grid{gap:6px}.palace{padding:12px 7px;min-height:118px}.palace-name{font-size:25px;letter-spacing:2px}.palace-keywords{font-size:9px;letter-spacing:0}.palace-bottom{font-size:10px}.result-strip{padding:10px;gap:8px}#result-summary{max-width:140px;font-size:10px}.board-caption{font-size:9px}.detail-fields{gap:9px 4px}.detail-fields div{font-size:11px;gap:6px}.detail-title{gap:10px}.detail-name{font-size:28px}.tags{gap:4px}.tag{font-size:10px;padding:2px 5px}footer{padding:24px 5px}}
/* 两套体系独立展示；六宫采用两行三列的掌诀位置。 */
select{display:block;width:100%;min-width:0;border:1px solid #d9ddcf;border-radius:6px;padding:11px 9px;background:#fcfcf8;color:var(--ink);font:inherit;font-size:12px}select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.input-panel>.field-label:first-of-type{margin-top:0}.six-palaces .palace{min-height:155px}.research-panel{margin-top:20px;font-size:12px;color:var(--muted)}.research-panel h2{font-size:15px;color:var(--ink);margin:0 0 16px}.research-panel p{margin:10px 0}.source-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:16px;font-size:11px}.six-palaces .palace-bottom{font-size:10px}.detail-fields dd{overflow-wrap:anywhere;min-width:0}@media(max-width:480px){.six-palaces .palace{min-height:120px}.six-palaces .palace-bottom{font-size:9px}.detail-fields div{flex-wrap:wrap;gap:2px 8px}.mode-tabs button{font-size:12px}}
.three-pass{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0}.three-pass>div{display:flex;flex-direction:column;align-items:center;background:var(--pale);border-radius:5px;padding:10px 5px}.three-pass small{font-size:10px;color:var(--muted)}.three-pass strong{font-family:"Songti SC",SimSun,serif;font-size:21px;font-weight:500;letter-spacing:2px}.three-pass span{font-size:9px;color:var(--muted)}
.stroke-item select{padding:5px 2px;font-size:11px;width:100%}.stroke-item>span{font-size:15px;overflow-wrap:anywhere}.stroke-item input{min-height:34px}
.meaning-summary{border-top:1px solid var(--line);padding-top:18px;font-size:14px;line-height:1.9}.meaning-disclaimer{font-size:11px;line-height:1.8;color:var(--muted)}.meaning-tendencies{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.meaning-tendencies section{border:1px solid var(--line);border-radius:6px;padding:12px;background:#fcfcf7}.meaning-tendencies h4,.meaning-heading,.element-evidence h4{font-size:12px;margin:0 0 7px;font-weight:600}.meaning-tendencies p{font-size:12px;margin:0;line-height:1.9;color:#5d6c60}.meaning-heading{margin:22px 0 10px}.scenario{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.scenario summary{font-size:12px;font-weight:500;min-height:28px;line-height:28px}.scenario p{line-height:1.9;color:#58665b;margin:10px 0}.scenario strong{font-weight:500;color:var(--ink)}.meaning-distinction,.meaning-limit{font-size:12px;line-height:1.9;padding:12px;border-radius:5px;background:var(--pale)}.meaning-limit{background:#f5f1e6}.original-original{padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.original-original p{line-height:1.9}.element-evidence{background:#f5f1e6;border:1px solid #d9c9a3;border-radius:6px;padding:14px;margin:14px 0}.element-evidence p{font-size:12px;line-height:1.9;margin:6px 0}.element-evidence .source-links{display:flex;flex-direction:column;font-size:11px;gap:7px;margin-top:12px}@media(max-width:480px){.meaning-tendencies{grid-template-columns:1fr}.meaning-summary{font-size:13px}.scenario p{font-size:12px}.element-evidence{padding:12px}}
.detail-picker{width:86px;margin-left:auto;font-size:12px;padding:7px 5px;flex-shrink:0}@media(max-width:480px){.detail-picker{width:75px;font-size:11px}.detail-title{flex-wrap:wrap}}
/* 精简布局：输入与结果为主，说明按需展开。 */
.site-header{max-width:1040px;padding:20px 28px}.brand small{display:inline;font-size:12px;letter-spacing:0;margin-left:8px}.seal{width:32px;height:36px;font-size:24px}.local-badge{font-size:11px}main{max-width:1040px;padding:28px}.workspace{grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:24px}.panel{padding:24px;border-radius:10px}.mode-tabs{margin-bottom:22px}.mode-tabs button{min-height:42px;padding:7px}.field-label{margin:12px 0 7px}.date-fields{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.date-fields .field-label{margin-top:0}textarea{min-height:76px;font-size:16px}input[type=date],input[type=time]{min-height:46px;padding:10px 8px}.count-mode{margin-bottom:14px;min-height:32px}.example{width:auto;font-size:11px;margin:12px 0 18px;padding:3px 0}.calculate{min-height:48px;padding:11px 16px}.settings-caption{font-size:11px;color:var(--muted);margin:14px 0 8px}.settings,.input-help,.stroke-fold{font-size:12px}.settings>summary,.input-help>summary,.stroke-fold>summary{color:var(--muted)}summary{min-height:44px;line-height:24px;padding:10px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:17px;font-weight:400;color:var(--muted)}details[open]>summary:after{content:'−'}.formula{padding-top:0;margin-top:12px}.input-help{margin-top:6px}.input-help .help{margin-top:0}.help:empty{display:none}.section-heading{margin-bottom:16px}.result-strip{margin-bottom:16px;padding:10px 12px}.palace{padding:11px 10px;min-height:100px}.palace-name{font-size:25px;margin-top:4px}.palace-bottom{margin-top:3px;font-size:10px}.board-caption{display:block;text-align:center;margin:12px 0 0;font-size:11px}.detail-panel{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.detail-title{margin-bottom:4px;gap:12px}.detail-name{font-size:23px}.meaning-summary{border:0;padding:0;margin:8px 0;font-size:13px;line-height:1.8}.meaning-fold,.process-panel{border-top:1px solid var(--line);margin-top:10px;font-size:12px}.meaning-fold>summary,.process-panel>summary{font-weight:500}.detail-fields{margin-top:12px;grid-template-columns:1fr 1fr}.meaning-tendencies{grid-template-columns:1fr;margin:12px 0}.meaning-tendencies section{padding:10px}.scenario{padding:0}.scenario summary{min-height:44px;line-height:24px}.meaning-heading{margin-top:18px}.research-panel{padding:0 4px;margin:20px 0 0;border-top:1px solid var(--line)}.research-panel>summary{font-size:12px}footer{padding:12px 0 20px;font-size:11px}footer details{margin:0 auto;max-width:none}footer summary{justify-content:center;gap:12px}.stroke-list{margin:4px 0 12px}.stroke-fold{margin-top:10px}.process-table td{overflow-wrap:anywhere}.three-pass{margin:12px 0}
@media(min-width:850px){.input-panel,.board-panel{grid-row:1}.detail-panel{grid-column:auto}.process-panel{grid-column:auto}}
@media(max-width:849px){main{max-width:620px;padding:20px}.workspace{grid-template-columns:1fr;gap:18px}.palace{min-height:100px}.site-header{max-width:620px;padding:18px 20px}}
@media(max-width:480px){main{padding:16px 14px}.site-header{padding:16px 18px}.brand{font-size:16px;letter-spacing:1px}.brand small{font-size:10px;margin-left:5px}.local-badge{font-size:10px}.panel{padding:18px 16px}.workspace{gap:14px}.palace{min-height:92px;padding:10px 8px}.palace-name{font-size:24px}.date-fields{gap:10px}.result-strip{min-height:54px}.detail-fields div{font-size:11px}.six-palaces .palace{min-height:108px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 手机日期与时间分行，避免原生日期控件挤压相邻输入框。 */
@media(max-width:480px){.date-fields{grid-template-columns:minmax(0,1fr);gap:14px}.date-fields>div{min-width:0}.date-fields input{width:min(100%,18rem);max-width:100%;min-width:0;min-inline-size:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;font-size:16px;height:46px;text-align:left}.date-fields input::-webkit-date-and-time-value{text-align:left;min-height:1.5em}}