*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:#f5f7f9;color:#25282e;font:14px/1.5 system-ui,"Microsoft Yahei",sans-serif}header{display:flex;align-items:center;gap:24px;padding:20px 32px;background:#fff;border-bottom:1px solid #dce2e8}header img{width:155px;display:block}h1{font-size:22px;margin:0}nav{margin-left:auto}a{color:#296ab1;text-decoration:none}main{padding:24px 32px;max-width:1920px;margin:auto}.tabs{display:flex;gap:8px;align-items:center;border-bottom:1px solid #dce2e8;padding-bottom:14px}.tabs button{font:inherit;border:1px solid #ccd5df;border-radius:6px;padding:8px 12px;background:#fff;cursor:pointer}.tabs button[aria-pressed=true]{border-color:#1677ff;color:#166ed0}.tabs #refresh{margin-left:auto}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}.metric{background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:16px;min-height:94px}.metric strong{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}.metric span{display:block;color:#657382;font-size:13px;margin-top:8px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce2e8}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:12px 14px;border-bottom:1px solid #edf0f3}th{background:#f0f3f6;color:#657382;font-size:12px}tbody tr:hover{background:#f8fbff}.muted{font-size:12px;color:#79848f}.number{font-variant-numeric:tabular-nums}.note{color:#657382;margin-top:14px}.empty{padding:48px;text-align:center;color:#718091}@media(max-width:760px){header{padding:16px;gap:12px;flex-wrap:wrap}header img{width:125px}nav{margin-left:0}main{padding:16px}.tabs{flex-wrap:wrap}.tabs #refresh{margin-left:0}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
[hidden]{display:none!important}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9dee6;background:#fff;border-radius:6px;padding:8px 12px;color:inherit}button:disabled{cursor:default;opacity:.45}#record-filters{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}#record-filters label{display:flex;align-items:center;gap:8px;min-width:0}select{max-width:100%;padding:9px;border:1px solid #d9dee6;border-radius:6px;background:white}#record-user{max-width:360px}#pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}#pagination button{width:40px;height:40px;font-size:22px;padding:0}.actions{display:flex;gap:8px}.material-name{white-space:normal;min-width:150px;max-width:280px;overflow-wrap:anywhere}dialog{box-sizing:border-box;width:560px;max-width:calc(100% - 32px);max-height:90vh;border:1px solid #d9dee6;border-radius:8px;padding:20px}dialog::backdrop{background:#0007}dialog h2{font-size:19px}dialog label{display:block;margin:16px 0}dialog input:not([type=checkbox]),dialog textarea{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #d9dee6;border-radius:6px}dialog textarea{height:76px}dialog .confirmation{display:flex;align-items:center;gap:8px}#edit-error{color:#b72d3b}#preview{width:960px}#close-preview{display:block;margin-left:auto;width:40px;height:40px;font-size:22px;padding:0}#preview-content{margin-top:12px;min-height:80px}#preview-content img,#preview-content video{display:block;max-width:100%;max-height:72vh;margin:auto}main{min-width:0}.tabs{flex-wrap:wrap}.tabs button{white-space:normal;overflow-wrap:anywhere}@media(max-width:760px){#record-filters label{width:100%}#record-filters select{flex:1;min-width:0}header h1{font-size:20px}.tabs #refresh{margin-left:0}}