diff --git a/client/src/views/plan/PlanView.vue b/client/src/views/plan/PlanView.vue
index ae2d386..c2ab074 100644
--- a/client/src/views/plan/PlanView.vue
+++ b/client/src/views/plan/PlanView.vue
@@ -147,7 +147,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
     />
 
     <!-- ============ 移动端今日计划 ============ -->
-    <div v-else-if="isMobile && todayData" class="plan-mobile">
+    <template v-else-if="isMobile && todayData">
       <header class="plan-mobile__head">
         <h1>今日计划</h1>
         <p>{{ planMessage }}</p>
@@ -231,10 +231,10 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
       >
         <AppButton variant="primary" @click="showCreate = true">创建今日任务</AppButton>
       </AppEmpty>
-    </div>
+    </template>
 
     <!-- ============ 桌面端备考计划 ============ -->
-    <div v-else-if="todayData" class="plan-desktop">
+    <template v-else-if="todayData">
       <AppPageHeader title="备考计划" :subtitle="`安排阶段任务，稳步推进备考进度 · 备考第 ${profileDays} 天`" sticky-mobile>
         <RouterLink class="btn-link" to="/plan/review">
           <AppIcon name="chart" :size="16" />周报复盘
@@ -317,7 +317,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
           </div>
         </AppCard>
       </div>
-    </div>
+    </template>
 
     <!-- 新建任务弹层 -->
     <AppModal v-if="showCreate" title="新建计划任务" :max-width="480" @close="showCreate = false">
@@ -365,12 +365,8 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
 
 <style scoped>
 /* 指标卡 */
-.plan-metrics {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: var(--card-gap-desktop);
-}
 .plan-metric {
+  flex: 1;
   background: var(--bg-card);
   border: 1px solid var(--border-subtle);
   border-radius: var(--radius-lg);
@@ -459,7 +455,7 @@ const profileDays = computed(() => (examProfile.data.value ? daysSince(examProfi
 .plan-side__list {
   display: flex;
   flex-direction: column;
-  gap: var(--space-4);
+  gap: var(--space-2);
 }
 .plan-side__date {
   margin: 0 0 var(--space-1);
diff --git a/client/src/views/practice/PracticeView.vue b/client/src/views/practice/PracticeView.vue
index 70b5638..6accb57 100644
--- a/client/src/views/practice/PracticeView.vue
+++ b/client/src/views/practice/PracticeView.vue
@@ -172,7 +172,7 @@ const subtitle = computed(() => {
     </AppPageHeader>
 
     <!-- 子 tab -->
-    <div class="practice-tabs">
+    <div class="practice-tabs" v-if="isMobile">
       <RouterLink
         v-for="t in tabs"
         :key="t.key"