*{box-sizing:border-box}body{color:#1b2940;background:#f4f6fa;margin:0;font-family:system-ui,Microsoft YaHei,sans-serif}main{min-height:100vh;display:flex}aside{color:#fff;background:#17263d;flex-shrink:0;width:240px;padding:36px 24px}.logo{margin-bottom:48px;font-size:24px;font-weight:700}.logo span{letter-spacing:2px;color:#96b4d6;margin-top:10px;font-size:10px;display:block}aside button{text-align:left;color:#c3d1e3;background:0 0;width:100%;margin:8px 0;display:block}aside button.selected{color:#fff;background:#345e91}aside p{color:#93aac5;margin-top:50px;font-size:13px;line-height:2}article{width:100%;max-width:1100px;padding:38px 48px}header{justify-content:space-between;align-items:center;display:flex}h1{margin:10px 0 24px;font-size:30px}small{color:#64758e}.badge{color:#236248;background:#dcece5;border-radius:30px;padding:8px 15px;font-size:13px}.notice{background:#fff4d8;border:1px solid #efd89d;border-radius:10px;padding:16px 20px;font-size:14px;line-height:1.8}section{background:#fff;border:1px solid #e1e6ee;border-radius:14px;margin-top:24px;padding:25px 28px}h2{margin:0 0 20px;font-size:19px}p,footer{color:#627189;font-size:13px;line-height:1.8}.row{gap:18px;display:flex}.row label{flex:1}label{margin:12px 0;font-size:13px;display:block}input,select{color:#1b2940;background:#fff;border:1px solid #cfd8e5;border-radius:7px;width:100%;margin-top:8px;padding:12px;display:block}button{color:#fff;cursor:pointer;background:#285d9c;border:0;border-radius:7px;margin:8px 10px 0 0;padding:11px 18px}button:disabled{opacity:.45;cursor:default}.result{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6effb;border-radius:10px;margin-top:20px;padding:20px}pre{background:#f6f8fc;padding:16px;font-size:12px;overflow:auto}footer{margin-top:25px}@media (width<=720px){aside{width:150px;padding:25px 12px}article{padding:25px 15px}.row{display:block}}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e1e6ee;padding:12px}.record{border-top:1px solid #e1e6ee;padding:12px 0}.modal{z-index:10;background:#17263d99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal section{width:min(90vw,600px)}a{color:#285d9c}