feat: 新增星河的

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;

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>