From c0c8534fc66bba950a62a634d6aab049c0845440 Mon Sep 17 00:00:00 2001
From: liulujian <liulujian@liantu.tech>
Date: Sun, 5 Jul 2026 00:30:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20qych=20=E4=B8=89=E4=B8=93=E9=A2=98?=
 =?UTF-8?q?=E9=85=8D=E8=89=B2=E9=87=8D=E8=AE=BE=E8=AE=A1=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E6=8C=89=E5=86=85=E5=AE=B9=E8=B0=83=E6=80=A7=E5=8C=BA=E5=88=86?=
 =?UTF-8?q?=E8=93=9D/=E9=9D=92/=E7=BB=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

电池法案→蓝色系(工业/技术/精密): #e9f0fe header, #e4edfb→#c8d6f0 card
CBAM→青色系(金融/贸易/国际): #e6f5f2 header, #dfeee9→#c0ddd2 card
航运燃料→蓝绿系(海洋/物流/可持续): #e6f4f0 header, #dff0ea→#c0e0d7 card
section 背景各行极淡底色 (#f7f9fc/#f6faf9/#f5faf8)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../index/styles/home-figma-variables.less    | 24 +++++++++++--------
 .../src/pages/index/views/qych/index.vue      | 10 ++++----
 2 files changed, 18 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 302477c..db90591 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,16 +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, #eaf5ec 0%, #f5faf6 52.885%, #fff 100%);
-@qych-policy-header-gradient-cbam: linear-gradient(180deg, #eaf7f5 0%, #f5faf9 52.885%, #fff 100%);
-@qych-policy-header-gradient-shipping: linear-gradient(180deg, #e5f2f0 0%, #f4f9f8 52.885%, #fff 100%);
-@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #edf4e9 0%, #dce9d8 100%);
-@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #e3f0e6 0%, #d0e2d3 100%);
-@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #edf6f2 0%, #d8ebe3 100%);
-@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #e5f3ef 0%, #cee6de 100%);
-@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #eef7f2 0%, #dbece2 100%);
-@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #e2f0ec 0%, #cde3dc 100%);
+// ── 电池法案：蓝色系（工业 / 技术 / 精密）──
+@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%);
+
+// ── 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%);
+
+// ── 航运燃料：蓝绿色系（海洋 / 物流 / 可持续）──
+@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-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 711681f..3d30e7e 100644
--- a/txw-mhzc-web/src/pages/index/views/qych/index.vue
+++ b/txw-mhzc-web/src/pages/index/views/qych/index.vue
@@ -1159,11 +1159,9 @@ body {
   padding-top: 24px;
 }
 
-.banner1.qych-snap-section,
-.banner2.qych-snap-section,
-.banner3.qych-snap-section {
-  --qych-section-bg: #f6f7fa;
-}
+.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 {
   background: url(../../assets/qych/banner3.png);
@@ -1171,7 +1169,7 @@ body {
   background-position: center top;
 }
 .banner2 {
-  background: #f6f7fa;
+  background: #f6faf9;
 }
 .banner3 {
   background: url(../../assets/qych/banner1.png);