From ee104f0ad8961c98c6a665435401ea3ac71816a0 Mon Sep 17 00:00:00 2001
From: ryan <ryan@arctel.net>
Date: Sat, 14 Mar 2026 16:07:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=20WorldStageMap=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E5=9C=B0=E5=9B=BE=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/dashboard/components/world-stage-map.tsx  |  4 ++--
 .../web/features/dashboard/components/world-stage.tsx  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/atsf_server/web/features/dashboard/components/world-stage-map.tsx b/atsf_server/web/features/dashboard/components/world-stage-map.tsx
index 01c9f3ce..a0b0cd7d 100644
--- a/atsf_server/web/features/dashboard/components/world-stage-map.tsx
+++ b/atsf_server/web/features/dashboard/components/world-stage-map.tsx
@@ -285,8 +285,8 @@ export function WorldStageMap({
         roam: false,
         silent: true,
         layoutCenter: ['50%', '50%'],
-        layoutSize: '220%',
-        zoom: 1.2,
+        layoutSize: '180%',
+        zoom: 1,
         itemStyle: {
           areaColor: mapPalette.areaColor,
           borderColor: mapPalette.borderColor,
diff --git a/atsf_server/web/features/dashboard/components/world-stage.tsx b/atsf_server/web/features/dashboard/components/world-stage.tsx
index 88099945..5d6a772e 100644
--- a/atsf_server/web/features/dashboard/components/world-stage.tsx
+++ b/atsf_server/web/features/dashboard/components/world-stage.tsx
@@ -280,7 +280,7 @@ export function WorldStage({
         <div className="space-y-5">
           <div
             className={cn(
-              'relative min-h-[456px] overflow-hidden rounded-[28px] border py-5',
+              'relative min-h-[540px] overflow-hidden rounded-[28px] border py-6 lg:min-h-[600px]',
               isDark
                 ? 'border-white/10 bg-[linear-gradient(180deg,rgba(15,23,42,0.16),rgba(15,23,42,0.42))]'
                 : 'border-slate-200/80 bg-[linear-gradient(180deg,rgba(255,255,255,0.88),rgba(239,246,255,0.92))]',
@@ -305,9 +305,9 @@ export function WorldStage({
 
             <div
               ref={mapViewportRef}
-              className="absolute inset-x-3 top-14 bottom-24 flex items-center justify-center md:inset-x-4 md:top-16 md:bottom-28"
+              className="absolute inset-x-3 top-16 bottom-28 flex items-center justify-center md:inset-x-4 md:top-18 md:bottom-32"
             >
-              <div className="aspect-[2/1] h-auto max-h-full w-full">
+              <div className="h-full max-w-full aspect-[2/1]">
                 {shouldRenderMap ? (
                   <WorldStageMap isDark={isDark} nodes={nodes} />
                 ) : (
@@ -322,7 +322,7 @@ export function WorldStage({
             </div>
 
             {shouldRenderMap && nodes.length === 0 ? (
-              <div className="pointer-events-none absolute inset-x-6 bottom-24 z-10">
+              <div className="pointer-events-none absolute inset-x-6 bottom-28 z-10">
                 <div
                   className={cn(
                     'rounded-2xl border border-dashed px-4 py-4 text-sm backdrop-blur',
@@ -336,7 +336,7 @@ export function WorldStage({
               </div>
             ) : null}
 
-            <div className="absolute bottom-5 left-4 right-4 z-10 grid gap-3 md:grid-cols-3">
+            <div className="absolute bottom-6 left-4 right-4 z-10 grid gap-3 md:grid-cols-3">
               {sourceCountries.length > 0 ? (
                 sourceCountries.slice(0, 3).map((item, index) => (
                   <CountrySignal