/* 82-U官网实现：保留A方向暖纸/松墨绿，只替换W01证据与摘要层级。 */
/* 正文不低于14px；caption/small辅助说明保持canonical字阶。 */
.flow-node p{font-size:var(--fs-body-compact)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn.small{font-size:var(--fs-body-compact)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-ring-w) solid var(--accent);outline-offset:var(--focus-ring-offset)}
.inline-action{display:inline-flex;align-items:center;min-height:32px;padding:var(--s1) 0;border:0;color:var(--accent);background:transparent;font-size:var(--fs-body-compact);font-weight:500;text-decoration:underline;text-underline-offset:var(--s1)}
.inline-action:hover{color:var(--accent-hover)}
.web-header{position:sticky;top:0;z-index:20}
.web-nav a{font-size:var(--fs-body-compact)}
.web-hero-a{grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);gap:var(--s7);min-height:610px;padding:var(--s7) 0 var(--s6)}
.web-hero-a h1{max-width:none;margin:var(--s4) 0 var(--s5);letter-spacing:-.025em}
.web-hero-a h1 .keep{white-space:nowrap}
.web-hero-a .lead{max-width:var(--web-copy-measure)}
.web-hero-a .badge{font-size:var(--fs-body-compact)}
.trust-line{gap:var(--s4);font-size:var(--fs-body-compact)}
.task-demo{min-height:var(--web-demo-min-h);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:var(--s6);color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--r-modal);box-shadow:var(--shadow);overflow:hidden}
.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid color-mix(in srgb,var(--on-accent) 24%,transparent)}
.demo-head h2{font-size:var(--fs-lg);color:var(--on-accent)}
.demo-head p{margin-top:var(--s1);font-size:var(--fs-body-compact);color:var(--on-accent)}
.demo-status{flex:none;padding:var(--s1) var(--s2);border-radius:var(--r-ctl);color:var(--accent);background:var(--on-accent);font-size:var(--fs-body-compact);font-weight:600}
.demo-body{display:grid;align-content:center;gap:var(--s4);padding:var(--s5) 0}
.demo-message{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s4);font-size:var(--fs-body-compact);line-height:1.7}
.demo-message dt{color:var(--on-accent);font-weight:500}
.demo-message dd{margin:0;color:var(--on-accent)}
.demo-answer{padding:var(--s4) 0;border-top:1px solid color-mix(in srgb,var(--on-accent) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--on-accent) 24%,transparent)}
.demo-answer p{font-size:var(--fs-base);color:var(--on-accent)}
.demo-source{display:inline-flex;min-height:32px;align-items:center;margin-top:var(--s2);color:var(--on-accent);font-size:var(--fs-body-compact);text-decoration:underline;text-underline-offset:var(--s1)}
.demo-foot{display:grid;gap:var(--s4)}
.demo-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s1);list-style:none}
.demo-steps li{min-width:0;padding:var(--s2) var(--s1);border-bottom:2px solid color-mix(in srgb,var(--on-accent) 28%,transparent);color:var(--on-accent);font-size:var(--fs-body-compact);text-align:center}
.demo-steps li[aria-current="step"]{border-bottom-color:var(--on-accent);font-weight:600}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.demo-controls .btn{color:var(--on-accent);background:transparent;border-color:color-mix(in srgb,var(--on-accent) 56%,transparent);font-size:var(--fs-body-compact)}
.demo-controls .btn:hover{color:var(--accent);background:var(--on-accent);border-color:var(--on-accent)}
.demo-controls .btn:active{color:var(--accent);background:var(--on-accent)}
.demo-controls .btn:disabled{color:var(--on-accent);background:transparent;border-color:color-mix(in srgb,var(--on-accent) 32%,transparent)}
.task-demo.is-changing .demo-body{animation:demo-state var(--motion-demo) var(--ease-standard)}
@keyframes demo-state{from{opacity:.35}to{opacity:1}}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:end;gap:var(--s6);margin-bottom:var(--s5)}
.section-head h2{font-size:var(--fs-2xl)}
.section-head p{justify-self:end;color:var(--ink-2);font-size:var(--fs-base)}
.scenario-list{list-style:none;border-top:1px solid var(--line-strong)}
.scenario-list li{display:grid;grid-template-columns:168px minmax(0,1fr) minmax(0,1fr) auto;gap:var(--s5);align-items:center;padding:var(--s5) 0;border-bottom:1px solid var(--line)}
.scenario-list h3{font-size:var(--fs-md)}
.scenario-list p{font-size:var(--fs-body-compact);color:var(--ink-2)}
.scenario-list strong{display:block;margin-bottom:var(--s1);color:var(--ink);font-size:var(--fs-body-compact);font-weight:600}
.capability-wrap{overflow-x:auto;border-top:1px solid var(--line-strong)}
.capability-table{table-layout:auto;min-width:760px}
.capability-table th,.capability-table td{font-size:var(--fs-body-compact)}
.capability-table th{width:18%}
.capability-table th:first-child{width:26%}
.download-band{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;margin:0;padding:var(--s6) 0}
.download-band h2{font-size:var(--fs-2xl)}
.download-status{margin:var(--s4) 0;font-size:var(--fs-base)}
.download-facts{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s3) var(--s4);margin:var(--s4) 0;font-size:var(--fs-body-compact)}
.download-facts dt{color:var(--ink-3)}
.download-facts dd{margin:0;overflow-wrap:anywhere}
.hash-value{font-family:var(--mono);font-size:var(--fs-body-compact);font-variant-numeric:tabular-nums}
.subscription-ledger{border-top:1px solid var(--line-strong)}
.subscription-row{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid var(--line);font-size:var(--fs-body-compact)}
.subscription-row h3{font-size:var(--fs-base)}
.subscription-row p{color:var(--ink-2);font-size:var(--fs-body-compact)}
.security-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7)}
.security-split h3{font-size:var(--fs-md);margin-bottom:var(--s3)}
.security-split ul{list-style:none;display:grid;gap:var(--s3)}
.security-split li{padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--fs-body-compact);color:var(--ink-2)}
.faq-list details>div{font-size:var(--fs-base);animation:detail-in var(--motion-state) var(--ease-standard)}
.faq-list summary{font-size:var(--fs-base)}
@keyframes detail-in{from{opacity:.4}to{opacity:1}}
.web-footer{align-items:flex-start;font-size:var(--fs-body-compact)}
.web-footer .caption{font-size:var(--fs-body-compact)}
.footer-links{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5)}
.footer-links a,.footer-links span{font-size:var(--fs-body-compact)}
@media(max-width:1180px){
  .web-hero-a{grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);gap:var(--s6);min-height:576px;padding:var(--s6) 0}
  .web-hero-a h1{font-size:var(--fs-web-compact)}
  .task-demo{padding:var(--s5)}
  .demo-message{grid-template-columns:72px minmax(0,1fr);gap:var(--s3)}
  .demo-steps li{padding-left:0;padding-right:0}
  .scenario-list li{grid-template-columns:144px minmax(0,1fr) minmax(0,1fr);gap:var(--s4)}
  .scenario-list .inline-action{grid-column:2/-1;justify-self:start}
}
@media(max-width:900px){
  .web-hero-a{grid-template-columns:1fr;gap:var(--s6)}
  .task-demo{min-height:0}
  .section-head,.download-band,.security-split{grid-template-columns:1fr;gap:var(--s4)}
  .section-head p{justify-self:start}
  .scenario-list li,.subscription-row{grid-template-columns:1fr;gap:var(--s3)}
  .scenario-list .inline-action{grid-column:auto}
}
@media(max-width:720px){
  .web-hero-a h1{font-size:var(--fs-2xl)}
  .demo-head,.demo-controls{align-items:flex-start;flex-direction:column}
  .demo-message{grid-template-columns:1fr;gap:var(--s1)}
  .demo-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .download-facts{grid-template-columns:1fr;gap:var(--s1)}
  .download-facts dd{margin-bottom:var(--s3)}
  .web-footer{flex-direction:column}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:var(--motion-off)!important;animation-iteration-count:1!important;transition-duration:var(--motion-off)!important}
  .task-demo.is-changing .demo-body,.faq-list details>div{animation:none}
}