/* 重点更明确，操作更稳定。所有微交互由悬停、聚焦或点击触发。 */
html body :is(strong,b){font-weight:700}
#routing .rule-strip strong,#routing .route-fields dt,#routing #branch-detail>div>span,
#finance .field>span,#finance .formula>span,#history .branch-select,
#history .members-table th,#finance .mini-table th,.details-block summary{font-weight:700;color:#3d5143}
#routing .route-fields dt,#routing #branch-detail>div>span{font-size:13px}
#routing .route-fields dd strong,#routing #branch-detail p strong,#routing .memory-current strong,
#finance .calc-note strong,#resources .demo-instruction p strong,.governance-grid p strong{color:#344c3d;font-weight:700}
#finance .result-kpis strong,#history .metrics strong,#resources .resource-money strong{font-weight:700}
#history .bridge-row.total strong,#history .member-focus b{font-weight:700}
#routing .route-steps button.active b,#routing .segmented button.active,
#finance .calc-nav button.active,#history .month-buttons button.active,
#resources .demo-guide-nav button.active{font-weight:700}
#resources .demo-guide-nav button.active{background:#d8e8d7;color:#244f37}
#resources .demo-guide-nav button.active>span{color:#527759;font-weight:700}
#resources .login-note strong,#resources .account strong{font-weight:700;color:#3f5144}
#resources .demo-prompt code{font-weight:500;color:#4f5d52}
#resources .demo-instruction{display:flex;flex-direction:column;align-items:stretch;min-height:620px}
#resources .demo-instruction>p{margin-bottom:20px}
#resources .demo-instruction>.button{align-self:flex-start}
#resources .demo-instruction .demo-visual{margin:24px 0 8px;flex:none}
#resources .demo-step-controls{margin-top:auto;padding-top:26px;min-height:72px;flex:none}
#resources .demo-step-controls>span{font-weight:700;color:#60806a}
#resources .demo-guide-nav{padding-top:28px;padding-bottom:28px}
#resources .demo-guide-nav button{min-height:48px}
#resources .demo-heading{padding-top:30px}
#routing .route-story{display:flex;flex-direction:column}
#routing .route-example{margin-top:auto}
#routing .route-fields{margin-bottom:30px}
#history .section-tail{justify-content:flex-end;padding-top:6px}
.site-footer{padding-top:24px;padding-bottom:26px;justify-content:flex-start;color:#718175}
.page{padding-bottom:60px}#overview{padding-bottom:55px}
button,a,input,select,summary{transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
button:not(:disabled),summary{font-weight:600}
@media(hover:hover){
 .button:not(:disabled):hover,.header-action:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1e492313}
 #routing .route-steps button:not(.active):hover,#finance .calc-nav button:not(.active):hover,
 #history .month-buttons button:not(.active):hover,#routing .segmented button:not(.active):hover,
 #resources .demo-guide-nav button:not(.active):hover{background:#e4ede2;color:#2d664b}
 .details-block summary:hover{color:#2d664b}
 .hero-actions .button:hover span,.text-button:hover span{transform:translate(2px,-1px)}
 .features-section .hero-feature:hover,.principles article:hover{background:#eef4ea}
}
.button:not(:disabled):active,.header-action:active{transform:translateY(0) scale(.98);box-shadow:none}
.hero-actions .button span,.text-button span{display:inline-block;transition:transform 160ms ease}
#finance .input-unit input:focus,#finance .period-inputs input:focus{background:#f0f6ed;outline:2px solid #c9dcc6;outline-offset:2px;box-shadow:0 0 0 5px #e9f1e860}
#routing .route-fields,#routing #branch-detail p,.demo-instruction p{line-height:1.95}
.details-block summary:after{transition:transform 180ms ease}
.details-block[open] summary:after{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important;animation:none!important}.button:not(:disabled):hover,.header-action:hover,.button:not(:disabled):active,.header-action:active{transform:none}}