fix(doa): 挑战页双tab改用doa-前缀类名避免类名冲突

cfc-frontend/pages/health/challenge-manage.vue

@@ -3,9 +3,9 @@
     <BaseLoading :loading="loading" text="加载中..." />
 
     <!-- 顶部双 Tab：共同挑战 / 个人目标 -->
-    <view class="page-tabs">
-      <view class="page-tab active-tab" @click="goToDoa">🎯 共同挑战</view>
-      <view class="page-tab" @click="goToDoaIndex">📋 个人目标</view>
+    <view class="doa-tabs">
+      <view class="doa-tab active-tab" @click="goToDoa">🎯 共同挑战</view>
+      <view class="doa-tab" @click="goToDoaIndex">📋 个人目标</view>
     </view>
 
     <view v-if="!loading" class="content">
@@ -480,7 +480,7 @@ export default {
 </script>
 
 <style scoped>
-.page-tabs {
+.doa-tabs {
   display: flex;
   background: #fff;
   border-radius: 16rpx;
@@ -488,7 +488,7 @@ export default {
   overflow: hidden;
   border: 2rpx solid #E2E8F0;
 }
-.page-tab {
+.doa-tab {
   flex: 1;
   text-align: center;
   padding: 20rpx 0;