:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:var(--p-ink,#18273b);background:var(--p-paper,#f4f6fa);--a:var(--p-accent,#315ac8)}*{box-sizing:border-box}body{margin:0}a{color:var(--a);text-decoration:none}a:hover{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px max(24px,5vw);background:var(--p-surface,#fff);border-bottom:1px solid #dce1eb}header img:not(.brand-primary){width:32px;vertical-align:middle;margin-right:10px}header strong{color:#18273b;font-size:21px}nav{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}main{max-width:1050px;margin:46px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,43px);letter-spacing:-.035em;line-height:1.25}p,li{font-size:15px;line-height:1.9}section{padding:26px;background:var(--p-surface,#fff);border:1px solid #dce1eb;border-radius:14px;margin:20px 0}h2{font-size:21px;margin:0 0 18px}.flow{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.flow span{background:var(--p-soft,#e7edff);padding:10px 15px;border-radius:8px;font-size:14px}.links{display:flex;gap:16px;flex-wrap:wrap}.muted{color:#54647b}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;background:var(--p-paper,#f0f3f8);border-radius:8px;padding:16px}button{background:var(--a);color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e09a21;outline-offset:4px}footer{margin:30px 0;font-size:13px;color:#54647b}@media(max-width:500px){main{margin-top:26px;padding:0 15px}section{padding:20px}.flow span{flex:1;text-align:center}}
#result{max-height:420px;overflow:auto}@media(max-width:500px){.flow span{flex:1 1 130px;white-space:nowrap}}