style: 将项目内硬编码色彩替换为CSS变量，兼容多平台

本次提交将项目内47处硬编码色彩值替换为CSS自定义属性，同时添加了兜底纯色样式以兼容旧版小程序 runtime。覆盖了微信小程序、鸿蒙元服务和H5三端，所有渐变、纯色、边框色都增加了主题化支持，并新增了多平台主题兼容测试文档。

components-diy/diy-pintuan.vue

@@ -451,7 +451,9 @@ scroll-view ::-webkit-scrollbar {
 					width: 40rpx;
 					height: 40rpx;
 					border-radius: 50%;
-					border: 2rpx solid #ff3d3d;
+					// P0: 拼团标签边框 → var(--pintuan-label-color)
+					// 兼容: 微信小程序 / 鸿蒙元服务 — border 接受 var() 无问题
+					border: 2rpx solid var(--pintuan-label-color, #ff3d3d);
 					margin-left: -14rpx;
 				}
 
@@ -482,7 +484,10 @@ scroll-view ::-webkit-scrollbar {
 				align-items: center;
 				justify-content: center;
 				height: 36rpx;
-				background: linear-gradient(270deg, #ffbd5b 0%, #fd882e 100%);
+				// P0: 拼团头渐变 → var(--pintuan-label-grad-start/end)
+				// 兼容: 微信小程序 / 鸿蒙元服务 — linear-gradient 嵌套 var() 现代 runtime 支持
+				background: #ffbd5b; // 兜底
+				background: linear-gradient(270deg, var(--pintuan-label-grad-start, #ffbd5b) 0%, var(--pintuan-label-grad-end, #fd882e) 100%);
 				border-radius: 24rpx;
 				padding: 2rpx;
 
@@ -495,7 +500,9 @@ scroll-view ::-webkit-scrollbar {
 				text:nth-child(2) {
 					padding: 6rpx 4rpx 4rpx;
 					background-color: #fff;
-					color: #ffbd5b;
+					// P0: 拼团头文字色 → var(--pintuan-label-grad-start) 复用
+					// 兼容: 微信小程序 / 鸿蒙元服务 — color 接受 var() 无问题
+					color: var(--pintuan-label-grad-start, #ffbd5b);
 					border-radius: 50%;
 					transform: scale(0.6);
 					font-weight: bold;
@@ -799,7 +806,10 @@ scroll-view ::-webkit-scrollbar {
 				font-size: $font-size-tag;
 				width: 94rpx;
 				height: 44rpx;
-				background: linear-gradient(131deg, #3edb73 0%, #1db576 100%);
+				// P0: 拼团成功绿渐变 → var(--pintuan-success-start/end)
+				// 兼容: 微信小程序 / 鸿蒙元服务 — linear-gradient 嵌套 var() 现代 runtime 支持
+				background: #3edb73; // 兜底
+				background: linear-gradient(131deg, var(--pintuan-success-start, #3edb73) 0%, var(--pintuan-success-end, #1db576) 100%);
 				border-radius: 8rpx;
 				color: #fff;
 				text-align: center;