.main.maintenance-board{max-width:1560px;padding:28px 34px 54px;color:#16302f}
.mb-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:31px 36px;background:#142a2b;color:#f6f4ec;border-radius:18px;box-shadow:0 12px 28px #1c37331a}
.mb-eyebrow{font:700 11px/1.3 Ops,"Microsoft YaHei",sans-serif;letter-spacing:.22em;color:#e8834c}
.mb-hero h1{margin:10px 0 5px;font:700 clamp(27px,2.7vw,39px)/1.2 Ops,"Microsoft YaHei",sans-serif;letter-spacing:.02em}
.mb-hero p{margin:0;color:#b9c9c3;font-size:13px}
.mb-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.mb-tools label{display:grid;gap:5px;color:#b9c9c3;font-size:11px}.mb-tools select{min-width:154px;max-width:240px;background:#f8f7f1;color:#17312c;border:1px solid #d4dfd9;border-radius:8px;padding:10px 12px;font-size:13px}
.mb-refresh{background:#f26932;color:#fff;border:0;border-radius:8px;padding:11px 17px;font-weight:700}.mb-refresh:hover{background:#d95b28}.mb-tools>small{width:100%;text-align:right;color:#9fb1aa;font-size:11px}
.mb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 25px}.mb-metric{min-height:120px;display:flex;flex-direction:column;padding:18px 18px 14px;background:#fff;border:1px solid #e4e9e3;border-top:3px solid #b2c0b9;border-radius:12px}.mb-metric.danger{border-top-color:#d9613c}.mb-metric.warning{border-top-color:#d9a646}.mb-metric.ink{border-top-color:#2b615d}.mb-metric-label{font-size:12px;color:#687d75}.mb-metric strong{margin:8px 0 3px;font:700 33px/1 Ops,"Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}.mb-metric.danger strong{color:#bc4d30}.mb-metric.warning strong{color:#a9742a}.mb-metric small{font-size:10px;color:#93a29b}
.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.mb-panel{background:#fff;border:1px solid #e2e8e2;border-radius:14px;overflow:hidden;margin-bottom:18px}.mb-grid .mb-panel{margin-bottom:0}.mb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #edf0eb}.mb-panel-head h2{font-size:17px;margin:0 0 3px}.mb-panel-head small{font-size:11px;color:#809288}.mb-more{background:none;border:0;color:#366b64;font-size:12px;font-weight:600;white-space:nowrap}.mb-more:hover{text-decoration:underline;background:none}
.mb-list{max-height:520px;overflow:auto}.mb-row{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:15px 20px;border:0;border-bottom:1px solid #eef1ec;border-radius:0;background:#fff}.mb-row:last-child{border-bottom:0}.mb-row:hover{background:#f7faf6}.mb-row-signal{width:8px;height:8px;border-radius:50%;background:#9eb2a9;flex:none}.mb-row-signal.expired{background:#cf573c}.mb-row-signal.warning{background:#d6a548}.mb-row-signal.unknown{background:#8292a6}.mb-row-body{flex:1;min-width:0}.mb-row-body strong{display:block;font-size:13px;color:#183730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-row-body small{display:block;margin-top:4px;font-size:11px;color:#819289;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-row-status{font-size:11px;color:#687d75;background:#edf2ed;border-radius:20px;padding:4px 9px;white-space:nowrap}.mb-row-status.expired{color:#b3452c;background:#fce8e1}.mb-row-status.warning{color:#93601b;background:#fcf2dd}.mb-row-status.unknown{color:#53677f;background:#e9edf3}.mb-row-arrow{font-size:19px;color:#94a69c}.mb-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:35px 18px;color:#84988d;font-size:12px}.mb-empty span{font-size:19px;color:#6d9a79}.mb-footnote{margin:8px 3px;color:#84948c;font-size:11px}
@media(max-width:1280px){.mb-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.mb-grid{grid-template-columns:1fr}.mb-hero{align-items:start;flex-direction:column}.mb-tools{justify-content:flex-start}.mb-tools>small{text-align:left}}@media(max-width:680px){.main.maintenance-board{padding:18px 14px 35px}.mb-hero{padding:23px 20px}.mb-metrics{grid-template-columns:repeat(2,1fr)}.mb-metric{min-height:108px}.mb-panel-head{padding:15px}.mb-row{padding:14px}.mb-row-status{display:none}}
