From 61d39e2c1eb75d7854b9bd4711cde3aec2aea837 Mon Sep 17 00:00:00 2001
From: zheng020 <zheng02007@163.com>
Date: Wed, 10 Jun 2026 19:25:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=98=9F=E6=B2=B3?=
 =?UTF-8?q?=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/square/components/StarGalaxy/PodiumCard.vue    | 9 ++-------
 .../square/components/StarGalaxy/ScatteredRanks.vue      | 6 ++++--
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
index f77689e..379daa8 100644
--- a/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
+++ b/frontend/pages/square/components/StarGalaxy/PodiumCard.vue
@@ -39,7 +39,8 @@ function handleClick() {
   display: flex;
   align-items: center;
   justify-content: center;
-  // 宽高交给各 .podium-N 自由控制（不设默认值）
+  width: 60vw;
+  height: 320rpx;
 }
 
 /* TOP 1: 中央大卡（最大） */
@@ -47,8 +48,6 @@ function handleClick() {
   top: 400rpx;
   left: 50%;
   transform: translateX(-50%);
-  width: 240rpx;
-  height: 320rpx;
   &::before {
     content: "";
     position: absolute;
@@ -76,8 +75,6 @@ function handleClick() {
 .podium-2 {
   top: 184rpx;
   left: -96rpx;
-  width: 200rpx;
-  height: 280rpx;
   &::before {
     content: "";
     position: absolute;
@@ -104,8 +101,6 @@ function handleClick() {
 .podium-3 {
   top: 152rpx;
   right: -96rpx;
-  width: 220rpx;
-  height: 260rpx;
   &::before {
     content: "";
     position: absolute;
diff --git a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
index 05860b2..ad2cf58 100644
--- a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
+++ b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
@@ -28,8 +28,8 @@
       @click="handleClick(items[i])"
     >
       <!-- 相框（最底层） -->
-      <image class="ring-frame" :src="ringFrameSrc(p.rank)" mode="aspectFit" />
       <view class="top-label">{{ formatLabel(p.rank) }}</view>
+      <image class="ring-frame" :src="ringFrameSrc(p.rank)" mode="aspectFit" />
       <image
         class="cover-image"
         :src="items[i]?.cover_url || items[i]?.cover_image || ''"
@@ -124,7 +124,7 @@ function handleClick(item) {
   pointer-events: auto;
   cursor: pointer;
   /* display: flex; */
-  flex-direction: column;
+  /* flex-direction: column; */
   animation: orbit 36s linear infinite;
 }
 
@@ -166,6 +166,8 @@ function handleClick(item) {
   height: 100%;
   border-radius: 5rpx;
   z-index: 1; /* between frame and label */
+  position: absolute;
+  top: 0;
 }
 </style>