src/style.css

@@ -142,6 +142,7 @@ h2.game-subtitle {
   font-size: 1.8rem;
   font-weight: 700;
   letter-spacing: 0.5px;
+  text-align: center;
 }
 
 /* 游戏化链接样式 */

src/views/AdminPanel.vue

@@ -475,30 +475,53 @@
           <h2 class="game-subtitle">🏆 冠军Logo配置</h2>
 
           <div class="config-section">
-            <h3 class="text-gold">🎯 战区冠军Logo</h3>
+            <h3 class="text-gold">🎯 战区冠军配置</h3>
             <div class="logo-upload-section">
+              <div class="config-item">
+                <label class="checkbox-label">
+                  <span>显示类型：</span>
+                  <select v-model="championLogos.teamChampionType" class="select-input">
+                    <option value="avatar">头像</option>
+                    <option value="photo">照片</option>
+                  </select>
+                </label>
+              </div>
               <div class="logo-preview">
                 <div v-if="championLogos.teamChampion" class="logo-image-container">
-                  <img :src="championLogos.teamChampion" alt="战区冠军Logo" class="logo-preview-image">
+                  <img :src="championLogos.teamChampion" alt="战区冠军" class="logo-preview-image" :style="championLogos.teamChampionType === 'photo' ? { width: championLogos.teamChampionPhotoWidth + 'px', height: championLogos.teamChampionPhotoHeight + 'px', objectFit: 'cover' } : {}">
                 </div>
                 <div v-else class="logo-placeholder">
-                  <span>未上传Logo</span>
+                  <span>未上传图片</span>
                 </div>
               </div>
               <div class="upload-controls">
                 <input type="file" accept="image/*" @change="(e) => handleChampionLogoUpload(e, 'teamChampion')"
                   class="logo-input">
                 <button v-if="championLogos.teamChampion" @click="clearChampionLogo('teamChampion')" class="btn-clear">
-                  清除Logo
+                  清除图片
                 </button>
               </div>
-              <div class="size-control">
-                <label class="text-gold">显示大小：</label>
+              <div v-if="championLogos.teamChampionType === 'avatar'" class="size-control">
+                <label class="text-gold">头像大小：</label>
                 <input type="number" v-model.number="championLogos.teamChampionSize" min="30" max="200"
                   class="width-input" placeholder="输入大小（像素）">
                 <span class="size-unit">px</span>
               </div>
-              <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素，文件大小不超过5MB</p>
+              <div v-if="championLogos.teamChampionType === 'photo'" class="size-controls">
+                <div class="size-control">
+                  <label class="text-gold">照片宽度：</label>
+                  <input type="number" v-model.number="championLogos.teamChampionPhotoWidth" min="50" max="400"
+                    class="width-input" placeholder="输入宽度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+                <div class="size-control">
+                  <label class="text-gold">照片高度：</label>
+                  <input type="number" v-model.number="championLogos.teamChampionPhotoHeight" min="30" max="300"
+                    class="width-input" placeholder="输入高度（像素）">
+                  <span class="size-unit">px</span>
+                </div>
+              </div>
+              <p class="upload-hint">支持JPG、PNG、GIF格式，建议尺寸200x200像素（头像）或400x300像素（照片），文件大小不超过5MB</p>
             </div>
           </div>