refactor(主题样式): 统一使用CSS变量定义主题颜色

将硬编码的主题颜色替换为CSS变量(--primary-color等)，提高样式可维护性

@@ -2,14 +2,23 @@
 @tailwind components;
 @tailwind components;
 @tailwind utilities;
 @tailwind utilities;
 
 
+/* 主题色调定义 */
+:root {
+  --primary-color: #54ABAE;
+  --secondary-color: #6B7280;
+  --success-color: #10B981;
+  --warning-color: #F59E0B;
+  --error-color: #EF4444;
+}
+
 .bg-blue-500 {
 .bg-blue-500 {
-  background-color: #54ABAE !important;
+  background-color: var(--primary-color) !important;
 }
 }
 
 
 .text-blue-500 {
 .text-blue-500 {
-  color: #54ABAE !important;
+  color: var(--primary-color) !important;
 }
 }
 
 
 .border-blue-500 {
 .border-blue-500 {
-  border-color: #54ABAE !important;
+  border-color: var(--primary-color) !important;
 }
 }

@@ -471,7 +471,7 @@ const handleGoToRewards = () => {
   transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 200rpx;
   width: 200rpx;
   height: 200rpx;
   height: 200rpx;
-  background: linear-gradient(135deg, #4A90E2, #4d96ea);
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
   border-radius: 50%;
   border-radius: 50%;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
@@ -508,7 +508,7 @@ const handleGoToRewards = () => {
 
 
 .floating-item {
 .floating-item {
   position: absolute;
   position: absolute;
-  background: rgb(100, 166, 240);
+  background: var(--primary-color);
   border-radius: 50%;
   border-radius: 50%;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;

@@ -186,7 +186,7 @@ const handleGoToPointsRule = () => {
   transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 170rpx;
   width: 170rpx;
   height: 170rpx;
   height: 170rpx;
-  background: linear-gradient(135deg, #4A90E2, #4d96ea);
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-color));
   border-radius: 50%;
   border-radius: 50%;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;

 <!--
 <!--
  * @Date: 2025-01-15 10:00:00
  * @Date: 2025-01-15 10:00:00
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-03 14:54:12
+ * @LastEditTime: 2025-09-09 10:57:42
  * @FilePath: /lls_program/src/pages/CheckinList/index.vue
  * @FilePath: /lls_program/src/pages/CheckinList/index.vue
  * @Description: 打卡列表页面 - 显示已打卡的地点列表
  * @Description: 打卡列表页面 - 显示已打卡的地点列表
 -->
 -->
@@ -36,7 +36,7 @@
             v-if="location.checkedIn && location.hasPhoto"
             v-if="location.checkedIn && location.hasPhoto"
             type="primary"
             type="primary"
             size="normal"
             size="normal"
-            color="#4d96ea"
+            :color="THEME_COLORS.PRIMARY"
             @click="viewPhoto(location)"
             @click="viewPhoto(location)"
           >
           >
             查看照片
             查看照片
@@ -249,7 +249,7 @@ const loadCheckinData = async () => {
 
 
   .progress-info {
   .progress-info {
     font-size: 26rpx;
     font-size: 26rpx;
-    color: v-bind('THEME_COLORS.PRIMARY');
+    color: var(--primary-color);
     background-color: #EBF4FF;
     background-color: #EBF4FF;
     padding: 12rpx 20rpx;
     padding: 12rpx 20rpx;
     border-radius: 20rpx;
     border-radius: 20rpx;

@@ -98,7 +98,7 @@
     }
     }
 
 
     &.primary {
     &.primary {
-      background-color: v-bind('THEME_COLORS.PRIMARY');
+      background-color: var(--primary-color);
       color: #ffffff;
       color: #ffffff;
 
 
       &:active {
       &:active {