style(样式调整): 充值页

src/views/ExchangeGoldCoinsView.vue

@@ -39,7 +39,14 @@
       <!-- 兑换部分 -->
       <div>
         <div style="font-weight: 600; margin-bottom: 10px">Exchange Gold Coins</div>
-        <div class="exchange-section">
+        <div
+          style="
+            background-color: white;
+            padding: 16px;
+            border-radius: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+          "
+        >
           <!-- 金币选择 -->
           <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px">
             <div
@@ -48,7 +55,7 @@
               @click="selectCoin(coin)"
               :class="['coin-item', { selected: selectedCoin === coin.id }]"
             >
-              <img src="../assets/icon/coin.png" alt="" style="width: 50%" />
+              <img src="../assets/icon/coin.png" alt="" style="width: 40%" />
               <div style="font-weight: 500; color: #373232">{{ coin.amount }}</div>
               <div style="font-weight: 500; color: #131111">${{ coin.price }}</div>
             </div>
@@ -313,21 +320,6 @@ onMounted(() => {
   font-style: italic;
 }
 
-/* 兑换部分 */
-.exchange-section {
-  background-color: white;
-  padding: 16px;
-  border-radius: 12px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-
-.exchange-section h3 {
-  margin: 0 0 16px 0;
-  font-size: 18px;
-  font-weight: 600;
-  color: #333;
-}
-
 .coin-item {
   display: flex;
   flex-direction: column;
@@ -341,10 +333,6 @@ onMounted(() => {
   aspect-ratio: 1/1;
 }
 
-.coin-item:hover {
-  border-color: #8b5cf6;
-}
-
 .coin-item.selected {
   border-color: #8b5cf6;
   background-color: #f3f4f6;
@@ -362,12 +350,10 @@ onMounted(() => {
   border: none;
   padding: 12px;
   color: white;
-  cursor: pointer;
-  transition: background-color 0.2s;
 }
 
 .exchange-btn:disabled {
-  cursor: not-allowed;
+  background: #ccc;
 }
 
 @media screen and (max-width: 360px) {