1

components/cwg-popup.vue

@@ -5,7 +5,7 @@
             <view class="dialog-header" v-if="title">
                 <text class="dialog-title">{{ title || t('Tips.DeleteAccount') }}</text>
 
-                <uni-icons class="dialog-close" type="closeempty" size="20" color="#999" @click="closeDialog" />
+                <uni-icons class="dialog-close1" type="closeempty" size="20" color="#999" @click="closeDialog" />
             </view>
 
             <!-- 弹窗内容 -->
@@ -216,7 +216,7 @@ defineExpose({
         color: var(--bs-emphasis-color);
     }
 
-    .dialog-close {
+    .dialog-close1 {
         width: px2rpx(36);
         height: px2rpx(36);
         display: flex;
@@ -227,6 +227,8 @@ defineExpose({
         cursor: pointer;
         transition: all 0.3s;
         border-radius: 50%;
+        box-sizing: border-box;
+        padding: 0;
         background: rgba(255, 255, 255, 0.1);
 
         &:hover {

components/cwg-right-drawer.vue

@@ -10,13 +10,13 @@
                         <image class="avatar" src="/static/images/avatars.png" mode="aspectFill" />
                         <view class="user-info">
                             <text class="name">{{ _displayName }}</text>
-                            <text class="cid">CID: {{ _displayCid }}</text>
+                            <text class="cid">CID: <text class="cwg-cursor" @click="copy(_displayCid)">{{ _displayCid }}</text></text>
                         </view>
                     </view>
                     <view class="menu-list">
                         <view v-for="item in menuList" :key="item.id" class="menu-item"
                             :class="{ active: _activePath === item.path }" @click="handleNavigate(item.path)">
-                            <cwg-icon :name="item.icon" :size="16" color="#0f172b" />
+                            <cwg-icon :name="item.icon" :size="16" color="#fff" />
                             <text v-t="item.name"></text>
                         </view>
                     </view>
@@ -52,7 +52,19 @@ const menuList = ref([])
 const _displayName = ref('--')
 const _displayCid = ref('--')
 const _activePath = ref('')
-
+// 复制文本
+const copy = (text: string) => {
+    uni.setClipboardData({
+        data: text,
+        success: function () {
+            uni.showToast({
+                title: t('Btn.item8'),
+                icon: 'none',
+                duration: 2000
+            });
+        }
+    });
+};
 // 初始化菜单
 function initMenu() {
     menuList.value = [
@@ -167,7 +179,7 @@ defineExpose({ openNotice, close })
     .avatar {
         width: 76px;
         height: 76px;
-        border-radius: 12px;
+        border-radius: 50%;
         background: #fff;
     }
 
@@ -180,7 +192,7 @@ defineExpose({ openNotice, close })
     .name {
         font-size: 20px;
         font-weight: 600;
-        color: #334155;
+        color: var(--bs-heading-color);
     }
 
     .cid {
@@ -198,7 +210,7 @@ defineExpose({ openNotice, close })
         align-items: center;
         gap: 10px;
         padding: 0 16px;
-        color: #0f172b;
+        color: var(--bs-heading-color);
         font-size: 16px;
         font-weight: 600;
 

pages/customer/components/Timeline.vue

@@ -671,8 +671,8 @@ defineExpose({
             }
 
             &.text-secondary {
-                color: #6c757d;
-                border-color: #6c757d;
+                color: var(--bs-body-color);
+                border-color: var(--bs-body-color);
             }
 
             &.text-success {

pages/follow/account-management.vue

@@ -147,7 +147,7 @@ onMounted(() => {
         }
 
         .account-l-con {
-            background-color: #f8f9fa;
+            background-color: transparent;
             border-radius: px2rpx(8);
             padding: px2rpx(20);
             margin-bottom: px2rpx(16);
@@ -155,6 +155,7 @@ onMounted(() => {
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
             width: 100%;
             box-sizing: border-box;
+            border: 1px solid var(--bs-border-color);
 
             &:hover {
                 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
@@ -167,7 +168,7 @@ onMounted(() => {
                 align-items: center;
                 margin-bottom: px2rpx(20);
                 padding-bottom: px2rpx(12);
-                border-bottom: 1px solid #e9ecef;
+                border-bottom: 1px solid var(--bs-border-color);
 
                 view:first-child {
                     display: flex;
@@ -182,13 +183,13 @@ onMounted(() => {
                     .tit-tit {
                         font-size: px2rpx(16);
                         font-weight: 600;
-                        color: #343a40;
+                        color: var(--bs-emphasis-color);
                     }
 
                     text:last-child {
                         font-size: px2rpx(14);
                         font-weight: 500;
-                        color: #495050;
+                        color: var(--bs-body-color);
                     }
                 }
 
@@ -198,7 +199,7 @@ onMounted(() => {
 
                     i {
                         font-size: px2rpx(18);
-                        color: #6c757d;
+                        color: var(--bs-body-color);
                         transition: all 0.2s ease;
 
                         &:hover {
@@ -232,7 +233,7 @@ onMounted(() => {
                     .sub {
                         font-size: px2rpx(12);
                         font-weight: 500;
-                        color: #6c757d;
+                        color: var(--bs-body-color);
                         margin-bottom: px2rpx(4);
                         text-transform: uppercase;
                         letter-spacing: px2rpx(0.5);
@@ -244,7 +245,7 @@ onMounted(() => {
                     .num {
                         font-size: px2rpx(14);
                         font-weight: 400;
-                        color: #343a40;
+                        color: var(--bs-emphasis-color);
                         line-height: 1.4;
                         white-space: nowrap;
                         overflow: hidden;

pages/follow/components/applySignalDialog.vue

@@ -11,50 +11,53 @@
             <uni-easyinput v-model="formData.nickname" :placeholder="t('placeholder.input')" />
           </uni-forms-item>
         </view>
-        
+
         <view class="form-row">
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.console.item21')" name="personalSignature">
-                <uni-easyinput type="textarea" v-model="formData.personalSignature" :maxlength="100" @input="val => filterChineseEnglishOnly('personalSignature', val)" :placeholder="t('placeholder.input')" />
+                <uni-easyinput type="textarea" v-model="formData.personalSignature" :maxlength="100"
+                  @input="val => filterChineseEnglishOnly('personalSignature', val)"
+                  :placeholder="t('placeholder.input')" />
               </uni-forms-item>
             </view>
           </view>
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.console.item22')" name="traderStrategy">
-                <uni-easyinput type="textarea" v-model="formData.traderStrategy" :maxlength="150" @input="val => filterChineseEnglishOnly('traderStrategy', val)" :placeholder="t('placeholder.input')" />
+                <uni-easyinput type="textarea" v-model="formData.traderStrategy" :maxlength="150"
+                  @input="val => filterChineseEnglishOnly('traderStrategy', val)"
+                  :placeholder="t('placeholder.input')" />
               </uni-forms-item>
             </view>
           </view>
         </view>
-        
+
         <view class="tip-red">
           <text>{{ t('Documentary.console.item37') }}</text>
         </view>
 
         <!-- 账户信息 -->
         <view class="fllow-title">
-          <text class="title">{{ t('Documentary.TundManagement.item29') }}<text style="color: #eb3f57; font-weight: 500">{{ t('Documentary.item3') }}</text></text>
+          <text class="title">{{ t('Documentary.TundManagement.item29') }}<text
+              style="color: #eb3f57; font-weight: 500">{{ t('Documentary.item3') }}</text></text>
         </view>
-        
+
         <view class="form-row">
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Label.TradingAccount')" name="dealLogin">
-                <cwg-combox
-                  v-model:value="formData.dealLogin"
-                  :options="loginOptionsData"
-                  :placeholder="t('placeholder.choose')"
-                  @change="selectLogin"
-                />
+                <cwg-combox v-model:value="formData.dealLogin" :options="loginOptionsData"
+                  :placeholder="t('placeholder.choose')" @change="selectLogin" />
               </uni-forms-item>
             </view>
           </view>
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Label.PlatformType')" name="platform">
-                <cwg-combox disabled v-model:value="formData.platform" :options="[{text: 'MT4', value: 'MT4'}, {text: 'MT5', value: 'MT5'}]" :placeholder="t('placeholder.choose')" />
+                <cwg-combox disabled v-model:value="formData.platform"
+                  :options="[{ text: 'MT4', value: 'MT4' }, { text: 'MT5', value: 'MT5' }]"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </view>
           </view>
@@ -63,7 +66,8 @@
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Label.AccountType')" name="loginType">
-                <cwg-combox disabled v-model:value="formData.loginType" :options="accountTypeOptions" :placeholder="t('placeholder.choose')" />
+                <cwg-combox disabled v-model:value="formData.loginType" :options="accountTypeOptions"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </view>
           </view>
@@ -84,21 +88,26 @@
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.TundManagement.item34')" name="historyShow">
-                <cwg-combox v-model:value="formData.historyShow" :options="[{text: t('Btn.item6'), value: 1}, {text: t('Btn.item7'), value: 0}]" :placeholder="t('placeholder.choose')" />
+                <cwg-combox v-model:value="formData.historyShow"
+                  :options="[{ text: t('Btn.item6'), value: 1 }, { text: t('Btn.item7'), value: 0 }]"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </view>
           </view>
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.TundManagement.item35')" name="historyTime">
-                <uni-datetime-picker type="date" v-model="formData.historyTime" :placeholder="t('Documentary.TundManagement.item37')" />
+                <uni-datetime-picker type="date" v-model="formData.historyTime"
+                  :placeholder="t('Documentary.TundManagement.item37')" />
               </uni-forms-item>
             </view>
           </view>
         </view>
         <view class="form-item">
           <uni-forms-item :label="t('Documentary.TundManagement.item36')" name="introduceShow">
-            <cwg-combox v-model:value="formData.introduceShow" :options="[{text: t('Btn.item6'), value: 1}, {text: t('Btn.item7'), value: 0}]" :placeholder="t('placeholder.choose')" />
+            <cwg-combox v-model:value="formData.introduceShow"
+              :options="[{ text: t('Btn.item6'), value: 1 }, { text: t('Btn.item7'), value: 0 }]"
+              :placeholder="t('placeholder.choose')" />
           </uni-forms-item>
         </view>
 
@@ -110,7 +119,9 @@
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.TundManagement.item38')" name="distributionType">
-                <cwg-combox v-model:value="formData.distributionType" :options="[{text: t('Documentary.TundManagement.item59'), value: 1}]" :placeholder="t('placeholder.choose')" />
+                <cwg-combox v-model:value="formData.distributionType"
+                  :options="[{ text: t('Documentary.TundManagement.item59'), value: 1 }]"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </view>
           </view>
@@ -118,7 +129,8 @@
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.TundManagement.item39')" name="distributionRatio">
                 <view style="display: flex; align-items: center;">
-                  <uni-easyinput v-model="formData.distributionRatio" :placeholder="t('placeholder.input')" style="flex: 1;" />
+                  <uni-easyinput v-model="formData.distributionRatio" :placeholder="t('placeholder.input')"
+                    style="flex: 1;" />
                   <text style="margin-left: 5px;">(%)</text>
                 </view>
               </uni-forms-item>
@@ -127,7 +139,9 @@
           <view class="form-col">
             <view class="form-item">
               <uni-forms-item :label="t('Documentary.tradingCenter.item32')" name="settlementCycle">
-                <cwg-combox v-model:value="formData.settlementCycle" :options="[{text: '7', value: '7'}, {text: '15', value: '15'}, {text: '30', value: '30'}]" :placeholder="t('placeholder.choose')" />
+                <cwg-combox v-model:value="formData.settlementCycle"
+                  :options="[{ text: '7', value: '7' }, { text: '15', value: '15' }, { text: '30', value: '30' }]"
+                  :placeholder="t('placeholder.choose')" />
               </uni-forms-item>
             </view>
           </view>
@@ -141,8 +155,10 @@
                 <checkbox value="1" :checked="!!formData.agree" />
                 <text class="agree-text">
                   {{ t('Documentary.TundManagement.item42') }}
-                  <cwg-link style="text-decoration: underline;" class="a" v-if="['cn', 'zhHant'].indexOf(local) != -1" url="pdf/CopyTradeUserAgreementcn.pdf" target="_blank" title="Documentary.TundManagement.item43" />
-                  <cwg-link style="text-decoration: underline;" class="a" v-else url="pdf/CopyTradeUserAgreement.pdf" target="_blank" title="Documentary.TundManagement.item43" />
+                  <cwg-link style="text-decoration: underline;" class="a" v-if="['cn', 'zhHant'].indexOf(local) != -1"
+                    url="pdf/CopyTradeUserAgreementcn.pdf" target="_blank" title="Documentary.TundManagement.item43" />
+                  <cwg-link style="text-decoration: underline;" class="a" v-else url="pdf/CopyTradeUserAgreement.pdf"
+                    target="_blank" title="Documentary.TundManagement.item43" />
                   {{ t('Documentary.TundManagement.item42_2') }}
                 </text>
               </label>
@@ -151,10 +167,10 @@
         </view>
       </view>
     </uni-forms>
-    
+
     <template #footer>
-        <button @click="closeDia">{{ t('Btn.Cancel') }}</button>
-        <button type="primary" @click="confirmDia">{{ t('Btn.Confirm') }}</button>
+      <button @click="closeDia">{{ t('Btn.Cancel') }}</button>
+      <button type="primary" @click="confirmDia">{{ t('Btn.Confirm') }}</button>
     </template>
   </cwg-popup>
 </template>
@@ -554,7 +570,7 @@ watch(() => props.visible, (val) => {
     gap: px2rpx(20);
     margin: px2rpx(24) 0;
     padding: px2rpx(20);
-    background-color: #f8f9fa;
+    background-color: transparent;
     border-radius: px2rpx(8);
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   }
@@ -570,7 +586,7 @@ watch(() => props.visible, (val) => {
     .title {
       font-size: px2rpx(16);
       font-weight: 600;
-      color: #343a40;
+      color: var(--bs-emphasis-color);
     }
   }
 
@@ -602,19 +618,19 @@ watch(() => props.visible, (val) => {
 
   .delete-label {
     font-size: px2rpx(14);
-    color: #6c757d;
+    color: var(--bs-body-color);
   }
 
   .delete-value {
     font-size: px2rpx(14);
-    color: #343a40;
+    color: var(--bs-emphasis-color);
     font-weight: 400;
   }
 
   .delete-tip {
     margin-top: px2rpx(16);
     font-size: px2rpx(14);
-    color: #6c757d;
+    color: var(--bs-body-color);
     line-height: 1.5;
     padding-top: px2rpx(16);
   }
@@ -635,7 +651,7 @@ watch(() => props.visible, (val) => {
 
     .agree-text {
       font-size: px2rpx(14);
-      color: #6c757d;
+      color: var(--bs-body-color);
       line-height: 1.5;
       width: 100%;
       white-space: wrap;
@@ -658,7 +674,7 @@ watch(() => props.visible, (val) => {
     .tit {
       font-size: px2rpx(14);
       font-weight: 500;
-      color: #6c757d;
+      color: var(--bs-body-color);
       margin-bottom: px2rpx(6);
       text-transform: uppercase;
       letter-spacing: px2rpx(0.5);
@@ -667,7 +683,7 @@ watch(() => props.visible, (val) => {
     .con {
       font-size: px2rpx(16);
       font-weight: 400;
-      color: #343a40;
+      color: var(--bs-emphasis-color);
       line-height: 1.4;
     }
   }
@@ -677,6 +693,7 @@ watch(() => props.visible, (val) => {
     grid-template-columns: 1fr 1fr;
     gap: px2rpx(20);
     margin-top: px2rpx(16);
+
     @media screen and (max-width: 768px) {
       grid-template-columns: 1fr;
     }
@@ -690,7 +707,7 @@ watch(() => props.visible, (val) => {
     text {
       font-size: px2rpx(14);
       font-weight: 500;
-      color: #6c757d;
+      color: var(--bs-body-color);
       margin-bottom: px2rpx(8);
       white-space: nowrap;
     }
@@ -727,7 +744,7 @@ watch(() => props.visible, (val) => {
   .tip-text {
     margin-top: px2rpx(24);
     font-size: px2rpx(14);
-    color: #6c757d;
+    color: var(--bs-body-color);
     line-height: 1.5;
     padding: px2rpx(16);
     background-color: #e7f3ff;

pages/follow/follow-list.vue

@@ -419,7 +419,7 @@ onMounted(() => {
         gap: px2rpx(20);
         margin: px2rpx(24) 0;
         padding: px2rpx(20);
-        background-color: #f8f9fa;
+        background-color: transparent;
         border-radius: px2rpx(8);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     }
@@ -476,19 +476,19 @@ onMounted(() => {
 
     .delete-label {
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
     }
 
     .delete-value {
         font-size: px2rpx(14);
-        color: #343a40;
+        color: var(--bs-emphasis-color);
         font-weight: 400;
     }
 
     .delete-tip {
         margin-top: px2rpx(16);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }
@@ -509,7 +509,7 @@ onMounted(() => {
 
         .agree-text {
             font-size: px2rpx(14);
-            color: #6c757d;
+            color: var(--bs-body-color);
             line-height: 1.5;
             width: 100%;
             white-space: wrap;
@@ -532,7 +532,7 @@ onMounted(() => {
         .tit {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(6);
             text-transform: uppercase;
             letter-spacing: px2rpx(0.5);
@@ -541,7 +541,7 @@ onMounted(() => {
         .con {
             font-size: px2rpx(16);
             font-weight: 400;
-            color: #343a40;
+            color: var(--bs-emphasis-color);
             line-height: 1.4;
         }
     }
@@ -561,7 +561,7 @@ onMounted(() => {
         text {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(8);
             white-space: nowrap;
         }
@@ -598,7 +598,7 @@ onMounted(() => {
     .tip-text {
         margin-top: px2rpx(24);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding: px2rpx(16);
         background-color: #e7f3ff;
@@ -628,7 +628,7 @@ onMounted(() => {
             border: 1px solid #ced4da;
 
             &:hover {
-                background-color: #f8f9fa;
+                background-color: transparent;
                 border-color: #adb5bd;
             }
 

pages/follow/subscribe-list.vue

@@ -1020,7 +1020,7 @@ onMounted(() => {
         gap: px2rpx(20);
         margin: px2rpx(24) 0;
         padding: px2rpx(20);
-        background-color: #f8f9fa;
+        background-color: transparent;
         border-radius: px2rpx(8);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     }
@@ -1069,19 +1069,19 @@ onMounted(() => {
 
     .delete-label {
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
     }
 
     .delete-value {
         font-size: px2rpx(14);
-        color: #343a40;
+        color: var(--bs-emphasis-color);
         font-weight: 400;
     }
 
     .delete-tip {
         margin-top: px2rpx(26);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }
@@ -1102,7 +1102,7 @@ onMounted(() => {
 
         .agree-text {
             font-size: px2rpx(14);
-            color: #6c757d;
+            color: var(--bs-body-color);
             line-height: 1.5;
             width: 100%;
             white-space: wrap;
@@ -1125,7 +1125,7 @@ onMounted(() => {
         .tit {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(6);
             text-transform: uppercase;
             letter-spacing: px2rpx(0.5);
@@ -1134,7 +1134,7 @@ onMounted(() => {
         .con {
             font-size: px2rpx(16);
             font-weight: 400;
-            color: #343a40;
+            color: var(--bs-emphasis-color);
             line-height: 1.4;
         }
     }
@@ -1154,7 +1154,7 @@ onMounted(() => {
         text {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(8);
             white-space: nowrap;
         }
@@ -1191,7 +1191,7 @@ onMounted(() => {
     .tip-text {
         margin-top: px2rpx(24);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding: px2rpx(16);
         background-color: #e7f3ff;
@@ -1221,7 +1221,7 @@ onMounted(() => {
             border: 1px solid #ced4da;
 
             &:hover {
-                background-color: #f8f9fa;
+                background-color: transparent;
                 border-color: #adb5bd;
             }
 

pages/follow/trading-management.vue

@@ -24,9 +24,9 @@
                             </view>
                             <view class="caozuo">
                                 <cwg-icon class="cwg-cursor" @click="dialogFllowDele(item)" name="crm-trash-can"
-                                    color="#495050" />
+                                    color="#fff" />
                                 <cwg-icon class="cwg-cursor" @click="dialogFllowUpdate(item)" name="cog-outline"
-                                    color="#495050" />
+                                    color="#fff" />
                             </view>
                         </view>
                         <view class="account-grid">
@@ -1082,13 +1082,14 @@ onMounted(() => {
         }
 
         .account-l-con {
-            background-color: #f8f9fa;
+            background-color: transparent;
             border-radius: px2rpx(8);
             padding: px2rpx(20);
             margin-bottom: px2rpx(16);
             transition: all 0.3s ease;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
             width: 100%;
+            border: 1px solid var(--bs-border-color);
             box-sizing: border-box;
 
             &:hover {
@@ -1102,7 +1103,7 @@ onMounted(() => {
                 align-items: center;
                 margin-bottom: px2rpx(20);
                 padding-bottom: px2rpx(12);
-                border-bottom: 1px solid #e9ecef;
+                border-bottom: 1px solid var(--bs-border-color);
 
                 view:first-child {
                     display: flex;
@@ -1117,13 +1118,13 @@ onMounted(() => {
                     .tit-tit {
                         font-size: px2rpx(16);
                         font-weight: 600;
-                        color: #343a40;
+                        color: var(--bs-emphasis-color);
                     }
 
                     text:last-child {
                         font-size: px2rpx(14);
                         font-weight: 500;
-                        color: #495050;
+                        color: var(--bs-body-color);
                     }
                 }
 
@@ -1133,7 +1134,7 @@ onMounted(() => {
 
                     i {
                         font-size: px2rpx(18);
-                        color: #6c757d;
+                        color: var(--bs-body-color);
                         transition: all 0.2s ease;
 
                         &:hover {
@@ -1167,7 +1168,7 @@ onMounted(() => {
                     .sub {
                         font-size: px2rpx(12);
                         font-weight: 500;
-                        color: #6c757d;
+                        color: var(--bs-body-color);
                         margin-bottom: px2rpx(4);
                         text-transform: uppercase;
                         letter-spacing: px2rpx(0.5);
@@ -1179,7 +1180,7 @@ onMounted(() => {
                     .num {
                         font-size: px2rpx(14);
                         font-weight: 400;
-                        color: #343a40;
+                        color: var(--bs-emphasis-color);
                         line-height: 1.4;
                         white-space: nowrap;
                         overflow: hidden;
@@ -1284,7 +1285,7 @@ onMounted(() => {
         gap: px2rpx(20);
         margin: px2rpx(24) 0;
         padding: px2rpx(20);
-        background-color: #f8f9fa;
+        background-color: transparent;
         border-radius: px2rpx(8);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     }
@@ -1341,19 +1342,19 @@ onMounted(() => {
 
     .delete-label {
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
     }
 
     .delete-value {
         font-size: px2rpx(14);
-        color: #343a40;
+        color: var(--bs-emphasis-color);
         font-weight: 400;
     }
 
     .delete-tip {
         margin-top: px2rpx(16);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding-top: px2rpx(16);
     }
@@ -1374,7 +1375,7 @@ onMounted(() => {
 
         .agree-text {
             font-size: px2rpx(14);
-            color: #6c757d;
+            color: var(--bs-body-color);
             line-height: 1.5;
             width: 100%;
             white-space: wrap;
@@ -1397,7 +1398,7 @@ onMounted(() => {
         .tit {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(6);
             text-transform: uppercase;
             letter-spacing: px2rpx(0.5);
@@ -1406,7 +1407,7 @@ onMounted(() => {
         .con {
             font-size: px2rpx(16);
             font-weight: 400;
-            color: #343a40;
+            color: var(--bs-emphasis-color);
             line-height: 1.4;
         }
     }
@@ -1430,7 +1431,7 @@ onMounted(() => {
         text {
             font-size: px2rpx(14);
             font-weight: 500;
-            color: #6c757d;
+            color: var(--bs-body-color);
             margin-bottom: px2rpx(8);
             white-space: nowrap;
         }
@@ -1467,7 +1468,7 @@ onMounted(() => {
     .tip-text {
         margin-top: px2rpx(24);
         font-size: px2rpx(14);
-        color: #6c757d;
+        color: var(--bs-body-color);
         line-height: 1.5;
         padding: px2rpx(16);
         background-color: #e7f3ff;
@@ -1497,7 +1498,7 @@ onMounted(() => {
             border: 1px solid #ced4da;
 
             &:hover {
-                background-color: #f8f9fa;
+                background-color: transparent;
                 border-color: #adb5bd;
             }
 

pages/login/index.vue

@@ -44,7 +44,7 @@
             <view class="global-header-bar pc-header">
               <view class="header-inner">
                 <view class="logo-placeholder"></view> <!-- 左侧可预留放logo或留空 -->
-                <LoginHeaderGroup text-color="#141d22" icon-color="#141d22" />
+                <LoginHeaderGroup text-color="#fff" icon-color="#fff" />
               </view>
             </view>
           </cwg-match-media>
@@ -54,7 +54,7 @@
             <view class="mobile-header-bar">
               <!--          <view class="fixed"/>-->
 
-              <LoginHeaderGroup text-color="#141d22" icon-color="#141d22" />
+              <LoginHeaderGroup text-color="#fff" icon-color="#fff" />
             </view>
           </cwg-match-media>
           <view class="account">

uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue

@@ -480,7 +480,7 @@
 			align-items: center;
 			text-align: left;
 			font-size: 14px;
-			color: #606266;
+			color: var(--bs-body-color);
 			height: 36px;
 			padding: 0 12px 0 0;
 			/* #ifndef APP-NVUE */