:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#172330;background:#f4f7fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{padding:28px max(24px,calc((100vw - 1100px)/2));background:#173447;color:white}h1{font-size:26px;margin:0}header p{opacity:.8}main{max-width:1100px;padding:24px;margin:auto}section{background:white;border:1px solid #d8e2e8;border-radius:10px;padding:20px;margin-bottom:20px}section section{margin-top:20px}h2{font-size:18px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:14px}input,select,button{font:inherit;padding:10px;border:1px solid #bac8d0;border-radius:5px}button{background:#205b78;color:white;cursor:pointer;align-self:end}button:disabled{opacity:.5;cursor:default}.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.bar strong{flex:1}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fb;padding:16px;max-height:500px;overflow:auto;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.metric{padding:16px;background:#eef4f7;border-radius:8px}.metric strong{display:block;font-size:23px;margin:8px 0}.metric small{color:#526775}#message{color:#9b3030;white-space:pre-wrap}footer{text-align:center;padding:24px;font-size:13px;color:#526775}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px}header{padding:22px}section{padding:14px}}