fix:首页调整

txw-mhzc-web/src/pages/index/components/footer/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer class="bg-dark text-white">
+  <footer class="bg-dark text-white" style="background: rgba(240, 247, 242, 1);">
     <div class="footer-container">
       <!-- 上部信息区 -->
       <div class="footer-top">
@@ -62,7 +62,7 @@
       </div>
 
       <!-- 分隔线 -->
-      <div class="footer-divider"></div>
+      <!-- <div class="footer-divider"></div> -->
 
       <!-- 下部版权信息 -->
       <div class="footer-bottom">
@@ -91,12 +91,11 @@ export default {
 
 <style lang="less" scoped>
 .footer-container {
-  max-width: 1400px;
-  padding: 40px 20px 20px;
   margin: 0 auto;
 }
 
 .footer-top {
+  padding: 40px 20px 20px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -115,7 +114,7 @@ export default {
   margin-bottom: 16px;
   font-size: 16px;
   font-weight: 600;
-  color: #fff;
+  color: rgba(0, 59, 26, 1);
 
   &::before {
     position: absolute;
@@ -138,8 +137,8 @@ export default {
 
 .footer-link-item {
   font-size: 14px;
-  color: rgba(255, 255, 255, 0.7);
   transition: color 0.3s;
+  color: rgba(85, 102, 89, 1);
 
   &:hover {
     color: #4caf50;
@@ -159,7 +158,7 @@ export default {
   align-items: flex-start;
   gap: 8px;
   font-size: 14px;
-  color: rgba(255, 255, 255, 0.7);
+  color: rgba(85, 102, 89, 1);
 }
 
 .contact-icon {
@@ -174,19 +173,23 @@ export default {
 }
 
 .footer-bottom {
-  text-align: center;
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+  align-items: center;
+
+  background: rgba(226, 237, 229, 1);
+  padding: 10px 0px;
 }
 
 .copyright {
-  margin: 0 0 8px;
+  font-size: 12px;
-  font-size: 13px;
+  color: rgba(85, 102, 89, 1);
-  color: rgba(255, 255, 255, 0.6);
 }
 
 .infrastructure {
-  margin: 0;
   font-size: 12px;
-  color: rgba(255, 255, 255, 0.4);
+  color: rgba(85, 102, 89, 1);
 }
 
 // 移动端适配

txw-mhzc-web/src/pages/index/views/home2/index.vue

@@ -31,7 +31,7 @@
     <div class="container">
       <!-- 顶部背景轮播 -->
       <div class="top-box">
-        <t-swiper class="top-banner-swiper" animation="fade" :height="topBannerHeight" :interval="6000" :duration="500" :loop="true" :autoplay="true" theme="dark" :navigation="{ placement: 'inside', showSlideBtn: 'hover', type: 'bars', size: 'medium' }">
+        <t-swiper class="top-banner-swiper" animation="fade" :height="topBannerHeight" :interval="6000" :duration="500" :loop="true" :autoplay="true" theme="dark">
           <t-swiper-item v-for="(src, idx) in topBannerImages" :key="idx">
             <div class="banner-slide" :style="{ backgroundImage: `url(${src})` }" />
           </t-swiper-item>
@@ -62,7 +62,7 @@
           </div>
 
           <div class="hero-cards">
-            <div class="hero-card green-card">
+            <div class="hero-card blue-card">
               <div class="card-header">
                 <div class="card-title">碳数字身份证</div>
               </div>
@@ -73,7 +73,7 @@
                 <div class="card-btn" @click="handleNavigate(buttonLinks['跨境互通'])">跨境互通</div>
               </div>
             </div>
-            <div class="hero-card blue-card">
+            <div class="hero-card cyan-card">
               <div class="card-header">
                 <div class="card-title">国家可信碳链</div>
               </div>
@@ -84,7 +84,7 @@
                 <div class="card-btn" @click="handleIframeNavigate(buttonLinks['碳证中心'])">碳证中心</div>
               </div>
             </div>
-            <div class="hero-card cyan-card">
+            <div class="hero-card green-card">
               <div class="card-header">
                 <div class="card-title">绿色服务</div>
               </div>
@@ -195,7 +195,7 @@
 
           <div class="news-list">
             <div class="news-item" v-for="(item, index) in currentNewsList" :key="index" @click="handleNewsClick(item)">
-              <img v-if="item.pic" :src="item.pic" alt="" class="news-pic" />
+              <img v-if="item.src" :src="item.pic" alt="" class="news-pic" />
               <div class="news-content">
                 <div class="news-content-top">
                   <div class="news-title">{{ item.title }}</div>
@@ -209,6 +209,7 @@
               </div>
             </div>
           </div>
+          <div class="news-more" @click="handleNewsMore">查看更多</div>
         </div>
       </section>
 
@@ -229,7 +230,7 @@
 
           <div class="news-list">
             <div class="news-item" v-for="(item, index) in currentNewsList" :key="index" @click="handleNewsClick(item)">
-              <img v-if="item.pic" :src="item.pic" alt="" class="news-pic" />
+              <img v-if="item.src" :src="item.pic" alt="" class="news-pic" />
               <div class="news-content">
                 <div class="news-content-top">
                   <div class="news-title">{{ item.title }}</div>
@@ -258,21 +259,46 @@
             </div>
           </div>
 
-          <div class="partner-grid">
+          <div class="partner-scroll-wrapper">
-            <div class="partner-item" v-for="(item, index) in partnerList" :key="index">
+            <div class="partner-scroll-track">
+              <div class="partner-row partner-row-forward">
+                <div class="partner-item" v-for="(item, index) in partnerRow1" :key="'row1-' + index">
                   <div class="partner-logo-box">
                     <img :src="item.logo" :alt="item.name" class="partner-icon" />
                   </div>
                 </div>
               </div>
+              <div class="partner-row partner-row-backward">
+                <div class="partner-item" v-for="(item, index) in partnerRow2" :key="'row2-' + index">
+                  <div class="partner-logo-box">
+                    <img :src="item.logo" :alt="item.name" class="partner-icon" />
+                  </div>
+                </div>
+              </div>
+              <div class="partner-row partner-row-forward">
+                <div class="partner-item" v-for="(item, index) in partnerRow3" :key="'row3-' + index">
+                  <div class="partner-logo-box">
+                    <img :src="item.logo" :alt="item.name" class="partner-icon" />
+                  </div>
+                </div>
+              </div>
+              <div class="partner-row partner-row-backward">
+                <div class="partner-item" v-for="(item, index) in partnerRow4" :key="'row4-' + index">
+                  <div class="partner-logo-box">
+                    <img :src="item.logo" :alt="item.name" class="partner-icon" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </section>
 
       <!-- 建立您的碳数字身份 -->
       <div class="bottom-box">
         <div class="content">
-          <div class="bottom-box-content-title">建立您的碳数字身份</div>
+          <div class="bottom-box-content-title">立刻获取第一张碳身份证</div>
-          <div class="desc">基于国家区块链网络，实现碳数据的一站式确权、核验与托管</div>
+          <div class="desc">让中国的每一个碳都拥有独一无二的可信数字身份</div>
           <div class="btn" @click="openService">申请服务</div>
         </div>
       </div>
@@ -296,8 +322,8 @@ export default {
       topBannerHeight: 820,
       topBannerImages: [
         require('@/pages/index/assets/home-top-bg1.jpg'),
-        require('@/pages/index/assets/home-top-bg2.jpg'),
+        // require('@/pages/index/assets/home-top-bg2.jpg'),
-        require('@/pages/index/assets/home-top-bg3.jpg'),
+        // require('@/pages/index/assets/home-top-bg3.jpg'),
       ],
       capabilityList: [
         { name: '碳核算平台', icon: require('@/pages/index/assets/home-thspt-icon.png') },
@@ -305,7 +331,7 @@ export default {
         { name: '碳认证机构', icon: require('@/pages/index/assets/home-trzjg-icon.png') },
         { name: '碳金融服务', icon: require('@/pages/index/assets/home-tjrfw-icon.png') },
         { name: '碳技术咨询', icon: require('@/pages/index/assets/home-tjszx-icon.png') },
-        { name: '更多能力', icon: require('@/pages/index/assets/home-tjszx-icon.png') }
+        { name: '更多能力', icon: require('@/pages/index/assets/home-gdnl-icon.png') }
       ],
       coreList: [
         {
@@ -344,20 +370,56 @@ export default {
       newsTabs: ['国家政策', '行业资讯', '平台公告'],
       newsData: [
         [
-          { title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
+          { title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-03-31', remark: "转载自 www.ndrc.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……", src: "https://www.ndrc.gov.cn/xwdt/spfg/mtjj/202603/t20260331_1404430.html" },
-          { title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
+          { title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-02-02', remark: "转载自 fgw.sh.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》", src: "https://fgw.sh.gov.cn/fgw_zyjyhhjbh/20260202/dbb80b9041b740da958411f9b3ea7e95.html" },
-          { title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
+          { title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-01-04', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……", src: "https://www.gov.cn/zhengce/zhengceku/202601/content_7053876.htm" },
         ],
         [
-          { title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
+          {
-          { title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
+            title: '全国首个红树林营造CCER项目完成登记 蓝碳生态价值实现路径获重要突破',
-          { title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
+            pic: require('@/pages/index/assets/news4.png'),
+            src: "https://www.cets.org.cn/xyyw/7348.jhtml",
+            date: '2026-03-22',
+            remark: "转载自 光明日报",
+            content: "3月20日，全国首个红树林营造碳汇类国家温室气体自愿减排（CCER）项目“福建省霞浦县盐田乡和长春镇红树林植被修复项目”正式通过国家主管部门审核并完成登记注册。该项目由自然资源部第三海洋研究所作为项目业主申报实施，中国质量认证中心（CQC）负责审定。项目的成功完成，为海洋碳汇价值实现探索出可复制、可推广的实践路径，是我国海洋生态系统保护修复领域的重要里程碑……"
+          },
+          {
+            title: '可再生能源电解水制氢等12项CCER方法学解读视频来了',
+            pic: require('@/pages/index/assets/news5.png'),
+            src: "https://www.cets.org.cn/xyyw/7347.jhtml",
+            date: '2026-03-20',
+            remark: "转载自 国家气候战略中心",
+            content: "可再生能源电解水制氢等12项CCER方法学解读视频来了"
+          },
+          {
+            title: '中碳登结算业务部获评2025年度全国巾帼文明岗',
+            pic: require('@/pages/index/assets/news6.png'),
+            src: "https://www.cets.org.cn/xyyw/7334.jhtml",
+            date: '2026-03-06',
+            remark: "转载自 中碳登",
+            content: "3月2日，2025年度全国巾帼文明岗表彰名单正式揭晓，碳排放权登记结算（武汉）有限责任公司（以下简称“中碳登”）结算业务部成功获评。这份全国巾帼建功领域的重磅荣誉，是对中碳登“娘子军”专业实力、服务担当的高度认可，更是对中碳登深耕全国碳市场基础设施建设、助力国家“双碳”战略落地成效的充分肯定..."
+          },
         ],
         [
-          { title: '媒体报道 | “十五五”新图景：增绿降碳 加减之间再造万亿级新机遇', pic: require('@/pages/index/assets/news1.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "“十五五”规划纲要中提出，加快经济社会发展全面绿色转型。当前，一场增绿降碳的变革正在重塑我们的生产生活方式，持续激发绿色发展动能。粤西海域，离岸70公里外，水深超50米，一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。一场绿色能源的接力正在加紧进行。总台央视记者 刘柏煊：全球最大输送容量海上风电项目，现在进入开春后的首个集中施工期，8艘风机安装船在同步作业，超过120米长的……" },
+          {
-          { title: '2026年循环经济发展和资源综合利用专项扶持项目开始申报', pic: require('@/pages/index/assets/news2.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "根据《上海市循环经济发展和资源综合利用专项扶持办法（2021版）》（沪发改规范〔2021〕13号，以下简称《扶持办法》）的要求，结合上海市“免申即享”相关工作要求，为做好2026年循环经济和资源综合利用项目申报工作，上海市发展改革委近日发布《上海市发展改革委关于组织申报2026年循环经济发展和资源综合利用专项扶持项目的通知》" },
+            title: '关于碳信网接入全国温室气体排放因子数据库（第二版）的公告',
-          { title: '商务部等9部门关于实施绿色消费推进行动的通知', pic: require('@/pages/index/assets/news3.png'), date: '2026-04-10', remark: "转载自 www.gov.cn", content: "各省、自治区、直辖市及计划单列市、新疆生产建设兵团商务、发展改革、工业和信息化、生态环境、住房城乡建设、农业农村、市场监管、金融监管部门，中国人民银行上海总部，各省、自治区、直辖市及计划单列市分行：为深入贯彻党的二十大和二十届历次全会精神，落实《中共中央 国务院关于加快经济社会发展全面绿色转型的意见》和中共中央办公厅、国务院办公厅印发的《提振消费专项行动方案》要求，加快发展方式和……" },
+            remark: "非真实公告，仅展示",
-        ]
+            date: '2026-03-22',
+            content: "为进一步提升平台碳数据核算的准确性、权威性，助力平台用户高效完成碳排放核算、碳信息报送工作，碳信网已于2026年4月18日完成与国家温室气体排放因子数据库（第二版）的全面对接。本次对接后，平台将同步更新576个全行业排放因子，新增291个细分领域因子，覆盖发电、钢铁、水泥、铝冶炼等重点控排行业，可直接为用户提供合规、精准的因子查询、自动匹配及核算辅助服务。请各用户及时登录平台更新个人/企业碳数据核算模板，确保数据符合最新监管要求，如有操作疑问可通过平台在线客服或咨询热线400-XXXX-8899反馈……"
+          },
+          {
+            title: '2026年全国碳市场配额预分配相关信息提醒',
+            remark: "非真实公告，仅展示",
+            date: '2026-03-20',
+            content: "根据生态环境部《关于做好2026年全国碳排放权交易市场有关工作的通知》（环办气候函〔2026〕32号）要求，2026年全国碳市场配额预分配工作已正式启动。为帮助平台控排企业顺利完成配额认领、核对工作，碳信网已开通配额预分配查询通道，平台注册企业可登录“碳交易-配额管理”板块，查询本企业预分配额度、行业基准值及相关政策说明。请钢铁、水泥、铝冶炼行业企业于4月30日前完成配额核对，发电行业企业于6月20日前完成核对，如有异议请在核对期限内提交书面说明，逾期将视为无异议，具体操作指南可在平台“政策中心”下载查阅"
+          },
+          {
+            title: '碳信网碳信息披露服务升级及上线通知',
+            date: '2026-03-06',
+            remark: "非真实公告，仅展示",
+            content: "为响应欧盟CBAM（碳边境调节机制）全面实施及国内上市公司ESG报告强制披露要求，碳信网对碳信息披露服务进行全面升级，新增碳足迹核算、ESG碳信息填报、报告生成及合规校验四大功能模块。本次升级后，平台可支持企业快速完成全流程碳信息披露，自动生成符合国内外标准的披露报告，助力企业对接国际市场、满足监管要求。升级功能于2026年4月12日正式上线，所有注册用户可免费体验基础版服务，企业用户可申请升级专业版，享受一对一咨询、定制化报告及合规审核服务，详情可登录平台“碳信息-披露服务”板块了解..."
+          },
+        ],
       ],
       // 合作伙伴数据
       partnerCount: '200+',
@@ -468,13 +530,36 @@ export default {
     },
     // 行业动态点击
     handleNewsClick(item) {
+      if (item.src) {
+        window.open(item.src, '_blank');
+      } else {
         console.log('点击新闻:', item.title);
         this.$message.info(item.title);
+      }
+    },
+    handleNewsMore() {
+      this.$message.info('暂无更多动态');
     },
   },
   computed: {
     currentNewsList() {
       return this.newsData[this.activeTab] || [];
+    },
+    partnerRow1() {
+      const row = this.partnerList.slice(0, 4);
+      return [...row, ...row];
+    },
+    partnerRow2() {
+      const row = this.partnerList.slice(4, 8);
+      return [...row, ...row];
+    },
+    partnerRow3() {
+      const row = this.partnerList.slice(8, 12);
+      return [...row, ...row];
+    },
+    partnerRow4() {
+      const row = this.partnerList.slice(12, 16);
+      return [...row, ...row];
     }
   },
 };
@@ -772,12 +857,14 @@ export default {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  box-shadow: 0px 8px 12px 0px rgba(127, 179, 213, 0.2);
+  backdrop-filter: blur(8px);
 }
 
 .hero-card .card-title {
   font-size: 32px;
   font-weight: 600;
-  color: #000000;
+  color:  rgba(0, 59, 26, 1);
   font-family: 'FZZhengHeiS-B-GB', 'PingFang SC';
   line-height: 1;
 }
@@ -809,43 +896,47 @@ export default {
   transform: scale(1.02);
 }
 
-.green-card {
-  background: linear-gradient(180deg, rgba(232, 247, 255, 0.7) 0%, rgba(232, 247, 255, 0.3) 100%);
-}
-
-.green-card .card-header {
-  background: linear-gradient(180deg, rgba(232, 247, 255, 0.6) 0%, rgba(232, 247, 255, 0.2) 100%);
-}
-
-.green-card .card-btn {
-  background: rgba(232, 247, 255, 0.25);
-  border: 1px solid rgba(52, 145, 250, 0.2);
-}
-
-.blue-card {
-  background: rgba(255, 255, 255, 0.2);
-}
-
 .blue-card .card-header {
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
+  background: linear-gradient(180deg, rgba(127, 210, 255, 0.4) 0%, rgba(232, 247, 255, 0.2) 100%);
+}
+
+.blue-card .card-body {
+  box-shadow: 0px 8px 12px 0px rgba(127, 179, 213, 0.2);
+  backdrop-filter: blur(8px);
+  background: linear-gradient(180deg, rgba(127, 210, 255, 0.2) 0%, rgba(232, 247, 255, 0.1) 100%);
 }
 
 .blue-card .card-btn {
-  background: rgba(255, 255, 255, 0.25);
+  background: rgba(222, 243, 255, 0.5);
-  border: 1px solid rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(0, 141, 213, 0.4);
-}
-
-.cyan-card {
-  background: linear-gradient(180deg, rgba(232, 255, 234, 0.7) 0%, rgba(232, 255, 234, 0.3) 100%);
 }
 
 .cyan-card .card-header {
-  background: linear-gradient(180deg, rgba(232, 255, 234, 0.6) 0%, rgba(232, 255, 234, 0.2) 100%);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
+}
+.cyan-card .card-body {
+  box-shadow: 0px 8px 12px 0px rgba(0, 185, 107, 0.1);
+  backdrop-filter: blur(8px);
+  background: rgba(255, 255, 255, 0.3);
 }
 
 .cyan-card .card-btn {
-  background: rgba(232, 255, 234, 0.25);
+  background: rgba(255, 255, 255, 0.4);
-  border: 1px solid rgba(0, 180, 42, 0.2);
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.green-card .card-header {
+  background: linear-gradient(180deg, rgba(107, 255, 204, 0.4) 0%, rgba(107, 255, 204, 0.2) 100%);
+}
+.green-card .card-body {
+  box-shadow: 0px 8px 12px 0px rgba(0, 185, 107, 0.1);
+  backdrop-filter: blur(8px);
+  background: linear-gradient(180deg, rgba(156, 255, 221, 0.3) 0%, rgba(156, 255, 221, 0.15) 100%);
+}
+
+.green-card .card-btn {
+  background: rgba(232, 255, 234, 0.5);
+  border: 1px solid rgba(0, 180, 42, 0.4)
 }
 
 /* ==================== 核心驱动模块 ==================== */
@@ -1072,15 +1163,11 @@ export default {
   justify-content: space-between;
   padding: 16px 16px 16px 32px;
   height: 111px;
-  background: linear-gradient(
+  background: linear-gradient(360deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 100%);
-    90deg,
+  border: 2px solid rgba(255, 255, 255, 1);
-    rgba(68, 197, 143, 1) 0%,
-    rgba(135, 230, 190, 1) 41%,
-    rgba(255, 255, 255, 0.6) 100%
-  );
-  border: 1px solid #ffffff;
   border-radius: 12px;
   box-shadow: 0px 8px 20px 0px rgba(0, 209, 121, 0.3);
+  backdrop-filter: blur(4px);
   cursor: pointer;
   transition: all 0.3s ease;
 }
@@ -1278,6 +1365,7 @@ export default {
   position: relative;
   padding: 80px 0;
   overflow: auto;
+  background: #fff;
 }
 
 .news-container {
@@ -1353,23 +1441,33 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 24px;
-  height:620px;
+  height: 620px;
   overflow: auto;
 }
 
+.news-more {
+  text-align: right;
+  padding: 20px 0 0 0;
+  color: #00b42a;
+  font-size: 14px;
+  cursor: pointer;
+
+  &:hover {
+    color: #009a29;
+  }
+}
+
 .news-item {
   display: flex;
   gap: 24px;
   padding: 20px;
   background: #fff;
   border-radius: 12px;
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
   cursor: pointer;
   transition: all 0.3s ease;
 
   &:hover {
     transform: translateY(-4px);
-    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
   }
 }
 
@@ -1523,6 +1621,54 @@ export default {
 .partner-section {
   background: #f5f7fa;
   padding: 80px 0;
+  overflow: hidden;
+}
+
+.partner-scroll-wrapper {
+  width: 100%;
+  overflow: hidden;
+}
+
+.partner-scroll-track {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.partner-row {
+  display: flex;
+  gap: 24px;
+  width: max-content;
+}
+
+.partner-row:hover {
+  animation-play-state: paused;
+}
+
+.partner-row-forward {
+  animation: scroll-forward 30s linear infinite;
+}
+
+.partner-row-backward {
+  animation: scroll-backward 30s linear infinite;
+}
+
+@keyframes scroll-forward {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
+
+@keyframes scroll-backward {
+  0% {
+    transform: translateX(-50%);
+  }
+  100% {
+    transform: translateX(0);
+  }
 }
 
 .partner-title-area {
@@ -1613,13 +1759,6 @@ export default {
   font-weight: 600;
 }
 
-.partner-grid {
-  display: grid;
-  grid-template-columns: repeat(4, 282px);
-  gap: 32px 24px;
-  justify-content: center;
-}
-
 .partner-item {
   width: 282px;
   height: 89px;
@@ -1630,12 +1769,7 @@ export default {
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  transition: all 0.3s ease;
+  flex-shrink: 0;
-
-  &:hover {
-    transform: translateY(-4px);
-    box-shadow: 0px 8px 16px 0px rgba(0, 185, 107, 0.12);
-  }
 
   .partner-logo-box {
     width: 100%;
@@ -1673,7 +1807,7 @@ export default {
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
-  padding-left:400px;
+  padding-left: 500px;
 }
 
 .bottom-box-content-title {
@@ -1700,14 +1834,12 @@ export default {
 }
 
 .bottom-box .content .btn {
-  background: #009a29cc;
+  background: linear-gradient(90deg, #007242 0%, #00d87d 100%);
   border-radius: 8px;
   width: 360px;
   height: 56px;
   text-align: center;
   line-height: 56px;
-  background: rgba(0, 154, 41, 0.8);
-
   border: 1px solid #ffffff;
   backdrop-filter: blur(8px);