fix: change picture

app/citizen-frontend/src/pages/course.vue

@@ -211,7 +211,10 @@
           </v-card>
 
           <!-- 運動時間建議：對應 doc/運動時間建議.png -->
-          <v-card class="rounded-lg elevation-1 mt-4 overflow-hidden">
+          <v-card
+            v-if="EXERCISE_DURATION_RECOMMENDATION_ENABLED"
+            class="rounded-lg elevation-1 mt-4 overflow-hidden"
+          >
             <v-expansion-panels
               v-model="durationTablePanel"
               flat
@@ -398,6 +401,7 @@
 import type { TimeSlot, YesNo } from "@/api/types";
 import { computed, onMounted, ref } from "vue";
 import Layout from "@/components/layout/DefaultLayout.vue";
+import { EXERCISE_DURATION_RECOMMENDATION_ENABLED } from "@/config/features";
 import { COURSE_DETAIL } from "@/data/courseDetail";
 import { useCourseStore } from "@/stores/course";
 

app/citizen-frontend/src/pages/index.vue

@@ -184,7 +184,9 @@
 
       <template v-else>
         <div class="text-center mb-6">
-          <BrandAvatar class="elevation-2" :icon-size="42" :size="72" />
+          <div class="brand-avatar-backdrop">
+            <BrandAvatar :size="128" />
+          </div>
         </div>
 
         <v-card class="rounded-xl elevation-2 mb-4 py-4" color="surface">
@@ -681,4 +683,11 @@ function updateTodayTimeString() {
   transform: translateY(-2px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
 }
+
+.brand-avatar-backdrop {
+  display: inline-flex;
+  padding: 4px;
+  border-radius: 50%;
+  background-color: rgba(var(--v-theme-primary), 0.14);
+}
 </style>

app/citizen-frontend/src/pages/introduction.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import expoParkOverviewImage from "@/assets/introduction/expo_park/expo_00.png";
-import sportsEmpowerHubImage from "@/assets/introduction/expo_park/expo_01.png";
-import fitnessResearchImage from "@/assets/introduction/expo_park/expo_02.png";
-import expoParkZonesImage from "@/assets/introduction/expo_park/expo_03.png";
+import expoParkOverviewImage from "@/assets/introduction/expo_park_open/open_00.jpg";
+import sportsEmpowerHubImage from "@/assets/introduction/expo_park_open/open_01.jpg";
+import fitnessResearchImage from "@/assets/introduction/expo_park_open/open_02.jpg";
+import expoParkZonesImage from "@/assets/introduction/expo_park_open/open_03.jpg";
 import Layout from "@/components/layout/DefaultLayout.vue";
 
 const slides = [