/* 基础样式重置 */
*{margin: 0; padding: 0; box-sizing: border-box;}
html, body { padding: 0; margin: 0; width: 100%;}
body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--text-primary); background: var(--white); padding-top: 10rem; overflow-x: hidden;}
html { font-size: 62.5%; } /* 10rem ≈ 100px */

/* 全局响应式缩放 - 针对不同分辨率调整基准字体大小 */
@media (max-width: 1680px) { html { font-size: 56%; } }
@media (max-width: 1440px) { html { font-size: 50%; } }
@media (max-width: 1280px) { html { font-size: 45%; } }
@media (max-width: 1024px) { html { font-size: 40%; } }

/* 针对方形分辨率/竖屏的特殊处理 */
@media (aspect-ratio < 1.1) {
    html { font-size: 45%; }
    .hero-section { height: auto; padding-bottom: 5rem; }
    .hero-content { flex-direction: column; display: flex; }
    .hero-text { width: 100% !important; min-width: 0 !important; margin-bottom: 5rem; align-items: center; text-align: center; }
    .hero-typography { padding-left: 0; max-width: 100%; display: flex; flex-direction: column; align-items: center; }
    .hero-buttons { justify-content: center; }
    .hero-visual { position: relative !important; width: 100% !important; max-width: 80rem; height: 60rem; right: auto !important; margin: 0 auto; transform: none; }
    .hero-visual .block { transform-origin: center; }
    .hero-text-info { position: absolute; width: 100%; top: auto; bottom: 100%; right: 0; pointer-events: none; }
    .hero-text-info .text { right: 50% !important; transform: translateX(50%); top: auto !important; bottom: 0; background-position: center bottom; }
    
    .map-container { width: 100% !important; aspect-ratio: auto; height: 60vh !important; }
    .info-container { width: 90% !important; right: 5% !important; top: 5rem !important; min-width: 0 !important; position: relative; margin-top: -10rem; background: rgba(255,255,255,0.9); padding: 2rem; border-radius: 2rem; }
    .stats-container { justify-content: space-around; }
    .stat-box { width: 45%; }
}
/* Toast Notification Styles */
.custom-toast {
    position: fixed;
    top: 12rem;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background-color: rgba(74, 124, 89, 0.95); /* Primary green with transparency */
    color: #fff;
    padding: 1.2rem 2.4rem;
    border-radius: 5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 1rem;
    pointer-events: none;
}

.custom-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.custom-toast::before {
    content: '!';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    color: #4a7c59;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.4rem;
}

/* CSS变量定义 */
:root {
  --primary-green: #4a7c59;
  --secondary-green: #6b9b7a;
  --light-green: #e8f4f8;
  --text-primary: #2c3e50;
  --text-secondary: #7f8c8d;
  --white: #ffffff;
  --light-gray: #f8f9fa;
  --border-color: #e9ecef;
}
/* 地图上的文字信息样式 */
.potential-info-left{position: absolute; top: 2rem; left: 8.5rem; z-index: 999; color: #333;}
.map-title-main{font-size: 3.67rem; font-weight: bold; margin: 5.83rem 0 1rem 0; color: #B3BF98;}
.map-title-sub{text-decoration: none;display: flex;align-items: center;font-size: 2.67rem; margin: 0 0 1rem 0; line-height: 1.5rem; color: #547130; font-weight: bold;    cursor: pointer;}
.map-title-sub span:nth-child(2){color: #0F212D;}
.potential-info-left .stats{line-height: 1.5rem; text-align: center; margin-left: 44rem; color: #547130; font-weight: 500; font-size: 1.5rem; margin-top: -7rem;}
.potential-info-left .stats p{margin: 0 0 0.5rem 0; line-height: 2rem; font-size: 2rem;}
.highlight{font-size: 2.67rem;}
.leaflet-right{display: none;}
.carousel-section .more-btn{position: absolute; bottom: 1.7rem; right: 2rem; width: 5.25rem; height: 1.17rem; background: url('../image/index/more-map.png') no-repeat center/contain; cursor: pointer;}
/* 头部导航样式 */
.header{background: rgba(255, 255, 255, 1); height: 10rem; /* 参考设计图高度 */ box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
.nav{display: flex; align-items: center; justify-content: space-between; max-width: 100%; /* 参考设计图宽度 */ margin: 0 auto; padding: 0 4.8rem; /* 48px -> 4.8rem */ height: 100%;}
@media (max-width: 1440px) { .nav { padding: 0 2rem; } .nav-menu { gap: 2rem !important; } }
.nav-brand{display: flex; align-items: center; gap: 1.2rem; /* 12px -> 1.2rem */ flex-shrink: 0; margin-right: 3.2rem; /* 32px -> 3.2rem */}
.nav-brand span{font-weight: 400; font-size: 2rem; color: #10222E; margin-top: 1rem;}
.logo{width: 17.86rem; /* 参考设计图尺寸 */ height: 5.75rem; /* 参考设计图尺寸 */ object-fit: contain;}
.brand-text{display: none;}
.nav-center{flex: 1; display: flex; justify-content: center; align-items: center;}
/* 新增：文字菜单样式 */
.nav-menu{display: flex; align-items: center; gap: 4.52rem; /* 设计要求：主导航间距 7rem */}
.nav-link{color: #10222E; text-decoration: none; font-weight: 700; /* 设计要求：加粗 */ font-size: 2rem; /* 设计要求：2rem */ font-family: 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; /* 设计要求：思源黑体 */ padding: 1.2rem 0.8rem; /* 原为 12px 8px 等比到 10rem 标准 */ position: relative; transition: color 0.2s ease; display: inline-flex; align-items: center;position: relative;}
.nav-link:hover{color: #547130;}
.nav-link.active{color: #547130;}
.nav-link.active::before{content: ""; display: inline-block; width: 22px; /* 箭头更大一些 */ height: 22px; background: url('../image/index/selected.png') no-repeat center/contain; position: absolute; top: 50%; transform: translateY(-50%); left: -1.5rem;}
.nav-menu-image{height: 2.5rem; /* 原为 40px */ object-fit: contain; cursor: pointer; transition: opacity 0.3s ease;}
.nav-menu-image:hover{opacity: 0.8;}
.nav-right{flex-shrink: 0;}
.user-name{font-weight: bold; font-size:1.45rem; }
.auth-links{    margin-top: 0.35rem;display: flex; align-items: center; gap: 1.25rem; /* 原为 20px */ font-size: 1.57rem; /* 设计要求：1.6rem */ font-family: 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; /* 设计要求：思源黑体 */}
.auth-links.hidden{display: none;}
.auth-link{color: #111111; text-decoration: none; font-weight: bold; font-family: inherit; /* 继承思源黑体设置 */ padding: 0.5rem 1rem; /* 原为 8px 16px */ border-radius: 20px; transition: all 0.3s;}
.auth-link:hover{color: var(--primary-green); background: rgba(74, 124, 89, 0.1);}
.auth-links span{color: var(--text-secondary); opacity: 0.5;}
/* 主视觉区域样式 */
.hero-section{background: rgba(242, 236, 198, 1); height: 86.33rem; /* 整体高度固定为 92rem */ padding-top: 12rem; /* 顶部保留 12rem 空白 */ padding-bottom: 14rem; /* 底部保留 14rem 空白 */ position: relative; /* overflow: hidden; */ /* 暂时移除以便调试 */ min-height: 50rem; /* 添加最小高度以确保可见 */ width: 100%;}
.hero-content{max-width: 180rem; /* 设置一个最大宽度 */ margin: 0 auto; /* 组合整体水平居中 */ padding: 0 5%; /* 两侧留白 */ height: auto; min-height: 60rem; position: relative; /* 作为绝对定位参照 */ display: block;}
.hero-text{position: relative; /* 改为relative定位 */ left: 0; /* 重置left */ top: 0; /* 重置top */ width: 45%; min-width: 40rem; /* 保证最小宽度 */ height: auto; /* 自动高度 */ z-index: 2; /* 文案在上 */ display: flex; flex-direction: column; justify-content: flex-start; pointer-events: none; }
.hero-title{font-size: 48px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; line-height: 1.2;}
.hero-subtitle{font-size: 20px; color: var(--text-secondary); margin-bottom: 32px; line-height: 1.6;}
.hero-buttons{display: flex; gap: 2.4rem; margin-top: 4rem; /* 与上方文案图保持 4rem 间距 */}
/* 图片按钮样式 */
.image-btn{background: transparent; border: none; padding: 0; cursor: pointer; position: relative; display: inline-flex; align-items: flex-start; line-height: 0; vertical-align: top; height: 4.4rem;}
/* 第一个按钮 - 申报OECM */
.btn-oecm{width: 23.8rem;}
/* 第二个按钮 - 申报专项基金 */
.btn-fund{width: 23.8rem;}
/* 右侧9个模块 */
.image-btn img{display: block; width: 100%; height: 7rem;}
.image-btn .state-default{display: block; width: 100%; height: 7rem;}
.image-btn .state-selected{position: absolute; left: 0; top: 0; height: 7rem; width: 100%; opacity: 0; pointer-events: none; z-index: 2;}
.image-btn:hover .state-default{opacity: 0;}
.image-btn:hover .state-selected, .image-btn:focus-visible .state-selected{opacity: 1;}
.image-btn:focus-visible{outline: none; box-shadow: 0 0 0 2px rgba(0,0,0,0.15); border-radius: 8px;} .hero-banner{width: 100%; height: auto; object-fit: contain; align-self: start; justify-self: start;}
.btn-primary, .btn-secondary{display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: 2px solid transparent;}
.btn-primary{background: var(--primary-green); color: var(--white); box-shadow: 0 8px 25px rgba(74, 124, 89, 0.3);}
.btn-primary:hover{background: var(--secondary-green); transform: translateY(-2px); box-shadow: 0 12px 35px rgba(74, 124, 89, 0.4);}
.btn-secondary{background: transparent; color: var(--primary-green); border-color: var(--primary-green);}
.btn-secondary:hover{background: var(--primary-green); color: var(--white); transform: translateY(-2px);}
.hero-visual{position: absolute; right: 0; top: 0; width: 98.48rem; z-index: 1; /* 图片在下 */}
.hero-visual .block{position: absolute; cursor: pointer; box-sizing: border-box; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease;}
.block-1{width: 27.54rem; height: 17.6rem; top: 1.75rem; right: 69.33rem; background: url('../image/index/block-1.png') no-repeat center center; background-size: 100% 100%;}
.block-2{width: 27.1rem; height: 20.31rem; top: 0rem; right: 42.42rem; background: url('../image/index/block-2.png') no-repeat center center; background-size: 100% 100%;}
.block-3{width: 25.48rem; height: 20.9rem; top: -0.92rem; right: 15rem; background: url('../image/index/block-3.png') no-repeat center center; background-size: 100% 100%;}
.block-4{width: 30.88rem; height: 25.38rem; top: 10.25rem; right: 27.83rem; background: url('../image/index/block-4.png') no-repeat center center; background-size: 100% 100%;}
.block-5{width: 26.36rem; height: 16.69rem; top: 34.17rem; right: 20.08rem; background: url('../image/index/block-5.png') no-repeat center center; background-size: 100% 100%;}
.block-6{width: 23.97rem; height: 20.06rem; top: 31.42rem; right: 48.75rem; background: url('../image/index/block-6.png') no-repeat center center; background-size: 100% 100%;}
.block-7{width: 25.18rem; height: 18.74rem; top: 33.6rem; right: 74.58rem; background: url('../image/index/block-7.png') no-repeat center center; background-size: 100% 100%;}
.block-8{width: 28.39rem; height: 21.74rem; top: 13.83rem; right: 61.25rem; background: url('../image/index/block-8.png') no-repeat center center; background-size: 100% 100%;}
.block-9{width: 23.65rem; height: 23.31rem; top: 13.83rem; right: 89.83rem; background: url('../image/index/block-9.png') no-repeat center center; background-size: 100% 100%;}
.hero-visual .block.other-style{opacity: 0.7;}
.block.active{transform: scale(1.2);}
.block-1.active{background: url('../image/index/block-1-on.png') no-repeat center center; background-size: 100% 100%;}
.block-2.active{background: url('../image/index/block-2-on.png') no-repeat center center; background-size: 100% 100%;}
.block-3.active{background: url('../image/index/block-3-on.png') no-repeat center center; background-size: 100% 100%;}
.block-4.active{background: url('../image/index/block-4-on.png') no-repeat center center; background-size: 100% 100%;}
.block-5.active{background: url('../image/index/block-5-on.png') no-repeat center center; background-size: 100% 100%;}
.block-6.active{background: url('../image/index/block-6-on.png') no-repeat center center; background-size: 100% 100%;}
.block-7.active{background: url('../image/index/block-7-on.png') no-repeat center center; background-size: 100% 100%;}
.block-8.active{background: url('../image/index/block-8-on.png') no-repeat center center; background-size: 100% 100%;}
.block-9.active{background: url('../image/index/block-9-on.png') no-repeat center center; background-size: 100% 100%;}
.hero-text-info{position: absolute; right: 0; top: 0; width: 98.48rem; z-index: 1; pointer-events: none;}
.hero-text-info .text{width: 55.2rem; height: 17rem; position: absolute; z-index: 2; display: none; pointer-events: none;}
.hero-text-info .text.block{display: block;}
.text-1{top: -9.25rem; right: 24.33rem; background: url('../image/index/block-text1.png') no-repeat center center; background-size: 100% 100%;}
.text-2{top: -9.25rem; right: 0.33rem; background: url('../image/index/block-text2.png') no-repeat center center; background-size: 100% 100%;}
.text-3{top: -9.25rem; right: 27.33rem; background: url('../image/index/block-text3.png') no-repeat center center; background-size: 100% 100%;}
.text-4{top: 6.75rem; right: 45.33rem; background: url('../image/index/block-text4.png') no-repeat center center; background-size: 100% 100%;}
.text-5{top: 24.75rem; right: 35.33rem; background: url('../image/index/block-text5.png') no-repeat center center; background-size: 100% 100%;}
.text-6{top: 24.75rem; right: 5.33rem; background: url('../image/index/block-text6.png') no-repeat center center; background-size: 100% 100%;}
.text-7{top: 24.75rem; right: 27.33rem; background: url('../image/index/block-text7.png') no-repeat center center; background-size: 100% 100%;}
.text-8{top: 6.75rem; right: 14.33rem; background: url('../image/index/block-text8.png') no-repeat center center; background-size: 100% 100%;}
.text-9{top: 6.75rem; right: 40.33rem; background: url('../image/index/block-text9.png') no-repeat center center; background-size: 100% 100%;}
/* 动画效果 */
.fade-in{opacity: 0; transform: translateY(30px); transition: all 0.8s ease;}
.fade-in.visible{opacity: 1; transform: translateY(0);}
/* 地图与轮播 */
.section-map{margin-top: -4rem;}
.potential-oecms-section{margin: 0 auto; position: relative; /* 为轮播图绝对定位提供参考 */}
.map-container{width: 100%; max-width: 160rem;aspect-ratio: 160/81; height: auto; position: relative; border-radius: 4.17rem; overflow: hidden; margin: 0 auto; /* 居中显示 */}
#map{width: 100%; height: 100%;}
.info-container{position: absolute; /* 改为绝对定位，覆盖在地图上 */ bottom: 3%; right: 9.7%; width: 25%; min-width: 35rem; display: flex; flex-direction: column; gap: 1.67rem; z-index: 999; /* 确保在地图之上 */}
.stats-container{display: flex; justify-content: space-between; gap: 1.67rem; /* 第二部分有3rem叠加在第一部分上 */ position: relative; /* 改为相对定位，在info-container内部 */ top: 0; left: 0; /* z-index: 1002; */}
.stat-box{background-color: #4C7C37; padding: 1rem; border-radius: 0.33rem; text-align: center; width: 48%; height: auto; min-height: 10rem; display: flex; flex-direction: column; justify-content: center; font-size: 1.17rem; color: #FFFFFF;}
.stat-box-last{background-color:#94AF2E}
.stat-box h3{margin: 0; font-size: 3.33rem;}
.stat-box p{margin: 0; font-size: 1.17rem;}
.carousel-section{position: relative;}
.carousel-container{position: relative; overflow: hidden;border-radius: 1rem;}
.carousel-track{display: flex; transition: transform 0.5s ease-in-out;}
.carousel-slide{min-width: 100%; box-sizing: border-box;}
.carousel-slide img{width: 100%; display: block;}
.carousel-info{position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); color: #fff; padding: 2rem 1.5rem 1.5rem 1.5rem; border-radius: 0 0 10px 10px;}
.carousel-title{margin: 0 0 0.5rem 0; font-size: 1.67rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.carousel-subtitle{margin: 0 0 0.8rem 0; font-size: 1.4rem; opacity: 0.9; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.carousel-content{margin: 0; font-size: 1.3rem; line-height: 1.5; opacity: 0.9; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.carousel-description{margin: 0.5rem 0 0; font-size: 0.9rem;}
.carousel-controls{position: static; margin-top: 2.33rem; display: flex; justify-content: center; align-items: center; gap: 8.08rem; z-index: 10;}
.carousel-status{font-size: 1.33rem; color: #293833; background-color: transparent; padding: 0.3rem 0.8rem; border-radius: 15px; font-weight: 500;}
.carousel-btn{display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; font-size: 18px; color: #333; border: none; border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); cursor: pointer;}
.carousel-btn.prev{background: url('../image/index/prev-btn.png') no-repeat center center; background-size: 100% 100%;}
.carousel-btn.next{background: url('../image/index/next-btn.png') no-repeat center center; background-size: 100% 100%;}
.carousel-btn:hover{transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.carousel-btn.prev:hover{background: url('../image/index/prev-btn-on.png') no-repeat center center; background-size: 100% 100%;}
.carousel-btn.next:hover{background: url('../image/index/next-btn-on.png') no-repeat center center; background-size: 100% 100%;}
/* 响应式适配 */
@media (max-width: 768px) {
  .hero-content{grid-template-columns: 1fr; gap: 40px; text-align: center;}
  .hero-title{font-size: 36px;}
  .hero-buttons{justify-content: center;}
  .nav{padding: 0 16px;}
  .nav-menu-image{height: 32px;}
  .map-card{height: 46rem;}
  .carousel{right: 2rem; width: calc(100% - 4rem); top: 22rem; /* 小屏略微上移 */}
}
/* 主视觉区域文字排版 */
.hero-typography{position: relative; top: 0; /* 改为0，不向下偏移 */ left: 0; /* 改为0，不向右偏移 */ z-index: 2; max-width: 60rem; font-family: 'Microsoft YaHei', 'SimHei', sans-serif; display: block; /* 改为block布局 */ padding: 0rem 0 0 8rem; /* 使用padding来控制间距 */ pointer-events: auto; }
/* OECM和英文释义的容器 */
.acronym-container{position: relative; height: 10rem; margin-bottom: 0.2rem; margin-top: 0.5rem;}
/* OECM大字母样式 */
.acronym-big{font-size: 11rem; color: #0F212D; font-weight: 400; line-height: 0.9; letter-spacing: -0.02em; position: absolute; top: 0; left: 0; width: 31.58rem; height: 10rem; z-index: 2;}
.acronym-big::after{content: ''; position: absolute; bottom: -0.9rem; left: 0; width: 100%; height: 0.67rem; background: #89A64B; border-radius: 2px;}
/* 英文释义区域 */
.acronym-meaning{position: absolute; top: 0.5rem; left: 33rem; display: flex; flex-direction: column; gap: 0.2rem; height: 10rem; justify-content: flex-start; width: 25rem;}
.acronym-meaning .word{font-size: 2.5rem; font-weight: 400; line-height: 1; color: #666;}
.acronym-meaning .word .first-letter{color: #0F212D; font-weight: 700; margin-right: 0;}
.acronym-meaning .word .rest-letters{color: #8A9F39;}
/* 中文主标题 */
.hero-heading{font-size: 4.17rem; font-weight: 700; margin-top: 1.67rem; margin-bottom: 0.3rem; line-height: 1.1; color: #222; font-family: 'Microsoft YaHei', 'SimHei', sans-serif; clear: both;}
.hero-heading .black-part{color: #222;}
.hero-heading .green-part{color: #547130;}
/* 中文副标题 */
.hero-subheading{font-weight: bold; font-size: 2rem; color: #293833; margin-bottom: 2.92rem; margin-top: 2.08rem; line-height: 1.2; font-family: 'Microsoft YaHei', 'SimHei', sans-serif;}
/* 描述列表区域 */
.hero-desc-list{width: 50rem; margin-bottom: 3.83rem; overflow: visible; position: relative;}
.hero-desc-list p{margin-bottom: 1rem; font-family: 'Microsoft YaHei', 'SimHei', sans-serif; font-weight: 600; font-size: 1.5rem; color: #0F212D; line-height: 2.67rem;}
.hero-desc-list img{position: absolute; bottom: 0.2rem; right: 5.17rem; cursor: pointer;}
.hero-desc-list p:last-child{margin-bottom: 0;}
/* 按钮区域 - 在文字下方，确保可见 */
.hero-buttons{display: flex; gap: 1rem; margin-top: 0.5rem; position: relative; z-index: 10; width: 100%;}
/* 图像按钮样式 */
.image-btn{background: none; border: none; padding: 0; cursor: pointer; position: relative; display: inline-block; line-height: 0;}
.image-btn img{display: block; width: 100%; height: auto; object-fit: fill;}
.image-btn .state-selected{position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none;}
.image-btn:hover .state-selected{opacity: 1;}
/* home区域整体字体设置 */
#home{font-family: 'Microsoft YaHei', 'SimHei', sans-serif;}
#home *{font-family: inherit;}
/* 响应式优化 */
@media (max-width: 1280px) {
  .hero-typography{gap: 1.8rem;}
  .acronym-container{height: 10rem;}
  .acronym-big{font-size: 7.5rem; font-weight: 900; letter-spacing: -0.02em; width: 20rem; height: 10rem;}
  .acronym-big::after{width: calc(100% - 0.3rem); height: 4px;}
  .hero-heading{font-size: 3.2rem;}
  .hero-desc-list{font-size: 1.5rem;}
  .acronym-meaning{left: 24rem; gap: 0.25rem; width: 23rem; height: 10rem;}
  .acronym-meaning .word{font-size: 1.2rem; line-height: 1.1;}
}

@media (max-width: 960px) {
  .hero-typography{display: block; gap: 0;}
  .acronym-container{margin-bottom: 2rem; height: auto;}
  .acronym-meaning{position: static; margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: flex-start; width: auto; height: auto;}
  .acronym-big{font-size: 6rem; font-weight: 900; letter-spacing: -0.02em; text-align: center; margin-bottom: 0; width: auto; position: static;}
  .acronym-big::after{width: calc(100% - 0.3rem); height: 4px;}
  .hero-heading{font-size: 2.8rem; text-align: center; margin-top: 0;}
  .hero-subheading{font-size: 1.6rem; text-align: center;}
  .hero-desc-list{font-size: 1.4rem; text-align: left; max-width: none;}
  .hero-buttons{justify-content: center; margin-top: 2.4rem;}
}
@media (max-width: 640px) {
  .hero-section{padding-top: 8rem; padding-bottom: 10rem;}
  .hero-content{width: calc(100% - 4rem); padding: 0 2rem;}
  .hero-text{position: static; width: 100%; height: auto;}
  .hero-visual{position: static; width: 100%; height: auto; margin-top: 3rem;}
  .acronym-container{margin-bottom: 1.5rem;}
  .acronym-big{font-size: 4.5rem; font-weight: 900; letter-spacing: -0.02em; width: auto;}
  .acronym-big::after{width: calc(100% - 0.3rem); height: 3px;}
  .hero-heading{font-size: 2.4rem;}
  .hero-subheading{font-size: 1.4rem;}
  .hero-desc-list{font-size: 1.2rem; line-height: 1.6;}
  .acronym-meaning .word{font-size: 1rem;}
}
/* MORE 按钮尺寸适配 */
.image-btn.small img, .image-btn.small .state-selected { height: 4.4rem; }
/* 潜力案例保护贡献 */
.section-contributions { position: relative; height: 122.16rem; padding: 5.83rem 0 0; background: url('../image/index/bg_contributions.png') no-repeat top/cover;background-size:100% 46.33rem;margin-top: 3.83rem;}
.section-contributions .contributions-card { position: relative; z-index: 1; width: 160rem; margin: 0 auto; }
.section-contributions .contributions-title { margin: 0 8.5rem 3.2rem; }
.section-contributions .contributions-title h2{font-size: 3.67rem; color: #B3BF98; font-weight: 600; letter-spacing: 0.02em; margin: 0 0 0.8rem;}
.section-contributions .contributions-title p{font-size: 2.67rem; color: #B5CA4B; margin: 0;}
.contributions-card .title{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 2.67rem;}
.contributions-card .title.title-style1{color: #385D27;}
.contributions-card .title.title-style2{color: #6F8229;}
.contributions-card .title.title-style3{color: #547130;}
.contributions-card .sub-title{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 1.8rem; color: #719836; margin-bottom: 1.5rem;}
.contributions-card .sub-title i{font-style: normal; color: #385D27;}
.contributions-card .top-con{display: flex; flex-direction: row; justify-content: space-between; gap: 2.5rem; margin-bottom: 2.5rem;}
.top-con .item{width: 50%; height: 57.25rem; border-radius: 1.67rem;}
.top-con .left-item{display: flex; flex-direction: column; justify-content: space-between; gap: 2.5rem; flex: 1;}
.left-item .top{width: 100%; height: 17.08rem; background: #EBFFE2; border-radius: 1.67rem; padding: 2.5rem 2.5rem 2.5rem 8.5rem;}
.left-item .top .num{width: 100%; height: calc(100% - 6.12rem); display: flex; justify-content: space-between; align-items: center;}
.left-item .top .num .num-left{width: 15.6rem; height: 100%; display: flex; align-items: end; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.8rem; color: #2D6812; margin-right: 4rem;}
.left-item .top .num .num-left b{font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 4.13rem; color: #719836;}
.left-item .top .num .num-right{flex: 1; display: flex; justify-content: space-between; height: 100%;}
.left-item .top .num .num-right span{width: 33.33%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 2px solid #C8E6BA;}
.left-item .top .num .num-right span:last-child{border: none;}
.left-item .top .num .num-right span b{font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 2.2rem; color: #719836;}
.left-item .top .num .num-right span i{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.8rem; color: #2D6812; font-style: normal;}
.left-item .top .num .num-right span i em{font-size: 1.33rem; font-style: normal;}
.left-item .bottom{flex: 1; background: #F3F9DD; border-radius: 1.67rem;}
.left-item .bottom .title{margin-bottom: 1.75rem; padding: 2.5rem 2.5rem 0 8.5rem;}
.left-item .bottom .num{width: 100%; height: calc(100% - 8.62rem); display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.left-item .bottom .num .num-top{flex: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 18rem; padding-left: 8.5rem;}
.left-item .bottom .num .num-top span{width: 13.83rem; display: flex; align-items: center; flex-direction: column;}
.left-item .bottom .num .num-top span b{width: 100%; height: 9.67rem; display: flex; justify-content: center; align-items: center; font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 4.93rem; color: #719836; position: relative;}
.left-item .bottom .num .num-top span:nth-child(1) b{background: url('../image/index/icon-bh-bg1.png') no-repeat center/cover; background-size: 100% 100%;}
.left-item .bottom .num .num-top span:nth-child(2) b{background: url('../image/index/icon-bh-bg2.png') no-repeat center/cover; background-size: 100% 100%;}
.left-item .bottom .num .num-top span:nth-child(3) b{background: url('../image/index/icon-bh-bg3.png') no-repeat center/cover; background-size: 100% 100%;}
.left-item .bottom .num .num-top span b em{width: 100%; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.3rem; color: #2D6812; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-style: normal;}
.left-item .bottom .num .num-top span i{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.8rem; color: #2D6812; font-style: normal;}
.left-item .bottom .num .num-bottom{width: 100%; height: 12.58rem; background: #E9F2C7; border-radius: 0rem 0rem 1.67rem 1.67rem; display: flex; justify-content: center; align-items: center; gap: 7.5rem; position: relative;}
.left-item .bottom .num .num-bottom p{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 2.17rem; color: #6F8229; position: absolute; top: 1.25rem; left: 8.5rem;}
.left-item .bottom .num .num-bottom span{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.left-item .bottom .num .num-bottom span b{font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 4.17rem; color: #719836;}
.left-item .bottom .num .num-bottom span i{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 2rem; color: #2D6812; font-style: normal;}
.left-item .bottom .num .num-bottom span i em{font-size: 1.33rem; font-style: normal;}
.top-con .right-item{display: flex; flex-direction: column; justify-content: space-between; gap: 2.5rem; width: 60rem;}
.right-item .top{flex: 1; background: #F0F0CE; border-radius: 1.67rem; padding: 2.5rem;}
.right-item .top img{display: block; height: 22.67rem; margin: 0 auto;}
.right-item .top span{display: block; text-align: right; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 1.33rem; color: #A49D77;}
.right-item .bottom{width: 100%; height: 15.58rem; background: #EDFFC7; border-radius: 1.67rem; padding: 2.5rem;}
.right-item .bottom .num{width: 100%; height: calc(100% - 6.12rem); display: flex; justify-content: space-between; align-items: center;}
.right-item .bottom .num span{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 2px solid #C8E6BA;}
.right-item .bottom .num span:last-child{border: none;}
.right-item .bottom .num span b{font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 2.2rem; color: #719836;}
.right-item .bottom .num span i{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.8rem; color: #2D6812; font-style: normal;}
.right-item .bottom .num span i em{font-size: 1.33rem; font-style: normal;}
.contributions-card .bottom-con{display: flex; flex-direction: row; justify-content: space-between; gap: 2.5rem;}
.bottom-con .item{width: 50%; height: 38.83rem; background: #DCF5CA; border-radius: 1.67rem; padding: 2.5rem;}
.bottom-con .item:nth-child(1){padding: 2.5rem 2.5rem 2.5rem 8.5rem;}
.bottom-con .item:nth-child(1) img{display: block; height: 23.79rem; margin: 0 auto;}
.bottom-con .item:nth-child(2){background: #E2ECBB;}
.bottom-con .item:nth-child(2) img{display: block; width: 100%; height: 22.75rem; margin: 0 auto;}
.bottom-con .item:nth-child(2) span{display: block; text-align: center; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.33rem; color: #385D27; margin-top: 0.83rem;}

/* 第三部分：类型模型（背景+轮播，左图右文） */
.section-style{position: relative;}
.style-card{position: relative; width: 160rem; height: 86.1rem; margin: 0 auto; border-radius: 4.17rem 4.17rem 0 0; overflow: hidden; background: url('../image/index/bg_areatype.png') no-repeat center/cover;}
/* 顶部左侧标题 */
.style-title { position: absolute; top: 5.83rem; left: 8.5rem; color: #fff; z-index: 3; }
.style-title h2 { font-size: 3.67rem;color: #B3BF98; font-weight: 600; letter-spacing: 0.02em; margin: 0 0 0.8rem; }
.style-title p { font-size: 2.67rem;color: #FFFFFF; margin: 0; }
/* 顶部右侧标签 */
.style-tabs{position: absolute; top: 10.25rem; right: 26.83rem; display: flex; gap: 5.42rem; z-index: 3;}
.style-tab{color: #fff; font-size: 1.67rem; text-decoration: none; opacity: 0.85; padding: 0.4rem 0rem; border-radius: 6px; transition: all 0.2s ease;}
.style-tab:focus-visible{opacity: 1; background: rgba(255,255,255,0.12); outline: none;}
.style-tab.active{color: #E1DB79; text-decoration: none; /* 确保没有默认的下划线 */ position: relative; /* 使伪元素相对于这个元素定位 */ transition: all 0.2s ease; /* 确保过渡效果 */}
.style-tab.active::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.25rem; /* 下划线的高度 */ background-color: #E1DB79; /* 下划线的颜色 */ transform: translateY(0.3rem); /* 下划线与字体之间的距离 */}
/* 轮播区域 */
/* 中间内容区域：左右结构+可横向滑动（核心区域 160rem） */
.style-viewport { position: absolute; top: 18.67rem; width: 160rem; z-index: 2; }
.style-viewport-inner { position: relative; overflow: hidden; border-radius: 12px; }
.style-track { display: flex; width: 100%; transition: transform 0.45s ease; }
.style-slide { flex: 0 0 100%; display: grid; grid-template-columns: 70rem 56rem; gap: 2rem; padding: 2rem 18rem;width: 100%;}
.style-left img { width: 58.13rem; height: 52rem; object-fit: contain; display: block; }
.style-right { color: #fff; width: 50rem;}
.style-right h3 { font-size: 3rem; margin-bottom: 1.92rem; }
.style-right p { font-size: 1.4rem; line-height: 1.83; opacity: 0.92; }
.style-right p.title{margin-top: 1rem;} 
.style-right .more-wrap { margin-top: 2.4rem; }
/* 左右箭头，距离两边 8rem */
.style-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; background: transparent; border: none; border-radius: 50%;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);cursor: pointer; z-index: 3;}
.style-arrow img{width: 4rem; height: 4rem; display: block;}
.style-arrow.prev{left: 5.83rem; background: url('../image/index/prev-btn.png') no-repeat center center; background-size: 100% 100%;}
.style-arrow.next{right: 5.83rem; background: url('../image/index/next-btn.png') no-repeat center center; background-size: 100% 100%;}
.style-arrow:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
.style-arrow.prev:hover{background: url('../image/index/prev-btn-on.png') no-repeat center center; background-size: 100% 100%;}
.style-arrow.next:hover{background: url('../image/index/next-btn-on.png') no-repeat center center; background-size: 100% 100%;}
@media (max-width: 1024px) {
  .style-slide { grid-template-columns: 1fr; gap: 1.6rem; }
  .style-left img { width: 100%; height: auto; }
  .style-viewport { width: calc(100% - 6rem); }
}
/* 第四部分：新闻/政策（仅作用于该区域，不影响已完成部分） */
.section-news { position: relative; height: 80rem; padding: 5.83rem 0 0; background: url('../image/index/bg_areatype.png') no-repeat center/cover;margin-top: 3.83rem;}
.section-news::before { content:''; position:absolute; inset:0; background: rgba(23,63,35,0.35) !important; pointer-events:none; }
.section-news .news-card { position: relative; z-index: 1; max-width: 168rem; margin: 0 21.83rem; }
.section-news .news-title { margin: 0 0 3.2rem; }
.section-news .news-title h2{font-size: 3.67rem; color: #B3BF98; font-weight: 600; letter-spacing: 0.02em; margin: 0 0 0.8rem;}
.section-news .news-title p{font-size: 2.67rem; color: #B5CA4B; margin: 0;}
/* 文章之间水平间距：8rem；轨道使用 inline-flex，使容器宽度随内容增长 */
.section-news .news-list { display: inline-flex !important; flex-wrap: nowrap; gap: 5.08rem !important; justify-content: flex-start; align-items: start; width: max-content !important; }
.section-news .news-item { position: relative; z-index: 1; }
.section-news .news-list::before { z-index: 0; }
.section-news .news-item { color: var(--white); width: 38.22rem; flex: 0 0 38.22rem; }
/* 图片尺寸：34x20rem，居中展示，圆角更柔和且阴影更轻盈 */
.section-news .news-image img { width: 100%; height: 21.5rem; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.16); display: block; margin: 0 auto; }
/* 垂直间距：图片与时间轴之间 5rem（恢复） */
.section-news .more-wrap {text-align: center;}
.section-news .news-image { margin-bottom: 5rem !important; }
.section-news .news-marker { margin: 0 !important; height: 0 !important; }
.section-news .news-text { margin-top: 0 !important; padding-top: 5rem !important; }
/* 时间轴：长度大于上下内容，左右向外延展；与图片底缘相对齐 */
.section-news .news-viewport { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.section-news .news-viewport::-webkit-scrollbar { display: none; }
.section-news .news-list { position: relative !important; }
.section-news .news-list::before { content: ''; position: absolute; left: 0; right: 0; top: calc(20rem + 5rem); height: 0.17rem; background: #B3BF98; border-radius: 3px; pointer-events: none; }
.section-news .news-viewport::before { content: none !important; }
.section-news .news-marker { margin: 0 0 5rem !important; }
.section-news .news-marker .dot { top: calc(20rem + 5rem + 2.5px) !important; }
.section-news .news-marker .dot { position: absolute; left: 50%; top: calc(20rem + 5rem + 2.5px); transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 50%; background: transparent; border: 4px solid rgba(179, 191, 152, 1);  z-index: 2; }
.section-news .news-marker .dot::after { content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border-radius: 50%; background:linear-gradient(  #689237 0%, #B1BE35 100%); }
/* 文本区域：标题与内容分区尺寸（18x5rem / 35x10rem） */
.section-news .news-text h3{font-size: 2rem; font-weight: 600; margin: 0 0 0.8rem; color: #DBE0C2; width: 100%; height: 5rem; line-height: 2.4rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; /* 添加标准属性 */ -webkit-box-orient: vertical; overflow: hidden;}
.section-news .news-text p{font-size: 1.13rem; line-height: 1.8; color: #B3BF98; width: 100%; height: 6rem; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; /* 添加标准属性 */ -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2.92rem;}
/* 底部占满宽度且与第四部分相连（无空白） */
/* 背景满屏：让第四部分打破父容器宽度限制，使用 full-bleed 技术 */
.section-news { width: 100%; }
/* 圆点与线精确对齐：圆点中心对齐到线的中心（线高 4px => +2px） */
.section-news .news-marker { margin: 2rem 0 2.8rem; }
.section-news .news-marker .dot { top: calc(20rem + 1.6rem + 2px); }
/* 合作单位 */
.section-partners{width: 100%; padding: 5.33rem 0; overflow-x: hidden;}
.section-partners .partners-card{width: 100%; max-width: 160rem; margin: 0 auto; padding: 0 2rem;}
.partners-card .list-con{width: 100%; display: flex; flex-direction: column; justify-items: center; align-items: center; margin-bottom: 8.5rem;}
.partners-card .list-con .title{margin-bottom: 4.17rem; text-align: center;}
.partners-card .list-con .title h2{font-family: D-DIN-PRO, D-DIN-PRO; font-weight: 500; font-size: 3.67rem; color: #B3BF98; margin-bottom: 0.5rem;}
.partners-card .list-con .title p{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 2.67rem; color: #547130;}
.partners-card .list-con .list{display: flex; gap: 1.42rem; flex-wrap: wrap; justify-content: center; width: 100%;}
.partners-card .list-con .list .item{display: flex; justify-content: center; align-items: center; width: 18rem;}
.partners-card .list-con .list .item img{cursor: pointer; transition: all 0.3s ease; max-width: 100%; height: auto;}
.partners-card .list-con .list .item img:hover{transform: scale(1.1);}
/* 底部也采用 full-bleed，避免两侧出现空白并与第四部分无缝连接 */
.site-footer{width: 100%; background-color: #12170D; color: #DBE0C2; font-size: 1.83rem;}
.site-footer .link-con{display: flex; justify-content: space-between; width: 100%; height: 24.75rem; padding: 4.87rem 8.33rem 0 13.67rem;}
.site-footer .link-con a{color: #89A64B; text-decoration: none;position: relative;}
.site-footer .link-con a:hover{color: #41582E;}
.site-footer .link-con .item{margin-bottom: 3rem;}
.site-footer .link-con a .wx-code{width: 7.58rem !important; position: absolute; top: -10rem; left: -2rem; margin: 0; display: none;}
.link-con .item h3{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 1.83rem; color: #DBE0C2;}
.link-con .item span{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.33rem; color: #F2ECC6;}
.link-con .item .website{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 1.33rem; margin: 1.18rem 0 1.73rem;}
.link-con .item .link img{width: 3.33rem; margin-right: 1.25rem;}
.site-footer .link-con .logo-area{padding-top: 3.75rem;}
.site-footer .copyright{width: 100%; height: 5.83rem; background: #000000; display: flex; justify-content: center; align-items: center; gap: 2rem;}
.site-footer .copyright a{color: #fff; text-decoration: none;}
.site-footer .copyright a:hover{color: #41582E;}
.copyright span{font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 1.17rem; color: #DBE0C2;}
/* 1366px 分辨率适配 */
@media (max-width: 1366px) {
  html{/* 1366/1920 × 10px = 7.114583px，对应百分比为 7.114583/16 × 100% ≈ 44.466% */ font-size: 44.466%;}
}
/* 1440px 分辨率适配 */
@media (min-width: 1367px) and (max-width: 1440px) {
  html{/* 1440/1920 × 10px = 7.5px，对应百分比为 7.5/16 × 100% = 46.875% */ font-size: 46.875%;}
}
/* 1600px 分辨率适配 */
@media (min-width: 1441px) and (max-width: 1600px) {
  html{/* 1600/1920 × 10px ≈ 8.333px，对应百分比为 8.333/16 × 100% ≈ 52.083% */ font-size: 52.083%;}
}
/* 2048px 左右分辨率适配（MacBook Pro 14/16 等） */
@media (min-width: 1921px) and (max-width: 2240px) {
  html{/* 2048/1920 × 10px ≈ 10.666px，对应百分比为 10.666/16 × 100% ≈ 66.66% */ font-size: 66.66%;}
}

/* 2560px（2K）分辨率适配 */
@media (min-width: 2241px) and (max-width: 2560px) {
  html{/* 2560/1920 × 10px ≈ 13.333px，对应百分比为 13.333/16 × 100% ≈ 83.333% */ font-size: 83.333%;}
  .nav-link{font-size: 1.6rem;}
  .hero-typography{padding: 0;}
  .hero-heading{font-size: 4.07rem;}
  .block-1 {top: 1.75rem;right: 59.33rem;width: 27.54rem;height: 17.6rem;}
  .block-2 {top: 0rem;right: 32.42rem;width: 27.1rem;height: 20.31rem;}
  .block-3 {top: -0.92rem;right: 5rem;width: 25.48rem;height: 20.9rem;}
  .block-4 {top: 10.25rem;right: 17.83rem;width: 30.88rem;height: 25.38rem;}
  .block-5 {top: 34.17rem;right: 10.08rem;width: 26.36rem;height: 16.69rem;}
  .block-6 {top: 31.42rem;right: 38.75rem;width: 23.97rem;height: 20.06rem;}
  .block-7 {top: 33.6rem;right: 64.58rem;width: 25.18rem;height: 18.74rem;}
  .block-8 {top: 13.83rem;right: 51.25rem;width: 28.39rem;height: 21.74rem;} 
  .block-9 {top: 13.83rem;right: 79.83rem;width: 23.65rem;height: 23.31rem;}
  .map-container{width: 85%;}
  .style-card{width: 85%;}
  .section-news .news-card{max-width: 85%;}
  .style-slide{padding: 2rem 9rem;}
  .image-btn .state-default{height: 6.5rem;}
  .image-btn .state-selected{height: 6.5rem;}
}
/* 3840px（4K）分辨率适配 */
@media (min-width: 2561px) and (max-width: 3840px) {
  html{/* 3840/1920 × 10px = 20px，对应百分比为 20/16 × 100% = 125% */ font-size: 125%;}
}