From 4f84d39665001c9859bf0f36d43a53e67af58b6f Mon Sep 17 00:00:00 2001
From: liulujian <liulujian@liantu.tech>
Date: Sun, 5 Jul 2026 00:33:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20qych=20=E6=8F=90=E9=AB=98=E8=89=B2?=
 =?UTF-8?q?=E7=9B=B8=E5=AF=B9=E6=AF=94+=E9=A5=B1=E5=92=8C=E5=BA=A6,?=
 =?UTF-8?q?=E5=8E=BB=E7=81=B0=E8=92=99=E8=92=99=E6=84=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

电池法案 蓝: #dce6f7→#b8c9e8 / CBAM 青: #ceeaea→#a3d4d4 / 航运 绿: #d4ead7→#acd4b1
三轮对比明显(蓝↔青↔绿),卡片渐变从粉彩升级到有色彩浓度的干净渐变

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../index/styles/home-figma-variables.less    | 24 +++++++++----------
 .../src/pages/index/views/qych/index.vue      |  8 +++----
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less b/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
index db90591..e2b5a9b 100644
--- a/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
+++ b/txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
@@ -1173,20 +1173,20 @@ html.portal-figma-scale-active.portal-market-figma-scale-active {
 @qych-policy-btn-size: 14px;
 @qych-policy-btn-height: 32px;
 @qych-policy-btn-radius: 3px;
-// ── 电池法案：蓝色系（工业 / 技术 / 精密）──
-@qych-policy-header-gradient-battery: linear-gradient(180deg, #e9f0fe 0%, #f4f7ff 52.885%, #fff 100%);
-@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #e4edfb 0%, #c8d6f0 100%);
-@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #eef3fc 0%, #d8e2f5 100%);
+// ── 电池法案：蓝色系（工业制造 / 技术精密）──
+@qych-policy-header-gradient-battery: linear-gradient(180deg, #e3ecfa 0%, #f2f6fd 52.885%, #fff 100%);
+@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #dce6f7 0%, #b8c9e8 100%);
+@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #e8eff9 0%, #cdd9f0 100%);
 
-// ── CBAM：青色系（金融 / 贸易 / 国际）──
-@qych-policy-header-gradient-cbam: linear-gradient(180deg, #e6f5f2 0%, #f2faf8 52.885%, #fff 100%);
-@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #dfeee9 0%, #c0ddd2 100%);
-@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #e9f3ef 0%, #d0e5dd 100%);
+// ── CBAM：青色系（碳关税 / 跨境贸易）──
+@qych-policy-header-gradient-cbam: linear-gradient(180deg, #daf0f0 0%, #eef8f8 52.885%, #fff 100%);
+@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #ceeaea 0%, #a3d4d4 100%);
+@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #def2f2 0%, #b8dede 100%);
 
-// ── 航运燃料：蓝绿色系（海洋 / 物流 / 可持续）──
-@qych-policy-header-gradient-shipping: linear-gradient(180deg, #e6f4f0 0%, #f2f9f7 52.885%, #fff 100%);
-@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #dff0ea 0%, #c0e0d7 100%);
-@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #eaf5f1 0%, #d2e8e1 100%);
+// ── 航运燃料：绿色系（海洋物流 / 能源可持续）──
+@qych-policy-header-gradient-shipping: linear-gradient(180deg, #e2f2e4 0%, #f1f8f2 52.885%, #fff 100%);
+@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #d4ead7 0%, #acd4b1 100%);
+@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #e2f0e4 0%, #c0dcc3 100%);
 @qych-policy-card-min-height: 164px;
 @qych-policy-card-icon-right: 30px;
 @qych-policy-card-icon-opacity: 0.3;
diff --git a/txw-mhzc-web/src/pages/index/views/qych/index.vue b/txw-mhzc-web/src/pages/index/views/qych/index.vue
index 3d30e7e..1a1d890 100644
--- a/txw-mhzc-web/src/pages/index/views/qych/index.vue
+++ b/txw-mhzc-web/src/pages/index/views/qych/index.vue
@@ -1159,9 +1159,9 @@ body {
   padding-top: 24px;
 }
 
-.banner1.qych-snap-section { --qych-section-bg: #f7f9fc; }
-.banner2.qych-snap-section { --qych-section-bg: #f6faf9; }
-.banner3.qych-snap-section { --qych-section-bg: #f5faf8; }
+.banner1.qych-snap-section { --qych-section-bg: #f5f8fc; }
+.banner2.qych-snap-section { --qych-section-bg: #f4fafa; }
+.banner3.qych-snap-section { --qych-section-bg: #f4f9f5; }
 
 .banner1 {
   background: url(../../assets/qych/banner3.png);
@@ -1169,7 +1169,7 @@ body {
   background-position: center top;
 }
 .banner2 {
-  background: #f6faf9;
+  background: #f4fafa;
 }
 .banner3 {
   background: url(../../assets/qych/banner1.png);