html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.api-usage-content[data-v-9cbb0f81]{width:100%}.api-usage-content .page-wrapper[data-v-9cbb0f81]{max-width:1400px;margin:0 auto}.api-usage-content .page-header[data-v-9cbb0f81]{text-align:center;margin-bottom:30px}.api-usage-content .page-header h2[data-v-9cbb0f81]{margin:0 0 10px;font-size:28px;color:#303133}.api-usage-content .page-header .page-subtitle[data-v-9cbb0f81]{margin:0;color:#909399;font-size:14px}.api-usage-content .input-card[data-v-9cbb0f81]{max-width:600px;margin:0 auto 20px}.api-usage-content .input-card[data-v-9cbb0f81] .el-input{width:100%}.api-usage-content .api-info-card[data-v-9cbb0f81]{margin-bottom:20px}.api-usage-content .api-info-card .card-header[data-v-9cbb0f81]{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px}.api-usage-content .api-info-card .card-header .header-buttons[data-v-9cbb0f81]{display:flex;gap:15px;align-items:center}.api-usage-content .api-info-card .key-display[data-v-9cbb0f81]{display:flex;align-items:center;gap:5px}.api-usage-content .api-info-card .key-display span[data-v-9cbb0f81]{font-family:Courier New,monospace;font-size:12px}.api-usage-content .api-info-card .balance[data-v-9cbb0f81]{color:#67c23a;font-weight:600;font-size:16px}.api-usage-content .api-info-card .used-amount[data-v-9cbb0f81]{color:#f56c6c;font-weight:600}.api-usage-content .monthly-stats-card[data-v-9cbb0f81],.api-usage-content .model-detail-card[data-v-9cbb0f81]{margin-bottom:20px}.api-usage-content .monthly-stats-card .card-header[data-v-9cbb0f81],.api-usage-content .model-detail-card .card-header[data-v-9cbb0f81]{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px}.api-usage-content .monthly-stats-card .cost-value[data-v-9cbb0f81],.api-usage-content .model-detail-card .cost-value[data-v-9cbb0f81]{color:#f56c6c;font-weight:600}.api-usage-content .monthly-stats-card .model-stats[data-v-9cbb0f81],.api-usage-content .model-detail-card .model-stats[data-v-9cbb0f81]{display:flex;flex-wrap:wrap;gap:5px}.api-usage-content .chart-container[data-v-9cbb0f81]{padding:10px 0}.api-usage-content .chart-container .chart-wrapper[data-v-9cbb0f81]{background:#fff;border-radius:4px;padding:15px;box-shadow:0 2px 4px #00000014}.api-usage-content .chart-container .chart-wrapper .chart-title[data-v-9cbb0f81]{margin:0 0 15px;font-size:14px;font-weight:600;color:#303133}.api-usage-content .chart-container .chart-wrapper .chart[data-v-9cbb0f81]{width:100%;height:300px}.api-usage-content .empty-card[data-v-9cbb0f81]{text-align:center;padding:40px 0}.api-usage-content .main-tabs[data-v-9cbb0f81]{margin-top:20px}.api-usage-content .usage-records-card .toolbar[data-v-9cbb0f81]{display:flex;align-items:center;margin-bottom:15px}.api-usage-content .usage-records-card .pagination-container[data-v-9cbb0f81]{display:flex;justify-content:flex-end;margin-top:20px}.api-usage-content .usage-records-card[data-v-9cbb0f81] .el-statistic__head{font-size:13px;color:#909399}.api-usage-content .usage-records-card[data-v-9cbb0f81] .el-statistic__content{font-size:20px;font-weight:600}.navbar[data-v-a92dc636]{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:1000;padding:0}.navbar-container[data-v-a92dc636]{max-width:1280px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar-brand .brand-link[data-v-a92dc636]{display:flex;align-items:center;text-decoration:none;color:#111827}.navbar-brand .brand-name[data-v-a92dc636]{font-size:20px;font-weight:700;letter-spacing:-.5px}.navbar-menu[data-v-a92dc636]{display:flex;gap:8px}.nav-link[data-v-a92dc636]{padding:8px 16px;border-radius:8px;color:#6b7280;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s;cursor:pointer}.nav-link[data-v-a92dc636]:hover{color:#111827;background:#f3f4f6}.nav-link.active[data-v-a92dc636]{color:#4f46e5;background:#eef2ff}.navbar-actions[data-v-a92dc636]{display:flex;align-items:center;gap:12px}.btn[data-v-a92dc636]{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px}.btn-outline[data-v-a92dc636]{color:#6b7280;background:transparent;border:1px solid #e5e7eb}.btn-outline[data-v-a92dc636]:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}@media (max-width: 768px){.navbar-menu[data-v-a92dc636]{display:none}}.home-page[data-v-fa5a68b7]{min-height:100vh;background-color:#fff}.content-wrapper[data-v-fa5a68b7]{padding-top:60px}.tutorial-section[data-v-fa5a68b7]{min-height:calc(100vh - 60px);background:#fff}.tutorial-section .tutorial-container[data-v-fa5a68b7]{width:100%;height:calc(100vh - 60px)}.tutorial-section .tutorial-container .tutorial-iframe[data-v-fa5a68b7]{width:100%;height:100%;border:none}.api-usage-section[data-v-fa5a68b7]{min-height:calc(100vh - 60px);background:#f5f7fa;padding:20px}.hero-section[data-v-fa5a68b7]{padding:80px 20px;background-color:#f8f9fa;color:#333;text-align:center}.hero-content[data-v-fa5a68b7]{max-width:1200px;margin:0 auto}.hero-title[data-v-fa5a68b7]{font-size:48px;font-weight:700;margin-bottom:20px;animation:fadeInUp-fa5a68b7 .6s ease}.hero-subtitle[data-v-fa5a68b7]{font-size:20px;opacity:.95;margin-bottom:60px;animation:fadeInUp-fa5a68b7 .8s ease}.hero-features[data-v-fa5a68b7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.feature-card[data-v-fa5a68b7]{background:#fff;border-radius:16px;padding:30px;transition:transform .3s ease;animation:fadeInUp-fa5a68b7 1s ease;box-shadow:0 4px 20px #00000014}.feature-card[data-v-fa5a68b7]:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.feature-icon[data-v-fa5a68b7]{width:48px;height:48px;margin:0 auto 20px;color:#667eea;display:flex;align-items:center;justify-content:center}.feature-icon svg[data-v-fa5a68b7]{width:32px;height:32px}.feature-card h3[data-v-fa5a68b7]{font-size:22px;margin-bottom:10px}.feature-card p[data-v-fa5a68b7]{font-size:16px;opacity:.9;line-height:1.6}.supported-providers[data-v-fa5a68b7]{padding:80px 20px;background:#fff}.supported-providers h2[data-v-fa5a68b7]{font-size:32px;color:#333;text-align:center;margin-bottom:50px}.provider-list[data-v-fa5a68b7]{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;max-width:800px;margin:0 auto}.provider-item[data-v-fa5a68b7]{padding:15px 30px;background:#f8f9fa;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.provider-item[data-v-fa5a68b7]:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.provider-item span[data-v-fa5a68b7]{font-size:16px;color:#333;font-weight:600}@keyframes fadeInUp-fa5a68b7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title[data-v-fa5a68b7]{font-size:36px}.hero-subtitle[data-v-fa5a68b7]{font-size:18px}.provider-list[data-v-fa5a68b7]{gap:20px}}:root{--primary-color: #667eea;--success-color: #67C23A;--warning-color: #E6A23C;--danger-color: #F56C6C;--info-color: #909399;--text-primary: #333;--text-regular: #606266;--text-secondary: #909399;--text-placeholder: #C0C4CC;--border-base: #DCDFE6;--border-light: #E4E7ED;--border-lighter: #EBEEF5;--border-extra-light: #F2F6FC;--bg-color: #FFFFFF;--bg-page: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-page)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-extra-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-base)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.p-10{padding:10px}.p-20{padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}@media (max-width: 768px){.hide-sm{display:none!important}}@media (max-width: 992px){.hide-md{display:none!important}}@media (max-width: 1200px){.hide-lg{display:none!important}}