style(admin): B-19 配置类页面接入 PageHeader + StatusTag + SectionTitle

- BadgeManage: 页头 PageHeader, 删除色→--adm-error-text, el-switch active-color→--adm-success
- gates: 页头 PageHeader, 归属/形态/家庭进度状态 StatusTag, 奖励 CF值/能量色→token, 家庭进度子卡片头 SectionTitle
- NotificationTemplateManage: 页头 PageHeader, 类型/推送通道/状态 StatusTag
- PosterTemplateManage: 页头 PageHeader, 类型/状态 StatusTag, #909399/#999/#606266/#ebeef5→token
- SystemPromptManagement: 页头 PageHeader, 状态/版本 StatusTag(default→info), 弯引号属性改直引号, #fafafa→--adm-bg-header
- energy-config/WuxingConfig: 页头 PageHeader, 两个 h3 分区→SectionTitle, 维度/比例 StatusTag, getDimensionType ''→primary, 删死 h3 样式
- 构建 dist_verify 通过

cfc-web/src/views/admin/BadgeManage.vue

@@ -1,12 +1,9 @@
 <template>
   <div class="badge-manage-page">
     <el-card>
-      <div slot="header" class="clearfix">
-        <span>勋章管理</span>
-        <div style="float:right; display:flex; gap:10px;">
-          <el-button type="primary" size="small" @click="showAddDialog">新增勋章</el-button>
-        </div>
-      </div>
+      <PageHeader slot="header" title="勋章管理">
+        <el-button type="primary" size="small" @click="showAddDialog">新增勋章</el-button>
+      </PageHeader>
 
       <!-- 搜索 -->
       <el-form :model="filters" inline size="small" style="margin-bottom:16px;">
@@ -52,7 +49,7 @@
           <template slot-scope="{ row }">
             <el-switch
               :value="row.isActive === 1"
-              active-color="#67C23A"
+              active-color="var(--adm-success)"
               @change="onToggleActive(row)"
             />
           </template>
@@ -72,7 +69,7 @@
           <template slot-scope="{ row }">
             <el-button type="text" @click="editRow(row)">编辑</el-button>
             <el-popconfirm title="确定删除此勋章吗？" @confirm="deleteRow(row)">
-              <el-button type="text" style="color:#f56c6c" slot="reference">删除</el-button>
+              <el-button type="text" style="color: var(--adm-error-text)" slot="reference">删除</el-button>
             </el-popconfirm>
           </template>
         </el-table-column>
@@ -146,12 +143,12 @@
         <el-row :gutter="16">
           <el-col :span="12">
             <el-form-item label="是否启用">
-              <el-switch v-model="dialog.form._active" active-color="#67C23A" />
+              <el-switch v-model="dialog.form._active" active-color="var(--adm-success)" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="需要审批">
-              <el-switch v-model="dialog.form._needApproval" active-color="#67C23A" />
+              <el-switch v-model="dialog.form._needApproval" active-color="var(--adm-success)" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -369,18 +366,7 @@ export default {
 .badge-manage-page {
   padding: 16px;
 }
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
 .sort-header:hover {
-  color: #409eff;
-}
-.sort-tag {
-  margin-left: 8px;
-  cursor: pointer;
-  white-space: nowrap;
+  color: var(--adm-primary);
 }
 </style>

cfc-web/src/views/admin/NotificationTemplateManage.vue

@@ -1,17 +1,16 @@
 <template>
   <div class="notification-template-manage">
     <el-card shadow="never">
-      <div slot="header" class="clearfix">
-        <span>通知模板管理</span>
-        <el-button type="primary" size="small" style="float: right" @click="handleAdd">新增模板</el-button>
-      </div>
+      <PageHeader slot="header" title="通知模板管理">
+        <el-button type="primary" size="small" @click="handleAdd">新增模板</el-button>
+      </PageHeader>
 
       <!-- 模板列表 -->
             <div class="adm-table-wrap">
 <el-table :data="list" border v-loading="loading" height="100%">
         <el-table-column prop="type" label="类型" width="160">
           <template slot-scope="{ row }">
-            <el-tag size="small">{{ row.type }}</el-tag>
+            <StatusTag size="small" :text="row.type" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('type', $event)">类型<span v-if="sortIndex('type') !== null" class="sort-index" :class="sortClass('type') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('type') }}</span>{{ sortIcon('type') }}</span>
@@ -29,8 +28,8 @@
         </el-table-column>
         <el-table-column prop="channels" label="推送通道" width="220">
           <template slot-scope="{ row }">
-            <el-tag v-for="ch in channelLabels(row.channels)" :key="ch.value" :type="ch.type" size="mini"
-              style="margin-right: 4px">{{ ch.label }}</el-tag>
+            <StatusTag v-for="ch in channelLabels(row.channels)" :key="ch.value" :type="ch.type" size="mini"
+              style="margin-right: 4px" :text="ch.label" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('channels', $event)">推送通道<span v-if="sortIndex('channels') !== null" class="sort-index" :class="sortClass('channels') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('channels') }}</span>{{ sortIcon('channels') }}</span>
@@ -38,9 +37,7 @@
         </el-table-column>
         <el-table-column prop="status" label="状态" width="90">
           <template slot-scope="{ row }">
-            <el-tag :type="row.status === 1 ? 'success' : 'info'" size="small">
-              {{ row.status === 1 ? '启用' : '停用' }}
-            </el-tag>
+            <StatusTag :type="row.status === 1 ? 'success' : 'info'" :text="row.status === 1 ? '启用' : '停用'" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('status', $event)">状态<span v-if="sortIndex('status') !== null" class="sort-index" :class="sortClass('status') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('status') }}</span>{{ sortIcon('status') }}</span>
@@ -88,13 +85,13 @@
             <el-checkbox label="gzh">公众号</el-checkbox>
             <el-checkbox label="phone">电话</el-checkbox>
           </el-checkbox-group>
-          <div style="color: #999; font-size: 12px; line-height: 1.6">
+          <div style="color: var(--adm-text-45); font-size: 12px; line-height: 1.6">
             可多选；小程序内为内置通道，短信/微信/公众号/电话需接入外部接口后生效
           </div>
         </el-form-item>
         <el-form-item label="状态">
           <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
-          <span style="margin-left: 10px; color: #999">停用后系统将使用默认文案</span>
+          <span style="margin-left: 10px; color: var(--adm-text-45)">停用后系统将使用默认文案</span>
         </el-form-item>
       </el-form>
       <div slot="footer">
@@ -239,18 +236,7 @@ export default {
 .notification-template-manage {
   padding: 16px;
 }
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
 .sort-header:hover {
-  color: #409eff;
-}
-.sort-tag {
-  margin-left: 8px;
-  cursor: pointer;
-  white-space: nowrap;
+  color: var(--adm-primary);
 }
 </style>

cfc-web/src/views/admin/PosterTemplateManage.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="poster-template-manage">
     <el-card shadow="never">
-      <div slot="header" class="clearfix">
-        <span>活动海报模板管理</span>
-        <el-button type="primary" size="small" style="float: right" @click="handleAdd">新增模板</el-button>
-      </div>
+      <PageHeader slot="header" title="活动海报模板管理">
+        <el-button type="primary" size="small" @click="handleAdd">新增模板</el-button>
+      </PageHeader>
 
       <!-- 模板列表 -->
       <div class="adm-table-wrap">
@@ -16,9 +15,7 @@
           </el-table-column>
           <el-table-column prop="templateKey" label="类型" width="110">
             <template slot-scope="{ row }">
-              <el-tag size="small" :type="row.templateKey === 'card' ? 'success' : row.templateKey === 'minimal' ? 'info' : 'warning'">
-                {{ templateKeyLabel(row.templateKey) }}
-              </el-tag>
+              <StatusTag :type="row.templateKey === 'card' ? 'success' : row.templateKey === 'minimal' ? 'info' : 'warning'" :text="templateKeyLabel(row.templateKey)" />
             </template>
             <template slot="header">
               <span class="sort-header" @click.stop="onSortClick('templateKey', $event)">类型<span v-if="sortIndex('templateKey') !== null" class="sort-index" :class="sortClass('templateKey') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('templateKey') }}</span>{{ sortIcon('templateKey') }}</span>
@@ -46,9 +43,7 @@
           </el-table-column>
           <el-table-column prop="status" label="状态" width="90">
             <template slot-scope="{ row }">
-              <el-tag :type="row.status === 1 ? 'success' : 'info'" size="small">
-                {{ row.status === 1 ? '启用' : '停用' }}
-              </el-tag>
+              <StatusTag :type="row.status === 1 ? 'success' : 'info'" :text="row.status === 1 ? '启用' : '停用'" />
             </template>
             <template slot="header">
               <span class="sort-header" @click.stop="onSortClick('status', $event)">状态<span v-if="sortIndex('status') !== null" class="sort-index" :class="sortClass('status') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('status') }}</span>{{ sortIcon('status') }}</span>
@@ -121,7 +116,7 @@
         </el-form-item>
         <el-form-item label="状态">
           <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
-          <span style="margin-left: 10px; color: #999">停用后小程序端不再展示该模板</span>
+          <span style="margin-left: 10px; color: var(--adm-text-45)">停用后小程序端不再展示该模板</span>
         </el-form-item>
       </el-form>
       <div slot="footer">
@@ -294,23 +289,12 @@ export default {
 .poster-template-manage {
   padding: 16px;
 }
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
 .sort-header:hover {
-  color: #409eff;
-}
-.sort-tag {
-  margin-left: 8px;
-  cursor: pointer;
-  white-space: nowrap;
+  color: var(--adm-primary);
 }
 .tip {
   margin-top: 12px;
-  color: #909399;
+  color: var(--adm-text-45);
   font-size: 12px;
   line-height: 1.6;
 }
@@ -324,13 +308,13 @@ export default {
   width: 120px;
   height: 28px;
   border-radius: 4px;
-  border: 1px solid #ebeef5;
+  border: 1px solid var(--adm-border-split);
 }
 .preview-color {
   display: inline-flex;
   align-items: center;
   font-size: 11px;
-  color: #606266;
+  color: var(--adm-text-65);
 }
 .preview-color i {
   display: inline-block;
@@ -338,7 +322,7 @@ export default {
   height: 14px;
   border-radius: 2px;
   margin-right: 4px;
-  border: 1px solid #ebeef5;
+  border: 1px solid var(--adm-border-split);
 }
 .bg-list {
   display: flex;
@@ -353,19 +337,19 @@ export default {
 }
 .bg-value {
   font-size: 12px;
-  color: #606266;
+  color: var(--adm-text-65);
 }
 .bg-remove {
-  color: #f56c6c;
+  color: var(--adm-error-text);
   padding: 0;
 }
 .color-text {
   margin-left: 10px;
-  color: #999;
+  color: var(--adm-text-45);
   font-size: 12px;
 }
 .form-tip {
-  color: #999;
+  color: var(--adm-text-45);
   font-size: 12px;
   line-height: 1.6;
 }

cfc-web/src/views/admin/SystemPromptManagement.vue

@@ -1,13 +1,10 @@
 <template>
   <div class="system-prompt-page">
     <el-card>
-      <div slot="header" class="clearfix">
-        <span>系统提示词管理</span>
-        <div style="float:right; display:flex; gap:10px;">
-          <el-button size="mini" type="info" @click="fetchList">刷新</el-button>
-          <el-button size="mini" type="primary" @click="showEdit(null)">新增提示词</el-button>
-        </div>
-      </div>
+      <PageHeader slot="header" title="系统提示词管理">
+        <el-button size="mini" type="info" @click="fetchList">刷新</el-button>
+        <el-button size="mini" type="primary" @click="showEdit(null)">新增提示词</el-button>
+      </PageHeader>
 
       <el-form :model="filters" inline size="small" style="margin-bottom:16px;">
         <el-form-item label="关键词">
@@ -23,9 +20,7 @@
         <el-table-column prop="version" label="版本" width="60" />
         <el-table-column prop="status" label="状态" width="70">
           <template slot-scope="{ row }">
-            <el-tag :type="row.status === 1 ? "success" : "info"" size="small">
-              {{ row.status === 1 ? "启用" : "禁用" }}
-            </el-tag>
+            <StatusTag :type="row.status === 1 ? 'success' : 'info'" :text="row.status === 1 ? '启用' : '禁用'" />
           </template>
         </el-table-column>
         <el-table-column prop="updatedAt" label="更新时间" width="160">
@@ -39,7 +34,7 @@
             <el-button type="text" size="small" @click="showPreview(row)">预览</el-button>
             <el-button type="text" size="small" @click="showVersions(row)">版本</el-button>
             <el-button type="text" size="small" @click="resetToDefault(row)">重置</el-button>
-            <el-button type="text" size="small" style="color:#f56c6c" @click="deleteRow(row)">删除</el-button>
+            <el-button type="text" size="small" style="color: var(--adm-error-text)" @click="deleteRow(row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -56,7 +51,7 @@
     </el-card>
 
     <!-- 编辑弹窗 -->
-    <el-dialog :visible.sync="dialog.visible" :title="dialog.isEdit ? "编辑提示词" : "新增提示词"" width="700px" :close-on-click-modal="false">
+    <el-dialog :visible.sync="dialog.visible" :title="dialog.isEdit ? '编辑提示词' : '新增提示词'" width="700px" :close-on-click-modal="false">
       <el-form :model="dialog.form" label-width="100px" size="small">
         <el-form-item label="提示词键" :required="!dialog.isEdit">
           <el-input v-model="dialog.form.promptKey" placeholder="如 health_coach（英文下划线）" :disabled="dialog.isEdit" />
@@ -85,7 +80,7 @@
 
     <!-- 预览弹窗 -->
     <el-dialog title="提示词预览" :visible.sync="previewVisible" width="600px">
-      <el-card shadow="never" style="white-space: pre-wrap; font-family: monospace; font-size: 13px; line-height: 1.8; background: #fafafa;">
+      <el-card shadow="never" style="white-space: pre-wrap; font-family: monospace; font-size: 13px; line-height: 1.8; background: var(--adm-bg-header);">
         {{ previewContent }}
       </el-card>
       <div slot="footer">
@@ -95,15 +90,13 @@
 
     <!-- 版本历史弹窗 -->
     <el-dialog title="版本历史" :visible.sync="versionDialog.visible" width="900px">
-      <div style="margin-bottom:12px; color:#666; font-size:13px;">
+      <div style="margin-bottom:12px; color: var(--adm-text-65); font-size:13px;">
         当前提示词: <strong>{{ versionDialog.promptKey }}</strong> — {{ versionDialog.title }}
       </div>
       <el-table :data="versionDialog.versions" border stripe size="small" max-height="400">
         <el-table-column prop="version" label="版本号" width="80" align="center">
           <template slot-scope="{ row }">
-            <el-tag :type="row.version === currentVersion ? "primary" : "default"" size="mini">
-              v{{ row.version }}
-            </el-tag>
+            <StatusTag :type="row.version === currentVersion ? 'primary' : 'info'" size="mini" :text="'v' + row.version" />
           </template>
         </el-table-column>
         <el-table-column prop="operator" label="操作人" width="100" />
@@ -120,7 +113,7 @@
               :disabled="row.version === currentVersion">
               回滚到 v{{ row.version }}
             </el-button>
-            <span v-else style="color:#909399; font-size:12px;">当前版本</span>
+            <span v-else style="color: var(--adm-text-45); font-size:12px;">当前版本</span>
           </template>
         </el-table-column>
       <div slot="footer">

cfc-web/src/views/admin/energy-config/WuxingConfig.vue

@@ -1,13 +1,11 @@
 <template>
   <div class="wuxing-energy-config admin-page">
     <el-card>
-      <div slot="header">
-        <span>五行能量配置</span>
-      </div>
+      <PageHeader slot="header" title="五行能量配置" />
 
       <!-- Section 1: Energy Source Config -->
       <div style="margin-bottom: 30px;">
-        <h3 style="margin-bottom: 15px; color: #606266;">能量来源配置</h3>
+        <SectionTitle title="能量来源配置" />
         <el-input v-model="sourceKeyword" placeholder="搜索来源类型/名称..." prefix-icon="el-icon-search" style="width: 250px; float: right; margin-bottom: 15px;" clearable @keyup.enter.native="loadSourceConfigs" @clear="loadSourceConfigs" />
         <div style="clear: both;"></div>
 
@@ -18,7 +16,7 @@
           <el-table-column label="维度比例" min-width="300">
             <template slot-scope="scope">
               <div v-for="ratio in getDimensionRatios(scope.row)" :key="ratio.dimensionId" style="display: inline-block; margin-right: 10px; margin-bottom: 5px;">
-                <el-tag size="mini" effect="plain">{{ getDimensionLabel(ratio.dimensionId) }}: {{ ratio.ratio / 10000 }}%</el-tag>
+                <StatusTag size="mini" effect="plain" :text="getDimensionLabel(ratio.dimensionId) + ': ' + (ratio.ratio / 10000) + '%'" />
               </div>
             </template>
           </el-table-column>
@@ -38,12 +36,12 @@
 
       <!-- Section 2: Daily Limits Overview (read-only for V1) -->
       <div>
-        <h3 style="margin-bottom: 15px; color: #606266;">每日能量限制（只读）</h3>
+        <SectionTitle title="每日能量限制（只读）" />
                 <div class="adm-table-wrap">
 <el-table :data="dailyLimits" stripe border height="100%">
           <el-table-column prop="dimensionCode" label="维度" width="120">
             <template slot-scope="scope">
-              <el-tag :type="getDimensionType(scope.row.dimensionCode)">{{ getDimensionLabel(scope.row.dimensionCode) }}</el-tag>
+              <StatusTag :type="getDimensionType(scope.row.dimensionCode)" :text="getDimensionLabel(scope.row.dimensionCode)" />
             </template>
           </el-table-column>
           <el-table-column prop="dimensionName" label="维度名称" width="150"></el-table-column>
@@ -173,7 +171,7 @@ export default {
     },
     getDimensionType(code) {
       var map = { body: 'warning', mind: 'success', wisdom: 'info', action: 'primary', wealth: 'warning' }
-      return map[code] || ''
+      return map[code] || 'primary'
     },
     getDimensionRatios(row) {
       if (!row.ratios) return []
@@ -292,9 +290,4 @@ export default {
 .admin-page {
   padding: 20px;
 }
-.admin-page h3 {
-  font-size: 16px;
-  font-weight: 600;
-  color: #303133;
-}
 </style>

cfc-web/src/views/admin/gates.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="gates-page">
     <el-card>
-      <div slot="header">
-        <span>关卡配置</span>
-        <el-button type="primary" size="small" style="float:right" @click="handleAdd">新增关卡</el-button>
-      </div>
+      <PageHeader slot="header" title="关卡配置">
+        <el-button type="primary" size="small" @click="handleAdd">新增关卡</el-button>
+      </PageHeader>
 
             <div class="adm-table-wrap">
 <el-table :data="gateList" border v-loading="loading" style="width:100%" height="100%">
@@ -33,9 +32,7 @@
         </el-table-column>
         <el-table-column label="归属" width="80">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.isRequired === 1 ? 'primary' : 'warning'" size="small">
-              {{ scope.row.isRequired === 1 ? '主线' : '增值' }}
-            </el-tag>
+            <StatusTag :type="scope.row.isRequired === 1 ? 'primary' : 'warning'" :text="scope.row.isRequired === 1 ? '主线' : '增值'" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('isRequired', $event)">归属<span v-if="sortIndex('isRequired') !== null" class="sort-index" :class="sortClass('isRequired') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('isRequired') }}</span>{{ sortIcon('isRequired') }}</span>
@@ -43,9 +40,7 @@
         </el-table-column>
         <el-table-column label="形态" width="80">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.isSoft === 1 ? 'info' : 'danger'" size="small">
-              {{ scope.row.isSoft === 1 ? '软引导' : '硬门禁' }}
-            </el-tag>
+            <StatusTag :type="scope.row.isSoft === 1 ? 'info' : 'danger'" :text="scope.row.isSoft === 1 ? '软引导' : '硬门禁'" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('isSoft', $event)">形态<span v-if="sortIndex('isSoft') !== null" class="sort-index" :class="sortClass('isSoft') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('isSoft') }}</span>{{ sortIcon('isSoft') }}</span>
@@ -65,8 +60,8 @@
         </el-table-column>
         <el-table-column label="奖励" width="140">
           <template slot-scope="scope">
-            <span v-if="scope.row.rewardPoints > 0" style="color:#B8860B">+{{ scope.row.rewardPoints }} CF值</span>
-            <span v-if="scope.row.rewardEnergy > 0" style="color:#3A7CC2;margin-left:6px">+{{ scope.row.rewardEnergy }}能量</span>
+            <span v-if="scope.row.rewardPoints > 0" style="color: var(--adm-warning-text)">+{{ scope.row.rewardPoints }} CF值</span>
+            <span v-if="scope.row.rewardEnergy > 0" style="color: var(--adm-primary);margin-left:6px">+{{ scope.row.rewardEnergy }}能量</span>
             <span v-if="!scope.row.rewardPoints && !scope.row.rewardEnergy">—</span>
           </template>
           <template slot="header">
@@ -103,7 +98,7 @@
     <!-- 家庭进度管理 -->
     <el-card style="margin-top:20px">
       <div slot="header">
-        <span>家庭进度管理</span>
+        <SectionTitle title="家庭进度管理" />
       </div>
       <el-form :inline="true">
         <el-form-item label="家庭ID">
@@ -119,9 +114,7 @@
         <el-table-column prop="gateId" label="关卡ID" width="80"></el-table-column>
           <el-table-column prop="status" label="状态" width="100">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.status === 'UNLOCKED' ? 'success' : 'info'" size="small">
-              {{ scope.row.status === 'UNLOCKED' ? '已解锁' : '锁定' }}
-            </el-tag>
+            <StatusTag :type="scope.row.status === 'UNLOCKED' ? 'success' : 'info'" :text="scope.row.status === 'UNLOCKED' ? '已解锁' : '锁定'" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('status', $event)">状态<span v-if="sortIndex('status') !== null" class="sort-index" :class="sortClass('status') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('status') }}</span>{{ sortIcon('status') }}</span>
@@ -194,7 +187,7 @@
         </el-form-item>
         <el-form-item label="条件参数">
           <el-input v-model="form.conditionParams" placeholder='如：{"count":1} 或 {"days":3}'></el-input>
-          <div style="font-size:12px;color:#999;margin-top:4px">
+          <div style="font-size:12px;color: var(--adm-text-45);margin-top:4px">
             SELF_CHECK: {"minCount":1} | MICRO_ACTION: {"count":1} | STREAK_DAYS: {"days":3}
           </div>
         </el-form-item>
@@ -486,13 +479,7 @@ export default {
 .gates-page {
   padding: 20px;
 }
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
 .sort-header:hover {
-  color: #409eff;
+  color: var(--adm-primary);
 }
 </style>