fix(frontend): polish interface presentation

Co-authored-by: Codex <noreply@openai.com>

frontend/src/components/base/BaseTable/index.vue

@@ -184,7 +184,7 @@ function sortButtonLabel(column: ResolvedTableColumn<Row>) {
 </script>
 
 <template>
-  <div class="flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden">
+  <div class="isolate flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden">
     <div v-loading="loading" class="relative flex min-h-0 max-w-full flex-1 overflow-hidden">
       <BaseScrollbar
         v-if="hasRows"

frontend/src/views/dashboard/components/AccountOverviewCard.vue

@@ -221,7 +221,7 @@ const statusBars = computed(() => {
         </p>
 
         <div
-          class="mt-5 flex w-full flex-col gap-2 overflow-hidden xl:mt-6.75 xl:h-82.5 xl:gap-1.5"
+          class="mt-5 flex w-full flex-col gap-2 overflow-hidden xl:mt-6.75 xl:h-82.5 xl:gap-2.5"
         >
           <BaseEmpty
             v-if="accounts.length === 0"
@@ -233,7 +233,7 @@ const statusBars = computed(() => {
             <article
               v-for="account in accounts"
               :key="account.id"
-              class="grid w-full shrink-0 grid-cols-1 gap-3 rounded-xl bg-cp-fill-alter/70 px-3.5 py-3.5 transition-colors xl:h-19.5 xl:grid-cols-[minmax(0,1fr)_minmax(70px,0.36fr)_minmax(74px,0.38fr)_minmax(82px,0.46fr)] xl:items-center xl:gap-4 xl:py-0"
+              class="grid w-full shrink-0 grid-cols-1 gap-3 rounded-xl bg-cp-fill-alter/70 px-3.5 py-3.5 transition-colors xl:h-18.75 xl:grid-cols-[minmax(0,1fr)_minmax(70px,0.36fr)_minmax(74px,0.38fr)_minmax(82px,0.46fr)] xl:items-center xl:gap-4 xl:py-0"
             >
               <AccountIdentityCell
                 :account="account"

frontend/src/views/dashboard/composables/useDashboard.ts

@@ -270,12 +270,12 @@ function metricCards(
         {
           label: '可用',
           value: credentials.available,
-          tone: credentials.availableValue > 0 ? 'success' : 'normal',
+          tone: 'success',
         },
         {
           label: '不可用',
           value: credentials.unavailable,
-          tone: credentials.unavailableValue > 0 ? 'danger' : 'normal',
+          tone: 'danger',
         },
       ],
     },

frontend/src/views/settings/components/ModelAliasesCard.vue

@@ -56,12 +56,6 @@ const emit = defineEmits<{
         暂无模型映射
       </div>
       <div v-else class="grid gap-3">
-        <div class="grid grid-cols-[1fr_auto_1fr_auto] items-center gap-3 px-1 text-cp-sm font-bold text-cp-text-quaternary">
-          <span>请求模型</span>
-          <span />
-          <span>上游模型</span>
-          <span />
-        </div>
         <div
           v-for="(row, index) in mappings"
           :key="index"
@@ -69,14 +63,14 @@ const emit = defineEmits<{
         >
           <BaseInput
             :model-value="row.requestedModel"
-            placeholder="gpt-5.4"
+            placeholder="请求模型"
             aria-label="请求模型"
             @update:model-value="emit('updateMapping', index, 'requestedModel', $event)"
           />
           <span class="text-cp-text-quaternary">→</span>
           <BaseInput
             :model-value="row.upstreamModel"
-            placeholder="gpt-5.5"
+            placeholder="上游模型"
             aria-label="上游模型名称"
             @update:model-value="emit('updateMapping', index, 'upstreamModel', $event)"
           />