:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#182e44;background:#edf3f8;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #cbd8e4;padding:18px 5%;display:flex;align-items:center;gap:24px}.brand{font-size:22px;font-weight:700;letter-spacing:-1px}.brand span{color:#3167bc}header button{margin-left:auto}main{max-width:1320px;margin:40px auto;padding:0 28px}h1{font-size:32px;letter-spacing:-.8px;margin:0}h2{font-size:20px;margin:0 0 12px}p{margin:8px 0 20px}.muted{color:#586d80;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #9aafc2;border-radius:7px;background:#fff;color:#23466a;padding:8px 15px}button:hover{background:#e7eef8}button:disabled{opacity:.55;cursor:wait}.primary{background:#265daf;color:white;border-color:#265daf}.primary:hover{background:#164589}:focus-visible{outline:3px solid #588ee2;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #aebdca;border-radius:5px;padding:9px 11px;background:#fff;color:#182e44}textarea{resize:vertical}label{display:block;margin-bottom:14px;font-weight:500}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}#login{max-width:470px;margin:90px auto}#login form{padding:24px;background:white;border-radius:12px;border:1px solid #d2dee9}.heading,.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.summary{display:flex;gap:36px;padding:20px 0;border-top:2px solid #3568a7;border-bottom:1px solid #c2d0de;margin:25px 0 36px}.summary strong{font-size:25px;display:block}.summary span{color:#586d80}.channel{background:#fff;border:1px solid #c7d6e4;border-left:5px solid #4f78ae;border-radius:9px;margin:16px 0;padding:23px}.channel.off{border-left-color:#a7b1ba}.channel-top{display:flex;justify-content:space-between;gap:20px}.channel h3{margin:0;font-size:19px}.channel code{font-size:12px;word-break:break-all}.badge{display:inline-block;padding:3px 10px;border-radius:4px;background:#eaf0f7;color:#314f70}.badge.ok{background:#e4f3ef;color:#22634d}.badge.warn{background:#fff1d9;color:#855311}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0}.metrics strong{display:block;font-size:20px}.metrics span{color:#586d80;font-size:12px}.balance{padding:12px 15px;background:#f2f6fa;border-radius:5px}.actions{display:flex;gap:10px;margin-top:16px}.records{margin-top:42px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;font-size:12px;white-space:nowrap}th,td{padding:12px;text-align:left;border-bottom:1px solid #dce5ec}th{background:#e2ebf4;font-weight:600}td:last-child{max-width:340px;white-space:normal;word-break:break-word}aside{margin:30px 0;padding:20px;border:1px solid #bdcfe0;border-radius:8px}aside>code{display:block;margin:10px 0}dialog{border:1px solid #bdcfe0;border-radius:12px;width:600px;max-width:95vw;max-height:92vh;padding:26px}dialog::backdrop{background:#10233788}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:16px}#message,#form-error{color:#a82c30}#message{position:sticky;bottom:16px;background:#fff;padding:10px;border-radius:6px}#message:empty{display:none}[hidden]{display:none!important}@media(max-width:650px){main{padding:0 15px;margin-top:25px}header{padding:12px 16px;gap:10px}header>div:nth-child(2){display:none}h1{font-size:26px}.summary{gap:16px;flex-wrap:wrap}.summary strong{font-size:21px}.metrics{grid-template-columns:1fr 1fr}.channel{padding:16px}.channel-top,.heading{align-items:flex-start}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}}