:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#172d37;background:#f3f5f5;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:20px;padding:22px max(20px,calc((100vw - 920px)/2));background:#142b36;color:white}header a{color:white;text-decoration:none}main{max-width:960px;margin:auto;padding:28px 20px 60px}h1{font-size:30px;letter-spacing:-.03em;margin:8px 0}h2{font-size:17px;margin:0 0 20px}.intro,.help,footer{color:#536671;line-height:1.7}section,#login{border:1px solid #dce3e6;background:white;padding:24px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:grid;gap:9px;font-size:14px}input,select,button{font:inherit;border:1px solid #b7c6cd;border-radius:3px;min-height:48px;padding:11px 12px;width:100%;color:inherit;background:white}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid #567f96;outline-offset:2px}button{background:#173744;color:white;cursor:pointer;font-weight:600;border:0;min-width:150px;width:auto}button:disabled{opacity:.6;cursor:wait}fieldset{border:0;padding:0;margin:0;min-width:0}.wide{grid-column:1/-1}.help{font-size:14px;margin-bottom:0}.reference{padding:15px;background:#f0f4f6;font-size:14px;line-height:1.8}.preview{border-left:4px solid #557b8e;line-height:1.8;overflow-wrap:anywhere}.preview h2{margin-bottom:8px}.actions{position:sticky;bottom:0;padding:15px 0;background:#f3f5f5;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.actions a{color:inherit}#error{color:#9a251f;line-height:1.6}#success{color:#245f46;font-weight:600}summary{cursor:pointer;min-height:44px;padding:10px 0}details .grid{padding-top:14px}footer{font-size:13px;border-top:1px solid #dce3e6;padding-top:24px}footer a{color:#294e60}[hidden]{display:none!important}#login label{margin-bottom:16px}@media(max-width:560px){header{padding:16px;font-size:14px}main{padding:20px 14px 40px}section,#login{padding:18px 15px}.grid{gap:18px 12px}h1{font-size:25px}.grid label{min-width:0}input,select{font-size:16px}.actions button{flex:1}.actions a{font-size:14px}}
:root{scroll-padding-bottom:110px}input,select{scroll-margin-bottom:110px}#login-error{color:#9a251f;line-height:1.6}
