chore: 调整图片及优化前端页面

src/views/AdminPanel.vue

@@ -644,6 +644,15 @@
             <label>部门:</label>
             <input v-model="individualForm.department" type="text" required class="form-input">
           </div>
+          <div class="form-group">
+            <label>战区:</label>
+            <select v-model="individualForm.team" class="form-input">
+              <option value="">请选择战区</option>
+              <option v-for="team in localTeamRankings" :key="team.id" :value="team.name">
+                {{ team.name }}
+              </option>
+            </select>
+          </div>
           <div class="form-group">
             <label>奖金:</label>
             <input v-model.number="individualForm.bonus" type="number" required class="form-input">
@@ -842,7 +851,8 @@ const individualForm = reactive({
   avatar: '⭐',
   department: '',
   completedTasks: 0,
-  bonus: 0
+  bonus: 0,
+  team: ''
 });
 
 const teamForm = reactive({
@@ -966,6 +976,7 @@ const resetIndividualForm = () => {
   individualForm.department = '';
   individualForm.completedTasks = 0;
   individualForm.bonus = 0;
+  individualForm.team = '';
 };
 
 // 删除个人
@@ -1048,8 +1059,8 @@ const deleteBonusRule = (index) => {
 
 <style scoped>
 .admin-panel {
-  min-height: 100vh;
+  min-height: 70vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  margin-top: 80px;
   padding: 20px;
 }
 
@@ -1146,6 +1157,12 @@ const deleteBonusRule = (index) => {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  height: 100vh;
 }
 
 .top-nav {

src/views/BattleRanking.vue

@@ -149,7 +149,7 @@
 
     <!-- 浮动倒计时组件 -->
     <div class="timer-float glow-border"
-      :style="{ right: '20px', top: '100px' }"
+      :style="{ right: '20px', top: '10px' }"
     >
       <span class="label">距离结束还有：</span>
       <div class="countdown" style="display: flex; gap: 15px;">
@@ -898,10 +898,8 @@ onUnmounted(() => {
 
 /* 奖金图片样式 */
 .award-image {
-  width: 100%;
+  width: auto;
-  max-width: 80px;
+  height: 120px;
-  min-width: 70px;
-  height: auto;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
@@ -1296,6 +1294,9 @@ onUnmounted(() => {
   box-shadow: 0 4px 20px rgba(108, 92, 231, 0.4);
   transition: all 0.3s ease;
   border: 2px solid rgba(255, 255, 255, 0.3);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
 }
 
 .btn-game-secondary:hover {