.console-page[data-v-b76d124f]{background:#f5f7fa;width:100%}.console-page[data-v-b76d124f],.main-container[data-v-b76d124f]{display:flex;min-height:100vh;overflow-x:hidden}.main-container[data-v-b76d124f]{flex:1;flex-direction:column;margin-left:260px;max-width:calc(100vw - 260px)}.top-bar[data-v-b76d124f]{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;padding:20px 32px;position:sticky;top:0;z-index:50}.top-bar .top-bar-left .page-title[data-v-b76d124f]{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.top-bar .top-bar-left .page-subtitle[data-v-b76d124f]{color:#64748b;font-size:14px;margin:0}.content-area[data-v-b76d124f]{flex:1;overflow-x:hidden;padding:24px}.stats-section[data-v-b76d124f]{margin-bottom:32px}.stats-grid[data-v-b76d124f]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.stats-grid[data-v-b76d124f]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid[data-v-b76d124f]{grid-template-columns:1fr}}.stat-card[data-v-b76d124f]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s}.stat-card[data-v-b76d124f]:hover{border-color:transparent;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.stat-card .stat-icon[data-v-b76d124f]{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card .stat-icon.success[data-v-b76d124f]{background:linear-gradient(135deg,#10b981,#059669)}.stat-card .stat-icon.danger[data-v-b76d124f]{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card .stat-icon.warning[data-v-b76d124f]{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card .stat-icon.info[data-v-b76d124f]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card .stat-content[data-v-b76d124f]{flex:1}.stat-card .stat-content .stat-value[data-v-b76d124f]{color:#0f172a;font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.stat-card .stat-content .stat-label[data-v-b76d124f]{color:#64748b;font-size:14px;font-weight:500}.section-card[data-v-b76d124f]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.section-card .card-header[data-v-b76d124f]{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:1px solid #f1f5f9;padding:20px 24px}.section-card .card-header .card-title[data-v-b76d124f]{color:#0f172a;font-size:18px;font-weight:700;margin:0}.section-card .card-body[data-v-b76d124f]{overflow-x:auto;padding:20px}.filter-bar[data-v-b76d124f]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-bar .el-date-picker[data-v-b76d124f],.filter-bar .el-select[data-v-b76d124f]{flex-shrink:0}.api-cell[data-v-b76d124f]{align-items:center;display:flex;gap:8px}.api-cell .el-icon[data-v-b76d124f]{color:#667eea}.response-fast[data-v-b76d124f]{color:#10b981;font-weight:600}.response-normal[data-v-b76d124f]{color:#f59e0b;font-weight:600}.cost-paid[data-v-b76d124f],.response-slow[data-v-b76d124f]{color:#ef4444;font-weight:600}.cost-free[data-v-b76d124f]{color:#10b981;font-weight:600}.error-text[data-v-b76d124f]{color:#ef4444}.pagination[data-v-b76d124f]{display:flex;justify-content:flex-end;margin-top:20px}[data-v-b76d124f] .el-table{border-radius:8px}[data-v-b76d124f] .el-table th{background:#f8fafc;color:#64748b;font-size:13px;font-weight:600}[data-v-b76d124f] .el-table td{color:#1e293b;font-size:14px}[data-v-b76d124f] .el-table tr:hover td{background:#f8fafc}[data-v-b76d124f] .el-pagination{flex-wrap:wrap;justify-content:flex-end}.detail-content .detail-section[data-v-b76d124f]{margin-bottom:24px}.detail-content .detail-section[data-v-b76d124f]:last-child{margin-bottom:0}.detail-content .detail-section h4[data-v-b76d124f]{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 16px}.detail-content .detail-section .detail-grid[data-v-b76d124f]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-content .detail-section .detail-grid .detail-item .label[data-v-b76d124f]{color:#64748b;font-size:14px}.detail-content .detail-section .detail-grid .detail-item .value[data-v-b76d124f]{color:#0f172a;font-size:14px;font-weight:500}.detail-content .detail-section .code-block[data-v-b76d124f]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:16px}