#sec-capacity-cards{container-type:inline-size;color:var(--foreground);font-variant-numeric:tabular-nums}
#sec-capacity-cards .cap-toolbar,#sec-capacity-cards .cap-controls,#sec-capacity-cards .cap-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#sec-capacity-cards h2{font-size:18px;margin:0 0 5px}#sec-capacity-cards h3{font-size:15px;margin:0}#sec-capacity-cards p{margin:4px 0;color:var(--muted-foreground);font-size:12px;line-height:1.8}
#sec-capacity-cards .cap-controls{justify-content:flex-start;gap:8px}#sec-capacity-cards button,#sec-capacity-cards select,#sec-capacity-cards input[type=search]{padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--foreground);font:12px/1.5 var(--font-sans)}
#sec-capacity-cards button{cursor:pointer}#sec-capacity-cards button:disabled{opacity:.45;cursor:default}#sec-capacity-cards :focus-visible{outline:2px solid var(--ring);outline-offset:2px}
#sec-capacity-cards .cap-filter-row{margin:15px 0;font-size:11px;color:var(--muted-foreground)}#sec-capacity-cards .cap-filter-row label{display:flex;align-items:center;gap:6px}
#sec-capacity-cards .cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#sec-capacity-cards .cap-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;min-width:0}
#sec-capacity-cards .cap-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
#sec-capacity-cards .cap-meta{font-size:11px}#sec-capacity-cards .cap-table-wrap{overflow:auto}#sec-capacity-cards table{width:100%;border-collapse:collapse;font-size:12px}
#sec-capacity-cards th{text-align:right;color:var(--muted-foreground);font-weight:500;font-size:10px;background:var(--secondary);padding:9px 8px;white-space:nowrap}
#sec-capacity-cards th:first-child{text-align:left;width:45%}#sec-capacity-cards td{padding:11px 8px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;vertical-align:top}
#sec-capacity-cards td:first-child{text-align:left;white-space:normal;min-width:140px}#sec-capacity-cards td strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
#sec-capacity-cards td small{display:block;font-size:9px;color:var(--muted-foreground);margin-top:4px;overflow-wrap:anywhere}#sec-capacity-cards td:first-child small{max-width:240px;line-height:1.5}
#sec-capacity-cards footer{font-size:10px;color:var(--muted-foreground);margin-top:12px;line-height:1.7}#sec-capacity-cards .cap-note{font-size:11px;margin-top:14px}#sec-capacity-cards .cap-error{color:var(--destructive)}
#sec-capacity-cards dialog{position:fixed;inset:0;margin:auto;width:min(720px,92vw);max-height:85vh;overflow:auto;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:12px;padding:22px}
#sec-capacity-cards dialog::backdrop{background:var(--foreground);opacity:.3}#sec-capacity-cards #cap-model-list{max-height:50vh;overflow:auto;margin:14px 0}#sec-capacity-cards #cap-model-list label{display:flex;gap:10px;padding:10px;border-bottom:1px solid var(--border);align-items:flex-start;font-size:12px}#sec-capacity-cards #cap-model-list small{display:block;color:var(--muted-foreground);font-size:10px}
#sec-capacity-cards.cap-presenting .cap-filter-row>label,#sec-capacity-cards.cap-presenting .cap-select,#sec-capacity-cards.cap-presenting #cap-refresh{display:none}
@container(max-width:1050px){#sec-capacity-cards .cap-grid{grid-template-columns:minmax(0,1fr)}}
@container(max-width:480px){#sec-capacity-cards .cap-card{padding:12px}#sec-capacity-cards td,#sec-capacity-cards th{padding:9px 5px}#sec-capacity-cards .cap-controls{gap:5px}}

/* 2026-10-21 配额表视觉重构 */
#sec-capacity-cards .cap-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}
#sec-capacity-cards table{table-layout:fixed;border-collapse:separate;border-spacing:0}
#sec-capacity-cards th,#sec-capacity-cards td{padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}
#sec-capacity-cards th{font-size:10px;letter-spacing:.02em}
#sec-capacity-cards th small{display:block;font-size:9px;font-weight:400;opacity:.7;margin-top:1px}
#sec-capacity-cards th:first-child{width:42%}
#sec-capacity-cards th:nth-child(2),#sec-capacity-cards td:nth-child(2){width:19%}
#sec-capacity-cards th:nth-child(3),#sec-capacity-cards td:nth-child(3){width:20%}
#sec-capacity-cards th:nth-child(4),#sec-capacity-cards td:nth-child(4){width:19%}
#sec-capacity-cards th.cap-num,#sec-capacity-cards td.cap-num{padding-right:14px}
#sec-capacity-cards .cap-table-wrap{overflow-x:auto}
#sec-capacity-cards th,#sec-capacity-cards td{box-sizing:border-box}
#sec-capacity-cards th:last-child,#sec-capacity-cards td:last-child{padding-right:16px}
#sec-capacity-cards th.cap-num{text-align:right}
#sec-capacity-cards td{border-top:1px solid var(--border);border-bottom:0;font-size:12px}
#sec-capacity-cards td:first-child{min-width:0;white-space:normal}
#sec-capacity-cards td.cap-num{text-align:right;font-size:13px;font-weight:600;letter-spacing:-.2px}
#sec-capacity-cards td.cap-num i{font-style:normal;font-size:9px;font-weight:400;color:var(--muted-foreground);margin-left:2px}
#sec-capacity-cards .cap-model-cell strong{display:block;font-size:12.5px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
#sec-capacity-cards .cap-model-id{display:block;font-size:9.5px;color:var(--muted-foreground);margin-top:2px;line-height:1.4;overflow-wrap:anywhere}
#sec-capacity-cards .cap-type{display:inline-block;font-style:normal;font-size:9px;padding:1px 6px;border-radius:999px;margin-top:4px;background:var(--secondary);color:var(--muted-foreground)}
#sec-capacity-cards .cap-type[data-t="token"]{background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary)}
#sec-capacity-cards .cap-type[data-t="image"]{background:color-mix(in srgb,#722ed1 10%,var(--card));color:#722ed1}
#sec-capacity-cards .cap-type[data-t="content-generation"]{background:color-mix(in srgb,var(--warning) 14%,var(--card));color:#9a5300}
#sec-capacity-cards .cap-type[data-t="realtime"]{background:color-mix(in srgb,var(--success) 12%,var(--card));color:#078018}
#sec-capacity-cards tbody tr:nth-child(even) td{background:#fafbfc}
#sec-capacity-cards tbody tr:hover td{background:#f4f7ff}
#sec-capacity-cards .cap-card>header h3{font-size:15px}
