批量优化

uniapp/src/styles/page-common.scss

@@ -38,3 +38,34 @@
 	justify-content: center;
 	flex-shrink: 0;
 }
+
+// 区块标题行（左侧标题 + 右侧「更多」）
+@mixin block-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+}
+
+// 应用模块卡片的彩色渐变图标底
+@mixin tint-icon($size: 96rpx, $radius: 24rpx) {
+	width: $size;
+	height: $size;
+	border-radius: $radius;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+}
+
+// 小标签（功能 chip / 状态徽标）
+@mixin chip($bg: $color-primary-bg, $color: $color-primary) {
+	display: inline-flex;
+	align-items: center;
+	padding: 6rpx 16rpx;
+	border-radius: $radius-full;
+	background: $bg;
+	color: $color;
+	font-size: 22rpx;
+	line-height: 1.6;
+}

uniapp/src/styles/theme.scss

@@ -1,18 +1,45 @@
-// 标准商务主题（蓝色系 + 灰阶）
-$color-primary: #4facfe;
-$color-primary-dark: #00f2fe;
-$color-primary-bg: #e0f7ff;
-$color-bg-page: #f5f7fa;
+// =============================================================
+// 云泽统一主题（与 Web 端统一认证中心 /auth/login 同一套蓝色系）
+// 品牌主色 #3973ff，浅色 #52a8ff，深色 #2560a9
+// =============================================================
+
+// 品牌色
+$color-primary: #3973ff;
+$color-primary-dark: #2560a9;
+$color-primary-light: #52a8ff;
+$color-primary-bg: #eef4ff;
+
+// 背景与卡片
+$color-bg-page: #f4f7fc;
 $color-card: #ffffff;
-$color-text: #303133;
-$color-text-secondary: #606266;
-$color-text-muted: #909399;
-$color-border: #ebeef5;
-$color-divider: #f2f3f5;
-$shadow-card: 0 4rpx 24rpx rgba(0, 0, 0, 0.05);
-$shadow-header: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+
+// 文字
+$color-text: #1f2b48;
+$color-text-secondary: #5b6780;
+$color-text-muted: #8a94ad;
+
+// 线条
+$color-border: #e3e9f5;
+$color-divider: #f2f4f8;
+
+// 语义色
+$color-success: #17b26a;
+$color-warning: #f79009;
+$color-danger: #f04438;
+
+// 阴影
+$shadow-card: 0 4rpx 24rpx rgba(31, 43, 72, 0.06);
+$shadow-float: 0 8rpx 28rpx rgba(31, 43, 72, 0.1);
+$shadow-header: 0 2rpx 12rpx rgba(31, 43, 72, 0.04);
+
+// 圆角
 $radius-sm: 8rpx;
 $radius-md: 12rpx;
-$radius-lg: 16rpx;
+$radius-lg: 20rpx;
 $radius-full: 999rpx;
+
+// 间距
 $page-padding-x: 32rpx;
+
+// Hero 渐变（登录页 / 工作台头部共用）
+$hero-gradient: linear-gradient(135deg, #1b3b8f 0%, #2f6fe4 52%, #52a8ff 100%);

uniapp/src/styles/tint.scss

@@ -0,0 +1,19 @@
+/**
+ * 应用模块图标色板（全局）
+ *
+ * 工作台/应用中心按模块 code 轮换取色，避免所有卡片都是同一个蓝色。
+ * 用法：<view class="tint-icon tint-2"><FaIcon .../></view>
+ * .tint-icon 的尺寸/圆角/居中定义在 page-common.scss 的 @mixin tint-icon 中，
+ * 这里只提供背景渐变。
+ */
+.tint-0 { background: linear-gradient(135deg, #3973ff 0%, #52a8ff 100%); }
+.tint-1 { background: linear-gradient(135deg, #17b26a 0%, #4ade80 100%); }
+.tint-2 { background: linear-gradient(135deg, #f79009 0%, #fbbf24 100%); }
+.tint-3 { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%); }
+.tint-4 { background: linear-gradient(135deg, #f04438 0%, #fb7185 100%); }
+.tint-5 { background: linear-gradient(135deg, #0891b2 0%, #22d3ee 100%); }
+.tint-6 { background: linear-gradient(135deg, #db2777 0%, #f472b6 100%); }
+.tint-7 { background: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%); }
+
+/** 未开通（套餐锁定）时的灰色底 */
+.tint-off { background: linear-gradient(135deg, #b9c2d4 0%, #d5dbe7 100%); }