.ai-usage-record-page[data-v-7e5cd9c4]{padding:20px}.ai-usage-record-page .main-card .card-header[data-v-7e5cd9c4]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ai-usage-record-page .main-card .card-header .header-content .header-icon[data-v-7e5cd9c4],.ai-usage-record-page .main-card .card-header .header-content[data-v-7e5cd9c4],.ai-usage-record-page .main-card .card-header[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-usage-record-page .main-card .card-header .header-content .header-icon[data-v-7e5cd9c4]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px}.ai-usage-record-page .main-card .card-header .header-content .header-icon i[data-v-7e5cd9c4]{font-size:24px;color:#fff}.ai-usage-record-page .main-card .card-header .header-content .header-text .header-title[data-v-7e5cd9c4]{margin:0;font-size:20px;font-weight:600;color:#303133}.ai-usage-record-page .main-card .card-header .header-content .header-text .header-subtitle[data-v-7e5cd9c4]{margin:4px 0 0 0;font-size:14px;color:#909399}.ai-usage-record-page .main-card .content-wrapper .search-area[data-v-7e5cd9c4]{margin-bottom:20px}.ai-usage-record-page .main-card .content-wrapper .stats-area[data-v-7e5cd9c4]{margin-top:20px;margin-bottom:20px}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);-webkit-transition:all .3s;transition:all .3s}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card[data-v-7e5cd9c4]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-icon[data-v-7e5cd9c4]{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:16px;font-size:24px;color:#fff}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-icon.success[data-v-7e5cd9c4]{background:linear-gradient(135deg,#67c23a,#85ce61)}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-icon.danger[data-v-7e5cd9c4]{background:linear-gradient(135deg,#f56c6c,#f78989)}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-icon.info[data-v-7e5cd9c4]{background:linear-gradient(135deg,#409eff,#66b1ff)}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-icon.warning[data-v-7e5cd9c4]{background:linear-gradient(135deg,#e6a23c,#ebb563)}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-content[data-v-7e5cd9c4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-content .stat-value[data-v-7e5cd9c4]{font-size:24px;font-weight:600;color:#303133;line-height:1.2;margin-bottom:4px}.ai-usage-record-page .main-card .content-wrapper .stats-area .stat-card .stat-content .stat-label[data-v-7e5cd9c4]{font-size:14px;color:#909399}.ai-usage-record-page .main-card .content-wrapper .pagination-wrapper[data-v-7e5cd9c4]{margin-top:20px;text-align:right}.ai-usage-record-page .drawer-loading[data-v-7e5cd9c4]{text-align:center;padding:40px;color:#909399}.ai-usage-record-page .drawer-loading i[data-v-7e5cd9c4]{font-size:24px;margin-right:8px}.ai-usage-record-page .drawer-content[data-v-7e5cd9c4]{padding:0}.ai-usage-record-page .drawer-content .status-card[data-v-7e5cd9c4]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:24px;margin-bottom:20px;color:#fff}.ai-usage-record-page .drawer-content .status-card .status-header[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.ai-usage-record-page .drawer-content .status-card .status-header .status-icon[data-v-7e5cd9c4]{width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:20px;font-size:32px}.ai-usage-record-page .drawer-content .status-card .status-header .status-icon.success[data-v-7e5cd9c4]{background:rgba(103,194,58,.3)}.ai-usage-record-page .drawer-content .status-card .status-header .status-icon.danger[data-v-7e5cd9c4]{background:rgba(245,108,108,.3)}.ai-usage-record-page .drawer-content .status-card .status-header .status-info[data-v-7e5cd9c4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ai-usage-record-page .drawer-content .status-card .status-header .status-info .status-title[data-v-7e5cd9c4]{margin-bottom:8px}.ai-usage-record-page .drawer-content .status-card .status-header .status-info .status-meta[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:14px;opacity:.9}.ai-usage-record-page .drawer-content .status-card .status-header .status-info .status-meta span[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.ai-usage-record-page .drawer-content .status-card .status-metrics[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.2)}.ai-usage-record-page .drawer-content .status-card .status-metrics .metric-item[data-v-7e5cd9c4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ai-usage-record-page .drawer-content .status-card .status-metrics .metric-item .metric-label[data-v-7e5cd9c4]{font-size:13px;opacity:.8;margin-bottom:8px}.ai-usage-record-page .drawer-content .status-card .status-metrics .metric-item .metric-value[data-v-7e5cd9c4]{font-size:20px;font-weight:600}.ai-usage-record-page .drawer-content .status-card .status-metrics .metric-item .metric-value.cost[data-v-7e5cd9c4]{color:gold}.ai-usage-record-page .drawer-content .detail-card[data-v-7e5cd9c4]{margin-bottom:20px;border-radius:8px}.ai-usage-record-page .drawer-content .detail-card .card-header[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:16px;color:#303133}.ai-usage-record-page .drawer-content .detail-card .card-header i[data-v-7e5cd9c4]{margin-right:8px;font-size:18px;color:#409eff}.ai-usage-record-page .drawer-content .detail-card .card-header.error i[data-v-7e5cd9c4]{color:#f56c6c}.ai-usage-record-page .drawer-content .detail-card.error-card[data-v-7e5cd9c4]{border-left:4px solid #f56c6c}.ai-usage-record-page .drawer-content .request-content-box[data-v-7e5cd9c4]{padding:16px;background:#f5f7fa;border-radius:6px;border-left:4px solid #409eff}.ai-usage-record-page .drawer-content .request-content-box .content-text[data-v-7e5cd9c4]{font-size:15px;line-height:1.8;color:#303133;white-space:pre-wrap;word-break:break-word}.ai-usage-record-page .drawer-content .response-parsed .response-section[data-v-7e5cd9c4]{margin-bottom:24px}.ai-usage-record-page .drawer-content .response-parsed .response-section[data-v-7e5cd9c4]:last-child{margin-bottom:0}.ai-usage-record-page .drawer-content .response-parsed .response-section .section-title[data-v-7e5cd9c4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;font-weight:600;color:#303133;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e4e7ed}.ai-usage-record-page .drawer-content .response-parsed .response-section .section-title i[data-v-7e5cd9c4]{margin-right:8px;color:#409eff;font-size:16px}.ai-usage-record-page .drawer-content .response-parsed .response-section .section-content .intent-text[data-v-7e5cd9c4]{padding:12px;background:#f5f7fa;border-radius:6px;color:#606266;line-height:1.6}.ai-usage-record-page .drawer-content .response-raw[data-v-7e5cd9c4]{position:relative}.ai-usage-record-page .drawer-content .response-raw .json-viewer[data-v-7e5cd9c4]{background:#282c34;border-radius:6px;padding:16px;overflow-x:auto;max-height:500px;overflow-y:auto}.ai-usage-record-page .drawer-content .response-raw .json-viewer pre[data-v-7e5cd9c4]{margin:0;color:#abb2bf;font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.ai-usage-record-page .drawer-content .response-raw .copy-btn-wrapper[data-v-7e5cd9c4]{margin-top:12px;text-align:right}.ai-usage-record-page .drawer-content .empty-response[data-v-7e5cd9c4]{text-align:center;padding:40px 20px;color:#909399}.ai-usage-record-page .drawer-content .empty-response i[data-v-7e5cd9c4]{font-size:48px;margin-bottom:12px;opacity:.5}.ai-usage-record-page .drawer-content .empty-response p[data-v-7e5cd9c4]{font-size:14px;margin:0}.ai-usage-record-page .drawer-content .user-agent[data-v-7e5cd9c4]{font-size:12px;color:#909399;word-break:break-all;line-height:1.6}[data-v-7e5cd9c4] .detail-drawer .el-drawer__header{margin-bottom:20px;padding:20px 20px 0;border-bottom:1px solid #e4e7ed}[data-v-7e5cd9c4] .detail-drawer .el-drawer__header .el-drawer__title{font-size:18px;font-weight:600;color:#303133}[data-v-7e5cd9c4] .detail-drawer .el-drawer__body{padding:20px;overflow-y:auto}[data-v-7e5cd9c4] .el-table .row-success{background-color:#f0f9ff}[data-v-7e5cd9c4] .el-table .row-failed{background-color:#fef0f0}[data-v-7e5cd9c4] .el-table .duration-fast{color:#67c23a;font-weight:500}[data-v-7e5cd9c4] .el-table .duration-normal{color:#e6a23c;font-weight:500}[data-v-7e5cd9c4] .el-table .duration-slow{color:#f56c6c;font-weight:500}[data-v-7e5cd9c4] .el-table .business-name{color:#606266}[data-v-7e5cd9c4] .el-table .request-content{color:#303133;font-size:13px}[data-v-7e5cd9c4] .el-table .token-usage{color:#409eff;font-weight:500}