xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: qych 卡片渐变反转——有色→淡色,解决白底稀释问题

Browse Source 
根因: text-section(白)+service-section(白)两层白底上叠card渐变,
旧方案淡→稍深方向导致色浓度被稀释到几乎看不见。
新方案: 深→淡方向,顶部有明确色彩,底部自然过渡到白

电池: #b8cfe8→#e3edf7  CBAM: #9ecfcb→#ddf0ee  航运: #a3ccaa→#dcecdd

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
liulujian 2026-07-05 00:37:15 +08:00
parent 4f84d39665
commit 01215a98e7
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
txw-mhzc-web/src/pages/index/styles/home-figma-variables.less
View File

@ -1174,19 +1174,19 @@ html.portal-figma-scale-active.portal-market-figma-scale-active {
@qych-policy-btn-height: 32px;
@qych-policy-btn-radius: 3px;
// ── 电池法案：蓝色系（工业制造 / 技术精密）──
@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%);
@qych-policy-header-gradient-battery: linear-gradient(180deg, #dce6f5 0%, #eef3fb 52.885%, #fff 100%);
@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #b8cfe8 0%, #e3edf7 100%);
@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #c8daf0 0%, #ebf2fa 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-cbam: linear-gradient(180deg, #c8e8e6 0%, #e6f4f3 52.885%, #fff 100%);
@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #9ecfcb 0%, #ddf0ee 100%);
@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #b4dbd7 0%, #e6f4f2 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-header-gradient-shipping: linear-gradient(180deg, #c8e0cb 0%, #e8f3ea 52.885%, #fff 100%);
@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #a3ccaa 0%, #dcecdd 100%);
@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #b6d6bb 0%, #e5f1e7 100%);
@qych-policy-card-min-height: 164px;
@qych-policy-card-icon-right: 30px;
@qych-policy-card-icon-opacity: 0.3;