:root{--navy:#0f172a;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--gray:#64748b;--line:#dbe3ef;--bg:#f3f6fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172033;font-family:"Microsoft YaHei",Arial,sans-serif}.top{background:var(--navy);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.top h1{font-size:24px;margin:0}.wrap{max-width:1440px;margin:22px auto;padding:0 18px}.nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.btn,button{border:0;border-radius:8px;padding:9px 14px;background:var(--blue);color:#fff;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}.btn.gray,button.gray{background:#64748b}.btn.green,button.green{background:var(--green)}.btn.red,button.red{background:var(--red)}button:disabled{opacity:.45;cursor:not-allowed}.card{background:#fff;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(15,23,42,.07)}.card h2{margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field label{display:block;font-size:13px;color:#475569;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:9px;background:#fff}.field textarea{min-height:90px;resize:vertical}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.toolbar .field{min-width:150px;flex:1}.notice{display:none;padding:11px 13px;border-radius:8px;margin:10px 0;background:#dbeafe;color:#1d4ed8}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}.table-wrap{max-height:62vh;overflow:auto;border:1px solid var(--line);border-radius:10px}.table-wrap table{border-collapse:collapse;width:100%;min-width:980px;background:#fff}.table-wrap th,.table-wrap td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.35}.table-wrap th{position:sticky;top:0;background:#eef3fb;z-index:2;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{padding:6px 9px;font-size:12px}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px}.badge.enabled{background:#dcfce7;color:#166534}.badge.disabled,.badge.archived{background:#fee2e2;color:#991b1b}.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:#fff;border-radius:12px;padding:18px;border-left:5px solid var(--blue)}.stat strong{display:block;font-size:30px;color:var(--blue)}.muted{color:#64748b;font-size:13px}.danger-note{background:#fff7ed;color:#9a3412;padding:10px;border-radius:8px}.hidden{display:none!important}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.wrap{padding:0 10px}.card{padding:13px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .field{min-width:0}.btn,button{min-height:40px}.stats{grid-template-columns:1fr 1fr}}