:root{font-family:"Segoe UI",Arial,sans-serif;color:#292929;background:#f3f3f3;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#0f6cbd;color:#fff;padding:17px 24px;display:flex;align-items:center;gap:20px}header strong{font-size:16px}header span{font-size:13px;opacity:.9;border-left:1px solid #ffffff60;padding-left:20px}main{max-width:740px;margin:32px auto;padding:0 20px}h1{font-size:23px;font-weight:600;margin:0 0 8px}.intro,.note{color:#606060;line-height:1.6}.intro{margin:0 0 22px}section{background:#fff;border:1px solid #dedede;border-radius:6px;margin-bottom:16px;padding:20px}h2{font-size:14px;font-weight:600;margin:0 0 16px}#status{padding:12px;background:#f4f6f8;border-radius:4px;font-weight:600;color:#405568}#status[data-state=success]{background:#eef7f0;color:#286638}#status[data-state=error]{background:#fff2f0;color:#99342e}dl{margin:20px 0}dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:6px 0}dt{color:#666;font-size:12px}dd{margin:0;font-size:13px;overflow-wrap:anywhere}button{font:inherit;font-size:13px;background:#0f6cbd;color:white;border:1px solid #0f6cbd;border-radius:4px;min-height:36px;padding:7px 14px;cursor:pointer}button:hover{background:#115ea3}button:focus-visible{outline:2px solid #242424;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}ol{padding:0;margin:0;list-style:none}li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eee;font-size:13px}li span{color:#666;text-align:right}.note{font-size:12px}footer{max-width:740px;padding:0 20px 24px;margin:auto;font-size:11px;color:#747474}@media(max-width:480px){header{padding:16px}main{margin-top:24px;padding:0 12px}section{padding:16px}dl>div{grid-template-columns:100px minmax(0,1fr)}li{font-size:12px}}