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 68aaac3..30e2bca 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 @@ -97,19 +97,19 @@ // 渐变(字符串,直接用于 background / background-image) // ----------------------------------------------------------------------------- @home-gradient-title: linear-gradient(90deg, #008dff 0%, #00e0d3 50.48%, #00c858 100%); -@home-gradient-search-btn: linear-gradient(180deg, @home-color-primary-green 0%, @home-color-primary-green-dark 100%); -@home-gradient-hero-fade: linear-gradient(180deg, @home-color-page-bg-transparent 0%, @home-color-page-bg 100%); +@home-gradient-search-btn: linear-gradient(0deg, @home-color-primary-green 0%, @home-color-primary-green-dark 100%); +@home-gradient-hero-fade: linear-gradient(0deg, @home-color-page-bg-transparent 0%, @home-color-page-bg 100%); @home-gradient-core-tag: linear-gradient(90deg, #ffffff 0%, #e6efff 36.06%, #e6efff 62.5%, #ffffff 100%); @home-gradient-ability-card: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 100%); -@home-gradient-export-btn: linear-gradient(180deg, @home-color-btn-blue-from 0%, @home-color-btn-blue-to 100%); -@home-gradient-card-blue: linear-gradient(180deg, rgba(127, 210, 255, 0.35) 0%, rgba(232, 247, 255, 0.15) 100%); -@home-gradient-card-blue-header: linear-gradient(180deg, rgba(127, 210, 255, 0.55) 0%, rgba(232, 247, 255, 0.35) 100%); -@home-gradient-card-chain-header: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.25) 100%); -@home-gradient-card-green: linear-gradient(180deg, rgba(156, 255, 221, 0.45) 0%, rgba(156, 255, 221, 0.2) 100%); -@home-gradient-card-green-header: linear-gradient(180deg, rgba(107, 255, 204, 0.55) 0%, rgba(107, 255, 204, 0.25) 100%); +@home-gradient-export-btn: linear-gradient(0deg, @home-color-btn-blue-from 0%, @home-color-btn-blue-to 100%); +@home-gradient-card-blue: linear-gradient(0deg, rgba(127, 210, 255, 0.35) 0%, rgba(232, 247, 255, 0.15) 100%); +@home-gradient-card-blue-header: linear-gradient(0deg, rgba(127, 210, 255, 0.55) 0%, rgba(232, 247, 255, 0.35) 100%); +@home-gradient-card-chain-header: linear-gradient(0deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.25) 100%); +@home-gradient-card-green: linear-gradient(0deg, rgba(156, 255, 221, 0.45) 0%, rgba(156, 255, 221, 0.2) 100%); +@home-gradient-card-green-header: linear-gradient(0deg, rgba(107, 255, 204, 0.55) 0%, rgba(107, 255, 204, 0.25) 100%); @home-gradient-cta-btn: linear-gradient(90deg, @home-color-cta-btn-from 0%, @home-color-cta-btn-to 100%); -@home-gradient-section-title-bar: linear-gradient(180deg, #00b42a, #00d468); -@home-gradient-nav-active: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%); +@home-gradient-section-title-bar: linear-gradient(0deg, #00b42a, #00d468); +@home-gradient-nav-active: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 100%); @home-gradient-skeleton: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); @home-gradient-ability-section-bg: linear-gradient( 180deg, @@ -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, #d6e6f8 0%, #ecf3fc 52.885%, #fff 100%); -@qych-policy-card-gradient-battery-1: linear-gradient(180deg, #d9e7f6 0%, #edf3fa 100%); -@qych-policy-card-gradient-battery-2: linear-gradient(180deg, #e0ecf8 0%, #f1f6fb 100%); +@qych-policy-header-gradient-battery: linear-gradient(0deg, #d6e6f8 0%, #ecf3fc 52.885%, #fff 100%); +@qych-policy-card-gradient-battery-1: linear-gradient(0deg, #d9e7f6 0%, #edf3fa 100%); +@qych-policy-card-gradient-battery-2: linear-gradient(0deg, #e0ecf8 0%, #f1f6fb 100%); // ── CBAM:明亮青色系 ── -@qych-policy-header-gradient-cbam: linear-gradient(180deg, #d4eeec 0%, #eaf7f6 52.885%, #fff 100%); -@qych-policy-card-gradient-cbam-1: linear-gradient(180deg, #d6efed 0%, #ebf7f5 100%); -@qych-policy-card-gradient-cbam-2: linear-gradient(180deg, #ddf2f0 0%, #eff9f8 100%); +@qych-policy-header-gradient-cbam: linear-gradient(0deg, #d4eeec 0%, #eaf7f6 52.885%, #fff 100%); +@qych-policy-card-gradient-cbam-1: linear-gradient(0deg, #d6efed 0%, #ebf7f5 100%); +@qych-policy-card-gradient-cbam-2: linear-gradient(0deg, #ddf2f0 0%, #eff9f8 100%); // ── 航运燃料:明亮绿色系 ── -@qych-policy-header-gradient-shipping: linear-gradient(180deg, #d2e9d5 0%, #eaf5ec 52.885%, #fff 100%); -@qych-policy-card-gradient-shipping-1: linear-gradient(180deg, #d5ead7 0%, #eaf5eb 100%); -@qych-policy-card-gradient-shipping-2: linear-gradient(180deg, #ddeee0 0%, #eff7f0 100%); +@qych-policy-header-gradient-shipping: linear-gradient(0deg, #d2e9d5 0%, #eaf5ec 52.885%, #fff 100%); +@qych-policy-card-gradient-shipping-1: linear-gradient(0deg, #d5ead7 0%, #eaf5eb 100%); +@qych-policy-card-gradient-shipping-2: linear-gradient(0deg, #ddeee0 0%, #eff7f0 100%); @qych-policy-card-min-height: 164px; @qych-policy-card-icon-right: 30px; @qych-policy-card-icon-opacity: 0.3;