diff --git a/src/components/charts/bar-leaderboard-chart.tsx b/src/components/charts/bar-leaderboard-chart.tsx
index 2f28c570..b666395a 100755
--- a/src/components/charts/bar-leaderboard-chart.tsx
+++ b/src/components/charts/bar-leaderboard-chart.tsx
@@ -189,14 +189,6 @@ export function BarLeaderboardChart<T extends BarLeaderboardDatumBase>({
     el.scrollBy({ left: delta, behavior: 'smooth' });
   }, []);
 
-  if (!data.length) {
-    return (
-      <div className="flex h-[200px] items-center justify-center text-sm text-muted-foreground sm:h-[240px]">
-        暂无数据
-      </div>
-    );
-  }
-
   const axisKey = mode === 'provider' ? 'provider' : 'normalizedModelDisplay';
   const metricAxis =
     metric === 'ttft'
@@ -209,7 +201,8 @@ export function BarLeaderboardChart<T extends BarLeaderboardDatumBase>({
           }
         : getMetricAxisProps('tps');
 
-  const showLabelText = effectiveMode === 'scroll' || data.length <= (isMobile ? 6 : 12);
+  const showLabelText = data.length <= (isMobile ? 6 : 12);
+  const xAxisHeight = showLabelText ? (isMobile ? 40 : 52) : (isMobile ? 24 : 30);
   const hasOverflow = effectiveMode === 'scroll' && innerWidth > wrapperWidth;
   const showLeftFade = hasOverflow && scrollState.left > 4;
   const showRightFade = hasOverflow && scrollState.left < scrollState.max - 4;
@@ -228,8 +221,8 @@ export function BarLeaderboardChart<T extends BarLeaderboardDatumBase>({
           interval={effectiveMode === 'scroll' ? 0 : isMobile ? 'preserveStartEnd' : 0}
           tickLine={false}
           axisLine={false}
-          tick={<BarXAxisTick mode={mode} data={data} isMobile={isMobile} showText={showLabelText} />}
-          height={isMobile ? 40 : 52}
+          tick={<BarXAxisTick mode={mode} data={data} isMobile={isMobile} showText={showLabelText} axisHeight={xAxisHeight} />}
+          height={xAxisHeight}
         />
         <YAxis
           {...metricAxis}
@@ -249,6 +242,14 @@ export function BarLeaderboardChart<T extends BarLeaderboardDatumBase>({
     [data, dataKey, axisKey, mode, metric, tooltipContent, isMobile, effectiveMode, innerWidth, effectiveHeight, showLabelText, metricAxis],
   );
 
+  if (!data.length) {
+    return (
+      <div className="flex h-[200px] items-center justify-center text-sm text-muted-foreground sm:h-[240px]">
+        暂无数据
+      </div>
+    );
+  }
+
   return (
     <div ref={wrapperRef} className="relative w-full">
       <ChartModeToggle
@@ -309,7 +310,7 @@ export function BarLeaderboardChart<T extends BarLeaderboardDatumBase>({
       ) : null}
 
       {effectiveMode === 'scroll' ? (
-        <div className="mt-1 text-right text-[10px] text-muted-foreground/80">
+        <div className="pointer-events-none absolute bottom-0 right-0 bg-background/70 px-1 text-right text-[10px] text-muted-foreground/80 backdrop-blur-sm">
           可横向拖动 / 滚轮 / 滑动浏览全部 {data.length} 项
         </div>
       ) : null}
@@ -349,9 +350,10 @@ interface BarXAxisTickProps {
   data: BarLeaderboardDatumBase[];
   isMobile: boolean;
   showText: boolean;
+  axisHeight: number;
 }
 
-function BarXAxisTick({ x = 0, y = 0, payload, mode, data, isMobile, showText }: BarXAxisTickProps) {
+function BarXAxisTick({ x = 0, y = 0, payload, mode, data, isMobile, showText, axisHeight }: BarXAxisTickProps) {
   if (!payload) return null;
   const value = String(payload.value ?? '');
   const record = data.find((d) => {
@@ -363,13 +365,16 @@ function BarXAxisTick({ x = 0, y = 0, payload, mode, data, isMobile, showText }:
   const maxLen = isMobile ? 6 : 10;
   const label = value.length > maxLen ? `${value.slice(0, maxLen)}…` : value;
   const glyphSize = isMobile ? 14 : 18;
+  const glyphContainerHeight = glyphSize + 4;
+  const glyphY = showText ? 2 : Math.max(0, (axisHeight - glyphContainerHeight) / 2);
+  const textY = isMobile ? 26 : 34;
   return (
     <g transform={`translate(${x}, ${y + 2})`}>
       <foreignObject
         x={-(glyphSize + 6)}
-        y={2}
+        y={glyphY}
         width={(glyphSize + 6) * 2}
-        height={glyphSize + 4}
+        height={glyphContainerHeight}
         style={{ overflow: 'visible' }}
       >
         <div className="flex items-center justify-center">
@@ -383,7 +388,7 @@ function BarXAxisTick({ x = 0, y = 0, payload, mode, data, isMobile, showText }:
       {showText ? (
         <text
           x={0}
-          y={isMobile ? 26 : 34}
+          y={textY}
           textAnchor="middle"
           fill="hsl(var(--muted-foreground))"
           fontSize={isMobile ? 9 : 10}
diff --git a/src/routes/leaderboards.tsx b/src/routes/leaderboards.tsx
index f73791db..0601441b 100755
--- a/src/routes/leaderboards.tsx
+++ b/src/routes/leaderboards.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { SectionCard } from '@/components/layout/section-card';
 import { BarLeaderboardChart } from '@/components/charts/bar-leaderboard-chart';
 import { CompositeModelTooltip, CompositeProviderTooltip, ModelChartTooltip, ProviderChartTooltip } from '@/components/charts/tooltips';
@@ -19,10 +19,55 @@ const MODE_OPTIONS = [
   { value: 'provider' as const, label: '按厂家' },
 ];
 
+const leaderboardCardClassName = 'flex h-full min-h-0 flex-col overflow-hidden';
+const leaderboardContentClassName = 'flex min-h-0 flex-1 flex-col';
+const leaderboardListClassName =
+  'flex max-h-[60vh] min-h-0 flex-col gap-2 overflow-y-auto pr-1 scrollbar-thin sm:max-h-[560px] xl:max-h-none xl:flex-1';
+
+function useIsDesktopLeaderboardLayout() {
+  const [isDesktop, setIsDesktop] = useState<boolean>(() =>
+    typeof window === 'undefined' ? false : window.matchMedia('(min-width: 1280px)').matches,
+  );
+
+  useLayoutEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mq = window.matchMedia('(min-width: 1280px)');
+    const update = () => setIsDesktop(mq.matches);
+    update();
+    mq.addEventListener('change', update);
+    return () => mq.removeEventListener('change', update);
+  }, []);
+
+  return isDesktop;
+}
+
+function useElementHeight<T extends HTMLElement>() {
+  const ref = useRef<T | null>(null);
+  const [height, setHeight] = useState(0);
+
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+
+    const update = () => setHeight(el.getBoundingClientRect().height);
+    update();
+
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+
+  return [ref, height] as const;
+}
+
 export function LeaderboardsRoute() {
   const { latest, loading } = useBenchmarkData();
   const enriched = useEnrichedResults(latest);
   const providerAverages = useProviderAverages(enriched);
+  const isDesktopLeaderboardLayout = useIsDesktopLeaderboardLayout();
+  const [compositeChartRef, compositeChartHeight] = useElementHeight<HTMLDivElement>();
+  const [tpsChartRef, tpsChartHeight] = useElementHeight<HTMLDivElement>();
+  const [ttftChartRef, ttftChartHeight] = useElementHeight<HTMLDivElement>();
 
   const [compositeMode, setCompositeMode] = useState<Mode>('model');
   const [tpsMode, setTpsMode] = useState<Mode>('model');
@@ -72,245 +117,263 @@ export function LeaderboardsRoute() {
         {/* === 综合 === */}
         <TabsContent value="composite" className="mt-4">
           <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
-            <SectionCard
-              title={
-                <>
-                  综合排行榜
-                  <MetricInfoHint metric="composite" label="查看综合评分算法" />
-                </>
-              }
-              subtitle="综合评分 = TPS 分 × 0.6 + TTFT 分 × 0.4，兼顾生成速度与首字响应。"
-              action={<SegmentedControl options={MODE_OPTIONS} value={compositeMode} onChange={setCompositeMode} />}
-            >
-              <div className="flex max-h-[60vh] flex-col gap-2 overflow-y-auto pr-1 scrollbar-thin sm:max-h-[560px]">
-                {loading && !compositeSorted.length ? (
-                  <div className="text-sm text-muted-foreground">正在加载…</div>
-                ) : compositeMode === 'provider' ? (
-                  compositeProviderSorted.map((item, index) => (
-                    <LeaderboardRow
-                      key={`composite-provider-${item.provider}`}
-                      rank={index + 1}
+            <div className="min-h-0" style={isDesktopLeaderboardLayout && compositeChartHeight ? { height: compositeChartHeight } : undefined}>
+              <SectionCard
+                title={
+                  <>
+                    综合排行榜
+                    <MetricInfoHint metric="composite" label="查看综合评分算法" />
+                  </>
+                }
+                subtitle="综合评分 = TPS 分 × 0.6 + TTFT 分 × 0.4，兼顾生成速度与首字响应。"
+                action={<SegmentedControl options={MODE_OPTIONS} value={compositeMode} onChange={setCompositeMode} />}
+                className={leaderboardCardClassName}
+                contentClassName={leaderboardContentClassName}
+              >
+                <div className={leaderboardListClassName}>
+                  {loading && !compositeSorted.length ? (
+                    <div className="text-sm text-muted-foreground">正在加载…</div>
+                  ) : compositeMode === 'provider' ? (
+                    compositeProviderSorted.map((item, index) => (
+                      <LeaderboardRow
+                        key={`composite-provider-${item.provider}`}
+                        rank={index + 1}
+                        mode="provider"
+                        provider={item.provider}
+                        model={item.model}
+                        modelCount={item.modelCount}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.hasAnomaly}
+                        primary={<>{formatNumber(item.compositeScore)} 分</>}
+                        secondary={
+                          <>
+                            TPS {formatNumber(item.averageMedianTps || item.averageTps)} · TTFT {formatNumber(item.averageTtft, 0)} ms
+                          </>
+                        }
+                      />
+                    ))
+                  ) : (
+                    compositeSorted.map((item, index) => (
+                      <LeaderboardRow
+                        key={`composite-${item.provider}-${item.model}`}
+                        rank={index + 1}
+                        mode="model"
+                        provider={item.provider}
+                        model={item.model}
+                        displayName={item.normalizedModelDisplay}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.abnormalTps}
+                        primary={<>{formatNumber(item.compositeScore)} 分</>}
+                        secondary={
+                          <>
+                            TPS {formatNumber(item.medianTps || item.avgTps)} · TTFT {formatNumber(item.avgTtft, 0)} ms
+                          </>
+                        }
+                      />
+                    ))
+                  )}
+                </div>
+              </SectionCard>
+            </div>
+
+            <div ref={compositeChartRef}>
+              <SectionCard
+                title="综合评分柱状图"
+                subtitle="按厂家平均与模型逐一展示，便于左右对照排行榜。"
+              >
+                <div className="flex flex-col gap-6">
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均</div>
+                    <BarLeaderboardChart
+                      data={compositeProviderSorted.map((item) => ({ ...item, label: item.provider }))}
+                      dataKey="compositeScore"
                       mode="provider"
-                      provider={item.provider}
-                      model={item.model}
-                      modelCount={item.modelCount}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.hasAnomaly}
-                      primary={<>{formatNumber(item.compositeScore)} 分</>}
-                      secondary={
-                        <>
-                          TPS {formatNumber(item.averageMedianTps || item.averageTps)} · TTFT {formatNumber(item.averageTtft, 0)} ms
-                        </>
-                      }
+                      metric="composite"
+                      tooltipContent={<CompositeProviderTooltip />}
                     />
-                  ))
-                ) : (
-                  compositeSorted.map((item, index) => (
-                    <LeaderboardRow
-                      key={`composite-${item.provider}-${item.model}`}
-                      rank={index + 1}
+                  </div>
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型逐一</div>
+                    <BarLeaderboardChart
+                      data={compositeSorted}
+                      dataKey="compositeScore"
                       mode="model"
-                      provider={item.provider}
-                      model={item.model}
-                      displayName={item.normalizedModelDisplay}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.abnormalTps}
-                      primary={<>{formatNumber(item.compositeScore)} 分</>}
-                      secondary={
-                        <>
-                          TPS {formatNumber(item.medianTps || item.avgTps)} · TTFT {formatNumber(item.avgTtft, 0)} ms
-                        </>
-                      }
+                      metric="composite"
+                      tooltipContent={<CompositeModelTooltip />}
                     />
-                  ))
-                )}
-              </div>
-            </SectionCard>
-
-            <SectionCard
-              title="综合评分柱状图"
-              subtitle="按厂家平均与模型逐一展示，便于左右对照排行榜。"
-            >
-              <div className="flex flex-col gap-6">
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均</div>
-                  <BarLeaderboardChart
-                    data={compositeProviderSorted.map((item) => ({ ...item, label: item.provider }))}
-                    dataKey="compositeScore"
-                    mode="provider"
-                    metric="composite"
-                    tooltipContent={<CompositeProviderTooltip />}
-                  />
+                  </div>
                 </div>
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型逐一</div>
-                  <BarLeaderboardChart
-                    data={compositeSorted}
-                    dataKey="compositeScore"
-                    mode="model"
-                    metric="composite"
-                    tooltipContent={<CompositeModelTooltip />}
-                  />
-                </div>
-              </div>
-            </SectionCard>
+              </SectionCard>
+            </div>
           </div>
         </TabsContent>
 
         {/* === TPS === */}
         <TabsContent value="tps" className="mt-4">
           <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
-            <SectionCard
-              title={
-                <>
-                  TPS 排行榜
-                  <MetricInfoHint metric="tps" label="查看 TPS 含义" />
-                </>
-              }
-              subtitle={tpsMode === 'provider' ? '按厂商聚合，展示多个模型的平均 MedianTPS。' : '最近一次拨测全部模型的 MedianTPS。'}
-              action={<SegmentedControl options={MODE_OPTIONS} value={tpsMode} onChange={setTpsMode} />}
-            >
-              <div className="flex max-h-[60vh] flex-col gap-2 overflow-y-auto pr-1 scrollbar-thin sm:max-h-[560px]">
-                {loading && !enriched.length ? (
-                  <div className="text-sm text-muted-foreground">正在加载…</div>
-                ) : tpsMode === 'provider' ? (
-                  providerAverages.map((item, index) => (
-                    <LeaderboardRow
-                      key={`tps-provider-${item.provider}`}
-                      rank={index + 1}
+            <div className="min-h-0" style={isDesktopLeaderboardLayout && tpsChartHeight ? { height: tpsChartHeight } : undefined}>
+              <SectionCard
+                title={
+                  <>
+                    TPS 排行榜
+                    <MetricInfoHint metric="tps" label="查看 TPS 含义" />
+                  </>
+                }
+                subtitle={tpsMode === 'provider' ? '按厂商聚合，展示多个模型的平均 MedianTPS。' : '最近一次拨测全部模型的 MedianTPS。'}
+                action={<SegmentedControl options={MODE_OPTIONS} value={tpsMode} onChange={setTpsMode} />}
+                className={leaderboardCardClassName}
+                contentClassName={leaderboardContentClassName}
+              >
+                <div className={leaderboardListClassName}>
+                  {loading && !enriched.length ? (
+                    <div className="text-sm text-muted-foreground">正在加载…</div>
+                  ) : tpsMode === 'provider' ? (
+                    providerAverages.map((item, index) => (
+                      <LeaderboardRow
+                        key={`tps-provider-${item.provider}`}
+                        rank={index + 1}
+                        mode="provider"
+                        provider={item.provider}
+                        model={item.model}
+                        modelCount={item.modelCount}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.hasAnomaly}
+                        primary={<>{formatNumber(item.averageMedianTps || item.averageTps)} tok/s</>}
+                        secondary={<>TTFT {formatNumber(item.averageTtft, 0)} ms</>}
+                      />
+                    ))
+                  ) : (
+                    tpsChartModels.map((item, index) => (
+                      <LeaderboardRow
+                        key={`tps-model-${item.provider}-${item.model}`}
+                        rank={index + 1}
+                        mode="model"
+                        provider={item.provider}
+                        model={item.model}
+                        displayName={item.normalizedModelDisplay}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.abnormalTps}
+                        primary={<>{formatNumber(item.medianTps || item.avgTps)} tok/s</>}
+                        secondary={<>TTFT {formatNumber(item.avgTtft, 0)} ms</>}
+                      />
+                    ))
+                  )}
+                </div>
+              </SectionCard>
+            </div>
+
+            <div ref={tpsChartRef}>
+              <SectionCard title="TPS 柱状图" subtitle="同一张图内对照厂家平均与模型平均。">
+                <div className="flex flex-col gap-6">
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均 MedianTPS</div>
+                    <BarLeaderboardChart
+                      data={tpsChartProviders.map((item) => ({ ...item, label: item.provider }))}
+                      dataKey="averageMedianTps"
                       mode="provider"
-                      provider={item.provider}
-                      model={item.model}
-                      modelCount={item.modelCount}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.hasAnomaly}
-                      primary={<>{formatNumber(item.averageMedianTps || item.averageTps)} tok/s</>}
-                      secondary={<>TTFT {formatNumber(item.averageTtft, 0)} ms</>}
+                      metric="tps"
+                      tooltipContent={<ProviderChartTooltip />}
                     />
-                  ))
-                ) : (
-                  tpsChartModels.map((item, index) => (
-                    <LeaderboardRow
-                      key={`tps-model-${item.provider}-${item.model}`}
-                      rank={index + 1}
+                  </div>
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型平均 MedianTPS</div>
+                    <BarLeaderboardChart
+                      data={tpsChartModels}
+                      dataKey="medianTps"
                       mode="model"
-                      provider={item.provider}
-                      model={item.model}
-                      displayName={item.normalizedModelDisplay}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.abnormalTps}
-                      primary={<>{formatNumber(item.medianTps || item.avgTps)} tok/s</>}
-                      secondary={<>TTFT {formatNumber(item.avgTtft, 0)} ms</>}
+                      metric="tps"
+                      tooltipContent={<ModelChartTooltip />}
                     />
-                  ))
-                )}
-              </div>
-            </SectionCard>
-
-            <SectionCard title="TPS 柱状图" subtitle="同一张图内对照厂家平均与模型平均。">
-              <div className="flex flex-col gap-6">
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均 MedianTPS</div>
-                  <BarLeaderboardChart
-                    data={tpsChartProviders.map((item) => ({ ...item, label: item.provider }))}
-                    dataKey="averageMedianTps"
-                    mode="provider"
-                    metric="tps"
-                    tooltipContent={<ProviderChartTooltip />}
-                  />
-                </div>
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型平均 MedianTPS</div>
-                  <BarLeaderboardChart
-                    data={tpsChartModels}
-                    dataKey="medianTps"
-                    mode="model"
-                    metric="tps"
-                    tooltipContent={<ModelChartTooltip />}
-                  />
+                  </div>
                 </div>
-              </div>
-            </SectionCard>
+              </SectionCard>
+            </div>
           </div>
         </TabsContent>
 
         {/* === TTFT === */}
         <TabsContent value="ttft" className="mt-4">
           <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">
-            <SectionCard
-              title={
-                <>
-                  TTFT 排行榜
-                  <MetricInfoHint metric="ttft" label="查看 TTFT 含义" />
-                </>
-              }
-              subtitle={ttftMode === 'provider' ? '按厂商聚合平均 TTFT，越低越靠前。' : '按模型排序平均 TTFT，越低越靠前。'}
-              action={<SegmentedControl options={MODE_OPTIONS} value={ttftMode} onChange={setTtftMode} />}
-            >
-              <div className="flex max-h-[60vh] flex-col gap-2 overflow-y-auto pr-1 scrollbar-thin sm:max-h-[560px]">
-                {loading && !enriched.length ? (
-                  <div className="text-sm text-muted-foreground">正在加载…</div>
-                ) : ttftMode === 'provider' ? (
-                  ttftSortedProviders.map((item, index) => (
-                    <LeaderboardRow
-                      key={`ttft-provider-${item.provider}`}
-                      rank={index + 1}
+            <div className="min-h-0" style={isDesktopLeaderboardLayout && ttftChartHeight ? { height: ttftChartHeight } : undefined}>
+              <SectionCard
+                title={
+                  <>
+                    TTFT 排行榜
+                    <MetricInfoHint metric="ttft" label="查看 TTFT 含义" />
+                  </>
+                }
+                subtitle={ttftMode === 'provider' ? '按厂商聚合平均 TTFT，越低越靠前。' : '按模型排序平均 TTFT，越低越靠前。'}
+                action={<SegmentedControl options={MODE_OPTIONS} value={ttftMode} onChange={setTtftMode} />}
+                className={leaderboardCardClassName}
+                contentClassName={leaderboardContentClassName}
+              >
+                <div className={leaderboardListClassName}>
+                  {loading && !enriched.length ? (
+                    <div className="text-sm text-muted-foreground">正在加载…</div>
+                  ) : ttftMode === 'provider' ? (
+                    ttftSortedProviders.map((item, index) => (
+                      <LeaderboardRow
+                        key={`ttft-provider-${item.provider}`}
+                        rank={index + 1}
+                        mode="provider"
+                        provider={item.provider}
+                        model={item.model}
+                        modelCount={item.modelCount}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.hasAnomaly}
+                        primary={<>{formatNumber(item.averageTtft, 0)} ms</>}
+                        secondary={<>{formatNumber(item.averageMedianTps || item.averageTps)} tok/s</>}
+                      />
+                    ))
+                  ) : (
+                    ttftSortedModels.map((item, index) => (
+                      <LeaderboardRow
+                        key={`ttft-model-${item.provider}-${item.model}`}
+                        rank={index + 1}
+                        mode="model"
+                        provider={item.provider}
+                        model={item.model}
+                        displayName={item.normalizedModelDisplay}
+                        hasThinking={item.hasThinking}
+                        hasAnomaly={item.abnormalTps}
+                        primary={<>{formatNumber(item.avgTtft, 0)} ms</>}
+                        secondary={<>{formatNumber(item.medianTps || item.avgTps)} tok/s</>}
+                      />
+                    ))
+                  )}
+                </div>
+              </SectionCard>
+            </div>
+
+            <div ref={ttftChartRef}>
+              <SectionCard
+                title="TTFT 柱状图"
+                subtitle={`按厂家与模型分别展示平均 TTFT；柱状图最高显示 ${TTFT_CHART_MAX} ms。`}
+              >
+                <div className="flex flex-col gap-6">
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均 TTFT</div>
+                    <BarLeaderboardChart
+                      data={ttftChartProviders.map((item) => ({ ...item, label: item.provider }))}
+                      dataKey="averageTtftChart"
                       mode="provider"
-                      provider={item.provider}
-                      model={item.model}
-                      modelCount={item.modelCount}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.hasAnomaly}
-                      primary={<>{formatNumber(item.averageTtft, 0)} ms</>}
-                      secondary={<>{formatNumber(item.averageMedianTps || item.averageTps)} tok/s</>}
+                      metric="ttft"
+                      tooltipContent={<ProviderChartTooltip metric="ttft" />}
                     />
-                  ))
-                ) : (
-                  ttftSortedModels.map((item, index) => (
-                    <LeaderboardRow
-                      key={`ttft-model-${item.provider}-${item.model}`}
-                      rank={index + 1}
+                  </div>
+                  <div>
+                    <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型平均 TTFT</div>
+                    <BarLeaderboardChart
+                      data={ttftChartModels}
+                      dataKey="avgTtftChart"
                       mode="model"
-                      provider={item.provider}
-                      model={item.model}
-                      displayName={item.normalizedModelDisplay}
-                      hasThinking={item.hasThinking}
-                      hasAnomaly={item.abnormalTps}
-                      primary={<>{formatNumber(item.avgTtft, 0)} ms</>}
-                      secondary={<>{formatNumber(item.medianTps || item.avgTps)} tok/s</>}
+                      metric="ttft"
+                      tooltipContent={<ModelChartTooltip metric="ttft" />}
                     />
-                  ))
-                )}
-              </div>
-            </SectionCard>
-
-            <SectionCard
-              title="TTFT 柱状图"
-              subtitle={`按厂家与模型分别展示平均 TTFT；柱状图最高显示 ${TTFT_CHART_MAX} ms。`}
-            >
-              <div className="flex flex-col gap-6">
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">厂家平均 TTFT</div>
-                  <BarLeaderboardChart
-                    data={ttftChartProviders.map((item) => ({ ...item, label: item.provider }))}
-                    dataKey="averageTtftChart"
-                    mode="provider"
-                    metric="ttft"
-                    tooltipContent={<ProviderChartTooltip metric="ttft" />}
-                  />
-                </div>
-                <div>
-                  <div className="mb-2 text-[11px] font-medium uppercase tracking-wider text-muted-foreground">模型平均 TTFT</div>
-                  <BarLeaderboardChart
-                    data={ttftChartModels}
-                    dataKey="avgTtftChart"
-                    mode="model"
-                    metric="ttft"
-                    tooltipContent={<ModelChartTooltip metric="ttft" />}
-                  />
+                  </div>
                 </div>
-              </div>
-            </SectionCard>
+              </SectionCard>
+            </div>
           </div>
         </TabsContent>
       </Tabs>