tzt
1ae9ffb159
- style.css 重写为设计系统：色板/圆角/阴影/统一滚动条/焦点环/卡片质感，main.ts 引入 - App.vue：深色渐变侧边栏替换顶部条（品牌区/图标导航/激活高亮/网关状态脚注） - 六个视图页面背景令牌化，卡片统一阴影；index.html 标题与语言修正 - 功能零改动，纯视觉层
2 lines
2.4 KiB
CSS
2 lines
2.4 KiB
CSS
.metrics-view[data-v-079e4daf]{height:100%;padding:20px 24px;overflow-y:auto}.by-model[data-v-079e4daf]{border-collapse:collapse;width:100%;font-size:12px}.by-model th[data-v-079e4daf],.by-model td[data-v-079e4daf]{text-align:left;border-bottom:1px solid #f3f4f6;padding:4px 8px}.by-model th[data-v-079e4daf]{color:#6b7280;font-weight:600}.by-model td.mono[data-v-079e4daf]{font-family:ui-monospace,Consolas,monospace}.hint[data-v-079e4daf]{color:#9ca3af;margin-top:8px;font-size:11px}.metrics-header[data-v-079e4daf]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.metrics-header h2[data-v-079e4daf]{margin:0;font-size:20px}.refresh[data-v-079e4daf]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px}.loading[data-v-079e4daf],.error[data-v-079e4daf]{text-align:center;color:#9ca3af;padding:40px}.error[data-v-079e4daf]{color:#dc2626}.card-grid[data-v-079e4daf]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card[data-v-079e4daf]{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.metric-card.highlight[data-v-079e4daf]{background:#eff6ff;border-color:#2563eb}.metric-card h3[data-v-079e4daf]{color:#374151;margin:0 0 12px;font-size:14px}.kv-list[data-v-079e4daf]{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px;display:grid}.kv-list span[data-v-079e4daf]{color:#6b7280}.kv-list b[data-v-079e4daf]{color:#111;text-align:right}.review-card[data-v-079e4daf]{grid-column:span 2}.review-stats[data-v-079e4daf]{gap:24px;margin-bottom:12px;display:flex}.stat-item[data-v-079e4daf]{flex-direction:column;align-items:center;display:flex}.stat-num[data-v-079e4daf]{color:#2563eb;font-size:28px;font-weight:700}.stat-label[data-v-079e4daf]{color:#6b7280;font-size:12px}.progress-wrap[data-v-079e4daf]{background:#e5e7eb;border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}.reviewed-bar[data-v-079e4daf]{background:#16a34a;height:100%;transition:width .5s}.review-rate[data-v-079e4daf]{color:#6b7280;margin:0;font-size:13px}.raw-json[data-v-079e4daf]{background:var(--c-bg);border:1px solid #e5e7eb;border-radius:8px}.raw-json summary[data-v-079e4daf]{cursor:pointer;color:#6b7280;padding:10px 14px;font-size:13px}.raw-json pre[data-v-079e4daf]{white-space:pre-wrap;border-top:1px solid #e5e7eb;margin:0;padding:10px 14px;font-size:12px}
|