/* ========== 移动端汉堡菜单（替代损坏的 infinitypush 插件）========== */

/* 汉堡按钮 - 默认隐藏，移动端显示 */
.mobile-hamburger {
    display: none;
}

@media (max-width: 767px) {
    /* 隐藏桌面端导航栏（原始横排导航） */
    .nav-right-top.navbar-default .nav-dh-list.navbar-nav:not(#mobile-navigation) {
        display: none !important;
    }

    .mobile-hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        background: #0D6E39;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        padding: 10px;
        box-sizing: border-box;
        position: fixed;
        right: 5px;
        top: 3px;
        z-index: 9999;
        transition: background 0.3s;
    }

    .mobile-hamburger:hover {
        background: #0a5a2e;
    }

    .hamburger-line {
        display: block;
        width: 22px;
        height: 2.5px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s ease;
        transform-origin: center;
    }

    /* 汉堡打开状态 → X */
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(2) {
        opacity: 0;
    }
    .mobile-hamburger.hamburger-open .hamburger-line:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    /* 导航列表 - 用 visibility+right 组合实现滑入动画，避免 display:none 导致的 transition 失效 */
    #mobile-navigation {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 70% !important;
        min-width: 240px !important;
        height: 100vh !important;
        background: #0D6E39 !important;
        z-index: 9998 !important;
        transition: right 0.35s ease, visibility 0s 0.35s !important;
        padding: 60px 0 20px !important;
        margin: 0 !important;
        float: none !important;
        box-shadow: -4px 0 15px rgba(0,0,0,0.2);
        overflow-y: auto;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #mobile-navigation.mobile-nav-open {
        right: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: right 0.35s ease, visibility 0s !important;
    }

    /* 导航链接样式 */
    #mobile-navigation > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    }

    #mobile-navigation > li > a {
        display: block !important;
        color: #fff !important;
        font-size: 17px !important;
        padding: 16px 25px !important;
        text-align: left !important;
        text-decoration: none !important;
        transition: background 0.25s;
        letter-spacing: 1px;
        pointer-events: auto !important;
        position: relative;
        z-index: 2;
    }

    #mobile-navigation > li.active > a,
    #mobile-navigation > li > a:hover {
        background: rgba(255,255,255,0.15) !important;
        color: #8AD32A !important;
    }

    /* 遮罩层 - pointer-events:none 确保不拦截导航栏区域的触摸事件 */
    body.mobile-nav-active::before {
        content: '';
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.45);
        z-index: 9997;
        pointer-events: none;
    }

    /* 汉堡导航打开时，隐藏页面中的固定tab栏，避免遮挡汉堡菜单 */
    body.mobile-nav-active .Industrial-park-tabs,
    body.mobile-nav-active .title-midd,
    body.mobile-nav-active .nav-tabs,
    body.mobile-nav-active .news-carousel-dots,
    body.mobile-nav-active .owl-dots,
    body.mobile-nav-active .swiper-pagination {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* ========== 原有 custom.css 内容 ========== */

/* 产业体系右边4大块 - 正确还原截图布局 */
.Industrial-system {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 0;
}

.Industrial-system > ul {
    display: block;
    margin: 0;
    padding: 0;
}

.Industrial-system > ul > li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.Industrial-system > ul:last-child > li:last-child {
    margin-bottom: 0;
}















/* 底部footer - 纵向一列排列 */
.footer-lt p {
    margin: 10px 0 !important;
    text-align: center;
}

.footer-lt p span {
    padding: 0;
    border-left: none;
    display: block;
    margin-bottom: 8px;
}

.footer-lt nav {
    margin-top: 15px;
}

.footer-lt nav a {
    display: block;
    margin: 5px 0;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
    font-size: 14px;
}

.footer-lt nav a:hover {
    color: #fff;
}

.footer-txt {
    margin-top: 15px !important;
}

/* ========== 修复导航栏上方空白条问题 ========== */
/* 移除 html 和 body 的所有默认间距 */
html, body.bg-color {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

/* 隐藏或移除 accessNull div */
#accessNull {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保 container 紧贴顶部 */
#container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 修复 header 定位 - 移除 absolute 定位导致的问题 */
#header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .header {
        position: relative !important;
    }

    /* 导航容器相对定位，让汉堡按钮定位 */
    .nav-right-top {
        position: relative !important;
    }

    /* 产业体系4大块 - 移动端改为竖向堆叠布局 */






    /* 产业体系整体 - 移动端单列 */
    .Industrial-system {
        padding: 0 10px !important;
    }

    .Industrial-system > ul > li {
        margin-bottom: 15px !important;
    }

    /* 新闻图片轮播 - 移动端确保可见 */
    .news-simple-carousel {
        min-height: 220px !important;
        height: 220px !important;
        margin-bottom: 20px !important;
    }
    .news-simple-carousel .news-slide-item img {
        min-height: 220px !important;
    }

    /* 产业体系 tab2-b - 移动端改为纵向堆叠（图片在上，4大块在下） */
    .Industrial-tab-pane {
        flex-direction: column !important;
        margin-top: 20px !important;
    }

    .Industrial-tab-pane > .col-md-6 {
        width: 100% !important;
        flex: none !important;
        padding: 0 !important;
    }

    /* 产业体系4大块卡片 - 移动端纵向布局（标题在上，图标在下） */












    /* ========== 移动端 产业体系 极简版（方案 A）==========
       桌面 472 swiper + 左右卡片 完全不动，仅动 max-width: 768px 媒体查询 */
    /* 大图缩到 220px（桌面 472 缩 386 自适应 220）*/
    #tab2-b #gallery,
    #tab2-b #gallery .swiper,
    #tab2-b #gallery .swiper-wrapper,
    #tab2-b #gallery .swiper-slide {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
    /* 隐藏 4 张缩略图（被下方分页点替代）*/
    #tab2-b #thumbs {
        display: none !important;
    }
    /* gallery 间距收紧 */
    #tab2-b #gallery {
        margin-bottom: 6px !important;
        border-radius: 10px;
    }
    /* gallery 分页点：桌面隐藏，移动端显示 */
    .gallery-pagination {
        display: none;
    }
    .gallery-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: rgba(255, 255, 255, 0.6);
        opacity: 1;
        margin: 0 3px;
    }
    .gallery-pagination .swiper-pagination-bullet-active {
        background: #0D6E39;
        width: 18px;
        border-radius: 3px;
    }
    /* 移动端图片轮播：确保可见 */
    #gallery {
        margin-bottom: 15px !important;
    }
    #gallery img,
    #thumbs img {
        max-width: 100% !important;
        height: auto !important;
    }
    #thumbs {
        margin-top: 10px !important;
    }

    /* ========== 移动端 产业体系 4 行业卡 1×4 垂直堆叠（从上到下）==========
       桌面 2x2 网格（#tab2-b .industry-grid-half { grid-template-columns: 292×292 }）
       完全不动；以下规则仅在 max-width: 768px 媒体查询内生效。 */
    /* 隐藏大图 gallery + 缩略图（卡片上面的图全部去掉）*/
    #tab2-b #gallery,
    #tab2-b #thumbs {
        display: none !important;
    }
    /* 隐藏整个左 col（内含 #gallery #thumbs 都 display: none，外层 col 还在占位）*/
    #tab2-b .Industrial-tab-pane > .col-md-6:first-child {
        display: none !important;
    }
    /* 容器：flex column 垂直堆叠，4 张卡从上到下排 */
    #tab2-b .industry-grid-half {
        display: flex !important;
        flex-direction: column !important;    /* 垂直方向 */
        grid-template-columns: none !important;  /* 取消桌面 grid 列 */
        overflow: visible !important;        /* 不滚动 */
        scroll-snap-type: none;              /* 不 snap */
        gap: 10px !important;                /* 卡之间 10px 间距 */
        padding: 0 !important;
    }
    /* 每张卡：100% 容器宽（整宽 1 列） */
    #tab2-b .industry-grid-half > .industry-card {
        width: 100% !important;
        height: auto !important;
        padding: 14px 18px !important;         /* 桌面 30/14/30 → 移动 14/18/14 */
        scroll-snap-align: none;
        box-sizing: border-box;
    }
    /* 卡内元素保持默认大小（不缩） */
    #tab2-b .industry-grid-half .industry-icon {
        width: 54px !important;
        height: 54px !important;
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }
    #tab2-b .industry-grid-half .industry-title {
        font-size: 19px !important;
        margin-bottom: 2px !important;
    }
    #tab2-b .industry-grid-half .industry-en {
        font-size: 11px !important;
        margin-bottom: 8px !important;
    }
    #tab2-b .industry-grid-half .industry-list li {
        padding: 5px 0 !important;
        font-size: 15px !important;
    }
    /* 解除 col / tab-pane 锁高，让容器自适应卡片自然高度
       桌面 .Industrial-tab-pane 和 .col-md-6 都锁了 472，移动端必须解锁
       否则 4 张卡 ~500px 内容会撑出 col 被 overflow:hidden 裁 */
    #tab2-a, #tab2-b, #tab2-c {
        min-height: auto !important;
    }
    #tab2-b .Industrial-tab-pane > .col-md-6 {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}












/* 移动端 - 单列布局，子项目横排（与index.html一致） */
@media (max-width: 767px) {


    /* 业务页支撑产业 4 卡片：移动端单列堆叠（修复断点未触发） */
    .industry-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin-top: 30px !important;
    }
    .industry-card {
        padding: 30px 22px !important;
    }
    .industry-title {
        font-size: 16px !important;
    }
    /* 移动端 3 个 li 横排为一行（不再 2 行换行），卡片尺寸不变 */
    .industry-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 6px !important;
    }
    .industry-list li {
        flex: 1 !important;
        flex-direction: column !important;
        gap: 4px !important;
        font-size: 12px !important;
        padding: 4px 2px !important;
        border-bottom: none !important;
        line-height: 1.2 !important;
    }
    .industry-list li i {
        font-size: 16px !important;
        width: auto !important;
    }





}

/* ========== page-banner 通用样式 ========== */
.page-banner {
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 400px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* 横幅文字统一白色（背景 hf.png 是深色农业图）*/
.page-banner h1 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);   /* 文字阴影增强对比度 */
    font-weight: bold;
    margin-bottom: 16px;
}
.page-banner p {
    color: rgba(255, 255, 255, 0.92) !important;  /* 覆盖原 rgba(0,0,0,0.7) 黑色 */
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    font-size: 18px;
}









/* ========== 新闻详情页 & 子页面横幅通用样式 ========== */
.news-middler-top {
    height: auto !important;
    min-height: 300px !important;
    /* v223: 不能 overflow:hidden，否则 hero-wave 的 -80px 负 margin 会被裁掉，波浪看不见 */
    overflow: visible !important;
}



/* ========== 移动端通用适配（合并所有 767px 以下样式）========== */
@media (max-width: 767px) {
    .news-middler-top {
        min-height: auto !important;
    }
    .page-banner-sub,

    .page-banner-sub h1,

    .page-banner-sub p,


    /* news-middler（新闻列表页的"新闻中心"标题区） */



    /* title-midd 标题 */
    .title-midd h2,
    .title-midd h3 {
        font-size: 28px !important;
        padding-bottom: 18px;
        letter-spacing: 1px;
    }
    .title-midd h2:before,
    .title-midd h3:before {
        font-size: 36px !important;
        top: 8px;
        white-space: nowrap;
    }
    .margin-top60 {
        margin-top: 35px !important;
    }

    /* 园区产业列表 - 移动端横排 */
    .industry-list {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    .industry-list li {
        border-bottom: none !important;
        padding: 8px 12px !important;
        flex: 1 1 auto !important;
        min-width: 80px !important;
    }
    .industry-list li i {
        margin-right: 5px !important;
        font-size: 16px !important;
    }

    /* page-banner 移动端适配（关于我们、联系我们等页面横幅） */
    .page-banner {
        min-height: 200px !important;
        padding: 60px 20px 40px !important;
    }
    .page-banner h1 {
        font-size: 28px !important;
        margin-bottom: 10px !important;
    }
    .page-banner p {
        font-size: 15px !important;
    }
}

/* ========== 超小屏手机 ========== */
@media (max-width: 480px) {





    /* page-banner 超小屏进一步缩小 */
    .page-banner {
        min-height: 160px !important;
        padding: 50px 15px 30px !important;
    }
    .page-banner h1 {
        font-size: 24px !important;
    }
    .page-banner p {
        font-size: 13px !important;
    }

    /* 联系我们 - 三列grid改单列 */
    #main [style*="grid-template-columns: repeat(3"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* ========== 方案B：左侧大图 + 右侧列表 ========== */
.news-layout-b {
    display: table;
    width: 100%;
    margin-top: 50px;
    table-layout: fixed;
}


/* 左侧轮播 */
.news-left-carousel {
    display: table-cell;
    width: 55%;
    vertical-align: top;
    padding-right: 15px;
}

.news-carousel-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 450px;            /* 2026-06-08 v2：恢复固定 450px，容器不跟图片走 */
}

.news-left-carousel {
    position: relative;
}

.news-carousel-item {
    display: none;
    position: relative;
    height: 100%;
}

.news-carousel-item.active {
    display: block;
}

/* 2026-06-08 v2：轮播图拉伸/缩放填满整个容器（不裁切，图片可能变形）
   容器固定 450px，图片 width:100% height:100% + object-fit:fill 让图片铺满。
   移动端规则在下方 @media (max-width: 767px) 内另设（specificity 0,2,1 胜出本条 0,1,1）。
   2026-06-08 v4：显式 background: transparent 防被其他规则污染（之前因选择器列表溢出
   继承了 footer 的 #0D6E39 绿色背景）。 */
.news-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    background: transparent;
}

.news-carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: #fff;
}

.news-carousel-tag {
    display: inline-block;
    padding: 3px 10px;
    background: #0D6E39;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
}

.news-carousel-caption h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    color: #fff;
}

.news-carousel-dots {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-right: 20px;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: auto;
    transform: none;
}

.news-carousel-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
}

.news-carousel-dots span.active {
    background: #0D6E39;
}

/* 右侧列表 */
.news-right-list {
    display: table-cell;
    width: 45%;
    background: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
    vertical-align: top;
}

.news-tab-switch {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
    position: relative;
    justify-content: space-around;  /* 2026-06-08：3 项 + 了解更多 链接均匀分布 */
}

.news-tab-switch li {
    padding: 8px 15px;
    cursor: pointer;
    color: #777;  /* 2026-06-15: #666 → #777 (用户视觉调灰) */
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.3s;
}

.news-tab-switch li:hover,
.news-tab-switch li.active {
    color: #0D6E39;
    border-bottom-color: #0D6E39;
}

.news-tab-switch .info-more-link {
    /* 2026-06-08：删 margin-left: auto（之前 margin-left: auto 把链接推到最右，与 justify-content: space-around 冲突导致 3 li 紧靠左） */
    font-size: 12px;                       /* 12px 小字 */
    color: #999;
    text-decoration: none;
    white-space: nowrap;
    font-weight: normal;
    transition: color 0.25s;
}
.news-tab-switch .info-more-link:hover {
    color: #0D6E39;
}

.news-list-content {
    overflow: hidden;
}

.news-list-ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-list-ul.active {
    display: block;
}

.news-list-ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 0;
}

.news-list-ul li:last-child {
    border-bottom: none;
}

.news-list-ul li a {
    display: flex;
    gap: 15px;
    padding: 0;
    text-decoration: none;
}

.news-list-date {
    flex: 0 0 70px;
    font-size: 12px;
    color: #999;
}

.news-list-title {
    flex: 1;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 响应式 */
@media (max-width: 767px) {
    .news-layout-b {
        display: block;
    }
    .news-left-carousel,
    .news-right-list {
        display: block;
        width: 100%;
        padding: 0;
    }
    .news-carousel-wrap {
        height: 225px !important;  /* 2026-06-10：移动端高度减半（桌面 450 / 2 = 225），桌面端选择器命中不到（max-width:767px） */
    }
    .news-carousel-item img {
        width: 100%;
        height: 100%;             /* 2026-06-08 v2：fill 模式，拉伸/缩放填满 */
        object-fit: fill;
    }
    .news-carousel-caption {
        padding: 15px 12px 12px;
    }
    /* 2026-06-08：图片轮播高度减半。
       根因：line 1128 全局 `.news-carousel-item img { height: 425px }`（specificity 0,1,1）
       在 mobile 胜出 line 1094 `.news-carousel-item img { height: auto }`（同 specificity，后置赢），
       实际渲染 ~425px 太高。@media 内 !important 强压到 213px（425 / 2 ≈ 213）。
       2026-06-08：删掉 height: 213px !important，让图片按原比例全显，不强制裁切。*/
    .news-list-ul li:nth-child(n+4) {
        display: none;   /* 2026-06-10：首页"行业新闻/工作动态/项目讯息"三栏 mobile 只留前 3 条，桌面端不命中（max-width:767px） */
    }
}

/* ========== 全站去除点击/键盘聚焦时的黑色方框 ========== */
a:focus,
a:active,
button:focus,
button:active,
input:focus,
textarea:focus,
select:focus,
li:focus,
[role="tab"]:focus,
[role="tablist"]:focus,
.tab:focus,
*:focus {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* ========== 新闻中心所有文章图片固定 905x425 ========== */
/* 注意：不能用 #main img / .section img / article img 等过宽选择器，
   否则首页的 tab 图标、4张支撑功能图卡、轮播大图都会被强制成 905x425 导致纵向拉伸。
   文章页正文图片由更精确的 div[style*="line-height: 2"] / max-width: 800px 选择器命中即可。
   2026-06-08：删除 .news-carousel-item img（之前选择器列表末尾多余逗号让它溢出到 .footer 规则体
   继承了 background: #0D6E39，导致轮播图顶部出现 50-60px 绿条）。 */
.news-list-ul li a img,
.News-Center-ul li a img,
.News-Center-ul li img,
.news-list-content img,

/* ========== 2026-06-10：文章正文图片固定 900×600 + cover 裁切 ========== */
/* 选择器精确命中文章页正文容器 <div style="max-width: 900px;"> 里的 <img>，
   不影响首页/列表页/其他容器。9 张文章图 7 张是 3:2 横图，2 张竖图（n37/n41）会被裁上下。
   ⚠️ 必须在 max-width: 900px 容器内命中，所以选择器带 div[style*="max-width: 900px"] 限定。
   不用 #main img / .section img / article img 等过宽选择器（会误伤首页 tab 图标、4 张支撑卡图、轮播大图）。 */
#main div[style*="max-width: 900px"] img,
#main div[style*="max-width: 800px"] img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 8px;
}

/* 移动端：图片高度减半（桌面 520 / 2 = 260），不影响 ≥768px 桌面端
   跟 .news-carousel-wrap 桌面 450 / 移动 225 的减半模式一致 */
@media (max-width: 767px) {
    #main div[style*="max-width: 900px"] img,
    #main div[style*="max-width: 800px"] img {
        height: 260px;
    }
}


/* ========== Footer 重构：分组 + 图标 + 多列 ========== */
.footer {
    background: #0D6E39;
    color: rgba(255, 255, 255, 0.92);
    padding: 50px 0 30px;
    /* 2026-06-13：用户要求直接改字号，撤销之前的 transform: scale 方案 */
}
.footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.footer-col {
    /* 单一列容器，无额外样式 */
}
.footer-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.footer-title i {
    color: #4caf50;
    font-size: 18px;
}
.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-links li {
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.footer-links li i {
    color: #4caf50;
    margin-top: 4px;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}
.footer-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-links a:hover {
    color: #4caf50;
}
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 20px; }
    .footer { padding: 24px 0 16px; }
    .footer-title { font-size: 15px; }
}

/* ===== Footer 移动端折叠面板 ===== */
.footer-toggle {
    cursor: default;                               /* 桌面端默认不可点 */
}
.footer-toggle-icon {
    display: none !important;                      /* 2026-06-10：加 !important 强制覆盖 all.min.css 的 var(--fa-display, inline-block)，否则 desktop 箭头会显示 */
    margin-left: auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    transition: transform 0.3s ease;
}
@media (max-width: 768px) {
    .footer-toggle { cursor: pointer; user-select: none; }
    .footer-toggle:hover { color: #4caf50; }
    .footer-toggle-icon { display: inline-block !important; }       /* 2026-06-10：mobile 也加 !important，确保折叠面板有箭头 */
    .footer-col {
        background: rgba(255, 255, 255, 0.04);
        border-radius: 12px;
        padding: 0;
        overflow: hidden;
    }
    .footer-col .footer-title {
        padding: 12px 16px;
        margin: 0;
        border-bottom: 0;
        transition: background 0.25s ease;
        font-size: 15px;                            /* 紧凑：16 → 15 */
    }
    .footer-col .footer-title:hover {
        background: rgba(255, 255, 255, 0.06);
    }
    .footer-col .footer-links {
        max-height: 0;
        overflow: hidden;
        padding: 0 16px;
        transition: max-height 0.4s ease, padding 0.4s ease;
    }
    .footer-col.open .footer-links {
        max-height: 500px;                          /* 足够大即可 */
        padding: 2px 16px 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .footer-col.open .footer-toggle-icon {
        transform: rotate(180deg);
        color: #4caf50;
    }
}

/* ===== 导航 - 新闻中心下拉子菜单 ===== */
/* 桌面端 hover 展开 */
.has-submenu { position: relative; }
.has-submenu .nav-submenu-icon {
    font-size: 10px;
    margin-left: 6px;
    transition: transform 0.3s ease;
}
.has-submenu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    min-width: 140px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 999;
}
.has-submenu .sub-menu li a {
    display: block;
    padding: 10px 22px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}
.has-submenu .sub-menu li a:hover {
    background: rgba(13, 110, 57, 0.08);
    color: #0D6E39;
}
@media (min-width: 768px) {
    .has-submenu:hover .sub-menu,
    .has-submenu:focus-within .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    .has-submenu:hover .nav-submenu-icon,
    .has-submenu:focus-within .nav-submenu-icon {
        transform: rotate(180deg);
    }
}

/* 移动端：默认折叠，点击展开 */
@media (max-width: 767px) {
    .has-submenu .nav-news-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        cursor: pointer;
    }
    .has-submenu .nav-submenu-icon {
        margin-left: auto;
        transition: transform 0.3s ease;
    }
    .has-submenu .sub-menu {
        position: static;
        transform: none;
        box-shadow: none;
        background: transparent;                 /* 与主菜单无缝衔接 */
        border-radius: 0;
        margin: 0;
        padding: 0 0 0 20px;                    /* 左侧缩进表示层级 */
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: visible;
        transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
    }
    .has-submenu .sub-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;  /* 复用主菜单分隔线 */
    }
    .has-submenu .sub-menu li a {
        padding: 14px 20px !important;          /* 与主菜单 16px 接近 */
        font-size: 15px !important;              /* 主菜单 17px → 子菜单 15px */
        color: rgba(255, 255, 255, 0.85) !important;  /* 与主菜单 #fff 一致（略透） */
    }
    .has-submenu .sub-menu li a:hover {
        background: rgba(255, 255, 255, 0.10) !important;  /* 与主菜单 hover 一致 */
        color: #8AD32A !important;                /* 与主菜单 active 绿色一致 */
    }
    .has-submenu.open .sub-menu {
        max-height: 300px;
        opacity: 1;
        padding: 0 0 0 20px;
    }
    .has-submenu.open .nav-submenu-icon {
        transform: rotate(180deg);
    }
}

/* ===== 横幅背景轮播（JS 动态高度 + cover 模式）===== */
.page-banner-sub .banner-slider,
.news-middler-top .banner-slider,
.page-banner-sub .banner-slide,
.news-middler-top .banner-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}
.page-banner-sub .banner-slide,
.news-middler-top .banner-slide {
    background-size: cover;                /* 修复：cover 模式，图片按比例缩放填满 */
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
}
.page-banner-sub .banner-slide.active,
.news-middler-top .banner-slide.active {
    opacity: 1;
    z-index: 1;
}

/* 全站统一：横幅紧贴导航，无间距 */
.news-middler-top {
    height: 300px !important;             /* 修复：固定 300px 高度（与 .page-banner-sub 一致） */
    min-height: 300px !important;
    background-image: none !important;    /* 修复：去掉原 .news-middler-top 的 hf.png 背景图（避免与 banner-slider 冲突） */
    background-color: #0D6E39 !important; /* 修复：兜底色 */
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    /* v224: 删 overflow:hidden（line 1144），否则 hero-wave 的 -80px 负 margin 会被父容器裁切看不见 */
    overflow: visible !important;
}


/* 导航 LOGO 字号加大 2px + 保持原左浮位置 + nav 垂直居中 */
.pc-logoer {
    float: left !important;                 /* 修复：恢复原左浮位置（不动 nav 位置） */
    line-height: 1 !important;
}
.pc-logoer a {
    font-size: 20px !important;             /* 修复：18 → 20（再大 2px） */
    white-space: nowrap !important;          /* 修复：移动端 logo+公司名不拆成两行 */
}
.nav-right-top {
    float: right !important;                /* 修复：恢复原右浮 */
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;          /* 修复：nav 链接垂直居中 */
}

/* 导航文字和图标统一深绿色 */
.nav-dh-list li > a,
.nav-dh-list li > .nav-news-toggle {
    color: #0D6E39 !important;           /* 深绿（和 LOGO 同色） */
}
.nav-dh-list li > a i.fa-solid,
.nav-dh-list li > .nav-news-toggle i.fa-solid {
    color: #0D6E39 !important;           /* 图标也深绿 */
    margin-right: 6px;                    /* 图标和文字间距 */
    font-size: 14px;                     /* 图标略小于文字 */
}
.nav-dh-list li > a:hover,
.nav-dh-list li > .nav-news-toggle:hover,
.nav-dh-list li.active > a,
.nav-dh-list li.active > .nav-news-toggle {
    color: #8AD32A !important;           /* hover/active 变浅绿 */
}
.nav-dh-list li > a:hover i.fa-solid,
.nav-dh-list li > .nav-news-toggle:hover i.fa-solid {
    color: #8AD32A !important;
}

/* 导航点击后无下划线 */
.nav-dh-list li > a,
.nav-dh-list li > .nav-news-toggle,
.nav-dh-list li > a:link,
.nav-dh-list li > a:visited,
.nav-dh-list li > a:hover,
.nav-dh-list li > a:active {
    text-decoration: none !important;
    -webkit-text-decoration-line: none !important;
}
/* 绿色装饰条：保留但 bottom 下移，与文字分离不重叠 */
.nav-dh-list.navbar-nav>.active>a:after,
.nav-dh-list.navbar-nav>.active>a:hover:after,
.nav-dh-list.navbar-nav>.active>a:focus:after {
    bottom: -10px !important;              /* 修复：-3px → -10px，远离文字底部 */
    height: 4px !important;                 /* 修复：5px → 4px，更细 */
}

/* 园区产业 3 tab FA 图标变明显（参考下方 4 卡片大圆图标样式）*/
.Industrial-park-tabs > li > a > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid rgba(13, 110, 57, 0.15) !important;
    margin: 0 auto 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}
.Industrial-park-tabs > li > a > span i {
    color: #0D6E39 !important;
    font-size: 32px !important;
    line-height: 1 !important;
}
.Industrial-park-tabs > li > a:hover > span,
.Industrial-park-tabs > li > a:focus > span,
.Industrial-park-tabs > li.active > a > span {
    background: #8AD32A !important;
    border-color: #0D6E39 !important;
}
.Industrial-park-tabs > li > a:hover > span i,
.Industrial-park-tabs > li > a:focus > span i,
.Industrial-park-tabs > li.active > a > span i {
    color: #fff !important;
}
.Industrial-park-tabs > li > a > p {
    color: #0D6E39 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

/* 规划愿景左右两边卡片 .vd-icon hover 旋转动效（图标旋转，不是卡片旋转）*/
.vd-icon {
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.vision-deco-left .vd-stats li:hover .vd-icon,
.vision-deco-right .vd-list li:hover .vd-icon {
    transform: rotate(360deg) scale(1.15);
}

/* 园区产业 3 tab 内容区统一固定尺寸（跟规划愿景大小一致）
   规划愿景 .current-swiper 写死 472px，以此为标准
   ⚠️ 2026-06-07 修复：必须用 @media (min-width: 769px) 限定为桌面端，
      否则全局 !important 472 锁死会反向覆盖 line 533-541 处 @media (max-width: 768px) 移动端
      解锁规则（height:auto / overflow:visible），导致移动端 #tab2-b 右列被 472 高度裁切。 */
@media (min-width: 769px) {
    #tab2-a, #tab2-b, #tab2-c {
        min-height: 472px !important;             /* 480 → 472，对齐规划愿景 */
    }

    /* 产业体系 tab2-b 两列统一 472
       跟规划愿景 472 对齐：左 大图 386 + 间距 10 + 缩略图 76 = 472；右 2x2 卡片 = 472
       ⚠️ index.html 内联 CSS 把 .swiper-slide 锁死 310/100，必须连带内层一起覆盖
       ⚠️ 加 aspect-ratio 兜底，强制图片按比例渲染，防止 swiper JS 把高度改回自然
       ⚠️ 两列都锁 472 + overflow:hidden，右列内容 478.8 多出的 6.8 会被裁 */
    #tab2-b .Industrial-tab-pane > .col-md-6 {
        height: 472px !important;                  /* 两列都锁 472 */
        min-height: 472px !important;
        max-height: 472px !important;
        overflow: hidden !important;
    }
}
#tab2-b .Industrial-tab-pane > .col-md-6:first-child {
    justify-content: flex-start !important;
}
#tab2-b #gallery,
#tab2-b #gallery .swiper,
#tab2-b #gallery .swiper-wrapper,
#tab2-b #gallery .swiper-slide {
    height: 386px !important;                  /* 大图 360 → 386 (+26, 顶部/底部各裁 13px) */
    min-height: 386px !important;
    max-height: 386px !important;
    flex: none !important;
}
#tab2-b #gallery .swiper-slide {
    aspect-ratio: 540 / 386 !important;        /* 兜底：强制 1.4:1 */
}
#tab2-b #gallery img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
}
#tab2-b #thumbs,
#tab2-b #thumbs .swiper,
#tab2-b #thumbs .swiper-wrapper,
#tab2-b #thumbs .swiper-slide {
    height: 76px !important;                   /* 内外层都 76 */
    min-height: 76px !important;
    max-height: 76px !important;
    flex: none !important;
}
#tab2-b #thumbs .swiper-slide {
    aspect-ratio: 555 / 312 !important;
}
#tab2-b #thumbs {
    margin-top: 10px !important;
    overflow: hidden;
}
#tab2-b #thumbs img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ========== 支撑产业卡片 共享 base 样式 ==========
   同时用于 index.html 的 #tab2-c 和 business.html（business.html 历史上
   内联在 <style> 里的同一套规则，原计划"已迁移到 custom.css 共享"，但之前
   一直没迁过去，导致 business.html 的支撑产业完全没样式。补回。 */
.support-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 50px auto 0;
}
.support-card {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: 40px 30px 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    opacity: 0;
    transform: translateY(30px);
    animation: supportFadeIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.support-card:nth-of-type(1) { animation-delay: 0.05s; }
.support-card:nth-of-type(2) { animation-delay: 0.18s; }
.support-card:nth-of-type(3) { animation-delay: 0.31s; }
.support-card:nth-of-type(4) { animation-delay: 0.44s; }
@keyframes supportFadeIn {
    to { opacity: 1; transform: translateY(0); }
}
.support-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #0D6E39 0%, #4caf50 100%);
    transform: translateX(-101%);
    transition: transform 0.45s ease;
}
.support-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(13, 110, 57, 0.18);
}
.support-card:hover::before {
    transform: translateX(0);
}
.support-index {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: rgba(13, 110, 57, 0.35);
}
.support-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39 0%, #2e7d32 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 32px;
    box-shadow: 0 6px 16px rgba(13, 110, 57, 0.25);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.35s ease;
}
.support-card:hover .support-icon {
    transform: rotate(360deg) scale(1.05);
    box-shadow: 0 10px 24px rgba(13, 110, 57, 0.40);
}
.support-card h3 {
    color: #0D6E39;
    margin: 0 0 6px;
    font-size: 24px;             /* 2026-06-08：22 → 24（农业服务字号 +2px） */
    font-weight: 600;
}
.support-en {
    display: block;
    color: #8AD32A;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    font-weight: 500;
}
.support-card p {
    color: #666;
    line-height: 1.8;
    margin: 0 0 20px;
    font-size: 14px;
    flex-grow: 1;
}
.support-cta {
    display: inline-block;
    color: #0D6E39;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 22px;
    border-radius: 20px;
    border: 1px solid #0D6E39;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.support-cta:hover {
    background: #0D6E39;
    color: #fff;
    transform: translateX(4px);
}
@media (max-width: 768px) {
    .support-grid { grid-template-columns: 1fr; gap: 20px; }
    .support-card { padding: 32px 22px 24px; }
    .support-icon { width: 68px; height: 68px; font-size: 28px; }
    .support-card h3 { font-size: 20px; }
}

/* ========== 首页支撑产业 tab2-c 覆盖（首页 1x4 压缩到 400 高）==========
   共享 base 之上的首页特定调整。business.html 不会触发这里（没有 #tab2-c）
   2026-06-08 改造：4 张卡从"图标+段落"改为"小标签+能力点列表"风格，
   仿规划愿景"园区数据/投资亮点"卡片视觉。 */
#tab2-c .support-card {
    text-align: left;
    align-items: flex-start;            /* 覆盖原 .support-card 的 center，让内容左对齐 */
    padding: 24px 26px 22px !important; /* 覆盖原 52/30/42，让列表卡更紧凑 */
    border-top: 3px solid #0D6E39;       /* 仿规划愿景 .vision-deco 顶部条 */
}

/* 顶部小标签（仿 .vision-deco .vd-tag 渐变绿底白字胶囊）*/
.support-tag {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
    background: linear-gradient(90deg, #0D6E39, #4caf50);
    padding: 3px 10px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    align-self: flex-start;             /* 强制左对齐（父 .support-card 是 column） */
}

/* 能力点列表（仿 .vision-deco .vd-stats 图标+文字行）*/
.support-points {
    list-style: none;
    margin: 8px 0 16px;
    padding: 0;
    width: 100%;
    text-align: left;
}
.support-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 22px 0;             /* 2026-06-08：20 → 22（上下间距 +2px） */
    border-bottom: 1px solid #f0f5ec;
    font-size: 16px;             /* 2026-06-08：14 → 16 */
    color: #444;
    line-height: 1.3;
    flex-grow: 1;                /* 2026-06-08：撑开 ul 内部 + 4 li 上下均匀分布 */
}
.support-points li:last-child { border-bottom: none; }
.support-points li i {
    flex-shrink: 0;
    width: 30px;                 /* 2026-06-08：25 → 30 */
    height: 30px;                /* 2026-06-08：25 → 30 */
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;             /* 2026-06-08：11 → 13（图标 30×30 配套） */
}
.support-points li:hover { background: rgba(138, 211, 42, 0.08); }

/* 移动端 #tab2-c 列表卡收紧 */
@media (max-width: 768px) {
    #tab2-c .support-card { padding: 18px 18px 18px !important; }
    .support-points li { font-size: 12px; padding: 5px 0; }
    .support-points li i { width: 26px; height: 26px; font-size: 11px; }
    .support-card h3 { font-size: 19px; }      /* 覆盖原 @media 内 20 */
    .support-en { font-size: 10px; margin-bottom: 10px; }
}

/* 产业体系 tab2-b 右列 2x2 卡片：4 张统一 292×222
   宽 292（grid 改 292px 292px），高 222（自然：padding 30+30=60 + 内容 162 = 222，不锁）
   网格总高 222 + 12 + 222 = 456（容器 472，底部 16 空）
   ⚠️ 2026-06-07 修复：必须用 @media (min-width: 769px) 限定为桌面端，
      否则全局 !important 会反向覆盖 line 504 处的 @media (max-width: 768px) 移动端
      flex column 1×4 堆叠规则，导致移动端 4 张卡被裁 */
@media (min-width: 769px) {
    #tab2-b .industry-grid-half {
        grid-template-columns: 292px 292px !important;   /* 显式列宽 292（291 → 292，+1）*/
    }
    #tab2-b .industry-card {
        width: 292px !important;                         /* 显式宽 292（291 → 292，+1）*/
        padding: 28px 14px 28px !important;              /* 2026-06-08：29 → 28（4 张卡总高 478 → 476px，仍超 472 容器 4px） */
    }
}

/* 卡片内 "标题" 到 "英文 en" 的间距：1px 太小，调到 4px */
#tab2-b .industry-title {
    margin: 0 0 4px !important;                       /* 1 → 4，让标题和英文 en 有呼吸 */
}

/* 公司 LOGO 图（nongzhanggui-logo-transparent-256.png） */
.pc-logo-img {
    height: 30px !important;                  /* 修复：40 → 30，更小 */
    width: auto !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* 移动端：logo + 公司名压缩到一行
   影响：所有用 .pc-logoer 的页面（index/business/news/about/faq/contact/20+ 文章页）
   仅 max-width: 767px 生效，桌面端（>=768px）不受影响 */
@media (max-width: 767px) {
    .pc-logoer a {
        font-size: 18px !important;          /* 20 → 14，12 个汉字一行内放得下 */
    }
    .pc-logo-img {
        height: 24px !important;            /* 30 → 24，同步缩小 */
        margin-right: 5px !important;        /* 8 → 5，缩间隙 */
    }
    /* 2026-06-08：横幅高度减半（line 1385 全局 height:300px !important 在 mobile 仍生效，~300px 太大）。
       位置靠后 + specificity 0,1,0 + !important 强压 line 1385 同 specificity + !important（后置赢）。*/
    .news-middler-top {
        height: 150px !important;            /* 300 / 2 = 150 */
        min-height: 150px !important;
    }
}

/* 2026-06-08：#tab2-c 桌面端 1x4 网格方阵（从 index.html line 1436 inline style 提取）
   桌面端 4 张卡同高 420px，1 行 4 列，gap 44px，max-width 1188px */
.tab2c-1x4-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 44px !important;
    max-width: 1188px !important;
    margin: 0 auto !important;
    min-height: 420px !important;
}

/* 2026-06-08：桌面端 #tab2-c 4 张卡 .support-card-icon 显示（之前 line 2057-2060 全局 display:none 桌面端不显示）
   4 张桌面端卡 i 元素 HTML 已有（fa-tractor / fa-flask / fa-handshake / fa-gears），只补 CSS 显示
   ⚠️ 用 @media (min-width: 769px) 限定桌面端，不影响移动端 @media (max-width: 768px) line 2104-2116 的 inline-flex */
@media (min-width: 769px) {
    .support-card-icon {
        display: inline-flex !important;  /* 2026-06-08：!important 强压 line 2057-2060 全局 display:none 同 specificity 后置赢 */
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 45px;                  /* 2026-06-08：40 → 45 */
        height: 45px;                 /* 2026-06-08：40 → 45 */
        border-radius: 50%;
        background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
        color: #fff;
        font-size: 18px;              /* 2026-06-08：16 → 18（图标 45×45 配套） */
        margin-bottom: 8px;
        box-shadow: 0 2px 6px rgba(13, 110, 57, 0.2);
        transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;  /* 2026-06-08：图标 hover 旋转 transition */
    }
    /* 2026-06-08：4 张卡图标鼠标放上去转 360 度（base .support-icon:hover 不匹配 .support-card-icon） */
    .support-card:hover .support-card-icon {
        transform: rotate(360deg);
        box-shadow: 0 6px 14px rgba(13, 110, 57, 0.35);
    }
    /* 2026-06-08：桌面端 4 张卡 .support-title 容器（图标 + h3 一行 + 居中）*/
    .support-title {
        display: flex;
        align-items: center;
        justify-content: center;  /* 2026-06-08：图标 + h3 在容器水平居中 */
        gap: 10px;
        margin-bottom: 4px;
    }
    .support-title .support-card-icon {
        margin-bottom: 0;  /* 容器内 flex row，icon 不再需要底部 margin */
    }
    .support-title h3 {
        margin: 0;  /* 容器内 flex row，h3 不再需要底部 margin */
    }
    /* 2026-06-08：桌面端 4 张卡 cta 按钮在卡内水平居中（不影响其他元素左对齐） */
    .support-card > .support-cta {
        align-self: center;       /* flex item 单独居中（父 .support-card align-items: flex-start 不变） */
        margin-top: 8px;
    }
}

/* 移动端 规划愿景：3 主题 swiper + 园区数据 + 投资亮点
   所有规则 scoped 到 .navbar-toggle（Bootstrap 响应式类，移动端才显示），
   不影响桌面 .swiper.hidden-xs 的任何布局 */
.navbar-toggle .mobile-vision-swiper {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 18px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.navbar-toggle .mobile-vision-swiper .swiper-slide {
    height: auto !important;
    background: #fff;
}
.navbar-toggle .mvs-image {
    width: 100%;
    height: 140px;                        /* 180 → 140，刚好露图 */
    background-size: cover;
    background-position: center;
}
.navbar-toggle .mvs-body {
    padding: 10px 16px 14px;              /* 14/18/18 → 10/16/14 */
}
.navbar-toggle .mvs-title {
    color: #0D6E39;
    font-size: 15px;                       /* 17 → 15 */
    font-weight: 600;
    margin: 0 0 6px;                       /* 0 0 10 → 0 0 6 */
    padding-bottom: 4px;                   /* 6 → 4 */
    border-bottom: 1px solid #f0f5ec;
    position: relative;
}
.navbar-toggle .mvs-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #8AD32A;
}
.navbar-toggle .mvs-detail {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navbar-toggle .mvs-detail li {
    padding: 5px 0 5px 14px;               /* 7/0/7/16 → 5/0/5/14 */
    position: relative;
    font-size: 13px;                       /* 14 → 13 */
    color: #444;
    line-height: 1.4;                      /* 1.5 → 1.4 */
    border-bottom: 1px dashed #f0f5ec;
}
.navbar-toggle .mvs-detail li:last-child {
    border-bottom: none;
}
.navbar-toggle .mvs-detail li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;                            /* 14 → 11 配 13px 字号 */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8AD32A;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination {
    position: static;
    margin-top: 6px;                       /* 10 → 6 */
    text-align: center;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;                           /* 8 → 6 */
    background: #d0d0d0;
    opacity: 1;
    margin: 0 3px;
}
.navbar-toggle .mobile-vision-swiper .swiper-pagination-bullet-active {
    background: #0D6E39;
    width: 18px;                           /* 22 → 18 */
    border-radius: 3px;
}

/* 移动端：园区数据 + 投资亮点（点击展开）
   <details> 折叠：默认关闭，点击 summary 展开内容 */
.navbar-toggle .mvs-collapse {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    overflow: hidden;
}
.navbar-toggle .mvs-collapse:last-of-type {
    margin-bottom: 30px;
}
.navbar-toggle .mvs-collapse summary {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s;
}
.navbar-toggle .mvs-collapse summary:hover {
    background: #f8fbf5;
}
.navbar-toggle .mvs-collapse summary::-webkit-details-marker {
    display: none;
}
.navbar-toggle .mvs-collapse summary::marker {
    display: none;
    content: '';
}
.navbar-toggle .mvs-collapse-tag {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    color: #fff;
    background: linear-gradient(90deg, #0D6E39, #4caf50);
    padding: 3px 10px;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
}
.navbar-toggle .mvs-collapse-label {
    font-size: 16px;
    font-weight: 600;
    color: #0D6E39;
    flex: 1;
}
.navbar-toggle .mvs-collapse-icon {
    color: #0D6E39;
    font-size: 14px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}
.navbar-toggle .mvs-collapse[open] .mvs-collapse-icon {
    transform: rotate(180deg);
}
.navbar-toggle .mvs-collapse-body {
    padding: 0 14px 14px;
}

/* 园区数据 4 项 2x2 网格（展开后显示）*/
.navbar-toggle .mvs-data {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.navbar-toggle .mvs-data li {
    background: #f8fbf5;
    border-radius: 8px;
    padding: 14px 8px 12px;
    text-align: center;
    border-top: 3px solid #0D6E39;
}
.navbar-toggle .mvs-stat-num {
    margin-bottom: 4px;
}
.navbar-toggle .mvs-stat-num b {
    font-size: 22px;
    color: #0D6E39;
    font-weight: 700;
    line-height: 1;
}
.navbar-toggle .mvs-stat-num small {
    font-size: 11px;
    color: #8AD32A;
    font-weight: 600;
    margin-left: 2px;
}
.navbar-toggle .mvs-data li em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* 投资亮点 4 项 2x2 网格（展开后显示）*/
.navbar-toggle .mvs-highlights {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.navbar-toggle .mvs-highlights li {
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    background: #f8fbf5;
    border-radius: 8px;
    border-top: 3px solid #0D6E39;
}
.navbar-toggle .mvs-highlights i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D6E39, #4caf50);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}
.navbar-toggle .mvs-hl-text b {
    display: block;
    color: #0D6E39;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}
.navbar-toggle .mvs-hl-text em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* ========== 阶段 1 保险：swiper 初始化可能改 .tab-pane display，强制覆盖 ==========
   2026-06-08 临时加：上一轮移动端点击展开 2x2 改动出现 tab 切换异常，
   怀疑 tfboys.min.js 里 mobileVisionSwiper 初始化时临时把父级 .tab-pane 改成
   display:block 计算尺寸，完成后不恢复父级 hidden。
   这条 !important 规则覆盖任何 inline style，确保 3 个 .tab-pane 中只有 .active 显示。
   验证完 tab 切换正常后，下一阶段会逐项引入 2x2 折叠功能。*/
.tab-pane:not(.active) {
    display: none !important;
}

/* ========== 阶段 3 移动端点击折叠/展开（不动桌面端）========== */
/* 2026-06-08 阶段 3：4 张 .support-card 移动端默认折叠（只显示标题+英文+⌄），
   点击展开后能力点以 2×2 网格显示 + 详情按钮。桌面端不受任何影响。*/

/* 全局：默认隐藏箭头（桌面端不需要）*/
.support-toggle-icon {
    display: none;
}

/* 全局：默认隐藏卡片头部图标（桌面端不需要，阶段 6 新增）*/
.support-card-icon {
    display: none;
}

@media (max-width: 768px) {
    /* 卡片整体可点击 + 焦点样式 */
    .support-card {
        cursor: pointer;
        user-select: none;
    }
    .support-card:focus-visible {
        outline: 2px solid #0D6E39;
        outline-offset: 2px;
    }
    /* 折叠态：隐藏小标签 + 能力点 + 详情按钮 */
    .support-tag,
    .support-points,
    .support-card .support-cta {
        display: none;
    }
    /* 折叠态：整张卡水平布局（一行显示：图标+标题+英文+⌄）*/
    .support-card {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px;
    }
    /* 折叠态 padding 收紧，让 4 张首屏可见 */
    #tab2-c .support-card { padding: 14px 16px !important; }

    /* 展开态：保持 row + flex-wrap，头部一行横排，能力点/按钮 wrap 到新行 */
    .support-card.is-expanded {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 16px 18px !important;
    }
    /* 能力点 + 按钮 wrap 到下一行占满宽度 */
    .support-card.is-expanded .support-points,
    .support-card.is-expanded .support-cta,
    .support-card.is-expanded .support-tag {
        flex-basis: 100% !important;
    }
    .support-card.is-expanded h3 { font-size: 17px; }

    /* 移动端显示箭头 + 右上角定位（折叠/展开态都右上角）*/
    .support-toggle-icon {
        display: block;
        position: absolute;
        top: 18px;
        right: 20px;
        font-size: 14px;
        color: rgba(13, 110, 57, 0.5);
        transition: transform 0.3s ease, color 0.2s ease;
        pointer-events: none;       /* 让点击事件穿透到卡片 */
    }

    /* 移动端：显示卡片头部小绿圆图标（阶段 6 新增）*/
    .support-card-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(135deg, #0D6E39 0%, #4caf50 100%);
        color: #fff;
        font-size: 14px;
        box-shadow: 0 2px 6px rgba(13, 110, 57, 0.2);
    }

    /* 移动端：英文加粗 + 垂直居中（阶段 7 新增，阶段 9 强化，阶段 11 全部加 !important）*/
    /* 关键：所有相关属性加 !important 强制覆盖 line 1638/1644 等基础规则 */
    .support-card h3 {
        display: inline-flex !important;
        align-items: center !important;
        height: 32px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
    }
    .support-en {
        display: inline-flex !important;
        align-items: center !important;
        align-self: center !important;
        height: 32px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
    }
    /* 展开态：能力点 2×2 网格 */
    .support-card.is-expanded .support-points {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px 14px;
        margin: 14px 0 16px;
        animation: supportFadeIn 0.3s ease;
    }
    /* 阶段 13：能力点加大 */
    .support-card.is-expanded .support-points li {
        border-bottom: none;
        padding: 4px 0;
        gap: 10px;
        font-size: 14px;
    }
    .support-card.is-expanded .support-points li i {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    /* 展开态：详情按钮显示（阶段 13 居中）*/
    .support-card.is-expanded .support-cta {
        display: block !important;
        width: fit-content;
        margin: 0 auto !important;       /* 水平居中 */
        text-align: center;
        font-size: 13px;
        padding: 8px 24px;
    }
    /* 展开态：小标签显示（恢复） */
    .support-card.is-expanded .support-tag {
        display: inline-block !important;
        align-self: flex-start;    /* 标签左对齐 */
    }
    /* 展开态：箭头旋转 + 高亮 */
    .support-card.is-expanded .support-toggle-icon {
        transform: rotate(180deg);
        color: #0D6E39;
    }
}

/* ===== 产业体系 移动端 4 张卡片折叠版（与支撑卡 .support-card 共用样式 + JS）=====
   容器 .navbar-toggle 在桌面端（>=768px）被 Bootstrap display:none
   这里再补充移动端：
   ① 隐藏桌面原 4 张 .industry-card，避免双显
   ② 子项 .industry-points 用 3 列竖排（区别于支撑卡的 2×2 横排）
   ③ 移动端 .support-card padding 收紧（参照支撑卡 line 2074） */

@media (max-width: 768px) {
    /* 移动端：隐藏桌面 grid 4 张原卡
       ⚠️ 必须用 768（与 .support-card 折叠态的 @media 一致），
       否则 768px 临界值视口会出现"4 张原卡 + 4 张新卡"双显，导致高度翻倍 */
    #tab2-b .industry-grid-half > .industry-card {
        display: none !important;
    }
    /* 移动端：左 col（swiper 区）也隐藏，腾出空间给折叠卡 */
    #tab2-b .Industrial-tab-pane > .col-md-6:first-child {
        display: none !important;
    }
}

/* 折叠列表容器 */
.industry-mobile-list {
    margin: 0;
    padding: 0;
}
.navbar-toggle .industry-mobile-list {
    width: 100%;
    padding: 0;
    margin-top: -80px;
    box-sizing: border-box;
}


/* 产业卡 3 列竖排子项（仅 .is-expanded 展开态生效，折叠态由 line 2062 .support-points{display:none} 隐藏）
   ⚠️ 必须用 .is-expanded 限定，否则 .industry-points { display: grid !important } 覆盖 line 2062 折叠态 display:none，
   导致产业卡折叠时也显示 3 个子项（用户截图反馈）。 */
.navbar-toggle .support-card.is-expanded .industry-points {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    flex-direction: row !important;        /* 覆盖支撑卡 .support-points 的 column */
}
.navbar-toggle .industry-points li {
    flex-direction: column !important;     /* 图标在上，文字在下（截图设计）*/
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 4px !important;
    padding: 10px 4px !important;
    background: #f6fbf3;
    border-radius: 8px;
    min-height: 56px;
    box-sizing: border-box;
}
.navbar-toggle .industry-points li i {
    font-size: 18px !important;            /* 覆盖支撑卡 14px（更显眼）*/
    color: #fff !important;                /* 2026-06-08：图标改白色（绿色渐变圆形背景上才看得见，绿色会被淹没）*/
}

/* ===== 产业卡 #industry-mobile 移动端（最高 specificity 兜底）=====
   截图显示 padding 14/16 在生效（#tab2-c .support-card 1,1,0+imp 仍胜出 0,2,0 容器规则），
   用 html + body + ID 三层 specificity 1,1,0,2 + !important 强压到 0。 */
@media (max-width: 768px) {
    /* 容器：flex column + gap 20px，让 4 张卡之间有间距（与支撑卡 .support-grid gap 一致）*/
    html body #industry-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
    html body #industry-mobile .support-card {
        width: 400px !important;
        max-width: 100% !important;
        padding: 14px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    /* h3 标题强制不换行（之前删 line 2217-2263 兜底时把这条 nowrap 一起删了，
       导致"基核保障产业"6 字被挤成竖排 3 行，撑大卡片高度）*/
    html body #industry-mobile .support-card h3 {
        white-space: nowrap !important;
        flex-shrink: 1 !important;
    }
    /* 英文 en 也强制不换行 */
    html body #industry-mobile .support-card .support-en {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    /* 展开态：h3 + .support-en 加 min-width: 0 + flex-shrink: 1，
       空间不够时缩小而不是被 .is-expanded 的 flex-wrap: wrap 换到下一行
       ⚠️ 只作用于 .is-expanded，不影响折叠态 */
    html body #industry-mobile .support-card.is-expanded h3,
    html body #industry-mobile .support-card.is-expanded .support-en {
        min-width: 0 !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }
}

/* ===== about.html 企业理念移动端 3 张折叠卡片（与支撑卡 1:1 复刻）=====
   HTML：3 张 .idea-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 3 张 .idea-card 不动；.navbar-toggle 桌面端 Bootstrap display:none */

/* 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显 */
@media (min-width: 769px) {
    .navbar-toggle.support-grid { display: none !important; }
}

@media (max-width: 768px) {
    /* 隐藏桌面 3 张 .idea-card */
    .idea-card { display: none !important; }
    /* 容器：flex column + 居中 + gap 20px */
    .navbar-toggle.support-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 -10px !important;
        width: calc(100% + 20px) !important;
        box-sizing: border-box !important;
    }
    /* 卡片：400px 宽 + padding 14/16（与产业卡一致）*/
    .navbar-toggle.support-grid .support-card {
        width: 400px !important;
        max-width: 100% !important;
        padding: 14px 16px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    /* 折叠态：<p> 段落隐藏 */
    .navbar-toggle.support-grid .support-card:not(.is-expanded) p {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* 展开态：<p> 段落显示 + 顶部 dashed 分隔线 */
    .navbar-toggle.support-grid .support-card.is-expanded p {
        display: block !important;
        padding: 12px 0 0 !important;
        margin-top: 10px !important;
        border-top: 1px dashed #e8efe6 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #444 !important;
    }
    /* h3 强制不换行 */
    .navbar-toggle.support-grid .support-card h3 {
        white-space: nowrap !important;
        flex-shrink: 1 !important;
    }
    /* 图标垂直对齐微调（不同 FA 图标 baseline 不同，仅做轻量补偿）*/
    .navbar-toggle.support-grid .support-card-icon {
        line-height: 30px !important;
    }
}

/* ===== business.html 园区产业移动端 4 张折叠卡片（与支撑卡 1:1 复刻）=====
   HTML：4 张 .industry-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 4 张 .support-card
   支撑产业 4 张原 .support-card 复用 index.html 折叠样式（不动 HTML）
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显（about.html 那个错）*/

/* 桌面端兜底隐藏 .navbar-toggle.support-grid */
@media (min-width: 769px) {
    .navbar-toggle.support-grid { display: none !important; }
}

/* 移动端：隐藏桌面 4 张 .industry-card（原桌面 2x2 卡片）*/
@media (max-width: 768px) {
    .industry-card { display: none !important; }
    /* 隐藏桌面 4 张原 .support-card（68x68 大图标 + 段落，移动端会被我新加的 4 张 .navbar-toggle.support-grid 折叠版取代）*/
    .support-grid { display: none !important; }
}

/* ===== faq.html 移动端 3 张分类折叠卡片（与 about.html 1:1 模式）=====
   HTML：3 张 .faq-category-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 .navbar-toggle Bootstrap display:none，.faq-category-card 不动
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid，避免 768px 临界值双显（about.html 那个错）*/

/* 移动端：隐藏桌面 3 张 .faq-category-card（移动端会被新追加的 3 张 .navbar-toggle.support-grid 折叠版取代）*/
@media (max-width: 768px) {
    .faq-category-card { display: none !important; }
}

/* ===== contact.html 移动端 3 张联系方式折叠卡片（与 about.html 1:1 模式）=====
   HTML：3 张 .contact-card 后面追加 <div class="navbar-toggle support-grid"> 容器 + 3 张 .support-card
   桌面端 .navbar-toggle Bootstrap display:none，.contact-card 不动
   ⚠️ 桌面端（>=769px）兜底隐藏 .navbar-toggle.support-grid（business.html 改法已全局生效）*/

/* 移动端：隐藏桌面 3 张 .contact-card */
@media (max-width: 768px) {
    .contact-card { display: none !important; }
    /* 展开态 <p> 内 <a> 链接颜色（避免浏览器默认蓝紫色）*/
    .navbar-toggle.support-grid .support-card.is-expanded p a {
        color: #0D6E39 !important;
        text-decoration: none !important;
    }
    .navbar-toggle.support-grid .support-card.is-expanded p a:hover {
        text-decoration: underline !important;
    }
}

/* faq.html 移动端 3 个 h2 折叠/展开（仅移动端，桌面端 0 改动）
   原 h2 已替换为 <details open class="faq-group"><summary class="faq-category-h2">...</summary>
   移动端 JS 移除 open 属性让 details 默认折叠；summary 复用 h2 视觉样式 */
@media (max-width: 768px) {
    details.faq-group > summary.faq-category-h2 {
        /* 复用原 .faq-category h2 样式 */
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 22px;
        color: #0D6E39;
        font-weight: 600;
        margin: 30px 0 16px;
        padding: 12px 14px;
        background: #fff;
        border-radius: 8px;
        border-left: 4px solid #0D6E39;
        box-shadow: 0 2px 10px rgba(0,0,0,0.06);
        cursor: pointer;
        list-style: none;                 /* 隐藏默认三角 marker */
        user-select: none;
    }
    details.faq-group > summary.faq-category-h2::-webkit-details-marker {
        display: none;                    /* Webkit 隐藏默认 marker */
    }
    /* 折叠/展开 ⌄ 箭头（旋转 180°）*/
    details.faq-group > summary.faq-category-h2::after {
        content: '\f078';                 /* fa-chevron-down */
        font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free';
        font-weight: 900;
        color: #0D6E39;
        font-size: 14px;
        transition: transform 0.3s ease;
    }
    details.faq-group[open] > summary.faq-category-h2::after {
        transform: rotate(180deg);
    }
    /* 折叠时：所有 .faq-item 隐藏（已由 <details> 默认行为控制——无 open 不显示子元素）*/
}

/* faq.html 移动端：缩短各区块间距（桌面端 0 改动） */
@media (max-width: 768px) {
    /* HTML5 元素浏览器默认 margin 重置（根因之一） */
    section { margin: 0 !important; }
    .title-midd { margin-top: 0 !important; }
    .title-midd.margin-top60 { margin-top: 8px !important; }
    .faq-search-wrapper { margin-bottom: 8px !important; padding: 12px !important; }
    .navbar-toggle.support-grid { margin-top: 0 !important; }
    .navbar-toggle.support-grid .support-card { margin-bottom: 8px !important; }
    details.faq-group > summary.faq-category-h2 { margin: 12px 0 8px !important; padding: 10px 14px !important; font-size: 18px !important; }
    .cta-section { padding: 12px 0 !important; margin: 0 !important; }
    .cta-section h2 { font-size: 20px !important; margin-bottom: 8px !important; }
    .cta-section > p { margin-bottom: 12px !important; }
    .cta-section .cta-cards { gap: 6px !important; }
    .cta-section .cta-card { padding: 10px !important; margin: 0 !important; }
    .footer { margin-top: 0 !important; padding: 0 !important; }
    .footer .container { padding: 12px !important; }
    /* banner 图与下方内容间距 */
    .title-midd h2 { margin: 0 !important; }
}

/* hyxw/gzdt/xmxx 子页文章列表：和 news.html 行为同步
   - 移动端（≤767px）默认 5 条
   - 桌面端（≥768px）默认 10 条
   - 超过的 li 在 DOM 里保留但不可见（用户可见数量与 news.html 一致）
   - 与 news.html 的 matchMedia('(max-width: 767px)') 同源断点 */
@media (max-width: 767px) {
    .article-list-mob-cut > li:nth-of-type(n+6) { display: none; }
}
@media (min-width: 768px) {
    .article-list-mob-cut > li:nth-of-type(n+11) { display: none; }
}

/* ============================================================
   THEME UPGRADE — 现代主题增强层 (2026-06-11)
   说明：本块为视觉升级追加，不修改任何现有规则
   回滚：sed -i '/THEME UPGRADE — 现代主题增强层/,$d' custom.css
   分步说明：本次仅追加 CSS 变量地基，无视觉副作用
   ============================================================ */

:root {
    /* ---- 主色系（深绿渐变，呼应农业/生态主题）---- */
    --primary:       #0D6E39;
    --primary-dark:  #0a5a2e;
    --primary-light: #1a8a4a;
    --primary-grad:      linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%);
    --primary-grad-soft: linear-gradient(135deg, rgba(13,110,57,0.92) 0%, rgba(26,138,74,0.92) 100%);

    /* ---- 点缀色：稻穗金（用于强调、装饰线、数字）---- */
    --accent:      #E8B931;
    --accent-dark: #C99A1D;
    --accent-grad: linear-gradient(135deg, #E8B931 0%, #F2CC4D 100%);

    /* ---- 中性色（略带绿调，避免纯灰呆板）---- */
    --ink-900: #1a2e22;   /* 极深绿黑 */
    --ink-700: #333;
    --ink-500: #777;
    --ink-300: #ddd;
    --bg-soft: #f7faf8;   /* 浅绿白底 */

    /* ---- 阴影层级（带淡绿色调，比纯灰更生动）---- */
    --shadow-sm:     0 2px 6px  rgba(13,110,57,0.06), 0 1px 2px  rgba(0,0,0,0.04);
    --shadow-md:     0 8px 24px rgba(13,110,57,0.10), 0 2px 6px  rgba(0,0,0,0.06);
    --shadow-lg:     0 16px 40px rgba(13,110,57,0.14), 0 4px 12px rgba(0,0,0,0.08);
    --shadow-accent: 0 8px 20px rgba(232,185,49,0.25);

    /* ---- 过渡曲线（统一节奏）---- */
    --ease:   cubic-bezier(0.4, 0, 0.2, 1);
    --t-fast: 0.2s;
    --t-base: 0.35s;
    --t-slow: 0.6s;

    /* ---- 圆角层级 ---- */
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 16px;
}

/* ============================================================
   THEME UPGRADE — 视觉强化（标题/数字/链接/滚动入场）
   仅桌面端，移动端保持原样
   ============================================================ */
@media (min-width: 769px) {

    /* ---- 1. 标题装饰线（稻穗金渐变）---- */
    .title-midd h2 {
        position: relative;
        display: inline-block;
        padding-bottom: 14px;
    }
    .title-midd h2::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 60px;
        height: 3px;
        background: var(--accent-grad);
        border-radius: 2px;
        transform: translateX(-50%);
        box-shadow: 0 2px 6px rgba(232,185,49,0.25);
    }
    /* About-us 区块标题左对齐版本 */
    .About-us-title h2::after {
        left: 0;
        transform: none;
    }

    /* ---- 2. vd-text 数字模块视觉强化 ---- */
    .vd-text {
        transition: transform var(--t-base) var(--ease);
    }
    .vd-text:hover {
        transform: translateY(-3px);
    }
    /* 让纯数字 b 用渐变色（非数字文本不变，因为是后续 JS 加 .num-target span 来锁定） */
    .vd-text b .num-target {
        background: var(--primary-grad);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-weight: 700;
    }

    /* ---- 3. company02 (组织架构图链接) hover ---- */
    .company02 {
        display: inline-block;
        transition: transform var(--t-base) var(--ease),
                    box-shadow var(--t-base) var(--ease);
        border-radius: var(--r-md);
        overflow: hidden;
    }
    .company02:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-md);
    }

    /* ---- 4. 滚动入场动画 ---- */
    .reveal-on-scroll {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity var(--t-slow) var(--ease),
                    transform var(--t-slow) var(--ease);
        will-change: opacity, transform;
    }
    .reveal-on-scroll.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---- 5. 无障碍：用户开启「减少动画」时，全部回到静态 ---- */
@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .vd-text,
    .company02 {
        transition: none !important;
    }
    .vd-text:hover,
    .company02:hover {
        transform: none !important;
    }
}

/* ============================================================
   THEME UPGRADE B — Hero 升级 / 数据气泡 / 圆形胶囊卡 (2026-06-11)
   说明：在原 banner-slider 之上叠加视觉，不修改原结构
   回滚：从此处到文件末尾整段删除
   ============================================================ */

/* ---- 1. Hero：绿色渐变遮罩 + 大字 + 「」装饰 ---- */
@media (min-width: 769px) {
    /* 把原黑色遮罩 rgba(0,0,0,.5) 换成自下而上的绿色渐变 */
    .banner-slider .item div {
        background: linear-gradient(180deg,
            rgba(13,110,57,0.20) 0%,
            rgba(13,110,57,0.45) 60%,
            rgba(13,110,57,0.78) 100%) !important;
    }

    /* 主标字号放大 + 强投影（让标语穿透摄影图） */
    .banner-slider .item h2 {
        font-size: 64px !important;
        line-height: 1.15 !important;
        letter-spacing: 4px !important;
        text-shadow: 0 4px 24px rgba(0,0,0,0.45),
                     0 2px 6px rgba(0,0,0,0.55) !important;
    }
    .banner-slider .item h2 span:first-child {
        font-size: 64px !important;
    }
    /* 副标更柔和、间距大一点 */
    .banner-slider .item h2 span:nth-child(n+2) {
        font-size: 22px !important;
        letter-spacing: 6px !important;
        font-weight: 400 !important;
        opacity: 0.95;
        text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    }

    /* 主标「」装饰括号（hero 第一个 span 前后各加一个） */
    .banner-slider .item h2 span:first-child::before {
        content: '「';
        color: var(--accent);
        font-weight: 300;
        margin-right: 18px;
        font-size: 0.85em;
        vertical-align: top;
    }
    .banner-slider .item h2 span:first-child::after {
        content: '」';
        color: var(--accent);
        font-weight: 300;
        margin-left: 18px;
        font-size: 0.85em;
        vertical-align: bottom;
    }

    /* hero 图片整体微缩放（Ken Burns 极弱版） */
    .banner-slider .item img {
        transition: transform 8s var(--ease);
    }
    .banner-slider .owl-item.active .item img {
        transform: scale(1.04);
    }
}

/* ---- 2. 波浪分隔条（CSS 容器样式 ---- */
.hero-wave {
    display: block;
    width: 100%;
    height: 80px;
    margin: -80px 0 0;    /* 把波浪叠在 hero 底部上 */
    position: relative;
    z-index: 5;
    pointer-events: none;
}
.hero-wave svg { display: block; width: 100%; height: 100%; }

/* ---- 3. 数据气泡环绕模块 .data-orbit ---- */
.data-orbit {
    position: relative;
    padding: 80px 0 100px;
    background: linear-gradient(180deg, var(--bg-soft) 0%, #fff 100%);
    overflow: hidden;
}
.data-orbit .container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}
.data-orbit-stage {
    position: relative;
    width: 100%;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 中心人物圆形（占位用渐变） */
.data-orbit-center {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%,
        #b8d5b5 0%, #5fa56a 55%, #0D6E39 100%);
    box-shadow: var(--shadow-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.85);
    text-align: center;
    font-size: 14px;
    padding: 20px;
    z-index: 2;
    overflow: hidden;
}
.data-orbit-center::before {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 2px dashed rgba(13,110,57,0.25);
    animation: orbitSpin 40s linear infinite;
}
.data-orbit-center::after {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
    border: 1px solid rgba(232,185,49,0.35);
    animation: orbitSpin 60s linear infinite reverse;
}
@keyframes orbitSpin {
    to { transform: rotate(360deg); }
}
/* 气泡：绝对定位环绕 */
.data-bubble {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff 0%, #f0f8f2 100%);
    box-shadow: 0 12px 28px rgba(13,110,57,0.18),
                inset 0 0 0 2px rgba(13,110,57,0.10);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--primary);
    z-index: 3;
    opacity: 0;
    transform: scale(0.3);
    transition: opacity 0.6s var(--ease),
                transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow var(--t-base) var(--ease);
}
.data-bubble:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 16px 36px rgba(13,110,57,0.28),
                inset 0 0 0 2px var(--accent);
}
.data-bubble .bubble-num {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    background: var(--primary-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.data-bubble .bubble-num small {
    font-size: 14px;
    margin-left: 2px;
    -webkit-text-fill-color: var(--primary);
}
.data-bubble .bubble-label {
    font-size: 12px;
    color: var(--ink-500);
    margin-top: 6px;
    letter-spacing: 1px;
}
/* 文字型气泡（"国家政策支持" 等） */
.data-bubble--text .bubble-num {
    font-size: 16px;
    font-weight: 600;
    -webkit-text-fill-color: var(--primary);
}
/* 6 个气泡的位置（围绕中心） */
.data-bubble:nth-child(1) { top:  5%; left: 12%; }
.data-bubble:nth-child(2) { top:  5%; right: 12%; }
.data-bubble:nth-child(3) { top: 42%; left:  2%; }
.data-bubble:nth-child(4) { top: 42%; right: 2%; }
.data-bubble:nth-child(5) { bottom: 5%; left: 18%; }
.data-bubble:nth-child(6) { bottom: 5%; right: 18%; }

/* 进入视野后激活 */
.data-orbit.is-visible .data-bubble {
    opacity: 1;
    transform: scale(1);
}
.data-orbit.is-visible .data-bubble:nth-child(1) { transition-delay: 0.10s; }
.data-orbit.is-visible .data-bubble:nth-child(2) { transition-delay: 0.20s; }
.data-orbit.is-visible .data-bubble:nth-child(3) { transition-delay: 0.30s; }
.data-orbit.is-visible .data-bubble:nth-child(4) { transition-delay: 0.40s; }
.data-orbit.is-visible .data-bubble:nth-child(5) { transition-delay: 0.50s; }
.data-orbit.is-visible .data-bubble:nth-child(6) { transition-delay: 0.60s; }

.data-orbit-title {
    text-align: center;
    margin-bottom: 30px;
}
.data-orbit-title h2 {
    font-size: 36px;
    color: var(--primary);
    margin: 0 0 12px;
    position: relative;
    display: inline-block;
    padding-bottom: 14px;
}
.data-orbit-title h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 4px;
    background: var(--accent-grad);
    border-radius: 2px;
    transform: translateX(-50%);
}
.data-orbit-title p {
    color: var(--ink-500);
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0;
}

/* ---- 4. 圆形胶囊卡片模块 .feature-circles ---- */
.feature-circles {
    padding: 80px 0 100px;
    background: #fff;
    text-align: center;
}
.feature-circles-title {
    margin-bottom: 50px;
}
.feature-circles-title h2 {
    font-size: 32px;
    color: var(--primary);
    margin: 0 0 12px;
    position: relative;
    display: inline-block;
    padding-bottom: 14px;
}
.feature-circles-title h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: var(--accent-grad);
    border-radius: 2px;
    transform: translateX(-50%);
}
.feature-circles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
}
.feature-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(40px) scale(0.9);
    transition: opacity 0.7s var(--ease),
                transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.feature-circles.is-visible .feature-circle { opacity: 1; transform: none; }
.feature-circles.is-visible .feature-circle:nth-child(1) { transition-delay: 0.10s; }
.feature-circles.is-visible .feature-circle:nth-child(2) { transition-delay: 0.25s; }
.feature-circles.is-visible .feature-circle:nth-child(3) { transition-delay: 0.40s; }
.feature-circles.is-visible .feature-circle:nth-child(4) { transition-delay: 0.55s; }

.feature-circle-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4ebd9 0%, #5fa56a 100%);
    box-shadow: var(--shadow-md);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.85);
    font-size: 13px;
    text-align: center;
    padding: 18px;
    transition: transform var(--t-base) var(--ease),
                box-shadow var(--t-base) var(--ease);
}
.feature-circle:hover .feature-circle-img {
    transform: rotate(3deg) scale(1.04);
    box-shadow: var(--shadow-lg);
}
.feature-circle-img::before {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.4);
}

.feature-circle-card {
    margin-top: -30px;
    background: #fff;
    border-radius: 100px;
    padding: 42px 24px 24px;
    box-shadow: var(--shadow-sm);
    width: 92%;
    border: 1px solid rgba(13,110,57,0.08);
    transition: transform var(--t-base) var(--ease),
                box-shadow var(--t-base) var(--ease);
}
.feature-circle:hover .feature-circle-card {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}
.feature-circle-card h3 {
    color: var(--primary);
    font-size: 19px;
    margin: 0 0 10px;
    font-weight: 600;
}
.feature-circle-card p {
    color: var(--ink-500);
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

/* ---- 5. 移动端：数据气泡和圆形卡的简化版 ---- */
@media (max-width: 768px) {
    .data-orbit { padding: 40px 0 50px; }
    .data-orbit-stage {
        height: auto;
        flex-direction: column;
        gap: 18px;
        padding: 20px 0;
    }
    .data-orbit-center {
        width: 200px;
        height: 200px;
        font-size: 12px;
    }
    .data-bubble {
        position: static !important;
        width: 100%;
        max-width: 320px;
        height: 70px;
        flex-direction: row;
        gap: 16px;
        padding: 0 20px;
    }
    .data-bubble .bubble-num { font-size: 22px; }
    .data-bubble .bubble-label { margin-top: 0; }
    .feature-circles { padding: 40px 0 50px; }
    .feature-circles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
    .feature-circle-img { width: 130px; height: 130px; }
    .feature-circle-card { padding: 32px 16px 18px; }
    .feature-circle-card h3 { font-size: 16px; }
    .feature-circle-card p { font-size: 12px; }
}

/* ---- 6. reduced-motion 兜底 ---- */
@media (prefers-reduced-motion: reduce) {
    .data-bubble,
    .feature-circle {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .data-orbit-center::before,
    .data-orbit-center::after,
    .banner-slider .owl-item.active .item img {
        animation: none !important;
        transform: none !important;
    }
}

/* ============================================================
   BOLD REDESIGN CSS — 2026-06-11
   全套 .bold-* 样式：通用 + 5 个 section + 动效 + 移动端
   回滚：sed -i '/BOLD REDESIGN CSS/,$d' custom.css
   ============================================================ */

/* ---- 0. 通用框架 ---- */
.bold-main {
    background: #fff;
    overflow-x: hidden;
}
.bold-section {
    padding: 90px 0;
    position: relative;
}
.bold-section-head {
    text-align: center;
    margin-bottom: 60px;
}
.bold-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 4px;
    color: var(--accent-dark);
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    position: relative;
    padding: 0 50px;
}
.bold-eyebrow::before,
.bold-eyebrow::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 36px;
    height: 1px;
    background: var(--accent);
    opacity: 0.6;
}
.bold-eyebrow::before { left: 0; }
.bold-eyebrow::after  { right: 0; }

.bold-title {
    font-size: 42px;
    color: var(--primary);
    font-weight: 700;
    margin: 0 0 18px;
    line-height: 1.25;
    letter-spacing: 2px;
}
.bold-grad {
    background: var(--primary-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bold-section-sub {
    font-size: 16px;
    color: var(--ink-500);
    letter-spacing: 4px;
    margin: 0;
}
.bold-cta-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 36px;
    background: var(--primary-grad);
    color: #fff !important;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(13,110,57,0.30);
    transition: transform var(--t-base) var(--ease),
                box-shadow var(--t-base) var(--ease);
}
.bold-cta-pill:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(13,110,57,0.42);
    color: #fff !important;
    text-decoration: none;
}
.bold-cta-pill--outline {
    background: #fff;
    color: var(--primary) !important;
    border: 2px solid var(--primary);
    box-shadow: 0 4px 14px rgba(13,110,57,0.10);
}
.bold-cta-pill--outline:hover {
    background: var(--primary-grad);
    color: #fff !important;
}
.bold-placeholder {
    color: rgba(255,255,255,0.92);
    text-align: center;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.bold-placeholder strong {
    display: inline-block;
    font-size: 16px;
    margin: 4px 0;
    color: #fff;
}
.bold-section-cta-wrap {
    text-align: center;
    margin-top: 50px;
}

/* ---- 入场动画基类 ---- */
.bold-section {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.9s var(--ease),
                transform 0.9s var(--ease);
}
.bold-section.is-visible {
    opacity: 1;
    transform: none;
}

/* ---- 1. ② 极简关于 .bold-about ---- */
.bold-about {
    text-align: center;
    padding: 50px 0 90px;
    background: linear-gradient(180deg, #fff 0%, var(--bg-soft) 100%);
}
.bold-about .bold-eyebrow { margin-bottom: 24px; }
.bold-about .bold-title {
    font-size: 48px;
    margin-bottom: 22px;
}
.bold-about-sub {
    font-size: 18px;
    color: var(--ink-700);
    letter-spacing: 4px;
    font-weight: 500;
    margin: 0 0 26px;
}
.bold-about-body {
    font-size: 15px;
    color: var(--ink-500);
    line-height: 2;
    max-width: 760px;
    margin: 0 auto 36px;
}

/* ---- 2. ③ 数据气泡环绕 .bold-orbit ---- */
.bold-orbit {
    background: linear-gradient(180deg, var(--bg-soft) 0%, #fff 60%, var(--bg-soft) 100%);
    overflow: hidden;
    padding-bottom: 120px;
}
.bold-orbit-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle,
        rgba(232,185,49,0.15) 0%,
        rgba(13,110,57,0.08) 40%,
        transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}
.bold-orbit .container { position: relative; z-index: 1; }

.bold-orbit-stage {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 600px;
    margin: 0 auto;
}

.bold-orbit-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    pointer-events: none;
}
.bold-orbit-ring--outer {
    width: 580px;
    height: 580px;
    transform: translate(-50%, -50%);
    border: 1px dashed rgba(13,110,57,0.30);
    animation: boldRingSpin 50s linear infinite;
}
.bold-orbit-ring--inner {
    width: 420px;
    height: 420px;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(232,185,49,0.45);
    animation: boldRingSpin 35s linear infinite reverse;
}
@keyframes boldRingSpin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.bold-orbit-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%,
        #b8d5b5 0%, #5fa56a 55%, #0D6E39 100%);
    box-shadow: var(--shadow-lg),
                inset 0 0 0 6px rgba(255,255,255,0.18);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    z-index: 2;
    overflow: hidden;
}
.bold-orbit-center::after {
    content: '';
    position: absolute;
    inset: 12px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.20);
}

/* 气泡：用三角函数定位，但 CSS 不支持，用预算位置（8 个方位） */
.bold-bubble {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff 0%, #f0f8f2 100%);
    box-shadow: 0 12px 28px rgba(13,110,57,0.18),
                inset 0 0 0 2px rgba(13,110,57,0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 3;
    opacity: 0;
    transform: scale(0.3);
    transition: opacity 0.7s var(--ease),
                transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow var(--t-base) var(--ease);
}
/* 2026-06-15: 删 .bold-bubble:hover (基础类), 鼠标 hover 不做任何动作 */
.bold-bubble-num {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--primary);
}
.bold-bubble-num .bold-num-target {
    background: var(--primary-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bold-bubble-num small {
    font-size: 13px;
    margin-left: 3px;
    color: var(--primary);
}
.bold-bubble-label {
    font-size: 12px;
    color: var(--ink-500);
    margin-top: 6px;
    letter-spacing: 1px;
}
.bold-bubble--text .bold-bubble-num {
    font-size: 15px;
    font-weight: 600;
}

/* 6 个气泡的位置（环绕中心 320px 圆；i:7 / i:8 历史规则已删：HTML 只有 i:1~i:6） */
.bold-bubble[style*="--i:1"] { top:  4%; left: 30%; transition-delay: 0.10s; }
.bold-bubble[style*="--i:2"] { top:  4%; right: 30%; transition-delay: 0.18s; }
.bold-bubble[style*="--i:3"] { top: 24%; right:  6%; transition-delay: 0.26s; }
.bold-bubble[style*="--i:4"] { top: 56%; right:  6%; transition-delay: 0.34s; }
.bold-bubble[style*="--i:5"] { bottom: 4%; right: 30%; transition-delay: 0.42s; }
.bold-bubble[style*="--i:6"] { bottom: 4%; left: 30%; transition-delay: 0.50s; }

.bold-orbit.is-visible .bold-bubble {
    opacity: 1;
    transform: scale(1);
}

/* ---- 3. ④ 新闻 .bold-news ---- */
.bold-news {
    background: linear-gradient(135deg, #c8e6a0 0%, #8AD32A 100%);
    padding-bottom: 110px;
}
.bold-news-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
}
.bold-news-left {
    padding: 20px;
    background: transparent;                        /* 100% 透明（v226+） */
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(13,110,57,0.25),
                0 4px 12px rgba(0,0,0,0.10),
                inset 0 0 0 1px rgba(255,255,255,0.5);
}

.bold-news-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    gap: 6px;
    border-bottom: 2px solid rgba(13,110,57,0.10);
}
.bold-news-tab {
    padding: 14px 24px;
    cursor: pointer;
    font-size: 15px;
    color: var(--ink-500);
    font-weight: 500;
    position: relative;
    transition: color var(--t-fast) var(--ease);
    user-select: none;
}
.bold-news-tab i { margin-right: 6px; }
.bold-news-tab::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--primary-grad);
    transition: all var(--t-base) var(--ease);
    transform: translateX(-50%);
}
.bold-news-tab:hover { color: var(--primary); }
.bold-news-tab.bold-active {
    color: var(--primary);
    font-weight: 600;
}
.bold-news-tab.bold-active::after { width: 70%; }

.bold-news-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: none;
    animation: boldFadeIn 0.4s var(--ease);
}
.bold-news-list.bold-active { display: block; }
@keyframes boldFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
}
.bold-news-list li {
    border-bottom: 1px dashed rgba(13,110,57,0.12);
    transition: background var(--t-fast) var(--ease);
}
.bold-news-list li:last-child { border-bottom: none; }
.bold-news-list li:hover { background: rgba(13,110,57,0.04); }

.bold-news-list a {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px 12px;
    color: var(--ink-700);
    text-decoration: none;
    transition: color var(--t-fast) var(--ease),
                transform var(--t-fast) var(--ease);
}
.bold-news-list a:hover {
    color: var(--primary);
    transform: translateX(4px);
}
.bold-news-date {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    letter-spacing: 1px;
    width: 56px;
    text-align: center;
    padding: 8px 0;
    background: rgba(13,110,57,0.06);
    border-radius: 6px;
}
.bold-news-title {
    font-size: 14.5px;
    line-height: 1.55;
    flex: 1;
}
.bold-news-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 20px;
    border: 1px solid rgba(13,110,57,0.30);
    transition: all var(--t-fast) var(--ease);
}
.bold-news-more:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
    transform: translateX(4px);
}

.bold-news-right {
    position: relative;
    padding: 30px;
}
.bold-news-bigimg {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: var(--r-lg);
    background: linear-gradient(135deg, #5fa56a 0%, #0D6E39 100%);
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.bold-news-bigimg::before {
    content: '';
    position: absolute;
    inset: 12px;
    border-radius: calc(var(--r-lg) - 4px);
    border: 2px dashed rgba(255,255,255,0.30);
}
.bold-leaf {
    position: absolute;
    width: 80px;
    height: 80px;
    pointer-events: none;
    transition: transform 3s var(--ease);
}
.bold-leaf--tl { top: -12px; left: -12px; }
.bold-leaf--br { bottom: -12px; right: -12px; transform: rotate(180deg); }
.bold-news:hover .bold-leaf--tl { transform: rotate(-8deg); }
.bold-news:hover .bold-leaf--br { transform: rotate(188deg); }

/* ---- 4. ⑤ 产业体系 .bold-pillars ---- */
.bold-pillars {
    background: linear-gradient(180deg, var(--bg-soft) 0%, #fff 100%);
    padding-bottom: 110px;
}
.bold-pillars-stage {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 600px;
    margin: 0 auto;
}
.bold-pillars-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    pointer-events: none;
}
.bold-pillars-ring--outer {
    width: 560px;
    height: 560px;
    transform: translate(-50%, -50%);
    border: 1px dashed rgba(13,110,57,0.30);
    animation: boldRingSpin 60s linear infinite;
}
.bold-pillars-ring--inner {
    width: 380px;
    height: 380px;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(232,185,49,0.45);
    animation: boldRingSpin 40s linear infinite reverse;
}
.bold-pillars-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: var(--primary-grad);
    box-shadow: var(--shadow-lg),
                inset 0 0 0 6px rgba(255,255,255,0.16);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
    color: #fff;
    animation: boldBreath 4s ease-in-out infinite;
}
@keyframes boldBreath {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50%      { transform: translate(-50%, -50%) scale(1.04); }
}
.bold-pillars-center strong {
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 8px;
}
.bold-pillars-center em {
    font-style: normal;
    font-size: 13px;
    letter-spacing: 3px;
    opacity: 0.9;
}

/* 4 个产业围绕 */
.bold-pillar {
    position: absolute;
    width: 200px;
    text-align: center;
    z-index: 3;
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.7s var(--ease),
                transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.bold-pillars.is-visible .bold-pillar {
    opacity: 1;
    transform: scale(1);
}
.bold-pillar[style*="--i:1"] { top:  6%; left: 50%; margin-left: -100px; transition-delay: 0.15s; }
.bold-pillar[style*="--i:2"] { top: 50%; right: 4%; margin-top: -90px;   transition-delay: 0.30s; }
.bold-pillar[style*="--i:3"] { bottom: 6%; left: 50%; margin-left: -100px; transition-delay: 0.45s; }
.bold-pillar[style*="--i:4"] { top: 50%; left:  4%; margin-top: -90px;   transition-delay: 0.60s; }

.bold-pillar-circle {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--accent);
    color: var(--primary);
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: var(--shadow-md);
    transition: transform var(--t-base) var(--ease),
                background var(--t-base) var(--ease),
                color var(--t-base) var(--ease);
}
.bold-pillar:hover .bold-pillar-circle {
    background: var(--primary-grad);
    color: #fff;
    transform: scale(1.10) rotate(-8deg);
}
.bold-pillar-text h3 {
    font-size: 17px;
    color: var(--primary);
    margin: 0 0 6px;
    font-weight: 600;
}
.bold-pillar-text p {
    font-size: 12.5px;
    color: var(--ink-500);
    line-height: 1.6;
    margin: 0;
}

/* ---- 5. ⑥ 支撑产业 .bold-support ---- */
.bold-support {
    background: #fff;
    padding-bottom: 100px;
}
.bold-support-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
    max-width: 1100px;
    margin: 0 auto;
}
.bold-support-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;  /* 2026-06-15: 卡片改 a 标签后去下划线 */
    color: inherit;          /* 继承父级 color, 不变蓝 */
    opacity: 0;
    transform: translateY(40px) scale(0.9);
    transition: opacity 0.7s var(--ease),
                transform 0.85s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.bold-support.is-visible .bold-support-item { opacity: 1; transform: none; }
.bold-support-item[style*="--i:1"] { transition-delay: 0.10s; }
.bold-support-item[style*="--i:2"] { transition-delay: 0.25s; }
.bold-support-item[style*="--i:3"] { transition-delay: 0.40s; }
.bold-support-item[style*="--i:4"] { transition-delay: 0.55s; }

.bold-support-circle {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4ebd9 0%, #5fa56a 60%, #0D6E39 100%);
    box-shadow: var(--shadow-md);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
    transition: transform var(--t-base) var(--ease),
                box-shadow var(--t-base) var(--ease);
}
.bold-support-circle i {
    font-size: 38px;
    margin-bottom: 6px;
    opacity: 0.95;
}
.bold-support-circle::before {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.30);
}
.bold-support-placeholder {
    font-size: 11px;
    text-align: center;
    line-height: 1.4;
    opacity: 0.85;
}
.bold-support-item:hover .bold-support-circle {
    transform: rotate(4deg) scale(1.05);
    box-shadow: var(--shadow-lg);
}

.bold-support-pill {
    margin-top: -28px;
    background: rgba(255,255,255,0.45);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border-radius: 80px;
    padding: 38px 22px 22px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08),
                inset 0 1px 0 rgba(255,255,255,0.45);
    border: 1px solid rgba(255,255,255,0.30);
    text-align: center;
    width: 90%;
    transition: transform var(--t-base) var(--ease),
                box-shadow var(--t-base) var(--ease);
}
.bold-support-item:hover .bold-support-pill {
    transform: translateY(-6px);
    box-shadow: var(--shadow-md);
}
.bold-support-pill h3 {
    color: var(--primary);
    font-size: 17px;
    margin: 0 0 8px;
    font-weight: 600;
}
.bold-support-pill p {
    color: var(--ink-500);
    font-size: 12.5px;
    line-height: 1.6;
    margin: 0;
}

/* ---- 6. 移动端简化 ---- */
@media (max-width: 768px) {
    .bold-section { padding: 50px 0; }
    .bold-section-head { margin-bottom: 30px; }
    .bold-title { font-size: 26px; letter-spacing: 1px; }
    .bold-section-sub { font-size: 13px; letter-spacing: 2px; }
    .bold-eyebrow { font-size: 11px; padding: 0 30px; }
    .bold-eyebrow::before, .bold-eyebrow::after { width: 22px; }

    .bold-about { padding: 60px 0 40px; }
    .bold-about .bold-title { font-size: 28px; }
    .bold-about-sub { font-size: 14px; letter-spacing: 2px; }
    .bold-about-body { font-size: 13px; padding: 0 12px; }

    /* 数据气泡：纵向排列 */
    .bold-orbit { padding-bottom: 50px; }
    .bold-orbit-stage {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        padding: 20px 16px;
    }
    .bold-orbit-ring, .bold-orbit-glow { display: none; }
    .bold-orbit-center {
        position: static;
        transform: none;
        width: 180px;
        height: 180px;
        margin-bottom: 12px;
    }
    .bold-bubble {
        position: static !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 320px;
        height: 64px;
        flex-direction: row !important;
        gap: 14px;
        padding: 0 22px;
        opacity: 1 !important;
        transform: none !important;
    }
    .bold-bubble-num { font-size: 20px; }
    .bold-bubble-label { margin-top: 0; }

    /* 新闻：单列 */
    .bold-news-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .bold-news-left, .bold-news-right { padding: 0; }
    .bold-news-tabs { gap: 0; overflow-x: auto; }
    .bold-news-tab { padding: 12px 14px; font-size: 13px; }
    .bold-news-title { font-size: 13px; }

    /* 产业：纵向排列 */
    .bold-pillars-stage {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        padding: 20px 0;
    }
    .bold-pillars-ring { display: none; }
    .bold-pillars-center {
        position: static;
        transform: none;
        width: 180px;
        height: 180px;
        animation: none;
        margin-bottom: 12px;
    }
    .bold-pillar {
        position: static !important;
        margin: 0 !important;
        width: 90%;
        opacity: 1 !important;
        transform: none !important;
        display: flex;
        align-items: center;
        gap: 16px;
        text-align: left;
    }
    .bold-pillar-circle {
        margin: 0;
        width: 60px;
        height: 60px;
        font-size: 22px;
        flex-shrink: 0;
    }

    /* 支撑：2 列 */
    .bold-support-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .bold-support-circle { width: 120px; height: 120px; }
    .bold-support-circle i { font-size: 26px; }
    .bold-support-pill { padding: 30px 14px 16px; }
    .bold-support-pill h3 { font-size: 14px; }
    .bold-support-pill p { font-size: 12px; }
}

/* ---- 7. reduced-motion 兜底 ---- */
@media (prefers-reduced-motion: reduce) {
    .bold-section,
    .bold-bubble,
    .bold-pillar,
    .bold-support-item {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .bold-orbit-ring,
    .bold-pillars-ring,
    .bold-pillars-center,
    .bold-leaf {
        animation: none !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* ============================================================
   BOLD-NAV CSS — 2026-06-11
   大胆导航设计：顶部色带 / 透明叠 hero / 滚动切实色 / 胶囊 CTA / 玻璃下拉
   回滚：sed -i '/BOLD-NAV CSS/,$d' custom.css
   ============================================================ */

/* ---- 0. 容器：固定定位 + 顶部色带 ---- */
.bold-nav.header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 9999;
    transition: background 0.45s var(--ease),
                box-shadow 0.45s var(--ease),
                backdrop-filter 0.45s var(--ease);
}
/* 顶部 4px 品牌色带（绿→金渐变） */
.bold-nav.header::before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg,
        #0D6E39 0%,
        #1a8a4a 35%,
        #E8B931 70%,
        #F2CC4D 100%);
    box-shadow: 0 1px 6px rgba(232,185,49,0.30);
    transition: opacity 0.45s var(--ease);
}

/* container 内布局：左 logo + 右菜单 */
.bold-nav.header > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px !important;
    max-width: 1280px;
    margin: 0 auto;
    min-height: 70px;
    position: relative;
}

/* ---- 1. LOGO 区域 ---- */
.bold-nav .pc-logoer {
    flex-shrink: 0;
}
.bold-nav .pc-logoer > a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.45);
    text-decoration: none !important;
    transition: color 0.45s var(--ease),
                text-shadow 0.45s var(--ease);
    letter-spacing: 1px;
}
.bold-nav .pc-logo-img {
    width: 38px !important;
    height: 38px !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));
    transition: filter 0.45s var(--ease);
}

/* ---- 2. 主菜单 ---- */
.bold-nav .navbar.nav-right-top {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    min-height: auto !important;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.bold-nav .nav-dh-list {
    display: flex !important;
    align-items: center;
    gap: 2px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    flex-wrap: nowrap;
}
.bold-nav .nav-dh-list > li {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}
.bold-nav .nav-dh-list > li > a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 14px 18px !important;
    color: #fff !important;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
    background: transparent !important;
    border: none !important;
    border-radius: 6px;
    transition: color 0.3s var(--ease),
                background 0.3s var(--ease),
                text-shadow 0.3s var(--ease);
    position: relative;
}
.bold-nav .nav-dh-list > li > a i {
    font-size: 13px;
    opacity: 0.95;
}
/* 底部短条（hover + active） */
.bold-nav .nav-dh-list > li > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 0;
    height: 3px;
    background: var(--accent-grad);
    border-radius: 2px;
    transform: translateX(-50%);
    transition: width 0.35s var(--ease);
    box-shadow: 0 2px 6px rgba(232,185,49,0.40);
}
.bold-nav .nav-dh-list > li:hover > a {
    color: #FFF1C7 !important;
}
.bold-nav .nav-dh-list > li:hover > a::after {
    width: 28px;
}
.bold-nav .nav-dh-list > li.active > a {
    color: var(--accent) !important;
    font-weight: 600;
}
.bold-nav .nav-dh-list > li.active > a::after {
    width: 36px;
}

/* ---- 3. "联系我们" 改胶囊 CTA 按钮 ---- */
.bold-nav .nav-dh-list > li:last-child > a {
    margin-left: 14px;
    padding: 10px 22px !important;
    background: rgba(255,255,255,0.18) !important;
    border: 1.5px solid rgba(255,255,255,0.55) !important;
    border-radius: 999px !important;
    color: #fff !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.35s var(--ease);
}
.bold-nav .nav-dh-list > li:last-child > a::after {
    display: none;
}
.bold-nav .nav-dh-list > li:last-child:hover > a {
    background: var(--accent-grad) !important;
    color: var(--primary) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 8px 22px rgba(232,185,49,0.45);
    transform: translateY(-2px);
}

/* ---- 4. 下拉子菜单（新闻中心）：玻璃磨砂 + 大圆角 ---- */
.bold-nav .sub-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-8px) !important;
    min-width: 180px;
    padding: 10px !important;
    margin: 0 !important;
    background: rgba(255,255,255,0.96) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-radius: 16px !important;
    box-shadow: 0 16px 40px rgba(13,110,57,0.18),
                0 4px 12px rgba(0,0,0,0.08),
                inset 0 0 0 1px rgba(255,255,255,0.6);
    opacity: 0;
    visibility: hidden;
    list-style: none;
    z-index: 100;
    transition: opacity 0.3s var(--ease),
                visibility 0.3s var(--ease),
                transform 0.3s var(--ease);
}
.bold-nav .has-submenu:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) !important;
}
.bold-nav .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.bold-nav .sub-menu li a {
    display: block !important;
    padding: 10px 16px !important;
    color: var(--ink-700) !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    text-shadow: none !important;
    border-radius: 10px;
    transition: all 0.2s var(--ease);
    letter-spacing: 1px;
}
.bold-nav .sub-menu li a:hover {
    color: var(--primary) !important;
    background: rgba(13,110,57,0.08) !important;
    transform: translateX(3px);
}

/* 子菜单 chevron 图标小幅旋转 */
.bold-nav .nav-submenu-icon {
    font-size: 11px !important;
    margin-left: 4px;
    transition: transform 0.3s var(--ease);
}
.bold-nav .has-submenu:hover .nav-submenu-icon {
    transform: rotate(180deg);
}

/* ---- 5. 滚动后 .bold-nav--scrolled ---- */
.bold-nav.bold-nav--scrolled {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
    box-shadow: 0 4px 24px rgba(13,110,57,0.10),
                0 1px 4px rgba(0,0,0,0.04) !important;
}
.bold-nav.bold-nav--scrolled .pc-logoer > a {
    color: var(--primary) !important;
    text-shadow: none;
}
.bold-nav.bold-nav--scrolled .pc-logo-img {
    filter: none;
}
.bold-nav.bold-nav--scrolled .nav-dh-list > li > a {
    color: var(--ink-700) !important;
    text-shadow: none;
}
.bold-nav.bold-nav--scrolled .nav-dh-list > li:hover > a {
    color: var(--primary) !important;
}
.bold-nav.bold-nav--scrolled .nav-dh-list > li.active > a {
    color: var(--primary) !important;
}
/* 滚动后"联系我们"变实色绿 */
.bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child > a {
    background: var(--primary-grad) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 6px 18px rgba(13,110,57,0.30);
}
.bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child:hover > a {
    background: var(--accent-grad) !important;
    color: var(--primary) !important;
    box-shadow: 0 10px 24px rgba(232,185,49,0.45);
}

/* ---- 6. hero 区添加 padding-top 防被遮（已 fixed，hero 在下层）---- */
/* banner-slider 本身已经占满，nav 是 fixed 叠加，不需要 padding-top */
/* 但如果 hero 没了（其他页），要给 body 加 padding-top — 这里只处理首页 */

/* ---- 7. 移动端：保留汉堡菜单功能，但调整 nav 视觉 ---- */
@media (max-width: 767px) {
    .bold-nav.header {
        background: rgba(13,110,57,0.92) !important;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        box-shadow: 0 2px 12px rgba(0,0,0,0.18) !important;
    }
    .bold-nav.header::before {
        height: 3px;
    }
    .bold-nav.header > .container {
        padding: 10px 14px !important;
        min-height: 56px;
    }
    .bold-nav .pc-logoer > a {
        font-size: 14px !important;
        color: #fff !important;
        text-shadow: none;
        gap: 8px;
    }
    .bold-nav .pc-logo-img {
        width: 32px !important;
        height: 32px !important;
    }
    /* 桌面菜单隐藏，由现有的汉堡菜单接管 */
    .bold-nav .nav-dh-list { display: none !important; }
}

/* ---- 8. reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
    .bold-nav.header,
    .bold-nav .pc-logoer > a,
    .bold-nav .nav-dh-list > li > a,
    .bold-nav .sub-menu {
        transition: none !important;
    }
}


/* ============================================================
   BOLD-ORBIT SOLAR (v2 简化版) — 2026-06-11
   纯太阳系：中心静止、8 气泡沿同一圆形轨道运行、无撞击
   全 !important 防特异度冲突
   回滚：sed -i '/BOLD-ORBIT SOLAR/,$d' custom.css
   ============================================================ */

@media (min-width: 769px) {

    /* ---- 1. 舞台：固定尺寸 + box-sizing 防 padding 影响 ---- */
    .bold-orbit-stage {
        width: 700px !important;
        max-width: 100% !important;
        height: 700px !important;
        margin: 0 auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }

    /* ---- 2. 中心大球（太阳）：完全静止、绝对居中 ---- */
    .bold-orbit-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 300px !important;
        height: 300px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        animation: none !important;
        background: radial-gradient(circle at 30% 30%,
            #b8d5b5 0%, #5fa56a 55%, #0D6E39 100%) !important;
        box-shadow:
            var(--shadow-lg),
            inset 0 0 0 6px rgba(255,255,255,0.18),
            0 0 60px rgba(13,110,57,0.30),
            0 0 100px rgba(232,185,49,0.18) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 30px !important;
        z-index: 2 !important;
    }

    /* ---- 3. 装饰圆弧：居中 + 慢速旋转 ---- */
    .bold-orbit-ring--outer,
    .bold-orbit-ring--inner {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        margin: 0 !important;
        border-radius: 50% !important;
        pointer-events: none !important;
    }
    .bold-orbit-ring--outer {
        width: 580px !important;
        height: 580px !important;
        transform: translate(-50%, -50%) !important;
        border: 1px dashed rgba(13,110,57,0.25) !important;
        animation: solarRingSpin 80s linear infinite !important;
    }
    .bold-orbit-ring--inner {
        width: 460px !important;
        height: 460px !important;
        transform: translate(-50%, -50%) !important;
        border: 1px solid rgba(232,185,49,0.35) !important;
        animation: solarRingSpin 60s linear infinite reverse !important;
    }
    @keyframes solarRingSpin {
        to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    /* ---- 4. 8 个气泡：共用基础样式 ---- */
    .bold-bubble,
    .bold-bubble[style*="--i:"] {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: 120px !important;
        height: 120px !important;
        margin: 0 !important;  /* 2026-06-15: 改 0, 让 v34 transform translate(-50%,-50%) 生效抵消 element center */
        opacity: 0 !important;
        transition: opacity 0.7s var(--ease) !important;
        animation: none !important;
        z-index: 3;
    }
    .bold-orbit.is-visible .bold-bubble {
        opacity: 1 !important;
    }
    /* ---- 5.5 v48: 彻底停止 6 个气泡的旋转动画（行 4017 已无条件 animation:none，此处不再限定 :not(.is-visible)） ---- */
    /* 2026-06-15: 删 .bold-bubble cursor: pointer 和 .bold-bubble:hover 整块
       (cursor: pointer 让光标变手型 + hover 时 animation-play-state: paused 暂停 slam 动画 + box-shadow 闪光 + z-index 提升) */

    /* ---- 7. 隐藏可能干扰的 glow 背景（避免视觉混乱）---- */
    .bold-orbit-glow {
        display: none !important;
    }
}

/* ---- 移动端：纵向排列，不启用轨道 ---- */
@media (max-width: 768px) {
    .bold-bubble,
    .bold-bubble[style*="--i:"] {
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .bold-orbit-center { animation: none !important; }
    .bold-orbit-ring--outer,
    .bold-orbit-ring--inner { display: none !important; }
}

/* ---- reduced-motion ---- */
@media (prefers-reduced-motion: reduce) and (min-width: 769px) {
    .bold-bubble {
        animation: none !important;
        /* 静止时用 8 方位环绕兜底 */
    }
    .bold-bubble[style*="--i:1"] { transform: rotate(0deg)   translate(260px) rotate(0deg)   !important; }
    .bold-bubble[style*="--i:2"] { transform: rotate(45deg)  translate(260px) rotate(-45deg)  !important; }
    .bold-bubble[style*="--i:3"] { transform: rotate(90deg)  translate(260px) rotate(-90deg)  !important; }
    .bold-bubble[style*="--i:4"] { transform: rotate(135deg) translate(260px) rotate(-135deg) !important; }
    .bold-bubble[style*="--i:5"] { transform: rotate(180deg) translate(260px) rotate(-180deg) !important; }
    .bold-bubble[style*="--i:6"] { transform: rotate(225deg) translate(260px) rotate(-225deg) !important; }
    /* i:7 / i:8 历史规则已删：HTML 只有 6 个气泡（i:1~i:6） */
    .bold-orbit-ring--outer,
    .bold-orbit-ring--inner,
    .bold-orbit-center {
        animation: none !important;
    }
}

/* ============================================================
   BOLD CTA + FOOTER 升级 — 2026-06-11
   引流横幅 / 深绿 footer / 波浪过渡
   回滚：sed -i '/BOLD CTA + FOOTER/,$d' custom.css
   ============================================================ */

/* ---- 1. 反向波浪（白色 section 到深绿 CTA 的过渡）---- */
.bold-wave-down {
    display: block;
    width: 100%;
    height: 80px;
    margin: 0 0 -1px;
    padding: 0;
    line-height: 0;
    pointer-events: none;
}
.bold-wave-down svg { display: block; width: 100%; height: 100%; }

/* ---- 2. CTA 引流横幅 ---- */
.bold-cta {
    position: relative;
    padding: 90px 0 110px;
    background: linear-gradient(135deg,
        #0a4a26 0%,
        #0D6E39 40%,
        #1a8a4a 100%);
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.bold-cta-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 900px;
    background: radial-gradient(circle,
        rgba(232,185,49,0.20) 0%,
        rgba(232,185,49,0.08) 35%,
        transparent 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.bold-cta .container {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}
.bold-cta-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 5px;
    color: var(--accent);
    font-weight: 600;
    margin-bottom: 24px;
    text-transform: uppercase;
    position: relative;
    padding: 0 60px;
}
.bold-cta-eyebrow::before,
.bold-cta-eyebrow::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 40px;
    height: 1px;
    background: var(--accent);
    opacity: 0.7;
}
.bold-cta-eyebrow::before { left: 0; }
.bold-cta-eyebrow::after  { right: 0; }
.bold-cta-title {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 18px;
    letter-spacing: 2px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.bold-cta-accent {
    background: var(--accent-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline;
    padding: 0 4px;
}
.bold-cta-sub {
    font-size: 17px;
    letter-spacing: 4px;
    color: rgba(255,255,255,0.85);
    margin: 0 0 40px;
}
.bold-cta-actions {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 32px;
}
.bold-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 40px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all var(--t-base) var(--ease);
    letter-spacing: 1px;
    border: 2px solid transparent;
}
.bold-cta-btn--primary {
    background: var(--accent-grad);
    color: var(--primary) !important;
    box-shadow: 0 10px 28px rgba(232,185,49,0.40);
}
.bold-cta-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(232,185,49,0.55);
    color: var(--primary) !important;
}
.bold-cta-btn--ghost {
    background: rgba(255,255,255,0.10);
    color: #fff !important;
    border-color: rgba(255,255,255,0.55);
    backdrop-filter: blur(8px);
}
.bold-cta-btn--ghost:hover {
    background: #fff;
    color: var(--primary) !important;
    border-color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(255,255,255,0.20);
}
.bold-cta-meta {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    letter-spacing: 2px;
    margin: 0;
}
.bold-cta-meta i {
    color: var(--accent);
    margin-right: 4px;
}
.bold-cta-meta a { color: inherit; }

/* ---- 3. Footer 升级（CSS 覆盖原 .footer）---- */
.footer {
    background: linear-gradient(180deg,
        #073d1e 0%,
        #062f17 60%,
        #041f10 100%) !important;
    color: rgba(255,255,255,0.88) !important;
    padding: 70px 0 0 !important;
    position: relative;
    overflow: hidden;
}
/* 顶部金色细线 */
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        var(--accent) 30%,
        var(--accent) 70%,
        transparent 100%);
    opacity: 0.55;
}
/* 装饰背景圆光晕 */
.footer::after {
    content: '';
    position: absolute;
    top: -150px;
    right: -150px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle,
        rgba(232,185,49,0.06) 0%,
        transparent 60%);
    border-radius: 50%;
    pointer-events: none;
}
.footer .container { position: relative; z-index: 1; }

.footer .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.footer .footer-col {
    margin-bottom: 0;
}
.footer .footer-title {
    color: var(--accent) !important;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0 0 20px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(232,185,49,0.25);
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer .footer-title > i:first-child {
    color: var(--accent);
    font-size: 14px;
}
.footer .footer-links {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
.footer .footer-links li {
    margin: 0 0 12px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.78);
    letter-spacing: 0.5px;
    transition: color var(--t-fast) var(--ease),
                transform var(--t-fast) var(--ease);
}
.footer .footer-links li:hover {
    color: #fff;
    transform: translateX(3px);
}
.footer .footer-links li > i:first-child {
    color: var(--accent);
    opacity: 0.85;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
    font-size: 13px;
}
.footer .footer-links a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color var(--t-fast) var(--ease);
}
.footer .footer-links a:hover {
    color: var(--accent) !important;
}
.footer .footer-toggle-icon {
    display: none !important;  /* 移动端折叠图标在桌面端隐藏 */
}

/* 底部 copyright 区 */
.footer .footer-bottom,
.footer .footer-copyright {
    text-align: center;
    padding: 24px 0;
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    letter-spacing: 1.5px;
}

/* ---- 4. 移动端：CTA + Footer 简化 ---- */
@media (max-width: 768px) {
    .bold-cta { padding: 50px 0 70px; }
    .bold-cta-title { font-size: 26px; letter-spacing: 1px; }
    .bold-cta-sub { font-size: 14px; letter-spacing: 2px; margin-bottom: 24px; }
    .bold-cta-eyebrow { font-size: 11px; padding: 0 30px; }
    .bold-cta-eyebrow::before, .bold-cta-eyebrow::after { width: 20px; }
    .bold-cta-actions { gap: 12px; flex-direction: column; align-items: stretch; padding: 0 30px; }
    .bold-cta-btn { padding: 14px 24px; font-size: 14px; justify-content: center; }
    .bold-cta-meta { font-size: 11px; letter-spacing: 1px; }

    .footer { padding: 40px 0 0 !important; }
    .footer .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-bottom: 24px;
    }
    .footer .footer-toggle-icon { display: inline !important; }
    .footer .footer-toggle {
        cursor: pointer;
    }
    .bold-wave-down { height: 40px; }
}

/* ---- 5. reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
    .bold-cta-btn:hover,
    .footer .footer-links li:hover {
        transform: none !important;
    }
}

/* ============================================================

/* ============================================================
   BOLD-ORBIT 一比一复刻参考图 (v11) — 2026-06-12
   - 白底浅绿（撤销所有太空化）
   - 中心人物大圆图 + 6 气泡静态浮动 + 装饰虚线圆弧 + 小圆点
   - 右侧 6 个圆角按钮竖列（仿参考图右上）
   ============================================================ */

/* 进出场波浪改回浅绿/白 */
.bold-wave-to-space {
    height: 60px;
    margin-bottom: -1px;
}
.bold-wave-to-space svg path:first-child { fill: #f5faf5; }
.bold-wave-to-space svg path:last-child  { fill: #ffffff; }
.bold-wave-from-space {
    height: 40px;
    margin-top: -1px;
}
.bold-wave-from-space svg path:first-child { fill: #ffffff; }
.bold-wave-from-space svg path:last-child  { fill: #f5faf5; }

/* ---- 1. 数据气泡区：白底浅绿（覆盖所有深空残留）---- */
.bold-orbit {
    background: linear-gradient(180deg, #ffffff 0%, #f5faf5 100%) !important;
    color: var(--ink-700) !important;
    position: relative !important;
    overflow: visible !important;
    padding: 70px 0 90px !important;
}
.bold-orbit::before,
.bold-orbit::after {
    content: none !important;
}
.bold-orbit .bold-eyebrow { color: var(--accent-dark) !important; }
.bold-orbit .bold-title {
    color: var(--primary) !important;
    text-shadow: none !important;
}
.bold-orbit .bold-section-sub {
    color: var(--ink-500) !important;
    letter-spacing: 4px;
}

/* ---- 2. stage 简化：相对定位，无 perspective ---- */
.bold-orbit-stage {
    perspective: none !important;
    transform: none !important;
    transform-style: flat !important;
    width: 700px !important;
    height: 480px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
}
.bold-orbit-stage::before { content: none !important; }

/* ---- 3. 隐藏装饰圆弧（用新的）---- */
.bold-orbit-ring--outer,
.bold-orbit-ring--inner { display: none !important; }

/* 新装饰：大圆形虚线轨道（背景）+ 小圆点 */
@media (min-width: 769px) {
    .bold-orbit-stage::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 460px;
        height: 460px;
        margin: -230px 0 0 -230px;
        border: 1.5px dashed rgba(13,110,57,0.30);
        border-radius: 50%;
        pointer-events: none;
        z-index: 1;
    }
    /* 再加一圈（用 stage 包装的 ::before）*/
    .bold-orbit > .container::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 380px;
        height: 380px;
        margin: -190px 0 0 -190px;
        border: 1px dashed rgba(232,185,49,0.40);
        border-radius: 50%;
        pointer-events: none;
        z-index: 0;
    }
    .bold-orbit .container {
        position: relative;
    }

    /* ---- 4. 中心人物大圆图（占位）---- */
    .bold-orbit-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 260px !important;
        height: 260px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        animation: none !important;
        background: radial-gradient(circle at 30% 30%,
            #d4ebd9 0%, #5fa56a 55%, #0D6E39 100%) !important;
        box-shadow: 0 12px 32px rgba(13,110,57,0.25),
                    inset 0 0 0 6px rgba(255,255,255,0.20) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 24px !important;
        color: rgba(255,255,255,0.92) !important;
        z-index: 3 !important;
        overflow: hidden !important;
    }
    .bold-orbit-center::before,
    .bold-orbit-center::after {
        content: none !important;
    }
    .bold-orbit-center .bold-placeholder {
        color: rgba(255,255,255,0.95);
        text-shadow: 0 1px 3px rgba(0,0,0,0.30);
        font-size: 12px;
    }

    /* 2026-06-15: 删 b51 块残留 (.bold-bubble{bubbleFloat + cursor: pointer} + .bold-bubble:hover{paused + scale}) 整块,
       鼠标 hover bubble 不做任何动作 (不暂停动画, 不缩放, 不闪光, 光标不变手型) */

    /* 6 个气泡位置（参考图布局：上左/上右/中左/中右/下左/下右）*/
    .bold-bubble[style*="--i:1"] { top: 10%; left: 50%; transform-origin: center; animation-delay: 0s;   }
    .bold-bubble[style*="--i:2"] { top: 50%; left: 92%; animation-delay: 0.5s; }
    .bold-bubble[style*="--i:3"] { top: 50%; left:  8%; animation-delay: 1s;   }
    .bold-bubble[style*="--i:4"] { top: 88%; left: 50%; animation-delay: 1.5s; }
    .bold-bubble[style*="--i:5"] { top: 18%; left: 18%; animation-delay: 2s;   }
    .bold-bubble[style*="--i:6"] { top: 18%; left: 82%; animation-delay: 2.5s; }

    @keyframes bubbleFloat {
        0%, 100% { transform: translate(-50%, -50%) translateY(0); }
        50%      { transform: translate(-50%, -50%) translateY(-8px); }
    }
    /* hover 时 transform 被 scale 替代 - 修正：把基础 transform 合到 keyframes */
    /* 用 translate(-50%, -50%) 让气泡中心对齐其 top/left 设的位置 */

    /* 气泡内文字 */
    .bold-bubble .bold-bubble-num {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--primary) !important;
        position: static !important;
        transform: none !important;
        background: none !important;
        backdrop-filter: none !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        line-height: 1.2;
    }
    .bold-bubble .bold-bubble-num small {
        font-size: 12px !important;
        color: var(--primary) !important;
        -webkit-text-fill-color: var(--primary) !important;
        margin-left: 2px;
    }
    .bold-bubble .bold-bubble-num .bold-num-target {
        color: var(--primary) !important;
        -webkit-text-fill-color: var(--primary) !important;
        background: none !important;
        -webkit-background-clip: initial !important;
    }
    .bold-bubble .bold-bubble-label {
        font-size: 10.5px !important;
        color: var(--ink-500) !important;
        position: static !important;
        transform: none !important;
        margin-top: 4px;
        letter-spacing: 1px;
        text-shadow: none !important;
    }
    .bold-bubble--text .bold-bubble-num {
        font-size: 13px !important;
    }

    /* ---- 6. 右侧侧边按钮列（参考图右上的圆角按钮列）---- */
    .bold-orbit-sidemenu {
        position: absolute !important;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        z-index: 5;
    }
    .bold-orbit-sidemenu li { margin: 0; }
    .bold-orbit-sidemenu a {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 18px;
        background: #fff;
        color: var(--primary);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none !important;
        border-radius: 999px;
        border: 1.5px solid rgba(13,110,57,0.25);
        box-shadow: 0 4px 12px rgba(13,110,57,0.10);
        transition: all 0.3s var(--ease);
        white-space: nowrap;
        min-width: 130px;
        letter-spacing: 1px;
    }
    .bold-orbit-sidemenu a i {
        color: var(--accent-dark);
        font-size: 12px;
    }
    .bold-orbit-sidemenu a:hover {
        background: var(--primary-grad);
        color: #fff !important;
        transform: translateX(-4px);
        border-color: transparent;
        box-shadow: 0 8px 20px rgba(13,110,57,0.30);
    }
    .bold-orbit-sidemenu a:hover i {
        color: var(--accent);
    }
}

/* ---- 7. 移动端：恢复纵向排列 + 隐藏侧边按钮 ---- */
@media (max-width: 768px) {
    .bold-orbit { padding: 40px 0 50px !important; }
    .bold-orbit-stage {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 20px 16px !important;
    }
    .bold-orbit-stage::after { display: none !important; }
    .bold-orbit > .container::before { display: none !important; }
    .bold-orbit-center {
        position: static !important;
        transform: none !important;
        width: 180px !important;
        height: 180px !important;
        margin: 0 0 16px !important;
    }
    .bold-bubble {
        position: static !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 320px !important;
        height: 64px !important;
        animation: none !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 14px !important;
        padding: 0 20px !important;
        transform: none !important;
    }
    .bold-bubble .bold-bubble-num { font-size: 20px !important; }
    .bold-orbit-sidemenu {
        position: static !important;
        transform: none !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        margin-top: 30px !important;
        gap: 26px !important;
    }
    .bold-orbit-sidemenu a { font-size: 12px; padding: 8px 14px; min-width: auto; }
}

/* reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .bold-bubble { animation: none !important; }
}

/* ============================================================
   BOLD-PILLARS 复刻"成果展现"（v11） — 2026-06-12
   - 中心大圆图占位 + 周围 4 圆图小占位
   - 大装饰圆弧（绿色虚线）+ 小圆点装饰
   - 整体偏图形展示而非文字
   ============================================================ */

@media (min-width: 769px) {
    .bold-pillars {
        background: linear-gradient(180deg, #fff 0%, #f5faf5 100%) !important;
    }
    .bold-pillars-stage {
        width: 760px !important;
        height: 560px !important;
        max-width: 100% !important;
        position: relative !important;
        margin: 0 auto !important;
    }

    /* 大装饰圆弧（虚线 + 半圆）参考图样式 */
    .bold-pillars-stage::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 480px;
        height: 480px;
        margin: -240px 0 0 -240px;
        border: 2px dashed rgba(13,110,57,0.35);
        border-radius: 50%;
        pointer-events: none;
        animation: pillarRingSpin 60s linear infinite;
    }
    .bold-pillars-stage::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 380px;
        height: 380px;
        margin: -190px 0 0 -190px;
        border: 1.5px solid transparent;
        border-radius: 50%;
        background:
            radial-gradient(circle at 0% 50%, rgba(232,185,49,0.7) 0 5px, transparent 6px),
            radial-gradient(circle at 100% 50%, rgba(232,185,49,0.7) 0 5px, transparent 6px),
            radial-gradient(circle at 50% 0%, rgba(13,110,57,0.6) 0 5px, transparent 6px),
            radial-gradient(circle at 50% 100%, rgba(13,110,57,0.6) 0 5px, transparent 6px);
        background-repeat: no-repeat;
        pointer-events: none;
        animation: pillarRingSpin 80s linear infinite reverse;
    }
    @keyframes pillarRingSpin {
        to { transform: rotate(360deg); }
    }

    /* 隐藏原圆弧 ring （我们用 stage::before/::after 取代）*/
    .bold-pillars-ring--outer,
    .bold-pillars-ring--inner { display: none !important; }

    /* 中心大圆图（图占位） */
    .bold-pillars-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 280px !important;
        height: 280px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        animation: none !important;
        background: radial-gradient(circle at 30% 30%,
            #d4ebd9 0%, #5fa56a 55%, #0D6E39 100%) !important;
        box-shadow:
            0 12px 36px rgba(13,110,57,0.30),
            inset 0 0 0 6px rgba(255,255,255,0.20),
            0 0 0 10px rgba(255,255,255,0.95),
            0 0 0 12px rgba(13,110,57,0.20) !important;
        border-radius: 50% !important;
        z-index: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        padding: 24px !important;
        text-align: center !important;
    }
    .bold-pillars-center strong {
        font-size: 20px !important;
        line-height: 1.3 !important;
        letter-spacing: 1px;
        margin-bottom: 6px !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.30);
    }
    .bold-pillars-center em {
        font-style: normal;
        font-size: 11px !important;
        letter-spacing: 2px;
        opacity: 0.92;
        text-shadow: 0 1px 3px rgba(0,0,0,0.30);
    }

    /* 4 周围圆图（隔 90° 分布） */
    .bold-pillar {
        position: absolute !important;
        width: 120px !important;
        opacity: 1 !important;
        transform: none !important;
        animation: bubbleFloat 4s ease-in-out infinite !important;
        text-align: center !important;
        z-index: 4 !important;
    }
    .bold-pillar[style*="--i:1"] { top:  4%; left: 50%; margin-left: -60px; animation-delay: 0s;   }
    .bold-pillar[style*="--i:2"] { top: 50%; right: -2%; margin-top: -90px; animation-delay: 0.8s; }
    .bold-pillar[style*="--i:3"] { bottom: 4%; left: 50%; margin-left: -60px; animation-delay: 1.6s; }
    .bold-pillar[style*="--i:4"] { top: 50%; left: -2%; margin-top: -90px; animation-delay: 2.4s; }

    .bold-pillar-circle {
        width: 110px !important;
        height: 110px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 30% 30%,
            #fff 0%, #c8e6cd 50%, #5fa56a 100%) !important;
        box-shadow:
            0 8px 22px rgba(13,110,57,0.22),
            inset 0 0 0 4px rgba(255,255,255,0.6) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 12px !important;
        font-size: 36px !important;
        color: var(--primary) !important;
        border: none !important;
        transition: transform 0.3s var(--ease) !important;
    }
    .bold-pillar:hover .bold-pillar-circle {
        transform: scale(1.08) rotate(-6deg) !important;
        background: var(--primary-grad) !important;
        color: #fff !important;
    }
    .bold-pillar-text h3 {
        font-size: 15px !important;
        color: var(--primary) !important;
        margin: 0 0 4px !important;
        font-weight: 600;
        letter-spacing: 1px;
    }
    .bold-pillar-text p {
        font-size: 11px !important;
        color: var(--ink-500) !important;
        line-height: 1.5;
        margin: 0;
        padding: 0 4px;
    }
}

@media (max-width: 768px) {
    .bold-pillars-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .bold-pillars-intro {
        text-align: center;
        padding: 0 16px;
    }
    .bold-pillars-intro-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .bold-pillars-stage {
        max-width: 360px !important;
        height: 360px !important;
        margin: 0 auto !important;
        display: block !important;
        position: relative !important;
        padding: 0 8px !important;
    }
    .bold-pillars-stage::before,
    .bold-pillars-stage::after { display: none !important; }
    .bold-pillars-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 130px !important;
        height: 130px !important;
        margin: 0 !important;
        animation: none !important;
    }
    .bold-pillar {
        position: absolute !important;
        margin: 0 !important;
        width: auto !important;
        opacity: 1 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        text-align: center !important;
        padding: 6px 8px !important;
    }
    .bold-pillar[style*="--i:1"] { top:  0;   left: 50%; transform: translateX(-50%); }
    .bold-pillar[style*="--i:2"] { top:  50%; right: 0;  transform: translateY(-50%); }
    .bold-pillar[style*="--i:3"] { bottom: 0; left: 50%; transform: translateX(-50%); }
    .bold-pillar[style*="--i:4"] { top:  50%; left: 0;   transform: translateY(-50%); }
    .bold-pillar-circle {
        margin: 0 !important;
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
}

/* ============================================================
   BOLD-PILLARS v12 — 两栏 + 图占位（一比一复刻参考图成果展现）
   左文字 + 右圆形舞台
   ============================================================ */

.bold-pillars-layout {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* 左侧文字区 */
.bold-pillars-intro {
    padding: 20px 0;
}
.bold-pillars-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 4px;
    color: var(--accent-dark);
    font-weight: 600;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.bold-pillars-intro-title {
    font-size: 32px;
    color: var(--primary);
    margin: 0 0 18px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 16px;
}
.bold-pillars-intro-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: var(--accent-grad);
    border-radius: 2px;
}
.bold-pillars-intro-text {
    font-size: 14.5px;
    color: var(--ink-700);
    line-height: 2;
    margin: 0 0 26px;
}

@media (min-width: 769px) {
    /* 右侧舞台 */
    .bold-pillars-stage {
        position: relative !important;
        width: 100% !important;
        max-width: 560px !important;
        height: 520px !important;
        margin: 0 !important;
    }

    /* 中心大圆图占位 */
    .bold-pillars-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 260px !important;
        height: 260px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        animation: none !important;
        background: radial-gradient(circle at 30% 30%,
            #d4ebd9 0%, #5fa56a 55%, #0D6E39 100%) !important;
        box-shadow:
            0 14px 36px rgba(13,110,57,0.30),
            inset 0 0 0 6px rgba(255,255,255,0.22),
            0 0 0 10px rgba(255,255,255,0.95),
            0 0 0 12px rgba(13,110,57,0.20) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        padding: 24px !important;
        z-index: 3 !important;
        text-align: center;
        overflow: hidden !important;
    }
    .bold-pillars-center .bold-placeholder {
        color: rgba(255,255,255,0.95);
        font-size: 12px;
        line-height: 1.7;
        text-shadow: 0 1px 3px rgba(0,0,0,0.30);
    }
    .bold-pillars-center .bold-placeholder strong {
        font-size: 14px;
        color: #fff;
        margin: 4px 0;
        display: inline-block;
    }

    /* 装饰大圆弧（覆盖之前 v11 的）*/
    .bold-pillars-stage::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 440px;
        height: 440px;
        margin: -220px 0 0 -220px;
        border: 2px dashed rgba(13,110,57,0.40);
        border-radius: 50%;
        pointer-events: none;
        animation: pillarRingSpin 60s linear infinite;
    }
    .bold-pillars-stage::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 360px;
        height: 360px;
        margin: -180px 0 0 -180px;
        border-radius: 50%;
        background:
            radial-gradient(circle at 0% 50%,   rgba(232,185,49,0.85) 0 4px, transparent 5px),
            radial-gradient(circle at 100% 50%, rgba(232,185,49,0.85) 0 4px, transparent 5px),
            radial-gradient(circle at 50% 0%,   rgba(13,110,57,0.75)  0 4px, transparent 5px),
            radial-gradient(circle at 50% 100%, rgba(13,110,57,0.75)  0 4px, transparent 5px);
        background-repeat: no-repeat;
        pointer-events: none;
        animation: pillarRingSpin 80s linear infinite reverse;
    }

    /* 4 周围小圆图（按弧线分布在右侧）— 参考图小圆在右上和右下半弧 */
    .bold-pillar {
        position: absolute !important;
        width: 100px !important;
        opacity: 1 !important;
        animation: pillarFloat 4s ease-in-out infinite !important;
        text-align: center !important;
        z-index: 4 !important;
    }
    .bold-pillar[style*="--i:1"] { top: 4%;   left: 50%; margin-left: -50px;  animation-delay: 0s;   }
    .bold-pillar[style*="--i:2"] { top: 30%;  right: -3%; animation-delay: 0.7s; }
    .bold-pillar[style*="--i:3"] { bottom: 30%; right: -3%; animation-delay: 1.4s; }
    .bold-pillar[style*="--i:4"] { bottom: 4%; left: 50%; margin-left: -50px;  animation-delay: 2.1s; }

    @keyframes pillarFloat {
        0%, 100% { transform: translateY(0); }
        50%      { transform: translateY(-6px); }
    }

    .bold-pillar-circle {
        width: 90px !important;
        height: 90px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 30% 30%,
            #fff 0%, #c8e6cd 50%, #5fa56a 100%) !important;
        box-shadow:
            0 8px 20px rgba(13,110,57,0.22),
            inset 0 0 0 4px rgba(255,255,255,0.6) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 8px !important;
        font-size: 10px !important;
        color: rgba(13,110,57,0.85) !important;
        border: none !important;
        transition: transform 0.3s var(--ease) !important;
        text-align: center !important;
        overflow: hidden !important;
    }
    .bold-pillar:hover .bold-pillar-circle {
        transform: scale(1.08) !important;
        box-shadow:
            0 12px 28px rgba(13,110,57,0.35),
            inset 0 0 0 4px rgba(255,255,255,0.8) !important;
    }
    .bold-pillar-placeholder {
        font-size: 10px;
        line-height: 1.3;
        color: rgba(13,110,57,0.75);
    }
    .bold-pillar-text h4 {
        font-size: 13px !important;
        color: var(--primary) !important;
        margin: 0 !important;
        font-weight: 600;
        letter-spacing: 1px;
    }
}

@media (max-width: 768px) {
    .bold-pillars-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .bold-pillars-intro {
        text-align: center;
        padding: 0 16px;
    }
    .bold-pillars-intro-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    .bold-pillars-stage {
        max-width: 320px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 20px 0 !important;
    }
    .bold-pillars-stage::before,
    .bold-pillars-stage::after { display: none !important; }
    .bold-pillars-center,
    .bold-pillar {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
        animation: none !important;
    }
    .bold-pillars-center { width: 180px !important; height: 180px !important; }
}

/* ============================================================
   一比一复刻补齐 (v13) — 2026-06-12
   - Hero 下灰字简介条
   - 优势区图占位（隐藏图标）
   - Footer 5 认证图标行
   ============================================================ */

/* ---- 1. Hero 下灰字简介条 ---- */
.bold-intro-bar {
    background: linear-gradient(180deg, #ffffff 0%, #f5faf5 100%);
    padding: 22px 0;
    border-bottom: 1px solid rgba(13,110,57,0.06);
}
.bold-intro-bar .container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
.bold-intro-bar p {
    margin: 0;
    text-align: center;
    color: var(--ink-500);
    font-size: 13.5px;
    line-height: 1.85;
    letter-spacing: 0.5px;
}
@media (max-width: 768px) {
    .bold-intro-bar { padding: 14px 0; }
    .bold-intro-bar p { font-size: 12px; line-height: 1.7; }
}

/* ---- 2. 优势区 4 圆形改图占位（隐藏 Font Awesome 图标）---- */
.bold-support-circle i.fa-solid {
    display: none !important;
}
.bold-support-circle {
    background: radial-gradient(circle at 30% 30%,
        #ffffff 0%,
        #d4ebd9 35%,
        #5fa56a 75%,
        #0D6E39 100%) !important;
    color: rgba(255,255,255,0.95) !important;
}
.bold-support-placeholder {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,0.95) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.30) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* ---- 3. Footer 5 认证图标行 ---- */
.footer-cert-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 26px 16px;
    flex-wrap: wrap;
    background: rgba(0,0,0,0.18);
    margin: 30px -16px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-cert-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(232,185,49,0.20);
    border-radius: 6px;
    text-decoration: none !important;
    color: rgba(255,255,255,0.75) !important;
    transition: all 0.3s var(--ease);
    min-width: 120px;
}
.footer-cert-item:hover {
    background: rgba(232,185,49,0.10);
    border-color: rgba(232,185,49,0.55);
    color: #fff !important;
    transform: translateY(-2px);
}
.footer-cert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--accent);
    color: var(--primary);
    border-radius: 4px;
    font-size: 14px;
    flex-shrink: 0;
    font-weight: 700;
}
.footer-cert-label {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: 0.5px;
}
@media (max-width: 768px) {
    .footer-cert-row { gap: 8px; padding: 16px 8px; }
    .footer-cert-item { min-width: auto; padding: 6px 10px; }
    .footer-cert-icon { width: 22px; height: 22px; font-size: 12px; }
    .footer-cert-label { font-size: 10px; }
}

/* ============================================================
   v14 装饰细节补齐 — 2026-06-12
   - 数据区竹叶装饰 + 底部标语
   - 新闻按钮绿色实心矩形（进入专区）
   - 新闻底部 5 圆点 pagination
   - 所有标题旁加竹叶装饰
   ============================================================ */

/* ---- 1. 数据区竹叶装饰（左上 + 右下） ---- */
.bold-bamboo {
    position: absolute;
    width: 90px;
    height: 90px;
    pointer-events: none;
    z-index: 6;
}
.bold-bamboo--tl { top: -20px; left: -30px; }
.bold-bamboo--br { bottom: -20px; right: -30px; transform: rotate(-15deg); }
@media (max-width: 768px) {
    .bold-bamboo { width: 60px; height: 60px; }
    .bold-bamboo--tl { top: -10px; left: -10px; }
    .bold-bamboo--br { bottom: -10px; right: -10px; }
}

/* ---- 2. 数据区底部标语 ---- */
.bold-orbit-slogan {
    text-align: center;
    margin: 30px 0 0;
    font-size: 18px;
    letter-spacing: 8px;
    color: var(--primary);
    font-weight: 500;
    position: relative;
    z-index: 5;
}
@media (max-width: 768px) {
    .bold-orbit-slogan { font-size: 14px; letter-spacing: 4px; margin-top: 20px; }
}

/* ---- 3. 新闻按钮：金黄实心常驻（v226+）---- */
.bold-news-more--filled {
    background: var(--accent) !important;            /* 金黄常驻（v226+ 改为金色） */
    color: var(--primary) !important;               /* 深绿文字 */
    border: none !important;
    padding: 12px 32px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    box-shadow: 0 6px 18px rgba(232,185,49,0.35) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.3s var(--ease) !important;
}
.bold-news-more--filled:hover {
    background: var(--accent) !important;            /* hover 保持金黄 */
    color: var(--primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(232,185,49,0.50) !important;
}

/* ---- 4. 新闻底部 5 圆点 pagination ---- */
.bold-news-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 36px;
}
.bold-news-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(13,110,57,0.25);
    cursor: pointer;
    transition: all 0.3s var(--ease);
}
.bold-news-dot:hover { background: rgba(13,110,57,0.55); transform: scale(1.2); }
.bold-news-dot.active {
    background: var(--primary);
    width: 26px;
    border-radius: 4px;
}

/* ---- 5. 所有 section 标题旁加竹叶装饰（::before / ::after）---- */
.bold-section-head h2.bold-title {
    position: relative;
    display: inline-block;
    padding: 0 50px;
}
.bold-section-head h2.bold-title::before,
.bold-section-head h2.bold-title::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 32px;
    height: 28px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.80;
}
.bold-section-head h2.bold-title::before {
    left: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28'><path d='M4 22 Q12 12 28 4' stroke='%230D6E39' stroke-width='2' fill='none' stroke-linecap='round'/><ellipse cx='10' cy='17' rx='5' ry='2' transform='rotate(-30 10 17)' fill='%235fa56a'/><ellipse cx='18' cy='11' rx='5' ry='2' transform='rotate(-40 18 11)' fill='%230D6E39'/></svg>");
}
.bold-section-head h2.bold-title::after {
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 28'><path d='M4 22 Q12 12 28 4' stroke='%230D6E39' stroke-width='2' fill='none' stroke-linecap='round'/><ellipse cx='10' cy='17' rx='5' ry='2' transform='rotate(-30 10 17)' fill='%235fa56a'/><ellipse cx='18' cy='11' rx='5' ry='2' transform='rotate(-40 18 11)' fill='%230D6E39'/></svg>");
}
@media (max-width: 768px) {
    .bold-section-head h2.bold-title { padding: 0 36px; }
    .bold-section-head h2.bold-title::before,
    .bold-section-head h2.bold-title::after { width: 22px; height: 20px; }
}

/* ============================================================
   导航 logo + 菜单重叠修复 (v15) — 2026-06-12
   原因：Bootstrap 的 .pc-logoer / .navbar 有 float 干扰 flex 布局
   修复：强制清除 float + grid 三列布局 + 限制 logo 宽度
   ============================================================ */
@media (min-width: 769px) {
    /* container 改 grid：固定左右两列，更稳 */
    .bold-nav.header > .container {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        gap: 30px !important;
        align-items: center !important;
        padding: 14px 24px !important;
    }

    /* logo 区：强制清除 float / position */
    .bold-nav .pc-logoer {
        float: none !important;
        position: static !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: 420px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bold-nav .pc-logoer > a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    .bold-nav .pc-logo-img {
        width: 36px !important;
        height: 36px !important;
        flex-shrink: 0 !important;
    }

    /* 菜单区：强制清除 float / 用 flex 内联 */
    .bold-nav .navbar.nav-right-top {
        float: none !important;
        position: static !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        min-height: auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    .bold-nav .nav-dh-list {
        float: none !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
        flex-wrap: nowrap !important;
        list-style: none !important;
    }
    .bold-nav .nav-dh-list > li {
        float: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* 中等屏（小于 1200px）公司名换行或缩小 */
    @media (max-width: 1199px) {
        .bold-nav .pc-logoer > a { font-size: 13px !important; }
        .bold-nav .pc-logoer { max-width: 320px; }
        .bold-nav .nav-dh-list > li > a { padding: 12px 12px !important; font-size: 14px !important; }
    }
}

/* ============================================================
   导航布局重写 (v16) — 2026-06-12
   彻底 flex 一行：logo 左 + 菜单右，不允许折行
   ============================================================ */
@media (min-width: 769px) {
    /* container = flex 一行 */
    .bold-nav.header > .container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        padding: 12px 24px !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
        width: 100% !important;
        min-height: 64px !important;
    }
    /* 取消 v15 的 grid 设置 */
    .bold-nav.header > .container { grid-template-columns: none !important; }

    /* logo 区：可以收缩，但 a 内不换行 */
    .bold-nav .pc-logoer {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        overflow: hidden !important;
    }
    .bold-nav .pc-logoer > a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
    .bold-nav .pc-logo-img {
        width: 36px !important;
        height: 36px !important;
        flex-shrink: 0 !important;
    }

    /* 菜单区：右对齐 + 不缩 */
    .bold-nav .navbar.nav-right-top {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    .bold-nav .nav-dh-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        list-style: none !important;
    }
    .bold-nav .nav-dh-list > li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
    .bold-nav .nav-dh-list > li > a {
        white-space: nowrap !important;
        padding: 12px 14px !important;
        font-size: 14px !important;
    }

    /* 中等屏：菜单 padding 更小 */
    @media (max-width: 1199px) {
        .bold-nav .pc-logoer > a { font-size: 13px !important; }
        .bold-nav .nav-dh-list > li > a { padding: 10px 8px !important; font-size: 12.5px !important; }
        .bold-nav .pc-logo-img { width: 30px !important; height: 30px !important; }
    }
}

/* ============================================================
   导航对比度强化 + 去白底 (v17) — 2026-06-12
   - 去掉 logo 区遗留的白色背景方块
   - 文字加强投影 → 在 hero 上更显眼
   - 选中态金色加粗 + 加亮金底线
   - "联系我们"按钮加更亮金边
   - 顶部色带加粗
   ============================================================ */

/* ---- 1. 强制清除所有可能的白底 ---- */
.bold-nav.header,
.bold-nav.header > .container,
.bold-nav .pc-logoer,
.bold-nav .pc-logoer > a,
.bold-nav .navbar.nav-right-top,
.bold-nav .nav-dh-list,
.bold-nav .nav-dh-list > li {
    background: transparent !important;
    background-color: transparent !important;
}

/* ---- 2. 顶部色带加粗到 5px + 更亮 ---- */
.bold-nav.header::before {
    height: 5px !important;
    background: linear-gradient(90deg,
        #0D6E39 0%, #1a8a4a 30%,
        #E8B931 50%, #F2CC4D 70%, #0D6E39 100%) !important;
    box-shadow: 0 2px 12px rgba(232,185,49,0.55) !important;
}

/* ---- 3. logo 文字加深投影 + 略大 ---- */
@media (min-width: 769px) {
    .bold-nav .pc-logoer > a {
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        letter-spacing: 1.5px !important;
        text-shadow:
            0 2px 6px rgba(0,0,0,0.70),
            0 0 16px rgba(0,0,0,0.45) !important;
    }
    .bold-nav .pc-logo-img {
        filter: drop-shadow(0 2px 8px rgba(0,0,0,0.55)) !important;
        width: 40px !important;
        height: 40px !important;
    }

    /* ---- 4. 菜单字加强对比 ---- */
    .bold-nav .nav-dh-list > li > a {
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        letter-spacing: 1.5px !important;
        text-shadow:
            0 1px 4px rgba(0,0,0,0.60),
            0 0 12px rgba(0,0,0,0.40) !important;
        padding: 14px 18px !important;
    }
    .bold-nav .nav-dh-list > li:hover > a {
        color: #FFF1C7 !important;
        text-shadow:
            0 1px 4px rgba(0,0,0,0.60),
            0 0 18px rgba(232,185,49,0.85) !important;
    }

    /* ---- 5. 选中态强化（首页/当前页）---- */
    .bold-nav .nav-dh-list > li.active > a {
        color: var(--accent) !important;
        font-weight: 700 !important;
        text-shadow:
            0 2px 6px rgba(0,0,0,0.55),
            0 0 20px rgba(232,185,49,0.75) !important;
    }
    .bold-nav .nav-dh-list > li.active > a::after {
        width: 44px !important;
        height: 4px !important;
        background: var(--accent-grad) !important;
        box-shadow: 0 0 12px rgba(232,185,49,0.85) !important;
    }
    .bold-nav .nav-dh-list > li:hover > a::after {
        width: 36px !important;
        height: 4px !important;
    }

    /* ---- 6. "联系我们"按钮：金边胶囊 + 加亮 ---- */
    .bold-nav .nav-dh-list > li:last-child > a {
        margin-left: 18px !important;
        padding: 10px 26px !important;
        background: rgba(232,185,49,0.18) !important;
        border: 2px solid var(--accent) !important;
        color: #fff !important;
        font-weight: 600 !important;
        letter-spacing: 1.5px !important;
        box-shadow:
            0 0 20px rgba(232,185,49,0.40),
            inset 0 0 12px rgba(232,185,49,0.20) !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.50) !important;
    }
    .bold-nav .nav-dh-list > li:last-child:hover > a {
        background: var(--accent-grad) !important;
        color: var(--primary) !important;
        text-shadow: none !important;
        box-shadow:
            0 8px 24px rgba(232,185,49,0.65),
            0 0 30px rgba(232,185,49,0.55) !important;
        transform: translateY(-2px) !important;
    }

    /* ---- 7. 滚动后状态强化 ---- */
    .bold-nav.bold-nav--scrolled {
        background: rgba(255,255,255,0.95) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        box-shadow:
            0 4px 20px rgba(13,110,57,0.12),
            0 1px 0 rgba(232,185,49,0.30) inset !important;
    }
    .bold-nav.bold-nav--scrolled .pc-logoer > a {
        color: var(--primary) !important;
        text-shadow: none !important;
    }
    .bold-nav.bold-nav--scrolled .pc-logo-img {
        filter: none !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li > a {
        color: var(--ink-700) !important;
        text-shadow: none !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li.active > a {
        color: var(--primary) !important;
        text-shadow: none !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child > a {
        background: var(--primary-grad) !important;
        color: #fff !important;
        border-color: transparent !important;
        text-shadow: none !important;
        box-shadow: 0 6px 18px rgba(13,110,57,0.35) !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child:hover > a {
        background: var(--accent-grad) !important;
        color: var(--primary) !important;
    }
}

/* ============================================================
   导航半透明玻璃磨砂 (v18) — 2026-06-12
   方案：
   - 顶部全透明 → 底部深绿半透明（渐变让顶亮底深）
   - backdrop-filter 磨砂玻璃模糊 hero 大图
   - 底部加金色细线（边界感）
   - 文字在半透明深底上自动清晰
   ============================================================ */
@media (min-width: 769px) {
    .bold-nav.header {
        /* 覆盖 v17 的 transparent —— 改成深绿渐变半透明 */
        background: linear-gradient(180deg,
            rgba(6, 40, 20, 0.05)  0%,
            rgba(6, 40, 20, 0.30) 50%,
            rgba(6, 40, 20, 0.55) 100%
        ) !important;
        background-color: transparent !important;  /* 防原 .header 覆盖 */
        backdrop-filter: blur(14px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
        border-bottom: 1px solid rgba(232,185,49,0.45) !important;
        box-shadow:
            0 8px 24px rgba(0,0,0,0.18),
            inset 0 -1px 0 rgba(232,185,49,0.20) !important;
    }
    /* 顶部色带与玻璃融合（覆盖 v17 的 box-shadow） */
    .bold-nav.header::before {
        height: 3px !important;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(13,110,57,0.80) 20%,
            rgba(232,185,49,1) 50%,
            rgba(13,110,57,0.80) 80%,
            transparent 100%) !important;
        box-shadow: 0 0 10px rgba(232,185,49,0.55) !important;
    }

    /* logo 区在玻璃面板上有微微提亮（hover 提升立体感） */
    .bold-nav .pc-logoer > a {
        transition: transform 0.3s var(--ease) !important;
    }
    .bold-nav .pc-logoer > a:hover {
        transform: translateY(-1px);
    }

    /* 滚动后：保留 v17 的白磨砂（不动）+ 加固边界 */
    .bold-nav.bold-nav--scrolled {
        background: rgba(255,255,255,0.92) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        border-bottom: 1px solid rgba(232,185,49,0.30) !important;
        box-shadow:
            0 6px 24px rgba(13,110,57,0.10),
            inset 0 -1px 0 rgba(232,185,49,0.25) !important;
    }
}

/* 移动端：稍微更深，文字始终清晰 */
@media (max-width: 768px) {
    .bold-nav.header {
        background: linear-gradient(180deg,
            rgba(6, 40, 20, 0.55) 0%,
            rgba(6, 40, 20, 0.85) 100%
        ) !important;
        backdrop-filter: blur(14px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    }
}

/* ============================================================
   导航装饰风格 (v19) — 2026-06-12
   - 底部 SVG 波浪曲线（取代直线）
   - 顶部稻穗光带（用 conic-gradient + 稻穗 emoji 装饰）
   - 菜单项金色小竖线分隔
   - logo 旁竹叶 SVG 装饰
   - 右上角"联系我们"前一道金线
   ============================================================ */
@media (min-width: 769px) {

    /* ---- 1. 底部波浪曲线（覆盖 v18 的 border-bottom）---- */
    .bold-nav.header {
        border-bottom: none !important;
        position: fixed !important;
        padding-bottom: 14px !important;
    }
    .bold-nav.header::after {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 0;
        right: 0;
        height: 18px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 18' preserveAspectRatio='none'><path d='M0,8 C240,18 480,0 720,8 C960,16 1200,2 1440,10 L1440,18 L0,18 Z' fill='rgba(6,40,20,0.55)'/><path d='M0,10 C240,20 480,2 720,10 C960,18 1200,4 1440,12 L1440,18 L0,18 Z' fill='rgba(232,185,49,0.45)' opacity='0.7'/></svg>");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 2;
    }

    /* ---- 2. 顶部色带改成稻穗光带（金色光晕脉动）---- */
    .bold-nav.header::before {
        height: 4px !important;
        background:
            linear-gradient(90deg,
                transparent 0%,
                rgba(232,185,49,0.40) 10%,
                rgba(232,185,49,1) 25%,
                rgba(255,225,128,1) 40%,
                rgba(13,110,57,1) 50%,
                rgba(255,225,128,1) 60%,
                rgba(232,185,49,1) 75%,
                rgba(232,185,49,0.40) 90%,
                transparent 100%) !important;
        box-shadow:
            0 2px 14px rgba(232,185,49,0.65),
            0 0 24px rgba(13,110,57,0.40) !important;
        animation: navBeltShimmer 8s ease-in-out infinite !important;
    }
    @keyframes navBeltShimmer {
        0%, 100% { opacity: 0.85; filter: brightness(1); }
        50%      { opacity: 1; filter: brightness(1.20); }
    }

    /* ---- 3. logo 旁竹叶装饰（在 logo 文字后） ---- */
    .bold-nav .pc-logoer {
        position: relative !important;
    }
    .bold-nav .pc-logoer > a::after {
        content: '';
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-left: 12px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M4 26 Q14 14 28 6' stroke='%23E8B931' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.85'/><ellipse cx='10' cy='20' rx='5' ry='2' transform='rotate(-30 10 20)' fill='%23F2CC4D' opacity='0.85'/><ellipse cx='18' cy='13' rx='5.5' ry='2.2' transform='rotate(-40 18 13)' fill='%23E8B931' opacity='0.85'/><ellipse cx='25' cy='8' rx='4.5' ry='1.8' transform='rotate(-50 25 8)' fill='%23F2CC4D' opacity='0.85'/></svg>");
        background-size: contain;
        background-repeat: no-repeat;
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.4));
        vertical-align: middle;
    }

    /* ---- 4. 菜单项金色竖线分隔（li 之间） ---- */
    .bold-nav .nav-dh-list > li:not(:last-child):not(:nth-last-child(2))::after {
        content: '';
        position: absolute;
        right: -1px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 16px;
        background: linear-gradient(180deg,
            transparent 0%,
            rgba(232,185,49,0.55) 50%,
            transparent 100%);
        pointer-events: none;
    }

    /* ---- 5. "联系我们" 之前加金色装饰线 ---- */
    .bold-nav .nav-dh-list > li:last-child {
        position: relative;
        margin-left: 14px !important;
        padding-left: 14px;
    }
    .bold-nav .nav-dh-list > li:last-child::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 24px;
        background: linear-gradient(180deg,
            transparent 0%,
            var(--accent) 50%,
            transparent 100%);
        box-shadow: 0 0 8px rgba(232,185,49,0.65);
        pointer-events: none;
    }

    /* ---- 6. 滚动后波浪变白色（适配白磨砂底）---- */
    .bold-nav.bold-nav--scrolled::after {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 18' preserveAspectRatio='none'><path d='M0,8 C240,18 480,0 720,8 C960,16 1200,2 1440,10 L1440,18 L0,18 Z' fill='rgba(255,255,255,0.95)'/><path d='M0,10 C240,20 480,2 720,10 C960,18 1200,4 1440,12 L1440,18 L0,18 Z' fill='rgba(232,185,49,0.45)' opacity='0.6'/></svg>");
    }
    .bold-nav.bold-nav--scrolled .pc-logoer > a::after {
        opacity: 0.7;
        filter: none;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:not(:last-child):not(:nth-last-child(2))::after {
        background: linear-gradient(180deg,
            transparent 0%,
            rgba(13,110,57,0.40) 50%,
            transparent 100%);
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child::before {
        background: linear-gradient(180deg,
            transparent 0%,
            var(--primary) 50%,
            transparent 100%);
    }
}

@media (max-width: 768px) {
    .bold-nav.header::after { display: none; }
    .bold-nav .pc-logoer > a::after { display: none !important; }
    .bold-nav .nav-dh-list > li::after,
    .bold-nav .nav-dh-list > li::before { display: none !important; }
}

/* ============================================================
   导航完全重做 — 悬浮胶囊式 (v20) — 2026-06-12
   - 不再贴顶满宽，改成顶部 16px 留空，左右居中，最大宽 1280px
   - 圆角 100px 胶囊形
   - 玻璃磨砂深绿底 + 金边
   - 顶部色带、波浪、稻穗光带全部去掉（清爽）
   - logo 区有金色徽章 / 联系我们按钮金色实心
   - 滚动后保持胶囊形，背景变白磨砂
   ============================================================ */
@media (min-width: 769px) {
    .bold-nav.header {
        /* 悬浮胶囊定位 */
        position: fixed !important;
        top: 16px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        right: auto !important;
        width: calc(100% - 40px) !important;
        max-width: 1280px !important;

        /* 胶囊外观 */
        border-radius: 60px !important;
        background: linear-gradient(135deg,
            rgba(6, 40, 20, 0.65) 0%,
            rgba(13, 110, 57, 0.55) 50%,
            rgba(6, 40, 20, 0.65) 100%) !important;
        background-color: transparent !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        border: 1.5px solid rgba(232,185,49,0.45) !important;
        box-shadow:
            0 12px 36px rgba(0,0,0,0.30),
            0 0 0 1px rgba(255,255,255,0.05) inset,
            0 0 30px rgba(13,110,57,0.20) !important;
        padding: 0 !important;
        z-index: 9999;
    }

    /* 撤销之前所有装饰 ::before / ::after */
    .bold-nav.header::before,
    .bold-nav.header::after {
        content: none !important;
        display: none !important;
    }

    /* container 适配胶囊 */
    .bold-nav.header > .container {
        padding: 8px 14px 8px 8px !important;
        min-height: 60px !important;
        max-width: 100% !important;
        gap: 16px !important;
    }

    /* ---- logo 区：圆形徽章背景 ---- */
    .bold-nav .pc-logoer > a {
        padding: 6px 16px 6px 6px !important;
        background: linear-gradient(135deg,
            rgba(232,185,49,0.30) 0%,
            rgba(232,185,49,0.10) 100%);
        border-radius: 999px !important;
        border: 1px solid rgba(232,185,49,0.45) !important;
        box-shadow: 0 4px 14px rgba(0,0,0,0.20) !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
        color: #fff !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    }
    .bold-nav .pc-logo-img {
        background: #fff !important;
        border-radius: 50% !important;
        padding: 4px;
        box-sizing: border-box;
        width: 44px !important;
        height: 44px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.30) !important;
    }
    /* 去掉之前加的金色竹叶装饰（避免太挤） */
    .bold-nav .pc-logoer > a::after {
        display: none !important;
    }

    /* ---- 菜单项：简洁、清爽 ---- */
    .bold-nav .nav-dh-list > li > a {
        padding: 10px 18px !important;
        font-size: 14.5px !important;
        letter-spacing: 1.5px !important;
        color: rgba(255,255,255,0.92) !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.40) !important;
        border-radius: 999px !important;
        transition: all 0.3s var(--ease) !important;
    }
    .bold-nav .nav-dh-list > li > a i {
        display: none;  /* 去掉小图标，更清爽 */
    }
    .bold-nav .nav-dh-list > li:hover > a {
        background: rgba(255,255,255,0.12) !important;
        color: #FFF1C7 !important;
    }
    /* 选中态 */
    .bold-nav .nav-dh-list > li.active > a {
        background: rgba(232,185,49,0.20) !important;
        color: var(--accent) !important;
        font-weight: 600 !important;
    }
    /* 去掉之前的底部金线 */
    .bold-nav .nav-dh-list > li > a::after {
        display: none !important;
    }

    /* 菜单项之间无分隔线（撤销 v19）*/
    .bold-nav .nav-dh-list > li::after,
    .bold-nav .nav-dh-list > li::before {
        display: none !important;
    }

    /* ---- 联系我们按钮：金色实心强 CTA ---- */
    .bold-nav .nav-dh-list > li:last-child {
        margin-left: 8px !important;
        padding-left: 0 !important;
    }
    .bold-nav .nav-dh-list > li:last-child > a {
        background: linear-gradient(135deg, #E8B931 0%, #F2CC4D 50%, #E8B931 100%) !important;
        color: var(--primary) !important;
        font-weight: 700 !important;
        padding: 10px 24px !important;
        border-radius: 999px !important;
        box-shadow:
            0 6px 18px rgba(232,185,49,0.50),
            inset 0 1px 0 rgba(255,255,255,0.40),
            inset 0 -1px 0 rgba(0,0,0,0.10) !important;
        text-shadow: none !important;
    }
    .bold-nav .nav-dh-list > li:last-child:hover > a {
        background: linear-gradient(135deg, #F2CC4D 0%, #FFE699 50%, #F2CC4D 100%) !important;
        transform: translateY(-2px) !important;
        box-shadow:
            0 10px 24px rgba(232,185,49,0.65),
            inset 0 1px 0 rgba(255,255,255,0.55) !important;
        color: var(--primary) !important;
    }

    /* ---- 滚动后：仍胶囊形 + 白磨砂 ---- */
    .bold-nav.bold-nav--scrolled {
        background: linear-gradient(135deg,
            rgba(255,255,255,0.92) 0%,
            rgba(255,255,255,0.88) 100%) !important;
        border-color: rgba(13,110,57,0.18) !important;
        box-shadow:
            0 14px 40px rgba(13,110,57,0.18),
            0 0 0 1px rgba(232,185,49,0.20) inset !important;
    }
    .bold-nav.bold-nav--scrolled .pc-logoer > a {
        background: linear-gradient(135deg,
            rgba(13,110,57,0.08) 0%,
            rgba(13,110,57,0.02) 100%);
        border-color: rgba(13,110,57,0.25) !important;
        color: var(--primary) !important;
        text-shadow: none !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li > a {
        color: var(--ink-700) !important;
        text-shadow: none !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:hover > a {
        background: rgba(13,110,57,0.08) !important;
        color: var(--primary) !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li.active > a {
        background: rgba(232,185,49,0.18) !important;
        color: var(--accent-dark) !important;
    }
    .bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child > a {
        color: var(--primary) !important;
        box-shadow:
            0 6px 18px rgba(232,185,49,0.40),
            inset 0 1px 0 rgba(255,255,255,0.50) !important;
    }
}

@media (max-width: 768px) {
    /* 移动端：保持全宽，圆角小，不浮动 */
    .bold-nav.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        border-radius: 0 !important;
        border: none !important;
        border-bottom: 1px solid rgba(232,185,49,0.30) !important;
        background: linear-gradient(180deg, rgba(6,40,20,0.85) 0%, rgba(6,40,20,0.95) 100%) !important;
        backdrop-filter: blur(14px) !important;
    }
    .bold-nav.header::before,
    .bold-nav.header::after { display: none !important; }
}

/* ============================================================
   v21 导航修复 — 2026-06-12
   - 恢复"新闻中心"chevron-down 箭头（之前 v20 把所有 i 都隐了）
   - 子菜单统一胶囊样式（玻璃磨砂 + 金边 + 圆角）
   ============================================================ */
@media (min-width: 769px) {
    /* ---- 1. 精确隐藏前缀图标（保留 chevron）---- */
    .bold-nav .nav-dh-list > li > a > i {
        display: none !important;
    }
    /* 但 chevron-down / nav-submenu-icon 仍然显示 */
    .bold-nav .nav-dh-list > li > a > i.fa-chevron-down,
    .bold-nav .nav-submenu-icon {
        display: inline-block !important;
        margin-left: 6px !important;
        font-size: 10px !important;
        opacity: 0.75;
        transition: transform 0.3s var(--ease),
                    opacity 0.3s var(--ease) !important;
    }
    .bold-nav .has-submenu:hover > a .nav-submenu-icon,
    .bold-nav .has-submenu:hover > a .fa-chevron-down {
        transform: rotate(180deg) !important;
        opacity: 1;
    }

    /* ---- 2. 子菜单胶囊化 ---- */
    .bold-nav .sub-menu {
        position: absolute !important;
        top: calc(100% + 14px) !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(-8px) !important;
        min-width: 180px !important;
        padding: 8px !important;
        margin: 0 !important;
        list-style: none !important;
        background: linear-gradient(135deg,
            rgba(6, 40, 20, 0.85) 0%,
            rgba(13, 110, 57, 0.75) 100%) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        border-radius: 20px !important;
        border: 1.5px solid rgba(232,185,49,0.45) !important;
        box-shadow:
            0 12px 36px rgba(0,0,0,0.35),
            0 0 30px rgba(13,110,57,0.20),
            0 0 0 1px rgba(255,255,255,0.05) inset !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s var(--ease),
                    visibility 0.3s var(--ease),
                    transform 0.3s var(--ease) !important;
        z-index: 100;
    }
    /* 父菜单和子菜单之间的"安全区"（防 hover 跳出失效）*/
    .bold-nav .has-submenu::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 14px;
        background: transparent;
        pointer-events: auto;
    }
    .bold-nav .has-submenu:hover .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) !important;
    }

    /* 子菜单项 */
    .bold-nav .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .bold-nav .sub-menu li a {
        display: block !important;
        padding: 10px 18px !important;
        color: rgba(255,255,255,0.92) !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        text-shadow: none !important;
        background: transparent !important;
        border: none !important;
        border-radius: 999px !important;
        transition: all 0.25s var(--ease) !important;
        white-space: nowrap;
        letter-spacing: 1px;
        text-align: left;
    }
    .bold-nav .sub-menu li a:hover {
        background: linear-gradient(135deg,
            rgba(232,185,49,0.30) 0%,
            rgba(232,185,49,0.15) 100%) !important;
        color: #FFF1C7 !important;
        transform: translateX(2px);
    }

    /* 滚动后子菜单变白磨砂 */
    .bold-nav.bold-nav--scrolled .sub-menu {
        background: linear-gradient(135deg,
            rgba(255,255,255,0.95) 0%,
            rgba(255,255,255,0.92) 100%) !important;
        border-color: rgba(13,110,57,0.18) !important;
        box-shadow:
            0 12px 36px rgba(13,110,57,0.18),
            0 0 0 1px rgba(232,185,49,0.20) inset !important;
    }
    .bold-nav.bold-nav--scrolled .sub-menu li a {
        color: var(--ink-700) !important;
    }
    .bold-nav.bold-nav--scrolled .sub-menu li a:hover {
        background: linear-gradient(135deg,
            rgba(13,110,57,0.10) 0%,
            rgba(13,110,57,0.05) 100%) !important;
        color: var(--primary) !important;
    }
}

/* ============================================================
   v22 子菜单收紧 — 2026-06-12
   去掉 min-width，改 width: max-content，让容器刚好包住内容
   ============================================================ */
@media (min-width: 769px) {
    .bold-nav .sub-menu {
        min-width: 0 !important;
        width: max-content !important;
        max-width: 200px !important;
        padding: 8px !important;
    }
    .bold-nav .sub-menu li {
        margin: 0 !important;
    }
    .bold-nav .sub-menu li a {
        padding: 7px 16px !important;
        font-size: 13px !important;
        letter-spacing: 0.5px !important;
        line-height: 1.3 !important;
    }
}

/* ============================================================
   v23 子菜单宽松度调整 — 适中
   ============================================================ */
@media (min-width: 769px) {
    .bold-nav .sub-menu {
        min-width: 150px !important;
        width: max-content !important;
        max-width: 220px !important;
        padding: 8px !important;
    }
    .bold-nav .sub-menu li a {
        padding: 9px 22px !important;
        font-size: 13.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
    }
    .bold-nav .sub-menu li + li {
        margin-top: 2px !important;
    }
}

/* ============================================================
   v24 chevron 箭头改纯白
   ============================================================ */
@media (min-width: 769px) {
    .bold-nav .nav-dh-list > li > a > i.fa-chevron-down,
    .bold-nav .nav-submenu-icon {
        color: #fff !important;
        opacity: 1 !important;
        text-shadow: 0 1px 3px rgba(0,0,0,0.40);
    }
    /* hover 时金色 */
    .bold-nav .has-submenu:hover > a > i.fa-chevron-down,
    .bold-nav .has-submenu:hover > a .nav-submenu-icon {
        color: var(--accent) !important;
    }
    /* 滚动后变深绿（白底）*/
    .bold-nav.bold-nav--scrolled .nav-dh-list > li > a > i.fa-chevron-down,
    .bold-nav.bold-nav--scrolled .nav-submenu-icon {
        color: var(--primary) !important;
        text-shadow: none;
    }
}

/* ============================================================
   v25 双滚动条修复 — 2026-06-12
   原因：原 Bootstrap 模板里 #container / #main / .bold-main 等容器
        被设了固定高度 + 内容溢出 → 出现第二条 scroll
   修复：强制 height auto + overflow-y visible（但保留 overflow-x hidden）
   ============================================================ */
html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 100% !important;
}
#container,
#header,
#main,
.bold-main {
    overflow: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
}
#main.bold-main {
    overflow-x: hidden !important;
}

/* ============================================================
   v26 双滚动条彻底修复 — 暴力覆盖所有可能容器
   ============================================================ */
html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 所有顶级容器 + section 强制 visible / auto height */
#container, #wrapper, #header, #main, #content, #site,
.bold-main, main, body > div {
    overflow-y: visible !important;
    overflow-x: visible !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
}

/* 但保持 main 容器禁止水平滚动（防超宽内容引发横向 scroll）*/
.bold-main, #main {
    overflow-x: hidden !important;
}

/* 所有 section 强制可见溢出，不要在自己上面出 scroll */
section, .bold-section, .container {
    overflow-y: visible !important;
    max-height: none !important;
}

/* 滚动条美化（让仅存的浏览器滚动条美一点）*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: rgba(13,110,57,0.05); }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--accent) 0%, var(--accent-dark) 100%);
}

/* ============================================================
   v27 修 main 二条滚动条根因 — 2026-06-12
   bug: overflow-x: hidden + overflow-y: visible 是非法组合
        浏览器会强制把 overflow-y 变 auto → 出现内嵌 scroll
   修: main 完全 visible，水平 hidden 交给 html/body 顶层处理
   ============================================================ */
.bold-main,
#main,
#main.bold-main {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
}
/* 顶层 html/body 保留 overflow-x: hidden 防水平滚动 */
html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;  /* 浏览器默认主滚动条 */
}
body {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

/* ============================================================
   v28 取消滚动条美化 — 恢复浏览器默认（白/灰）
   ============================================================ */
::-webkit-scrollbar { width: initial !important; }
::-webkit-scrollbar-track { background: initial !important; }
::-webkit-scrollbar-thumb {
    background: initial !important;
    border-radius: initial !important;
}
::-webkit-scrollbar-thumb:hover {
    background: initial !important;
}

/* ============================================================
   v29 修 CTA / 各 section 装饰溢出滚动条
   - 用 overflow-x: clip（截水平但不影响 overflow-y）
   - 比 hidden 更安全，不会触发垂直滚动
   ============================================================ */
.bold-cta,
.bold-orbit,
.bold-pillars,
.bold-news,
.bold-about,
.bold-support,
.bold-intro-bar,
.bold-wave-down,
.bold-wave-from-space,
.bold-wave-to-space,
.hero-wave {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* fallback：老浏览器不支持 clip 时用 hidden（接受副作用）*/
@supports not (overflow-x: clip) {
    .bold-cta,
    .bold-orbit,
    .bold-pillars {
        overflow-x: hidden !important;
    }
}

/* ============================================================
   v30 滚动条 — 明确灰色（系统标准）
   ============================================================ */
::-webkit-scrollbar {
    width: 14px !important;
    height: 14px !important;
    background: #f1f1f1 !important;
}
::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 7px !important;
    border: 3px solid #f1f1f1 !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8 !important;
}
/* Firefox */
html {
    scrollbar-color: #c1c1c1 #f1f1f1 !important;
    scrollbar-width: auto !important;
}

/* ============================================================
   v31 CTA 区瘦身 — 减少上下空白
   ============================================================ */
.bold-cta {
    padding: 50px 0 60px !important;
}
.bold-cta-title {
    font-size: 38px !important;
    margin: 0 0 14px !important;
    line-height: 1.3 !important;
}
.bold-cta-eyebrow {
    margin-bottom: 18px !important;
}
.bold-cta-sub {
    margin: 0 0 26px !important;
    font-size: 16px !important;
}
.bold-cta-actions {
    margin-bottom: 22px !important;
}
.bold-cta-meta {
    font-size: 12.5px !important;
}
@media (max-width: 768px) {
    .bold-cta { padding: 36px 0 44px !important; }
    .bold-cta-title { font-size: 22px !important; }
}

/* ============================================================
   v33 关于区公司名一行显示
   ============================================================ */
.bold-about .bold-title {
    white-space: nowrap !important;
    font-size: 40px !important;
}
.bold-about .bold-title .bold-grad {
    margin-left: 12px;
}
@media (max-width: 768px) {
    .bold-about .bold-title {
        font-size: 22px !important;
        white-space: normal !important;  /* 移动端允许折行避免溢出 */
    }
    .bold-about .bold-title .bold-grad { margin-left: 0; display: block; }
}


/* 移动端保持纵向 */
@media (max-width: 768px) {
    .bold-bubble[style*="--i:"] {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* ============================================================
   v35 气泡内文字加强对比
   ============================================================ */
.bold-bubble .bold-bubble-num {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0a4a26 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.1 !important;
}
.bold-bubble .bold-bubble-num .bold-num-target {
    color: #0a4a26 !important;
    -webkit-text-fill-color: #0a4a26 !important;
    font-weight: 800 !important;
}
.bold-bubble .bold-bubble-num small {
    font-size: 13px !important;
    color: var(--primary) !important;
    -webkit-text-fill-color: var(--primary) !important;
    font-weight: 600 !important;
    margin-left: 2px;
}
.bold-bubble .bold-bubble-label {
    font-size: 12px !important;
    color: #1a2e22 !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
    letter-spacing: 1px !important;
}
/* 文字型气泡（国家政策/区位优势）*/
.bold-bubble--text .bold-bubble-num {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* ============================================================
   v36 新闻区左右互换
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-left { order: 2 !important; }
    .bold-news-right { order: 1 !important; }
    /* 竹叶装饰位置随大图同移到左侧（原本叶子在 right 容器内，跟着走）*/
}

/* ============================================================
   v37 "进入专区" 按钮移到 tab 行右侧
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-left {
        position: relative !important;
        padding-top: 6px !important;
    }
    .bold-news-more.bold-news-more--filled {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 10px 22px !important;
        font-size: 13px !important;
        z-index: 5;
    }
    /* tab 行右侧留出按钮空间 */
    .bold-news-tabs {
        padding-right: 140px !important;
    }
}

/* ============================================================
   v38 tab 行 + 进入专区 一行不折
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 2px !important;
        padding-right: 110px !important;
        overflow: visible !important;
    }
    .bold-news-tabs .bold-news-tab {
        padding: 12px 16px !important;
        font-size: 13.5px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    .bold-news-tabs .bold-news-tab i {
        display: inline-block !important;  /* tab 图标恢复（之前 nav 把所有 i 隐了，覆盖回来）*/
        margin-right: 4px;
        font-size: 12px;
    }
    .bold-news-more.bold-news-more--filled {
        padding: 7px 16px !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
        white-space: nowrap !important;
        top: 4px !important;
        right: 0 !important;
    }
    .bold-news-more.bold-news-more--filled i {
        font-size: 10px;
    }
}

/* ============================================================
   v39 进入专区按钮垂直对齐 tab 行
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tabs {
        position: relative !important;  /* 作为按钮定位上下文 */
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        min-height: 46px;
    }
    .bold-news-more.bold-news-more--filled {
        position: absolute !important;
        top: 50% !important;
        right: 0 !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 9px 18px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    /* 给 tab 行底部腾出空间避免按钮压 border */
    .bold-news-left .bold-news-tabs {
        margin-bottom: 24px !important;
    }
}

/* ============================================================
   v40 按钮真正对齐 tab 行
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-more.bold-news-more--filled {
        position: absolute !important;
        top: 4px !important;
        right: 0 !important;
        transform: none !important;
        height: 38px !important;
        padding: 0 20px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }
}

/* ============================================================
   v41 写实稻穗装饰（覆盖之前的竹叶 data URI）
   ============================================================ */
.bold-section-head h2.bold-title {
    padding: 0 60px !important;
}
.bold-section-head h2.bold-title::before,
.bold-section-head h2.bold-title::after {
    width: 38px !important;
    height: 48px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 48'><path d='M19 4 Q22 16 17 32 Q15 40 13 46' stroke='%235a8c3b' stroke-width='1.4' fill='none' stroke-linecap='round' opacity='0.85'/><ellipse cx='14' cy='10' rx='2.4' ry='1.2' transform='rotate(-32 14 10)' fill='%23F2CC4D'/><ellipse cx='13' cy='15' rx='2.6' ry='1.3' transform='rotate(-32 13 15)' fill='%23E8B931'/><ellipse cx='12' cy='20' rx='2.8' ry='1.4' transform='rotate(-32 12 20)' fill='%23F2CC4D'/><ellipse cx='11' cy='25' rx='3.0' ry='1.5' transform='rotate(-32 11 25)' fill='%23E8B931'/><ellipse cx='10' cy='30' rx='3.0' ry='1.5' transform='rotate(-32 10 30)' fill='%23D4A017'/><ellipse cx='24' cy='10' rx='2.4' ry='1.2' transform='rotate(32 24 10)' fill='%23E8B931'/><ellipse cx='25' cy='15' rx='2.6' ry='1.3' transform='rotate(32 25 15)' fill='%23F2CC4D'/><ellipse cx='26' cy='20' rx='2.8' ry='1.4' transform='rotate(32 26 20)' fill='%23E8B931'/><ellipse cx='27' cy='25' rx='3.0' ry='1.5' transform='rotate(32 27 25)' fill='%23F2CC4D'/><ellipse cx='28' cy='30' rx='3.0' ry='1.5' transform='rotate(32 28 30)' fill='%23D4A017'/></svg>") !important;
}
.bold-section-head h2.bold-title::after {
    transform: translateY(-50%) scaleX(-1) !important;
}
/* 数据区稻穗加微微摇摆 */
.bold-bamboo {
    transform-origin: top center;
    animation: riceSway 5s ease-in-out infinite;
}
.bold-bamboo--br { animation-delay: -2.5s; }
@keyframes riceSway {
    0%, 100% { transform: rotate(-2deg); }
    50%      { transform: rotate(2deg); }
}
.bold-bamboo--br { animation-name: riceSway2; }
@keyframes riceSway2 {
    0%, 100% { transform: rotate(180deg) rotate(-2deg); }
    50%      { transform: rotate(180deg) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
    .bold-bamboo { animation: none !important; }
}

/* ============================================================
   v42 稻穗"托举"标题样式
   - 两片稻穗对称放在标题底部，向上左右伸展
   - 像奖牌徽章 / 联合国徽 风格
   ============================================================ */
.bold-section-head h2.bold-title {
    position: relative !important;
    display: inline-block !important;
    padding: 0 0 36px !important;
    margin-bottom: 8px !important;
}
.bold-section-head h2.bold-title::before,
.bold-section-head h2.bold-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 90px !important;
    height: 34px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    top: auto !important;
    transform: none !important;
    opacity: 0.92 !important;
}
/* 左侧稻穗：从底部中线向左外伸展 */
.bold-section-head h2.bold-title::before {
    right: 50% !important;
    left: auto !important;
    margin-right: 4px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 34'><path d='M86 32 Q60 22 30 14 Q14 10 4 6' stroke='%235a8c3b' stroke-width='1.6' fill='none' stroke-linecap='round' opacity='0.85'/><ellipse cx='12' cy='8' rx='3.2' ry='1.4' transform='rotate(-15 12 8)' fill='%23F2CC4D'/><ellipse cx='20' cy='10' rx='3.4' ry='1.5' transform='rotate(-12 20 10)' fill='%23E8B931'/><ellipse cx='28' cy='12' rx='3.6' ry='1.6' transform='rotate(-10 28 12)' fill='%23F2CC4D'/><ellipse cx='36' cy='14' rx='3.6' ry='1.6' transform='rotate(-8 36 14)' fill='%23E8B931'/><ellipse cx='44' cy='17' rx='3.4' ry='1.5' transform='rotate(-6 44 17)' fill='%23D4A017'/><ellipse cx='52' cy='20' rx='3.2' ry='1.4' transform='rotate(-4 52 20)' fill='%23F2CC4D'/><ellipse cx='60' cy='23' rx='3' ry='1.3' transform='rotate(-3 60 23)' fill='%23E8B931'/><ellipse cx='68' cy='26' rx='2.8' ry='1.2' transform='rotate(-2 68 26)' fill='%23D4A017'/><ellipse cx='76' cy='29' rx='2.6' ry='1.1' transform='rotate(-1 76 29)' fill='%23E8B931'/></svg>") !important;
}
/* 右侧稻穗：镜像 */
.bold-section-head h2.bold-title::after {
    left: 50% !important;
    right: auto !important;
    margin-left: 4px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 34'><path d='M4 32 Q30 22 60 14 Q76 10 86 6' stroke='%235a8c3b' stroke-width='1.6' fill='none' stroke-linecap='round' opacity='0.85'/><ellipse cx='78' cy='8' rx='3.2' ry='1.4' transform='rotate(15 78 8)' fill='%23F2CC4D'/><ellipse cx='70' cy='10' rx='3.4' ry='1.5' transform='rotate(12 70 10)' fill='%23E8B931'/><ellipse cx='62' cy='12' rx='3.6' ry='1.6' transform='rotate(10 62 12)' fill='%23F2CC4D'/><ellipse cx='54' cy='14' rx='3.6' ry='1.6' transform='rotate(8 54 14)' fill='%23E8B931'/><ellipse cx='46' cy='17' rx='3.4' ry='1.5' transform='rotate(6 46 17)' fill='%23D4A017'/><ellipse cx='38' cy='20' rx='3.2' ry='1.4' transform='rotate(4 38 20)' fill='%23F2CC4D'/><ellipse cx='30' cy='23' rx='3' ry='1.3' transform='rotate(3 30 23)' fill='%23E8B931'/><ellipse cx='22' cy='26' rx='2.8' ry='1.2' transform='rotate(2 22 26)' fill='%23D4A017'/><ellipse cx='14' cy='29' rx='2.6' ry='1.1' transform='rotate(1 14 29)' fill='%23E8B931'/></svg>") !important;
}

@media (max-width: 768px) {
    .bold-section-head h2.bold-title { padding: 0 0 26px !important; }
    .bold-section-head h2.bold-title::before,
    .bold-section-head h2.bold-title::after {
        width: 60px !important;
        height: 24px !important;
    }
}

/* ============================================================
   v43 标题下单根大稻穗装饰
   ============================================================ */
.bold-section-head h2.bold-title {
    padding: 0 0 64px !important;
}
.bold-section-head h2.bold-title::before {
    display: none !important;
}
.bold-section-head h2.bold-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 56px !important;
    height: 60px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    top: auto !important;
    margin: 0 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 60'><path d='M28 58 Q26 40 28 22 Q29 12 28 4' stroke='%235a8c3b' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.92'/><ellipse cx='22' cy='10' rx='3.6' ry='1.6' transform='rotate(-30 22 10)' fill='%23F2CC4D'/><ellipse cx='20' cy='17' rx='4' ry='1.8' transform='rotate(-30 20 17)' fill='%23E8B931'/><ellipse cx='19' cy='24' rx='4.4' ry='2' transform='rotate(-30 19 24)' fill='%23F2CC4D'/><ellipse cx='18' cy='31' rx='4.6' ry='2.1' transform='rotate(-30 18 31)' fill='%23E8B931'/><ellipse cx='17' cy='38' rx='4.7' ry='2.2' transform='rotate(-30 17 38)' fill='%23D4A017'/><ellipse cx='17' cy='45' rx='4.6' ry='2.1' transform='rotate(-30 17 45)' fill='%23E8B931'/><ellipse cx='34' cy='10' rx='3.6' ry='1.6' transform='rotate(30 34 10)' fill='%23E8B931'/><ellipse cx='36' cy='17' rx='4' ry='1.8' transform='rotate(30 36 17)' fill='%23F2CC4D'/><ellipse cx='37' cy='24' rx='4.4' ry='2' transform='rotate(30 37 24)' fill='%23E8B931'/><ellipse cx='38' cy='31' rx='4.6' ry='2.1' transform='rotate(30 38 31)' fill='%23F2CC4D'/><ellipse cx='39' cy='38' rx='4.7' ry='2.2' transform='rotate(30 39 38)' fill='%23D4A017'/><ellipse cx='39' cy='45' rx='4.6' ry='2.1' transform='rotate(30 39 45)' fill='%23E8B931'/></svg>") !important;
    opacity: 1 !important;
}
@media (max-width: 768px) {
    .bold-section-head h2.bold-title { padding: 0 0 48px !important; }
    .bold-section-head h2.bold-title::after {
        width: 42px !important;
        height: 46px !important;
    }
}

/* ============================================================
   v44 全部稻穗去掉
   ============================================================ */
.bold-bamboo,
.bold-bamboo--tl,
.bold-bamboo--br {
    display: none !important;
}
.bold-section-head h2.bold-title::before,
.bold-section-head h2.bold-title::after {
    display: none !important;
    content: none !important;
}
.bold-section-head h2.bold-title {
    padding: 0 !important;
}

/* ============================================================
   v45 eyebrow 移到标题下方
   ============================================================ */
.bold-section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.bold-section-head h2.bold-title { order: 1 !important; margin-bottom: 12px !important; }
.bold-section-head .bold-eyebrow { order: 2 !important; margin-bottom: 10px !important; }
.bold-section-head .bold-section-sub { order: 3 !important; margin: 0 !important; }

/* ============================================================
   v46 数据区 eyebrow 也移到标题下方（覆盖 v34）
   ============================================================ */
.bold-orbit .bold-section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.bold-orbit .bold-section-head h2.bold-title { order: 1 !important; margin: 0 0 12px !important; }
.bold-orbit .bold-section-head .bold-eyebrow { order: 2 !important; margin: 0 0 10px !important; }
.bold-orbit .bold-section-head .bold-section-sub { order: 3 !important; margin: 0 !important; }

/* ============================================================
   v47 整体字号 +4px
   v-mob5 (2026-06-19) — 整段包到 @media (min-width: 769px)
   修复 mobile 文字普遍偏大 bug（之前全局 !important 反向覆盖 mobile 段小字号）
   桌面端行为不变（仍然 42px 标题、22px about、26px 气泡数字等）
   ============================================================ */
@media (min-width: 769px) {
    /* 各 section 标题 +4 */
    .bold-title { font-size: calc(38px + 4px) !important; }
    .bold-orbit .bold-title,
    .bold-news .bold-title,
    .bold-pillars .bold-title,
    .bold-support .bold-title { font-size: 42px !important; }
    .bold-about .bold-title { font-size: 44px !important; }

    /* eyebrow + sub + intro */
    .bold-eyebrow { font-size: 16px !important; }
    .bold-section-sub { font-size: 20px !important; }
    .bold-intro-bar p { font-size: 17.5px !important; }

    /* 关于区 */
    .bold-about-sub { font-size: 22px !important; }
    .bold-about-body { font-size: 19px !important; }

    /* 数据气泡 */
    .bold-bubble .bold-bubble-num { font-size: 26px !important; }
    .bold-bubble .bold-bubble-num small { font-size: 17px !important; }
    .bold-bubble .bold-bubble-label { font-size: 16px !important; }
    .bold-bubble--text .bold-bubble-num { font-size: 19px !important; }
    .bold-orbit-slogan { font-size: 22px !important; }

    /* 新闻 */
    .bold-news-tab { font-size: 17.5px !important; }
    .bold-news-title { font-size: 18.5px !important; }
    .bold-news-date { font-size: 18px !important; width: 64px !important; }
    .bold-news-more.bold-news-more--filled { font-size: 16px !important; height: 44px !important; padding: 0 26px !important; }

    /* 产业 */
    .bold-pillars-intro-title { font-size: 36px !important; }
    .bold-pillars-intro-text { font-size: 18.5px !important; }
    .bold-pillars-center strong { font-size: 24px !important; }
    .bold-pillars-center em { font-size: 15px !important; }
    .bold-pillar-text h4 { font-size: 17px !important; }

    /* 支撑 */
    .bold-support-pill h3 { font-size: 21px !important; }
    .bold-support-pill p { font-size: 16.5px !important; }
    .bold-support-placeholder { font-size: 17px !important; }

    /* CTA */
    .bold-cta-title { font-size: 42px !important; }
    .bold-cta-sub { font-size: 20px !important; }
    .bold-cta-btn { font-size: 20px !important; }
    .bold-cta-meta { font-size: 16.5px !important; }
    .bold-cta-eyebrow { font-size: 16px !important; }

    /* Footer */
    .footer .footer-title { font-size: 18px !important; }
    .footer .footer-links li { font-size: 16px !important; }
    .footer-cert-label { font-size: 15px !important; }

    /* 导航也加大一点 */
    .bold-nav .nav-dh-list > li > a { font-size: 18.5px !important; }
    .bold-nav .pc-logoer > a { font-size: 18px !important; }
    .bold-nav .sub-menu li a { font-size: 17.5px !important; }
}

/* ============================================================
   v48 滚动后联系我们按钮文字显眼
   方案：深绿渐变底 + 白字 + 金色文字阴影发光 + 金边
   ============================================================ */
.bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child > a {
    background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow:
        0 0 10px rgba(232,185,49,0.85),
        0 0 18px rgba(255,225,128,0.60),
        0 1px 2px rgba(0,0,0,0.35) !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    border: 2px solid var(--accent) !important;
    box-shadow:
        0 6px 18px rgba(13,110,57,0.35),
        0 0 20px rgba(232,185,49,0.55),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.bold-nav.bold-nav--scrolled .nav-dh-list > li:last-child:hover > a {
    background: linear-gradient(135deg, #E8B931 0%, #F2CC4D 100%) !important;
    color: var(--primary) !important;
    -webkit-text-fill-color: var(--primary) !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.45) !important;
    border-color: var(--accent-dark) !important;
    box-shadow:
        0 10px 28px rgba(232,185,49,0.70),
        0 0 30px rgba(255,225,128,0.55) !important;
}

/* ============================================================
   v49 数据气泡区视觉冲击升级
   ============================================================ */
@media (min-width: 769px) {
    /* ---- ❶ 中心球：饱满光球 + 多层光晕 + 脉动 ---- */
    .bold-orbit-center {
        width: 280px !important;
        height: 280px !important;
        background: radial-gradient(circle at 30% 30%,
            #ffffff 0%,
            #d4ebd9 22%,
            #5fa56a 58%,
            #0D6E39 90%,
            #0a4a26 100%) !important;
        box-shadow:
            inset 0 0 0 6px rgba(255,255,255,0.32),
            inset 0 0 40px rgba(13,110,57,0.45),
            0 0 50px rgba(13,110,57,0.50),
            0 0 110px rgba(13,110,57,0.30),
            0 0 180px rgba(232,185,49,0.22) !important;
        animation: corePulse 4s ease-in-out infinite !important;
        z-index: 5 !important;
    }
    @keyframes corePulse {
        0%, 100% { transform: translate(-50%, -50%) scale(1); }
        50%      { transform: translate(-50%, -50%) scale(1.04); }
    }
    .bold-orbit-center .bold-placeholder {
        color: rgba(255,255,255,0.95) !important;
        text-shadow: 0 2px 6px rgba(0,0,0,0.50) !important;
    }
    .bold-orbit-center .bold-placeholder strong {
        color: #fff !important;
        text-shadow: 0 0 10px rgba(232,185,49,0.65), 0 2px 4px rgba(0,0,0,0.50) !important;
    }

    /* ---- ❷ 放射光线（背景层）---- */
    .bold-orbit-stage > .bold-orbit-rays {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 700px;
        height: 700px;
        transform: translate(-50%, -50%);
        background: conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(232,185,49,0.12) 6deg, transparent 14deg,
            rgba(13,110,57,0.10) 30deg, transparent 38deg,
            rgba(232,185,49,0.14) 60deg, transparent 70deg,
            rgba(13,110,57,0.08) 95deg, transparent 105deg,
            rgba(232,185,49,0.10) 125deg, transparent 135deg,
            rgba(13,110,57,0.12) 160deg, transparent 170deg,
            rgba(232,185,49,0.10) 195deg, transparent 205deg,
            rgba(13,110,57,0.10) 225deg, transparent 235deg,
            rgba(232,185,49,0.14) 255deg, transparent 265deg,
            rgba(13,110,57,0.10) 290deg, transparent 300deg,
            rgba(232,185,49,0.12) 325deg, transparent 335deg,
            transparent 360deg);
        border-radius: 50%;
        animation: raysSpin 50s linear infinite;
        pointer-events: none;
        z-index: 0;
        filter: blur(3px);
    }
    @keyframes raysSpin {
        to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    /* ---- ❸ 气泡渐变 + 金边 ---- */
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) {
        background: linear-gradient(135deg,
            #ffffff 0%,
            #e8f5ec 50%,
            #c8e6cd 100%) !important;
        border: 2px solid rgba(232,185,49,0.55) !important;
        box-shadow:
            0 12px 28px rgba(13,110,57,0.22),
            inset 0 0 0 2px rgba(255,255,255,0.65) !important;
    }
    .bold-bubble--text {
        background: linear-gradient(135deg,
            #ffffff 0%,
            #fff5d6 50%,
            #ffe899 100%) !important;
        border: 2px solid rgba(232,185,49,0.65) !important;
        box-shadow:
            0 12px 28px rgba(13,110,57,0.18),
            inset 0 0 0 2px rgba(255,255,255,0.65) !important;
    }

    /* ---- ❹ 背景大字水印 ---- */
    .bold-orbit > .container::after {
        content: 'DATA';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 280px;
        font-weight: 900;
        color: rgba(13,110,57,0.04);
        letter-spacing: 30px;
        pointer-events: none;
        z-index: -1;
        white-space: nowrap;
        font-family: 'Arial Black', 'Helvetica Neue', sans-serif;
        line-height: 1;
    }
    .bold-orbit > .container { position: relative; z-index: 1; }

    /* ---- ❺ 气泡 hover 强化 (2026-06-15: 整条删, hover 没有任何动作) ---- */
    .bold-bubble:hover .bold-bubble-num {
        font-size: 30px !important;
        color: var(--accent-dark) !important;
        -webkit-text-fill-color: var(--accent-dark) !important;
        transition: all 0.3s ease;
    }
}

@media (max-width: 768px) {
    .bold-orbit > .container::after { display: none; }
    .bold-orbit-stage > .bold-orbit-rays { display: none; }
}

/* ============================================================
   v50 数据气泡区超级强化
   - stage 放大 900x700
   - 中心球 280→380 + 强光晕
   - 气泡 110→160 + 数字超大 42px
   - 加 sparkle 闪烁光点
   - 数字气泡背景反白：深绿底白字（最强对比）
   ============================================================ */
@media (min-width: 769px) {
    /* stage 放大 */
    .bold-orbit-stage {
        width: 900px !important;
        height: 720px !important;
    }

    /* 中心球更大 + 更亮 */
    .bold-orbit-center {
        width: 380px !important;
        height: 380px !important;
        background: radial-gradient(circle at 28% 28%,
            #ffffff 0%, #d4ebd9 18%, #5fa56a 50%, #0D6E39 85%, #0a4a26 100%) !important;
        box-shadow:
            inset 0 0 0 8px rgba(255,255,255,0.32),
            inset 0 0 60px rgba(13,110,57,0.50),
            0 0 80px rgba(13,110,57,0.55),
            0 0 160px rgba(13,110,57,0.35),
            0 0 240px rgba(232,185,49,0.30),
            0 0 320px rgba(232,185,49,0.15) !important;
    }

    /* 6 气泡放大 + 重新定位 */
    .bold-bubble[style*="--i:"] {
        width: 160px !important;
        height: 160px !important;
    }

    /* 数字气泡：深绿底白字（最强对比）+ 数字超大 */
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) {
        background: radial-gradient(circle at 35% 35%,
            #1a8a4a 0%, #0D6E39 60%, #0a4a26 100%) !important;
        border: 3px solid var(--accent) !important;
        box-shadow:
            0 16px 36px rgba(0,0,0,0.40),
            0 0 30px rgba(13,110,57,0.55),
            inset 0 0 0 3px rgba(255,255,255,0.15),
            inset 0 0 20px rgba(232,185,49,0.30) !important;
    }
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num,
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-num-target {
        font-size: 40px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow:
            0 0 12px rgba(232,185,49,0.75),
            0 0 20px rgba(255,225,128,0.45),
            0 2px 4px rgba(0,0,0,0.40) !important;
        font-weight: 900 !important;
    }
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num small {
        font-size: 20px !important;
        color: var(--accent) !important;
        -webkit-text-fill-color: var(--accent) !important;
        font-weight: 700 !important;
    }
    .bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-label {
        font-size: 14px !important;
        color: rgba(255,255,255,0.92) !important;
        font-weight: 600 !important;
        letter-spacing: 1.5px !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.40) !important;
    }

    /* 文字气泡：金底深绿字（对比强烈）*/
    .bold-bubble--text {
        background: radial-gradient(circle at 35% 35%,
            #F2CC4D 0%, #E8B931 50%, #D4A017 100%) !important;
        border: 3px solid var(--primary) !important;
        box-shadow:
            0 16px 36px rgba(0,0,0,0.30),
            0 0 30px rgba(232,185,49,0.60),
            inset 0 0 0 3px rgba(255,255,255,0.30) !important;
    }
    .bold-bubble--text .bold-bubble-num {
        font-size: 22px !important;
        color: #0a4a26 !important;
        font-weight: 800 !important;
        text-shadow: 0 1px 2px rgba(255,255,255,0.45) !important;
    }
    .bold-bubble--text .bold-bubble-label {
        font-size: 13px !important;
        color: var(--primary) !important;
        font-weight: 600 !important;
        text-shadow: 0 1px 1px rgba(255,255,255,0.55) !important;
    }

    /* hover 强化 (2026-06-15: 整条删, hover 没有任何动作) */

    /* ---- sparkle 闪烁光点（4 个角落）---- */
    .bold-orbit-stage .bold-sparkle {
        position: absolute;
        width: 8px;
        height: 8px;
        background: radial-gradient(circle, #fff 0%, rgba(255,225,128,0.8) 30%, transparent 70%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 4;
        box-shadow: 0 0 16px rgba(255,225,128,0.85), 0 0 32px rgba(232,185,49,0.55);
        opacity: 0;
        animation: sparkleFlash 4s ease-in-out infinite;
    }
    .bold-sparkle-1 { top: 12%;  left: 22%; animation-delay: 0s;   }
    .bold-sparkle-2 { top: 18%;  right: 25%; animation-delay: 1s;   }
    .bold-sparkle-3 { bottom: 22%; left: 28%; animation-delay: 2s;   }
    .bold-sparkle-4 { bottom: 14%; right: 20%; animation-delay: 3s;   }
    .bold-sparkle-5 { top: 48%;  left: 18%; animation-delay: 1.5s; width: 6px; height: 6px; }
    .bold-sparkle-6 { top: 45%;  right: 18%; animation-delay: 2.5s; width: 6px; height: 6px; }
    @keyframes sparkleFlash {
        0%, 100% { opacity: 0; transform: scale(0.4); }
        20%      { opacity: 1; transform: scale(1.3); }
        40%      { opacity: 0.5; transform: scale(0.8); }
        60%      { opacity: 1; transform: scale(1.5); }
        80%      { opacity: 0; transform: scale(0.4); }
    }

    /* stage 整体边界扩大 */
    .bold-orbit { padding: 80px 0 100px !important; }
}

@media (max-width: 768px) {
    .bold-sparkle { display: none; }
}


/* ============================================================
   v55 修文字重叠 — 中心球/气泡缩小适配 + 标语下移
   ============================================================ */
@media (min-width: 769px) {
    /* 中心球缩小：380 → 320 */
    .bold-orbit-center {
        width: 320px !important;
        height: 320px !important;
    }

    /* 气泡 margin 全部缩进 */

    /* stage 高度增加，给气泡留空间 */
    .bold-orbit-stage {
        height: 760px !important;
    }

    /* 标语下移：跟气泡 i:6 留出空间 */
    .bold-orbit-slogan {
        margin-top: 50px !important;
    }
}

/* ============================================================
   v56 中心球真实图填入 — center-farmer.jpg
   ============================================================ */
.bold-orbit-center {
    padding: 0 !important;
    overflow: hidden !important;
    background: none !important;
}
.bold-orbit-center-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    z-index: 1;
    position: relative;
}
/* 保留外层光晕和涟漪（::before/::after 在 img 之上，但是透明边框，不挡图）*/
.bold-orbit-center::before,
.bold-orbit-center::after {
    z-index: 2 !important;
}

/* ============================================================
   v57 中心球图片完整显示（contain + 浅绿背景填空白）
   ============================================================ */
.bold-orbit-center {
    background: radial-gradient(circle at 30% 30%,
        #ffffff 0%, #d4ebd9 30%, #6fd3a3 70%, #2da876 100%) !important;
}
.bold-orbit-center-img {
    object-fit: contain !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}


@media (prefers-reduced-motion: reduce) {
    .bold-bubble, .bold-orbit-flows { animation: none !important; }
}




/* ============================================================
   v65 取消 v64 静态 translate（由 JS 接管）
   ============================================================ */
@media (min-width: 769px) {
    .bold-bubble[style*="--i:"]:not(:hover) {
        transition: none !important;  /* JS 控制，不需要过渡 */
    }
    .bold-bubble[style*="--i:"]:hover {
        /* hover 暂停由 JS 标记 .bold-bubble--paused 实现 */
    }
}


/* ============================================================
   v68 半径 340 → 320
   2026-06-15 rev4: 包到 :not(.bold-orbit.is-visible) 让位给 slam keyframe
   （CSS cascade: !important author > animation, 不让位 keyframe 永远不生效）
   ============================================================ */
@media (min-width: 769px) {
    .bold-orbit-stage { height: 800px !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:1"][style] { transform: translate(   0px, -320px) !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:2"][style] { transform: translate( 277px, -160px) !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:3"][style] { transform: translate( 277px,  160px) !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:4"][style] { transform: translate(   0px,  320px) !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:5"][style] { transform: translate(-277px,  160px) !important; }
    .bold-orbit:not(.is-visible) .bold-orbit-stage .bold-bubble[style*="--i:6"][style] { transform: translate(-277px, -160px) !important; }
}

/* ============================================================
   v70 所有 CTA 按钮统一"联系我们"胶囊样式
   - 深绿渐变底 + 白字 + 金边 + 金光晕
   - hover 变金色实心 + 深绿字
   ============================================================ */
.bold-cta-pill,
.bold-cta-pill--outline,
.bold-news-more.bold-news-more--filled,
.bold-cta-btn {
    background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 2px solid var(--accent) !important;
    border-radius: 999px !important;
    box-shadow:
        0 6px 18px rgba(13,110,57,0.35),
        0 0 20px rgba(232,185,49,0.55),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
    text-shadow:
        0 0 10px rgba(232,185,49,0.85),
        0 1px 2px rgba(0,0,0,0.30) !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    transition: all 0.3s var(--ease) !important;
}
.bold-cta-pill:hover,
.bold-cta-pill--outline:hover,
.bold-news-more.bold-news-more--filled:hover,
.bold-cta-btn:hover {
    background: linear-gradient(135deg, #E8B931 0%, #F2CC4D 100%) !important;
    color: var(--primary) !important;
    -webkit-text-fill-color: var(--primary) !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.45) !important;
    border-color: var(--accent-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 10px 28px rgba(232,185,49,0.70),
        0 0 30px rgba(255,225,128,0.55) !important;
}
/* CTA 区"立即咨询"主按钮单独保留更亮（区分次按钮）*/
.bold-cta-btn--primary {
    background: linear-gradient(135deg, #E8B931 0%, #F2CC4D 100%) !important;
    color: var(--primary) !important;
    -webkit-text-fill-color: var(--primary) !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.40) !important;
    border-color: var(--accent-dark) !important;
}
.bold-cta-btn--primary:hover {
    background: linear-gradient(135deg, #F2CC4D 0%, #FFE699 100%) !important;
    color: var(--primary) !important;
}

/* ============================================================
   v71 进入专区按钮往左收一点
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-more.bold-news-more--filled {
        right: 24px !important;
    }
}

/* ============================================================
   v72 进入专区按钮整体调小 4px
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-more.bold-news-more--filled {
        height: 40px !important;
        padding: 0 22px !important;
        font-size: 14px !important;
        letter-spacing: 1.5px !important;
    }
    .bold-news-more.bold-news-more--filled i {
        font-size: 10px !important;
    }
}

/* ============================================================
   v73 新闻 tab 改胶囊样式，去图标 + 缩小 4px
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tabs {
        border-bottom: none !important;
        gap: 6px !important;
        margin-bottom: 18px !important;
        min-height: auto !important;
    }
    .bold-news-tab {
        height: 36px !important;
        padding: 0 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        font-size: 12.5px !important;
        letter-spacing: 1.5px !important;
        color: var(--ink-500) !important;
        background: transparent !important;
        border: 1.5px solid transparent !important;
        font-weight: 500 !important;
        transition: all 0.25s var(--ease) !important;
    }
    .bold-news-tab i { display: none !important; }
    .bold-news-tab::after { display: none !important; }  /* 去掉之前的底部蓝线 */
    .bold-news-tab:hover:not(.bold-active) {
        background: rgba(13,110,57,0.08) !important;
        color: var(--primary) !important;
        border-color: rgba(13,110,57,0.18) !important;
    }
    .bold-news-tab.bold-active {
        background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border-color: var(--accent) !important;
        font-weight: 700 !important;
        box-shadow:
            0 4px 14px rgba(13,110,57,0.30),
            0 0 14px rgba(232,185,49,0.50) !important;
        text-shadow:
            0 0 8px rgba(232,185,49,0.65),
            0 1px 2px rgba(0,0,0,0.30) !important;
    }
}

/* ============================================================
   v74 非 active tab 也加可见胶囊描边
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tab:not(.bold-active) {
        background: rgba(255,255,255,0.6) !important;
        border-color: rgba(13,110,57,0.30) !important;
        color: var(--primary) !important;
    }
    .bold-news-tab:not(.bold-active):hover {
        background: rgba(13,110,57,0.10) !important;
        border-color: var(--primary) !important;
        color: var(--primary) !important;
    }
}

/* ============================================================
   v75 非 active tab 也加深背景 + 阴影完整胶囊感
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tab:not(.bold-active) {
        background: #ffffff !important;
        border: 1.5px solid rgba(13,110,57,0.30) !important;
        color: var(--primary) !important;
        box-shadow: 0 2px 8px rgba(13,110,57,0.10) !important;
    }
    .bold-news-tab:not(.bold-active):hover {
        background: rgba(13,110,57,0.10) !important;
        border-color: var(--primary) !important;
        box-shadow: 0 4px 12px rgba(13,110,57,0.20) !important;
        transform: translateY(-1px);
    }
    /* 强制隐藏所有 i 图标（v73 没覆盖到的备用）*/
    .bold-news-tab > i,
    .bold-news-tab i.fa-solid,
    .bold-news-tab .tab-icon { display: none !important; }
}

/* ============================================================
   v76 3 tab 全部深绿胶囊统一，active 加金边光晕区分
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tab:not(.bold-active) {
        background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border: 1.5px solid rgba(13,110,57,0.40) !important;
        opacity: 0.60;
        font-weight: 600 !important;
        box-shadow: 0 3px 10px rgba(13,110,57,0.20) !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.20) !important;
    }
    .bold-news-tab:not(.bold-active):hover {
        opacity: 0.85;
        border-color: var(--accent) !important;
        box-shadow: 0 4px 14px rgba(13,110,57,0.30) !important;
        transform: translateY(-1px);
    }
    .bold-news-tab.bold-active {
        opacity: 1 !important;
        border: 2px solid var(--accent) !important;
        box-shadow:
            0 6px 18px rgba(13,110,57,0.35),
            0 0 18px rgba(232,185,49,0.60) !important;
        text-shadow:
            0 0 8px rgba(232,185,49,0.65),
            0 1px 2px rgba(0,0,0,0.30) !important;
    }
}

/* ============================================================
   v77 3 tab 完全一样深绿+金边，active 只多金光晕
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-tab,
    .bold-news-tab:not(.bold-active),
    .bold-news-tab.bold-active {
        background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border: 1.5px solid var(--accent) !important;
        opacity: 1 !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 12px rgba(13,110,57,0.25) !important;
        text-shadow:
            0 0 6px rgba(232,185,49,0.45),
            0 1px 2px rgba(0,0,0,0.25) !important;
    }
    .bold-news-tab.bold-active {
        border-width: 2px !important;
        font-weight: 700 !important;
        box-shadow:
            0 6px 18px rgba(13,110,57,0.35),
            0 0 22px rgba(232,185,49,0.75),
            inset 0 0 14px rgba(232,185,49,0.18) !important;
        text-shadow:
            0 0 10px rgba(232,185,49,0.85),
            0 1px 2px rgba(0,0,0,0.30) !important;
    }
    .bold-news-tab:not(.bold-active):hover {
        box-shadow:
            0 6px 16px rgba(13,110,57,0.32),
            0 0 14px rgba(232,185,49,0.40) !important;
        transform: translateY(-1px);
    }
}

/* ============================================================
   v78 4 胶囊统一大小 + 大胶囊包裹（仿导航胶囊）
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-bar {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 6px !important;
        border-radius: 60px !important;
        box-shadow:
            0 8px 22px rgba(0,0,0,0.18),
            0 0 24px rgba(13,110,57,0.15),
            0 0 0 1px rgba(255,255,255,0.06) inset !important;
        margin-bottom: 24px;
    }

    /* tabs ul 在 bar 内：去自己的样式 */
    .bold-news-bar .bold-news-tabs {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        gap: 4px !important;
        position: static !important;
        min-height: auto !important;
    }

    /* 4 个胶囊统一大小：高 36 + padding 0 18 */
    .bold-news-bar .bold-news-tab,
    .bold-news-bar .bold-news-more.bold-news-more--filled {
        position: static !important;
        height: 36px !important;
        padding: 0 18px !important;
        font-size: 13px !important;
        letter-spacing: 1.5px !important;
        font-weight: 600 !important;
        color: #777 !important;  /* 2026-06-15: rgba(255,255,255,0.85) → #777 (用户视觉调灰) */
        -webkit-text-fill-color: #777 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.30) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        transform: none !important;
        transition: all 0.25s var(--ease) !important;
    }
    .bold-news-bar .bold-news-tab:hover,
    .bold-news-bar .bold-news-more.bold-news-more--filled:hover {
        background: rgba(255,255,255,0.10) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        transform: none !important;
    }
    .bold-news-bar .bold-news-tab.bold-active {
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
        color: var(--primary) !important;
        -webkit-text-fill-color: var(--primary) !important;
        font-weight: 700 !important;
        text-shadow: 0 1px 1px rgba(255,255,255,0.40) !important;
        box-shadow:
            0 4px 14px rgba(232,185,49,0.55),
            inset 0 1px 0 rgba(255,255,255,0.30) !important;
    }
    /* "进入专区" 跟 tab 视觉一致但用次色：浅金边 */
    .bold-news-bar .bold-news-more.bold-news-more--filled {
        margin-left: 8px;
        border: 1.5px solid rgba(232,185,49,0.50) !important;
        background: rgba(232,185,49,0.12) !important;
        color: #FFE699 !important;
        -webkit-text-fill-color: #FFE699 !important;
    }
    .bold-news-bar .bold-news-more.bold-news-more--filled:hover {
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
        color: var(--primary) !important;
        -webkit-text-fill-color: var(--primary) !important;
        border-color: var(--accent) !important;
    }
}

/* ============================================================
   v79 大胶囊拉长 + 文章列表字号缩小
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-bar {
        padding: 8px 12px !important;
        gap: 10px !important;
    }
    .bold-news-bar .bold-news-tabs {
        gap: 8px !important;
    }
    .bold-news-bar .bold-news-tab,
    .bold-news-bar .bold-news-more.bold-news-more--filled {
        padding: 0 28px !important;
        height: 38px !important;
        font-size: 13.5px !important;
    }

    /* 文章列表字号缩小 */
    .bold-news-title { font-size: 14.5px !important; line-height: 1.55 !important; }
    .bold-news-date {
        font-size: 13px !important;
        width: 50px !important;
        padding: 6px 0 !important;
    }
    .bold-news-list a { padding: 12px 8px !important; gap: 14px !important; }
}

/* ============================================================
   v226+ 修复：进入专区按钮常驻金黄（覆盖 L8243 .bold-news-bar 浅金底设计）
   ============================================================ */
.bold-news-bar .bold-news-more.bold-news-more--filled,
.bold-news-bar .bold-news-more.bold-news-more--filled:hover,
.bold-news-more.bold-news-more--filled,
.bold-news-more.bold-news-more--filled:hover {
    background: var(--accent) !important;            /* 金黄实心常驻 */
    background-image: none !important;                /* 覆盖 L7946/L8251 线性渐变 */
    color: var(--primary) !important;                /* 深绿文字 */
    -webkit-text-fill-color: var(--primary) !important;
    border: 2px solid var(--accent-dark) !important; /* 金色边框 */
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(232,185,49,0.50) !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.40) !important;
    text-decoration: none !important;
}

/* ============================================================
   v80 左右容器同高
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-grid {
        align-items: stretch !important;
    }
    .bold-news-left,
    .bold-news-right {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }
    /* 左侧大图占满 right 容器内剩余空间，不再固定 4:3 */
    .bold-news-bigimg {
        aspect-ratio: auto !important;
        flex: 1 !important;
        height: auto !important;
        min-height: 100% !important;
    }
    /* 列表区也撑高（如果右侧短的话）*/
    .bold-news-list {
        flex: 0 0 auto;
    }
}

/* ============================================================
   v81 新闻区大图改 6 图轮播
   ============================================================ */
.bold-news-bigimg {
    position: relative !important;
    overflow: hidden !important;
}
.bold-news-bigimg::before { content: none !important; }
.bold-news-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0;
    transition: opacity 1s ease;
    display: block;
    border-radius: var(--r-lg);
}
.bold-news-slide.active {
    opacity: 1;
    z-index: 1;
}
/* dot 鼠标手型 */
.bold-news-dot { cursor: pointer; }

/* ============================================================
   v82 左右容器固定高度，不被内容撑大
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-grid {
        align-items: stretch !important;
    }
    .bold-news-left,
    .bold-news-right {
        height: 480px !important;
        max-height: 480px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    /* 左侧大图轮播 → 占满整列 */
    .bold-news-right { padding: 0 !important; }
    .bold-news-bigimg {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        flex: none !important;
        aspect-ratio: auto !important;
    }
    /* 右侧 tab+列表 → 固定，列表超出 hidden */
    .bold-news-list {
        max-height: 360px !important;
        overflow: hidden !important;
    }
}

/* ============================================================
   v83 dots 右下角 + 右栏列表容器视觉
   ============================================================ */
@media (min-width: 769px) {
    /* dots 定位到大图右下角 */
    .bold-news-bigimg { position: relative !important; }
    .bold-news-bigimg .bold-news-dots {
        position: absolute !important;
        bottom: 16px !important;
        right: 16px !important;
        margin: 0 !important;
        z-index: 6 !important;
        padding: 8px 14px !important;
        background: rgba(0,0,0,0.40) !important;
        backdrop-filter: blur(8px);
        border-radius: 999px !important;
        gap: 8px !important;
    }
    .bold-news-bigimg .bold-news-dot {
        background: rgba(255,255,255,0.55);
    }
    .bold-news-bigimg .bold-news-dot.active {
        background: var(--accent) !important;
        width: 24px !important;
    }

    /* 右栏列表容器视觉（视觉上的"右边" = HTML left order 2）*/
    .bold-news-left {
        background: transparent !important;                  /* v226+ 桌面端 100% 透明 */
        border: 1.5px solid rgba(13,110,57,0.18) !important;
        border-radius: 16px !important;
        padding: 24px !important;
        box-shadow:
            0 6px 24px rgba(13,110,57,0.10),
            0 1px 0 rgba(232,185,49,0.30) inset !important;
        height: 480px !important;
        max-height: 480px !important;
        box-sizing: border-box !important;
        backdrop-filter: blur(30px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    }
}

/* ============================================================
   v84 列表 7 条容器加高
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-left,
    .bold-news-right { height: 600px !important; max-height: 600px !important; }
    .bold-news-list {
        max-height: 470px !important;
        overflow: hidden !important;
    }
    .bold-news-list a { padding: 10px 8px !important; }
}

/* ============================================================
   v85 容器恢复 480 高度，列表超出隐藏
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-left,
    .bold-news-right { height: 480px !important; max-height: 480px !important; }
    .bold-news-list {
        max-height: 360px !important;
        overflow: hidden !important;
    }
}

/* ============================================================
   v86 关于→数据区间距缩小
   ============================================================ */
.bold-about { padding-bottom: 30px !important; }
.bold-orbit { padding-top: 30px !important; }
.bold-wave-to-space { height: 30px !important; margin: 0 !important; }

/* v87 间距 30 → 60 */
.bold-about { padding-bottom: 60px !important; }
.bold-orbit { padding-top: 60px !important; }

/* v222 标红处间距统一 50px：5 个 section (ABOUT/CORE/NEWS/RESULTS/SUPPORT) 标题头距 section 顶部 = 50px */
.bold-about { padding-top: 50px !important; }
.bold-orbit { padding-top: 50px !important; }
.bold-news { padding-top: 50px !important; }
.bold-pillars { padding-top: 50px !important; }
.bold-support { padding-top: 50px !important; }

/* ============================================================
   v100 滚动后导航胶囊透明（保留模糊+金边）
   ============================================================ */
.bold-nav.bold-nav--scrolled {
    background: rgba(255,255,255,0.10) !important;
    background-color: rgba(255,255,255,0.10) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1.5px solid rgba(232,185,49,0.55) !important;
    box-shadow:
        0 8px 24px rgba(13,110,57,0.10),
        0 0 0 1px rgba(255,255,255,0.10) inset !important;
}

/* ============================================================
   v101 滚动后 logo 区去黑影
   ============================================================ */
.bold-nav.bold-nav--scrolled .pc-logoer > a {
    box-shadow: none !important;
    background: rgba(13,110,57,0.06) !important;
    border-color: rgba(13,110,57,0.25) !important;
}

/* ============================================================
   v103 产业成果布局修复 — 强制 4 围绕分布
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage {
        position: relative !important;
        width: 100% !important;
        max-width: 560px !important;
        height: 520px !important;
        margin: 0 !important;
    }
    .bold-pillars-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 260px !important;
        height: 260px !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        z-index: 3 !important;
    }
    /* 4 围绕：四个方位（上/右/下/左）*/
    .bold-pillar[style*="--i:"] {
        position: absolute !important;
        width: 110px !important;
        opacity: 1 !important;
        text-align: center !important;
        z-index: 4 !important;
    }
    .bold-pillar[style*="--i:1"] { top:  2% !important; left: 50% !important; transform: translateX(-50%) !important; }
    .bold-pillar[style*="--i:2"] { top: 50% !important; right: -2% !important; left: auto !important; transform: translateY(-50%) !important; }
    .bold-pillar[style*="--i:3"] { bottom: 2% !important; left: 50% !important; top: auto !important; transform: translateX(-50%) !important; }
    .bold-pillar[style*="--i:4"] { top: 50% !important; left: -2% !important; right: auto !important; transform: translateY(-50%) !important; }
}

/* ============================================================
   v104 产业 4 围绕精准定位 — 圆图对齐 stage 50%
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage {
        max-width: 600px !important;
        height: 540px !important;
        margin: 0 auto !important;
    }
    .bold-pillar[style*="--i:1"] {
        top: 0 !important; left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: auto !important; right: auto !important;
    }
    .bold-pillar[style*="--i:2"] {
        top: 50% !important; right: 0 !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        bottom: auto !important;
    }
    .bold-pillar[style*="--i:3"] {
        bottom: 0 !important; left: 50% !important;
        top: auto !important; right: auto !important;
        transform: translateX(-50%) !important;
    }
    .bold-pillar[style*="--i:4"] {
        top: 50% !important; left: 0 !important;
        right: auto !important;
        transform: translateY(-50%) !important;
        bottom: auto !important;
    }
}

/* ============================================================
   v105 产业 4 围绕用 translate 精确 4 方位（不靠 top/right/bottom/left%）
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage {
        width: 100% !important;
        max-width: 600px !important;
        height: 540px !important;
        margin: 0 auto !important;
        position: relative !important;
    }
    .bold-pillar[style*="--i:"] {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 110px !important;
    }
    /* 4 方位精确：translate 自身居中 + 再轴向位移半径 */
    .bold-pillar[style*="--i:1"] { transform: translate(-50%, -50%) translateY(-220px) !important; }
    .bold-pillar[style*="--i:2"] { transform: translate(-50%, -50%) translateX( 260px) !important; }
    .bold-pillar[style*="--i:3"] { transform: translate(-50%, -50%) translateY( 220px) !important; }
    .bold-pillar[style*="--i:4"] { transform: translate(-50%, -50%) translateX(-260px) !important; }
}

/* ============================================================
   v106 左右气泡再下移 30px 让圆图对齐中心圆水平中线
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillar[style*="--i:2"] { transform: translate(-50%, -50%) translateX( 260px) translateY(30px) !important; }
    .bold-pillar[style*="--i:4"] { transform: translate(-50%, -50%) translateX(-260px) translateY(30px) !important; }
}

/* ============================================================
   v107 微调左右偏移 30 → -10（往上拉回）
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillar[style*="--i:2"] { transform: translate(-50%, -50%) translateX( 260px) translateY(-10px) !important; }
    .bold-pillar[style*="--i:4"] { transform: translate(-50%, -50%) translateX(-260px) translateY(-10px) !important; }
}

/* ============================================================
   v108 左右气泡往中心靠拢 260 → 220（跟上下同距离）
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillar[style*="--i:2"] { transform: translate(-50%, -50%) translateX( 220px) translateY(-10px) !important; }
    .bold-pillar[style*="--i:4"] { transform: translate(-50%, -50%) translateX(-220px) translateY(-10px) !important; }
}

/* ============================================================
   v109 产业 4 球顺时针转 + 背景圆弧逆时针 + hover 暂停
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillar[style*="--i:"]:not(:hover) {
        transition: none !important;  /* JS 控制 */
    }
    .bold-pillar { cursor: pointer; }
    /* 背景装饰圆弧（虚线 + 逆时针）*/
    .bold-pillars-stage {
        position: relative !important;
        overflow: visible !important;
    }
    .bold-pillars-stage::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 480px;
        height: 480px;
        margin: -240px 0 0 -240px;
        border: 2px dashed rgba(13,110,57,0.30);
        border-radius: 50%;
        pointer-events: none;
        animation: pillarsRingSpin 80s linear infinite;
        z-index: 0;
    }
    .bold-pillars-stage::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 360px;
        height: 360px;
        margin: -180px 0 0 -180px;
        border: 1px dashed rgba(232,185,49,0.40);
        border-radius: 50%;
        pointer-events: none;
        animation: pillarsRingSpin 60s linear infinite;
        z-index: 0;
    }
    /* 反向：keyframes 用 -360deg */
    @keyframes pillarsRingSpin {
        from { transform: rotate(0deg); }
        to   { transform: rotate(-360deg); }
    }
    /* hover 暂停（JS 加 is-paused 类）*/
    .bold-pillars-stage.is-paused::before,
    .bold-pillars-stage.is-paused::after {
        animation-play-state: paused !important;
    }
}

/* ============================================================
   v110 虚线圆弧改为 1 道 + 正好穿过 4 球中心
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage::before {
        width: 440px !important;
        height: 440px !important;
        margin: -220px 0 0 -220px !important;
        border-width: 1.5px !important;
        border-color: rgba(13,110,57,0.30) !important;
    }
    /* 内圈隐藏 */
    .bold-pillars-stage::after {
        display: none !important;
    }
}

/* ============================================================
   v111 双层虚线圆弧更明显
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage::before {
        width: 460px !important;
        height: 460px !important;
        margin: -230px 0 0 -230px !important;
        border: 2px dashed rgba(13,110,57,0.55) !important;
        animation: pillarsRingSpin 80s linear infinite !important;
    }
    .bold-pillars-stage::after {
        display: block !important;
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 410px !important;
        height: 410px !important;
        margin: -205px 0 0 -205px !important;
        border: 1.5px dashed rgba(232,185,49,0.65) !important;
        border-radius: 50% !important;
        pointer-events: none !important;
        animation: pillarsRingSpin 60s linear infinite !important;
        z-index: 0 !important;
    }
}

/* ============================================================
   v112 产业中心球真实图 pillars-center.jpg
   ============================================================ */
.bold-pillars-center {
    padding: 0 !important;
    overflow: hidden !important;
    background: none !important;
}
.bold-pillars-center-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    z-index: 1;
    position: relative;
}

/* ============================================================
   v113 4 产业球放真实图 pillar-1/2/3/4.jpg
   ============================================================ */
.bold-pillar-circle {
    padding: 0 !important;
    overflow: hidden !important;
    background: none !important;
}
.bold-pillar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}
/* hover 时图微旋转（覆盖之前 hover 设置）*/
.bold-pillar:hover .bold-pillar-circle {
    transform: scale(1.08) rotate(-3deg) !important;
}

/* ============================================================
   v114 产业大球和小球都加大
   ============================================================ */
@media (min-width: 769px) {
    .bold-pillars-stage {
        height: 660px !important;
        max-width: 660px !important;
    }
    /* 中心球 260 → 320 */
    .bold-pillars-center {
        width: 320px !important;
        height: 320px !important;
    }
    /* 4 小球 110 → 140 */
    .bold-pillar[style*="--i:"] {
        width: 140px !important;
    }
    .bold-pillar-circle {
        width: 130px !important;
        height: 130px !important;
    }
    /* 轨道半径 220 → 260 */
    .bold-pillar[style*="--i:1"] { transform: translate(-50%, -50%) translateY(-260px) !important; }
    .bold-pillar[style*="--i:2"] { transform: translate(-50%, -50%) translateX( 260px) translateY(-10px) !important; }
    .bold-pillar[style*="--i:3"] { transform: translate(-50%, -50%) translateY( 260px) !important; }
    .bold-pillar[style*="--i:4"] { transform: translate(-50%, -50%) translateX(-260px) translateY(-10px) !important; }
    /* 装饰圆弧扩大 */
    .bold-pillars-stage::before {
        width: 540px !important;
        height: 540px !important;
        margin: -270px 0 0 -270px !important;
    }
    .bold-pillars-stage::after {
        width: 480px !important;
        height: 480px !important;
        margin: -240px 0 0 -240px !important;
    }
}

/* ============================================================
   v115 支撑产业 — 球嵌入卡片顶部（一体感）
   ============================================================ */
@media (min-width: 769px) {
    .bold-support-grid {
        gap: 36px !important;
        padding-top: 70px !important;  /* 给球露出空间 */
    }
    .bold-support-item {
        position: relative !important;
        background: transparent !important;              /* v226+ 改成毛玻璃透明 */
        background-image: none !important;
        border: 1px solid rgba(13,110,57,0.12) !important;
        border-radius: 18px !important;
        padding: 90px 24px 26px !important;  /* 顶部 90px 给球 */
        box-shadow: 0 6px 22px rgba(13,110,57,0.10) !important;
        text-align: center !important;
        margin-top: 0 !important;
        transition: all 0.3s var(--ease) !important;
        overflow: visible !important;
        backdrop-filter: blur(30px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    }
    .bold-support-item:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 14px 36px rgba(13,110,57,0.20) !important;
        border-color: rgba(232,185,49,0.55) !important;
    }
    /* 球嵌入卡片顶部 */
    .bold-support-circle {
        position: absolute !important;
        top: -70px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 130px !important;
        height: 130px !important;
        border: 4px solid #fff !important;
        box-shadow:
            0 8px 20px rgba(13,110,57,0.25),
            0 0 0 1px rgba(13,110,57,0.10) !important;
        margin: 0 !important;
        z-index: 2;
    }
    .bold-support-item:hover .bold-support-circle {
        transform: translateX(-50%) rotate(-4deg) scale(1.05) !important;
        box-shadow:
            0 12px 28px rgba(13,110,57,0.35),
            0 0 0 2px var(--accent) !important;
    }
    /* 取消之前的 pill 单独阴影/边框（球已经嵌进来了，整张卡是主体）*/
    .bold-support-pill {
        position: static !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
        transform: none !important;
    }
    .bold-support-pill h3 {
        color: var(--primary) !important;
        font-size: 19px !important;
        margin: 0 0 12px !important;
        position: relative !important;
        padding-bottom: 12px !important;
    }
    .bold-support-pill h3::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: 30px;
        height: 3px;
        background: var(--accent-grad);
        border-radius: 2px;
    }
    .bold-support-pill p {
        color: var(--ink-500) !important;
        font-size: 13.5px !important;
        line-height: 1.7 !important;
        margin: 0 !important;
    }
    .bold-support-item:hover .bold-support-pill { transform: none !important; }
}

/* ============================================================
   v118 4 支撑球放真实图 feat-1/2/3/4.jpg
   ============================================================ */
.bold-support-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}
.bold-support-circle {
    background: none !important;
    padding: 0 !important;
}
.bold-support-circle i.fa-solid,
.bold-support-placeholder { display: none !important; }

/* ============================================================
   v119 支撑产业球加大 + 卡片更明显
   ============================================================ */
@media (min-width: 769px) {
    .bold-support-grid {
        padding-top: 90px !important;  /* 给更大球留空间 */
        gap: 32px !important;
    }
    /* 球 130 → 170 */
    .bold-support-circle {
        width: 170px !important;
        height: 170px !important;
        top: -90px !important;
        border: 5px solid #fff !important;
        box-shadow:
            0 10px 26px rgba(13,110,57,0.30),
            0 0 0 2px rgba(232,185,49,0.50) !important;
    }
    /* 卡片明显加强 */
    .bold-support-item {
        padding: 110px 26px 28px !important;
        background: transparent !important;              /* v226+ 改成毛玻璃透明 */
        background-image: none !important;
        border: 2px solid rgba(13,110,57,0.25) !important;
        border-radius: 20px !important;
        box-shadow:
            0 10px 30px rgba(13,110,57,0.15),
            0 2px 6px rgba(0,0,0,0.05) !important;
        position: relative !important;
        backdrop-filter: blur(30px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    }
    /* 顶部装饰金色细带（增加层次）*/
    .bold-support-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 24px;
        right: 24px;
        height: 4px;
        background: var(--accent-grad);
        border-radius: 0 0 4px 4px;
        opacity: 0.85;
    }
    .bold-support-item:hover {
        transform: translateY(-8px) !important;
        box-shadow:
            0 20px 44px rgba(13,110,57,0.30),
            0 0 0 1px rgba(232,185,49,0.45) inset !important;
        border-color: var(--accent) !important;
    }
    .bold-support-item:hover .bold-support-circle {
        transform: translateX(-50%) rotate(-4deg) scale(1.05) !important;
        box-shadow:
            0 14px 32px rgba(13,110,57,0.40),
            0 0 0 3px var(--accent) !important;
    }
    /* 文字也稍微加大 */
    .bold-support-pill h3 { font-size: 22px !important; }
    .bold-support-pill p { font-size: 14.5px !important; }
}

/* ============================================================
   v120 支撑卡片简介一行
   ============================================================ */
@media (min-width: 769px) {
    .bold-support-pill p {
        white-space: nowrap !important;
        font-size: 13px !important;
        letter-spacing: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}

/* ============================================================
   v121 hero 下灰字简介一行显示
   ============================================================ */
@media (min-width: 769px) {
    .bold-intro-bar p {
        white-space: nowrap !important;
        font-size: 14px !important;
        letter-spacing: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }
    .bold-intro-bar .container {
        max-width: none !important;
        padding: 0 20px !important;
    }
}
/* 中等屏字号再缩小一点防溢出 */
@media (min-width: 769px) and (max-width: 1400px) {
    .bold-intro-bar p { font-size: 12.5px !important; }
}

/* v122 灰字 18px */
@media (min-width: 769px) {
    .bold-intro-bar p { font-size: 18px !important; }
}
@media (min-width: 769px) and (max-width: 1400px) {
    .bold-intro-bar p { font-size: 18px !important; }
}

/* ============================================================
   v123 横幅图片高度 +8px (500 → 508)
   ============================================================ */
@media (min-width: 769px) {
    .banner-slider .item img {
        height: 508px !important;
        object-fit: cover !important;
    }
}

/* v130 灰字 16px */
@media (min-width: 769px) {
    .bold-intro-bar p { font-size: 16px !important; }
}
@media (min-width: 769px) and (max-width: 1400px) {
    .bold-intro-bar p { font-size: 16px !important; }
}

/* v131 灰字 14px */
@media (min-width: 769px) {
    .bold-intro-bar p { font-size: 14px !important; }
}
@media (min-width: 769px) and (max-width: 1400px) {
    .bold-intro-bar p { font-size: 14px !important; }
}

/* v132 灰字完整显示（一行不下就折行）*/
@media (min-width: 769px) {
    .bold-intro-bar p {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }
}

/* v133 隐藏 hero 下灰字简介条（跟关于区重复）*/
.bold-intro-bar { display: none !important; }

/* ============================================================
   v135 关于标题描边框选动画（仿影刀 hero）
   ============================================================ */
.bold-title-mark {
    position: relative;
    display: inline-block;
    padding: 4px 14px;
    margin-left: 8px;
}
.bold-mark-stroke {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
    overflow: visible;
}
.bold-mark-stroke rect {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
    transition: stroke-dashoffset 1.4s cubic-bezier(0.65, 0, 0.35, 1);
    filter: drop-shadow(0 1px 4px rgba(232,185,49,0.55));
}
/* 进入视野后触发描边动画 */
.bold-about.is-visible .bold-mark-stroke rect {
    stroke-dashoffset: 0;
}
/* 描边完成后再周期性 pulse（让"框选"持续吸睛）*/
.bold-about.is-visible .bold-mark-stroke {
    animation: markPulse 3s ease-in-out 1.6s infinite;
}
@keyframes markPulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(232,185,49,0.40)); }
    50%      { filter: drop-shadow(0 0 14px rgba(232,185,49,0.85)); }
}
@media (max-width: 768px) {
    .bold-title-mark { display: inline-block; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .bold-mark-stroke rect { stroke-dashoffset: 0 !important; transition: none !important; }
    .bold-mark-stroke { animation: none !important; }
}

/* ============================================================
   v136 改回"鼠标选中" 风格 — 半透明色块从左扫过
   ============================================================ */
/* 隐藏 v135 的 SVG 描边 */
.bold-mark-stroke { display: none !important; }

.bold-title-mark {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    margin-left: 8px;
    z-index: 1;
}
.bold-title-mark::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(232,185,49,0.40);  /* 半透明金，像鼠标选中 */
    border-radius: 3px;
    width: 0;
    transition: width 0.9s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: -1;
    pointer-events: none;
}
.bold-about.is-visible .bold-title-mark::before {
    width: 100%;
}
/* 文字在选中色块上方仍然清晰 */
.bold-title-mark { color: inherit; }

@media (prefers-reduced-motion: reduce) {
    .bold-title-mark::before {
        width: 100% !important;
        transition: none !important;
    }
}

/* ============================================================
   v137 关于副标打字机效果 — 撤销 v135/v136，改 typewriter
   ============================================================ */
/* 撤销 v135 描边 + v136 选中 */
.bold-mark-stroke { display: none !important; }
.bold-title-mark::before { display: none !important; }
.bold-title-mark {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    /* 保留 .bold-grad 渐变文字效果 */
    background: linear-gradient(135deg, #0D6E39 0%, #1a8a4a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* 打字机：副标先隐藏，由 JS 逐字添加 */
.bold-about-sub {
    min-height: 1.5em;  /* 防打字时高度跳变 */
}
.bold-about-sub.typing-done::after,
.bold-about-sub.typing-active::after {
    content: '|';
    color: var(--accent);
    font-weight: 400;
    margin-left: 2px;
    animation: typingCursor 0.8s steps(2) infinite;
}
@keyframes typingCursor {
    0%, 50%   { opacity: 1; }
    50.01%,100% { opacity: 0; }
}

/* v138 body 段也打字机光标 */
.bold-about-body.typing-active::after,
.bold-about-body.typing-done::after {
    content: '|';
    color: var(--accent);
    font-weight: 400;
    margin-left: 2px;
    animation: typingCursor 0.8s steps(2) infinite;
}
.bold-about-body { min-height: 2em; }
/* body 打完后光标隐藏（不持续闪烁防分心）*/
.bold-about-body.typing-done::after { display: none; }
.bold-about-sub.typing-done::after { display: none; }  /* sub 同步 */

/* v141 强制隐藏数据→新闻 之间的波浪 */
.bold-main .bold-wave-from-space,
.bold-wave-from-space,
section + .bold-wave-from-space {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bold-wave-from-space svg { display: none !important; }

/* v144 强制隐藏关于→数据 之间的波浪 */
.bold-main .bold-wave-to-space,
.bold-wave-to-space,
section + .bold-wave-to-space {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bold-wave-to-space svg { display: none !important; }

/* ============================================================
   v145 整页背景加农业元素 — 节制版
   - 浅米色暖底 + 4 角稻穗 SVG + 浅金光斑
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        /* 左上稻穗 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'><path d='M40 6 Q44 30 36 65 Q33 80 30 95' stroke='%235a8c3b' stroke-width='1.5' fill='none' opacity='0.5'/><ellipse cx='33' cy='14' rx='3' ry='1.4' transform='rotate(-32 33 14)' fill='%23E8B931' opacity='0.45'/><ellipse cx='31' cy='22' rx='3.4' ry='1.6' transform='rotate(-32 31 22)' fill='%23E8B931' opacity='0.45'/><ellipse cx='30' cy='30' rx='3.6' ry='1.7' transform='rotate(-32 30 30)' fill='%23E8B931' opacity='0.45'/><ellipse cx='29' cy='38' rx='3.7' ry='1.8' transform='rotate(-32 29 38)' fill='%23E8B931' opacity='0.45'/><ellipse cx='47' cy='14' rx='3' ry='1.4' transform='rotate(32 47 14)' fill='%23E8B931' opacity='0.45'/><ellipse cx='49' cy='22' rx='3.4' ry='1.6' transform='rotate(32 49 22)' fill='%23E8B931' opacity='0.45'/><ellipse cx='50' cy='30' rx='3.6' ry='1.7' transform='rotate(32 50 30)' fill='%23E8B931' opacity='0.45'/><ellipse cx='51' cy='38' rx='3.7' ry='1.8' transform='rotate(32 51 38)' fill='%23E8B931' opacity='0.45'/></svg>"),
        /* 右下稻穗（镜像）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 100'><path d='M40 6 Q44 30 36 65 Q33 80 30 95' stroke='%235a8c3b' stroke-width='1.5' fill='none' opacity='0.5'/><ellipse cx='33' cy='14' rx='3' ry='1.4' transform='rotate(-32 33 14)' fill='%23E8B931' opacity='0.45'/><ellipse cx='31' cy='22' rx='3.4' ry='1.6' transform='rotate(-32 31 22)' fill='%23E8B931' opacity='0.45'/><ellipse cx='30' cy='30' rx='3.6' ry='1.7' transform='rotate(-32 30 30)' fill='%23E8B931' opacity='0.45'/><ellipse cx='47' cy='14' rx='3' ry='1.4' transform='rotate(32 47 14)' fill='%23E8B931' opacity='0.45'/><ellipse cx='49' cy='22' rx='3.4' ry='1.6' transform='rotate(32 49 22)' fill='%23E8B931' opacity='0.45'/><ellipse cx='50' cy='30' rx='3.6' ry='1.7' transform='rotate(32 50 30)' fill='%23E8B931' opacity='0.45'/></svg>"),
        /* 椰叶剪影（右上）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'><g opacity='0.10' fill='%230D6E39'><path d='M60 95 Q58 50 60 10 M60 10 Q40 20 25 40 M60 10 Q80 20 95 40 M60 20 Q40 35 25 55 M60 20 Q80 35 95 55 M60 30 Q45 50 30 70 M60 30 Q75 50 90 70'/></g></svg>"),
        /* 椰叶剪影（左下，镜像）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'><g opacity='0.10' fill='%230D6E39'><path d='M60 95 Q58 50 60 10 M60 10 Q40 20 25 40 M60 10 Q80 20 95 40 M60 20 Q40 35 25 55 M60 20 Q80 35 95 55 M60 30 Q45 50 30 70 M60 30 Q75 50 90 70'/></g></svg>"),
        /* 右上金光斑 */
        radial-gradient(circle at 92% 8%, rgba(232,185,49,0.10) 0%, transparent 30%),
        /* 左下金光斑 */
        radial-gradient(circle at 8% 92%, rgba(232,185,49,0.08) 0%, transparent 30%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position:
        2% 4%,           /* 左上稻穗 */
        98% 96%,         /* 右下稻穗 */
        96% 6%,          /* 椰叶右上 */
        4% 94%,          /* 椰叶左下 */
        center,
        center !important;
    background-size:
        110px,           /* 稻穗 */
        110px,
        140px,           /* 椰叶 */
        140px,
        auto,
        auto !important;
    background-attachment: fixed, fixed, fixed, fixed, scroll, scroll !important;
}

/* ============================================================
   v146 背景农业元素加强 — 更大 更明显
   ============================================================ */
body.bg-color {
    background-image:
        /* 大稻穗 左上 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'><path d='M50 8 Q55 40 45 85 Q40 105 35 125' stroke='%235a8c3b' stroke-width='2.5' fill='none' opacity='0.85'/><ellipse cx='40' cy='18' rx='4' ry='1.8' transform='rotate(-32 40 18)' fill='%23E8B931' opacity='0.85'/><ellipse cx='38' cy='28' rx='4.5' ry='2' transform='rotate(-32 38 28)' fill='%23E8B931' opacity='0.85'/><ellipse cx='36' cy='38' rx='5' ry='2.2' transform='rotate(-32 36 38)' fill='%23E8B931' opacity='0.85'/><ellipse cx='34' cy='48' rx='5.2' ry='2.3' transform='rotate(-32 34 48)' fill='%23D4A017' opacity='0.85'/><ellipse cx='32' cy='58' rx='5' ry='2.2' transform='rotate(-32 32 58)' fill='%23E8B931' opacity='0.85'/><ellipse cx='60' cy='18' rx='4' ry='1.8' transform='rotate(32 60 18)' fill='%23E8B931' opacity='0.85'/><ellipse cx='62' cy='28' rx='4.5' ry='2' transform='rotate(32 62 28)' fill='%23E8B931' opacity='0.85'/><ellipse cx='64' cy='38' rx='5' ry='2.2' transform='rotate(32 64 38)' fill='%23E8B931' opacity='0.85'/><ellipse cx='66' cy='48' rx='5.2' ry='2.3' transform='rotate(32 66 48)' fill='%23D4A017' opacity='0.85'/><ellipse cx='68' cy='58' rx='5' ry='2.2' transform='rotate(32 68 58)' fill='%23E8B931' opacity='0.85'/></svg>"),
        /* 大稻穗 右下 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'><path d='M50 8 Q55 40 45 85 Q40 105 35 125' stroke='%235a8c3b' stroke-width='2.5' fill='none' opacity='0.85'/><ellipse cx='40' cy='18' rx='4' ry='1.8' transform='rotate(-32 40 18)' fill='%23E8B931' opacity='0.85'/><ellipse cx='38' cy='28' rx='4.5' ry='2' transform='rotate(-32 38 28)' fill='%23E8B931' opacity='0.85'/><ellipse cx='36' cy='38' rx='5' ry='2.2' transform='rotate(-32 36 38)' fill='%23E8B931' opacity='0.85'/><ellipse cx='34' cy='48' rx='5.2' ry='2.3' transform='rotate(-32 34 48)' fill='%23D4A017' opacity='0.85'/><ellipse cx='60' cy='18' rx='4' ry='1.8' transform='rotate(32 60 18)' fill='%23E8B931' opacity='0.85'/><ellipse cx='62' cy='28' rx='4.5' ry='2' transform='rotate(32 62 28)' fill='%23E8B931' opacity='0.85'/><ellipse cx='64' cy='38' rx='5' ry='2.2' transform='rotate(32 64 38)' fill='%23E8B931' opacity='0.85'/><ellipse cx='66' cy='48' rx='5.2' ry='2.3' transform='rotate(32 66 48)' fill='%23D4A017' opacity='0.85'/></svg>"),
        /* 大椰叶 右上 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 150'><g opacity='0.28' fill='%230D6E39'><path d='M90 145 Q88 80 90 10'/><ellipse cx='90' cy='10' rx='4' ry='4'/></g><g opacity='0.25' fill='none' stroke='%230D6E39' stroke-width='2.5'><path d='M90 25 Q50 35 25 55'/><path d='M90 25 Q130 35 155 55'/><path d='M90 40 Q50 55 25 75'/><path d='M90 40 Q130 55 155 75'/><path d='M90 55 Q55 75 35 95'/><path d='M90 55 Q125 75 145 95'/></g></svg>"),
        /* 大椰叶 左下 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 150'><g opacity='0.28' fill='%230D6E39'><path d='M90 145 Q88 80 90 10'/><ellipse cx='90' cy='10' rx='4' ry='4'/></g><g opacity='0.25' fill='none' stroke='%230D6E39' stroke-width='2.5'><path d='M90 25 Q50 35 25 55'/><path d='M90 25 Q130 35 155 55'/><path d='M90 40 Q50 55 25 75'/><path d='M90 40 Q130 55 155 75'/></g></svg>"),
        /* 右上金光斑 */
        radial-gradient(circle at 92% 8%, rgba(232,185,49,0.18) 0%, transparent 35%),
        /* 左下金光斑 */
        radial-gradient(circle at 8% 92%, rgba(232,185,49,0.15) 0%, transparent 35%) !important;
    background-size:
        180px,
        180px,
        240px,
        240px,
        auto,
        auto !important;
}

/* v147 背景元素常驻 — 去 fixed，跟页面滚动稳定显示 */
body.bg-color {
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll !important;
}

/* ============================================================
   v148 背景：水果元素 散布无规律
   覆盖 v145/v146/v147 的稻穗椰叶
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        /* 哈密瓜（黄绿椭圆带纹）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'><ellipse cx='60' cy='45' rx='55' ry='38' fill='%23d4d870' opacity='0.30'/><path d='M20 55 Q60 30 100 55 M15 45 Q60 22 105 45 M22 38 Q60 18 98 38' stroke='%238fa53b' stroke-width='1.5' fill='none' opacity='0.40'/><ellipse cx='60' cy='12' rx='3' ry='6' fill='%235a8c3b' opacity='0.45'/></svg>"),
        /* 火龙果（粉红圆 + 绿色叶冠）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'><ellipse cx='50' cy='65' rx='38' ry='40' fill='%23e87aa6' opacity='0.30'/><g stroke='%2300a86b' stroke-width='2' fill='none' opacity='0.45'><path d='M30 35 Q35 18 45 25'/><path d='M70 35 Q65 18 55 25'/><path d='M50 25 Q50 8 55 15'/><path d='M30 50 Q15 45 18 60'/><path d='M70 50 Q85 45 82 60'/></g></svg>"),
        /* 椰子（褐圆 + 浅米心）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='42' fill='%236b4226' opacity='0.32'/><circle cx='50' cy='50' r='30' fill='%23f5e6c8' opacity='0.50'/><circle cx='40' cy='42' r='3' fill='%236b4226' opacity='0.50'/><circle cx='58' cy='42' r='3' fill='%236b4226' opacity='0.50'/><circle cx='50' cy='52' r='3' fill='%236b4226' opacity='0.50'/></svg>"),
        /* 番茄（红圆 + 绿茎冠）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='55' r='40' fill='%23e84c3d' opacity='0.32'/><g fill='%235a8c3b' opacity='0.55'><path d='M50 16 L46 28 L42 22 L40 32 L35 28 L34 38 L40 40 L50 35 L60 40 L66 38 L65 28 L60 32 L58 22 L54 28 Z'/></g></svg>"),
        /* 芒果（橙色椭圆）*/
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 80'><ellipse cx='55' cy='42' rx='48' ry='32' fill='%23f4a03a' opacity='0.32' transform='rotate(-15 55 42)'/><path d='M48 12 Q52 8 56 12' stroke='%235a8c3b' stroke-width='2' fill='none' opacity='0.50'/></svg>"),
        /* 绿叶 */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'><path d='M50 80 Q15 60 20 25 Q45 5 70 20 Q90 50 50 80 Z' fill='%2300a86b' opacity='0.20'/><path d='M50 80 Q40 60 45 30' stroke='%23006e44' stroke-width='1.5' fill='none' opacity='0.40'/></svg>"),
        /* 光斑 */
        radial-gradient(circle at 88% 12%, rgba(232,185,49,0.12) 0%, transparent 28%),
        radial-gradient(circle at 12% 85%, rgba(232,185,49,0.10) 0%, transparent 28%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position:
        4% 8%,         /* 哈密瓜 左上 */
        85% 28%,       /* 火龙果 右中上 */
        22% 38%,       /* 椰子 左中 */
        70% 62%,       /* 番茄 右下 */
        38% 88%,       /* 芒果 左下 */
        58% 16%,       /* 绿叶 中上 */
        center,
        center !important;
    background-size:
        180px 140px,
        140px 160px,
        130px,
        130px,
        160px 120px,
        120px,
        auto,
        auto !important;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll, scroll !important;
}

/* ============================================================
   v149 水果元素 — 大 SVG tile 重复铺满（滚动也能看见）
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        radial-gradient(circle at 88% 12%, rgba(232,185,49,0.10) 0%, transparent 28%),
        radial-gradient(circle at 12% 85%, rgba(232,185,49,0.08) 0%, transparent 28%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500'>%0A<g opacity='0.35'>%0A<ellipse cx='80' cy='70' rx='55' ry='38' fill='%23d4d870'/><path d='M40 80 Q80 55 120 80 M35 70 Q80 47 125 70' stroke='%238fa53b' stroke-width='1.5' fill='none' opacity='0.6'/>%0A<circle cx='480' cy='90' r='42' fill='%236b4226'/><circle cx='480' cy='90' r='30' fill='%23f5e6c8'/>%0A<ellipse cx='250' cy='180' rx='48' ry='32' fill='%23f4a03a' transform='rotate(-15 250 180)'/>%0A<circle cx='130' cy='280' r='40' fill='%23e84c3d'/><g fill='%235a8c3b'><path d='M130 241 L126 253 L122 247 L120 257 L115 253 L114 263 L120 265 L130 260 L140 265 L146 263 L145 253 L140 257 L138 247 L134 253 Z'/></g>%0A<ellipse cx='380' cy='270' rx='38' ry='40' fill='%23e87aa6'/><g stroke='%2300a86b' stroke-width='2' fill='none'><path d='M360 240 Q365 223 375 230'/><path d='M400 240 Q395 223 385 230'/></g>%0A<path d='M85 410 Q50 390 55 355 Q80 335 105 350 Q125 380 85 410 Z' fill='%2300a86b' opacity='0.7'/>%0A<ellipse cx='510' cy='400' rx='40' ry='28' fill='%23f4a03a' transform='rotate(20 510 400)'/>%0A</g>%0A</svg>") !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-position: center, center, 0 0 !important;
    background-size: auto, auto, 600px 500px !important;
    background-attachment: scroll, scroll, scroll !important;
}

/* v150 让 main 和 section 透明，露出 body 水果背景 */
.bold-main, main, #main {
    background: transparent !important;
}
.bold-section,
.bold-about,
.bold-orbit,
.bold-news,
.bold-pillars,
.bold-support {
    background: transparent !important;
    background-color: transparent !important;
}
/* CTA 和 footer 保留深绿（不让水果穿过深绿）*/
.bold-cta,
.footer { /* keep their bg */ }

/* ============================================================
   v151 水果稀疏(2%) + 灰色水印感
   tile 放大 1200x800，每个水果灰色 opacity 极低
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        radial-gradient(circle at 88% 12%, rgba(232,185,49,0.06) 0%, transparent 25%),
        radial-gradient(circle at 12% 85%, rgba(232,185,49,0.05) 0%, transparent 25%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'>%0A<g opacity='0.18' fill='%23999'>%0A<ellipse cx='120' cy='110' rx='40' ry='28'/><path d='M85 120 Q120 100 155 120 M85 110 Q120 92 155 110' stroke='%23999' stroke-width='1' fill='none'/>%0A<circle cx='850' cy='180' r='32'/><circle cx='850' cy='180' r='22' fill='%23ddd'/>%0A<ellipse cx='450' cy='320' rx='35' ry='25' transform='rotate(-15 450 320)'/>%0A<circle cx='220' cy='480' r='30'/>%0A<ellipse cx='980' cy='550' rx='28' ry='32'/>%0A<path d='M620 620 Q585 600 590 565 Q615 545 640 560 Q660 590 620 620 Z'/>%0A<ellipse cx='150' cy='700' rx='34' ry='22' transform='rotate(20 150 700)'/>%0A<circle cx='1080' cy='720' r='26'/>%0A</g>%0A</svg>") !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-position: center, center, 0 0 !important;
    background-size: auto, auto, 1200px 800px !important;
    background-attachment: scroll, scroll, scroll !important;
}

/* ============================================================
   v152 背景：椰子树+叶子 灰色水印 占比 0.5%
   tile 1400x900 极稀疏散布
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        radial-gradient(circle at 88% 12%, rgba(232,185,49,0.06) 0%, transparent 25%),
        radial-gradient(circle at 12% 85%, rgba(232,185,49,0.05) 0%, transparent 25%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 900'>%0A<g opacity='0.18'>%0A%0A<!-- 椰子树 1 (左上) -->%0A<g transform='translate(120,80)'>%0A<path d='M40 130 Q42 80 40 10' stroke='%23999' stroke-width='2.5' fill='none'/>%0A<g stroke='%23999' stroke-width='2' fill='none'>%0A<path d='M40 15 Q15 25 0 45'/>%0A<path d='M40 15 Q65 25 80 45'/>%0A<path d='M40 15 Q20 35 10 60'/>%0A<path d='M40 15 Q60 35 70 60'/>%0A<path d='M40 25 Q15 50 5 80'/>%0A</g>%0A<circle cx='40' cy='15' r='3' fill='%23999'/>%0A</g>%0A%0A<!-- 椰子树 2 (右下) -->%0A<g transform='translate(1180,650)'>%0A<path d='M40 130 Q42 80 40 10' stroke='%23999' stroke-width='2.5' fill='none'/>%0A<g stroke='%23999' stroke-width='2' fill='none'>%0A<path d='M40 15 Q15 25 0 45'/>%0A<path d='M40 15 Q65 25 80 45'/>%0A<path d='M40 15 Q20 35 10 60'/>%0A<path d='M40 15 Q60 35 70 60'/>%0A<path d='M40 25 Q15 50 5 80'/>%0A</g>%0A<circle cx='40' cy='15' r='3' fill='%23999'/>%0A</g>%0A%0A<!-- 叶子 1 (中上) -->%0A<g transform='translate(700,200) rotate(-20)'>%0A<path d='M0 30 Q15 0 60 5 Q70 30 50 50 Q15 55 0 30 Z' fill='%23999'/>%0A<path d='M0 30 Q25 32 50 25' stroke='%23666' stroke-width='1' fill='none'/>%0A</g>%0A%0A<!-- 叶子 2 (左中) -->%0A<g transform='translate(280,420) rotate(35)'>%0A<path d='M0 30 Q15 0 60 5 Q70 30 50 50 Q15 55 0 30 Z' fill='%23999'/>%0A<path d='M0 30 Q25 32 50 25' stroke='%23666' stroke-width='1' fill='none'/>%0A</g>%0A%0A<!-- 叶子 3 (右中) -->%0A<g transform='translate(950,500) rotate(-50)'>%0A<path d='M0 30 Q15 0 60 5 Q70 30 50 50 Q15 55 0 30 Z' fill='%23999'/>%0A<path d='M0 30 Q25 32 50 25' stroke='%23666' stroke-width='1' fill='none'/>%0A</g>%0A%0A</g>%0A</svg>") !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-position: center, center, 0 0 !important;
    background-size: auto, auto, 1400px 900px !important;
    background-attachment: scroll, scroll, scroll !important;
}

/* ============================================================
   v153 元素加大、tile 加大、整体更稀疏（约 0.2-0.5%）
   ============================================================ */
body.bg-color {
    background-image:
        radial-gradient(circle at 88% 12%, rgba(232,185,49,0.06) 0%, transparent 25%),
        radial-gradient(circle at 12% 85%, rgba(232,185,49,0.05) 0%, transparent 25%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 1800'>%0A<g opacity='0.20'>%0A%0A<!-- 椰子树 1 (左上) 加大 200x200 -->%0A<g transform='translate(180,140)'>%0A<path d='M65 200 Q70 130 65 15' stroke='%23888' stroke-width='3' fill='none'/>%0A<g stroke='%23888' stroke-width='2.5' fill='none'>%0A<path d='M65 20 Q20 32 0 60'/>%0A<path d='M65 20 Q110 32 130 60'/>%0A<path d='M65 20 Q25 50 8 90'/>%0A<path d='M65 20 Q105 50 122 90'/>%0A<path d='M65 35 Q15 70 0 110'/>%0A<path d='M65 35 Q115 70 130 110'/>%0A</g>%0A<circle cx='65' cy='20' r='5' fill='%23888'/>%0A</g>%0A%0A<!-- 椰子树 2 (右下) -->%0A<g transform='translate(1950,1420)'>%0A<path d='M65 200 Q70 130 65 15' stroke='%23888' stroke-width='3' fill='none'/>%0A<g stroke='%23888' stroke-width='2.5' fill='none'>%0A<path d='M65 20 Q20 32 0 60'/>%0A<path d='M65 20 Q110 32 130 60'/>%0A<path d='M65 20 Q25 50 8 90'/>%0A<path d='M65 20 Q105 50 122 90'/>%0A<path d='M65 35 Q15 70 0 110'/>%0A<path d='M65 35 Q115 70 130 110'/>%0A</g>%0A<circle cx='65' cy='20' r='5' fill='%23888'/>%0A</g>%0A%0A<!-- 叶子 1 (中上) 加大 100x70 -->%0A<g transform='translate(1300,400) rotate(-20)'>%0A<path d='M0 40 Q20 0 80 5 Q95 40 70 70 Q20 75 0 40 Z' fill='%23888'/>%0A<path d='M0 40 Q35 42 70 32' stroke='%23555' stroke-width='1.5' fill='none' opacity='0.7'/>%0A</g>%0A%0A<!-- 叶子 2 (左中下) -->%0A<g transform='translate(550,1050) rotate(40)'>%0A<path d='M0 40 Q20 0 80 5 Q95 40 70 70 Q20 75 0 40 Z' fill='%23888'/>%0A<path d='M0 40 Q35 42 70 32' stroke='%23555' stroke-width='1.5' fill='none' opacity='0.7'/>%0A</g>%0A%0A</g>%0A</svg>") !important;
    background-size: auto, auto, 2400px 1800px !important;
}

/* ============================================================
   v154 B 方案 — 纯渐变 + 4 角浅金光斑（撤掉所有 SVG 元素）
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        radial-gradient(ellipse 70% 50% at 10% 0%,  rgba(232,185,49,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 0%,  rgba(13,110,57,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 10% 100%, rgba(13,110,57,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgba(232,185,49,0.10) 0%, transparent 60%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position: center, center, center, center !important;
    background-size: auto, auto, auto, auto !important;
    background-attachment: fixed, fixed, fixed, fixed !important;
}

/* ============================================================
   v155 背景：极淡田垄横线 + 4 角光斑（农业抽象感）
   ============================================================ */
body.bg-color {
    background-color: #fefcf6 !important;
    background-image:
        /* 4 角光斑（保留）*/
        radial-gradient(ellipse 70% 50% at 10% 0%,  rgba(232,185,49,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 100%, rgba(232,185,49,0.10) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 90% 0%,  rgba(13,110,57,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 10% 100%, rgba(13,110,57,0.06) 0%, transparent 60%),
        /* 田垄横线 - 每 80px 一条灰绿色细线 */
        linear-gradient(0deg,
            transparent 0,
            transparent 79px,
            rgba(13,110,57,0.06) 79px,
            rgba(13,110,57,0.06) 80px) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
    background-position: center, center, center, center, 0 0 !important;
    background-size: auto, auto, auto, auto, 100% 80px !important;
    background-attachment: fixed, fixed, fixed, fixed, scroll !important;
}

/* ============================================================
   v156 大胆 — Mesh 油彩渐变 + 隐约农田纹理
   ============================================================ */
body.bg-color {
    background-color: #fbf9f0 !important;
    background-image:
        /* 农田纹理（极淡几何方格，像航拍）*/
        linear-gradient(0deg,  transparent 79px, rgba(13,110,57,0.04) 80px),
        linear-gradient(90deg, transparent 119px, rgba(13,110,57,0.04) 120px),
        /* Mesh gradient 4 色油彩 */
        radial-gradient(ellipse 60% 50% at 18% 20%, rgba(232,185,49,0.30) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 82% 30%, rgba(13,110,57,0.22) 0%, transparent 60%),
        radial-gradient(ellipse 70% 55% at 25% 75%, rgba(95,165,106,0.28) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(255,193,7,0.18) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 50% 50%, rgba(255,247,220,0.45) 0%, transparent 60%) !important;
    background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position: 0 0, 0 0, center, center, center, center, center !important;
    background-size:
        100% 80px,
        120px 100%,
        auto, auto, auto, auto, auto !important;
    background-attachment: scroll, scroll, fixed, fixed, fixed, fixed, fixed !important;
}

/* v170 owl-dots 在波浪之上显示 */
.banner-slider.owl-theme .owl-dots {
    z-index: 100 !important;
    position: absolute !important;
    bottom: 90px !important;  /* 上移避开波浪 */
}
.hero-wave {
    z-index: 1 !important;
    pointer-events: none !important;
}

/* v171 hero-wave fill 改成 mesh 米色，跟下方一致 */
.hero-wave svg path:first-child {
    fill: #fbf9f0 !important;
    opacity: 1 !important;
}
.hero-wave svg path:last-child {
    fill: #fbf9f0 !important;
    opacity: 0.5 !important;
}

/* v172 hero-wave 用 mask 渐变淡化让上下融为一体 */
.hero-wave {
    mask-image: linear-gradient(180deg,
        rgba(0,0,0,0.30) 0%,
        rgba(0,0,0,0.70) 40%,
        rgba(0,0,0,1) 100%) !important;
    -webkit-mask-image: linear-gradient(180deg,
        rgba(0,0,0,0.30) 0%,
        rgba(0,0,0,0.70) 40%,
        rgba(0,0,0,1) 100%) !important;
}

/* v173 hero-wave 流动起来（两层反向不同速）*/
.hero-wave {
    overflow: hidden !important;
    -webkit-backdrop-filter: blur(70px) saturate(180%) !important;
    backdrop-filter: blur(70px) saturate(180%) !important;
}
.hero-wave svg {
    width: 200% !important;
    margin-left: -50% !important;
}
.hero-wave svg path:first-child {
    transform-origin: center;
    animation: waveFlowR 10s linear infinite;
}
.hero-wave svg path:last-child {
    transform-origin: center;
    animation: waveFlowL 14s linear infinite;
}
@keyframes waveFlowR {
    0%   { transform: translateX(0); }
    100% { transform: translateX(720px); }
}
@keyframes waveFlowL {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-720px); }
}
@media (prefers-reduced-motion: reduce) {
    .hero-wave svg path { animation: none !important; }
}

/* v174 撤销 v173 CSS 流动 — 用 JS path 实时形变（wave-animate.js）*/
.hero-wave { overflow: visible !important; }
.hero-wave svg {
    width: 100% !important;
    margin-left: 0 !important;
}
.hero-wave svg path:first-child,
.hero-wave svg path:last-child {
    transform: none !important;
    animation: none !important;
}

/* ==================== 内页 Hero（2026-06-13 新增，颠覆内页朴素 banner）==================== */
.bold-page-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    isolation: isolate;
    min-height: 360px;
    display: flex;
    align-items: center;
    padding: 80px 0 60px;
    background: #0a1226;
}

.bold-page-hero-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.bold-page-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    filter: contrast(1.05) saturate(0.85) brightness(0.65);
}

.bold-page-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10,18,38,0.4) 0%, rgba(10,18,38,0.6) 50%, rgba(10,18,38,0.8) 100%);
}

.bold-section-head--hero {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
}

.bold-section-head--hero .bold-eyebrow {
    color: rgba(255,255,255,0.7) !important;
    margin-bottom: 24px;
}

.bold-section-head--hero .bold-title {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0,0,0,0.3);
    margin: 0 0 16px;
}

.bold-section-head--hero .bold-section-sub {
    color: rgba(255,255,255,0.85);
    font-size: clamp(15px, 1.6vw, 18px);
    margin: 0 0 32px;
}

.bold-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    letter-spacing: 0.1em;
}

.bold-breadcrumb a {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}

.bold-breadcrumb a:hover {
    color: #F2CC4D;
}

.bold-breadcrumb i {
    font-size: 10px;
    opacity: 0.6;
}

.bold-breadcrumb span {
    color: #F2CC4D;
    font-weight: 600;
}

@media (min-width: 769px) {
    .bold-page-hero {
        min-height: 480px;
        padding: 120px 0 80px;
    }
}

@media (min-width: 1025px) {
    .bold-page-hero {
        min-height: 560px;
        padding: 160px 0 100px;
    }
}

/* ============================================================
   v226+ 修复：6 个 .bold-bubble 60% 透明 + 毛玻璃 60px
   覆盖 L3046 / L3537 / L3614 / L4022 / L4037 / L4087 等所有变体
   ============================================================ */
.bold-bubble,
.bold-bubble[style*="--i:"],
.bold-bubble--text,
.bold-bubble:hover,
.bold-orbit.is-visible .bold-bubble,
.bold-orbit.is-visible .bold-bubble[style*="--i:"] {
    background: rgba(255,255,255,0.4) !important;       /* 60% 透明（40% 白） */
    background-image: none !important;
    backdrop-filter: blur(60px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
    box-shadow: 0 12px 28px rgba(13,110,57,0.18),
                inset 0 0 0 2px rgba(13,110,57,0.12) !important;
}

/* ============================================================
   v226+ 修复：.bold-news-list 新闻列表 100% 透明 + 毛玻璃 30px
   ============================================================ */
.bold-news-list,
.bold-news-list li,
.bold-news-list li:last-child,
.bold-news-list a {
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}

/* ============================================================
   v226+ 修复：.panl-white 100% 透明 + 毛玻璃 30px（覆盖 style.css L1300 基础白底）
   包括 news.html 的 #news-list-hyxw/gzdt/xmxx/all 4 个列表容器
   ============================================================ */
.panl-white,
#news-list-all,
#news-list-hyxw,
#news-list-gzdt,
#news-list-xmxx,
#news-list-reports {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}

/* ============================================================
   v226+ 修复：6 个数字气泡文字色：白→黑，金→绿（覆盖 L7442-7454 桌面端白/金）
   ============================================================ */
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num,
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-num-target {
    color: var(--ink-500) !important;                /* 数字 跟副标题/label 统一灰 #777 */
    -webkit-text-fill-color: var(--ink-500) !important;
    text-shadow: none !important;
}
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num small {
    color: var(--primary) !important;                /* 单位 深绿色 */
    -webkit-text-fill-color: var(--primary) !important;
}

/* ============================================================
   v226+ 修复：6 个数字气泡背景：翠绿 radial-gradient → 60% 透明毛玻璃
   覆盖 L7430-7441 v53 设计的翠绿 + 金边
   ============================================================ */
.bold-bubble[style*="--i:"],                  /* 数字气泡 4 个 */
.bold-bubble--text {                          /* 文字气泡 2 个（国家政策/区位优势） */
    background: rgba(255,255,255,0.4) !important;       /* 60% 透明 */
    background-image: none !important;                    /* 覆盖 radial-gradient */
    border: 3px solid rgba(13,110,57,0.25) !important;  /* 浅绿边（去掉金色） */
    box-shadow:
        0 16px 36px rgba(0,0,0,0.20),
        inset 0 0 0 3px rgba(255,255,255,0.30) !important;
    backdrop-filter: blur(60px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
}

/* ============================================================
   v226+ 修复：6 个气泡 label 文字色 白色→灰（统一 var(--ink-500)）
   覆盖最靠后某条把 label 改白的规则
   ============================================================ */
.bold-bubble .bold-bubble-label,
.bold-bubble[style*="--i:"] .bold-bubble-label,
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-label,
.bold-bubble--text .bold-bubble-label {
    color: var(--ink-500) !important;                /* 跟副标题统一灰 #777 */
    -webkit-text-fill-color: var(--ink-500) !important;
    text-shadow: none !important;
}

/* ============================================================
   v226+ 修复：2 个文字气泡（国家政策/区位优势）num 改绿色
   覆盖 L7470 / L7513 等设的颜色
   ============================================================ */
.bold-bubble--text .bold-bubble-num {
    color: var(--primary) !important;                /* 深绿色 */
    -webkit-text-fill-color: var(--primary) !important;
    text-shadow: none !important;
}

/* ============================================================
   v226+ 修复：4 个数字气泡单位（亩/家/个/亿）跟数字同色 var(--primary) 主绿
   必须用 v53 L7449 同样的父选择器 + 靠后 + !important 才能覆盖
   ============================================================ */
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num small,
.bold-bubble-num small {
    color: var(--primary) !important;                /* 主绿 #0D6E39（同数字） */
    -webkit-text-fill-color: var(--primary) !important;
}

/* ============================================================
   v226+ 修复：6 个气泡数字（1000/2/50/20/区位优势/国家政策）统一主绿 var(--primary)
   必须用 v53 L7440 同样的父选择器 + 靠后 + !important 才能覆盖 (specificity 0,3,0)
   ============================================================ */
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-bubble-num,
.bold-bubble[style*="--i:"]:not(.bold-bubble--text) .bold-num-target,
.bold-bubble--text .bold-bubble-num,
.bold-bubble .bold-bubble-num,
.bold-bubble[style*="--i:"] .bold-bubble-num,
.bold-bubble-num .bold-num-target,
.bold-num-target {
    color: var(--primary) !important;                /* 主绿 #0D6E39 */
    -webkit-text-fill-color: var(--primary) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    text-shadow: none !important;
}

/* ============================================================
   v226+ 全站白底卡片：100% 透明 + 毛玻璃 30px
   包括首页 / 业务页 / 关于页 / 联系页 / 常见问题页等所有白底卡片
   必须用 specificity 0,2,0+（加父选择器）+ 靠后 + !important 才能覆盖 v150 v226 设计
   ============================================================ */
.support-card,
.support-card:hover,
.bold-support .bold-support-item,
.bold-support .bold-support-item:hover,
.feature-circle-card,
.feature-circle-card:hover,
.news-carousel-item,
.idea-card,                   /* about.html */
.contact-card,                /* contact.html */
.contact-cta-banner,          /* contact.html CTA 横幅（覆盖 inline 样式） */
.faq-search-wrapper,          /* faq.html */
.faq-category-card,           /* faq.html */
.faq-item,                    /* faq.html */
.cta-card,                    /* faq.html cta 卡片 */
.footer-cert-item,
.bold-pillars .bold-pillar {  /* 园区产业 4 卡片（基核保障/新洲特色等）*/
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}


/* ============================================================
   v45: 4 个 tab 包成大胶囊 + 透明磨毛玻璃（hyxw/gzdt/xmxx/news 统一）
   ============================================================ */
.news-tabs-list {
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
    background: transparent !important;
    -webkit-backdrop-filter: blur(40px) saturate(150%) !important;
    backdrop-filter: blur(40px) saturate(150%) !important;
    border: 1px solid rgba(13,110,57,0.18) !important;
    border-radius: 999px !important;
    padding: 6px !important;
    margin: 0 0 24px !important;
    gap: 2px !important;
}
.news-tabs-list > li {
    border: none !important;
    margin: 0 !important;
}
.news-tabs-list > li > a {
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 20px !important;
    background: transparent !important;
    color: #777 !important;  /* 2026-06-15: #666 → #777 (用户视觉调灰) */
    transition: all 0.25s ease !important;
}
.news-tabs-list > li > a:hover {
    background: rgba(13,110,57,0.08) !important;
    color: #0D6E39 !important;
    border: none !important;
}
.news-tabs-list > li.active > a,
.news-tabs-list > li.active > a:hover,
.news-tabs-list > li.active > a:focus {
    background: linear-gradient(135deg, #8AD32A 0%, #0D6E39 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
}


/* ============================================================
   v46: 暴力清掉 .news-tabs-list 所有底线/下划线
   ============================================================ */
.news-tabs-list {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(13,110,57,0.7) !important;  /* 主绿 70% 不透明 + 下方 blur = 朦胧 */
    border: 1px solid rgba(255, 255, 255, 0.5) !important;  /* 白色半透明边框 */
    border-bottom: 0 !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    border-radius: 999px !important;
    padding: 6px !important;
    margin: 0 0 24px !important;
}
.news-tabs-list > li { border: none !important; margin: 0 !important; }
.news-tabs-list > li > a {
    border: none !important;
    border-bottom: 0 !important;
    border-radius: 999px !important;
    padding: 8px 60px !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 18px !important;
    text-decoration: none !important;
}
.news-tabs-list > li > a:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border: none !important;
    text-decoration: none !important;
}
.news-tabs-list > li.active > a,
.news-tabs-list > li.active > a:hover,
.news-tabs-list > li.active > a:focus {
    background: linear-gradient(135deg, #E8B931 0%, #C89E1D 100%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
}
/* 杀掉所有伪元素可能产生的线 */
.news-tabs-list::before,
.news-tabs-list::after,
.news-tabs-list > li::before,
.news-tabs-list > li::after,
.news-tabs-list > li > a::before,
.news-tabs-list > li > a::after {
    content: none !important;
    background: none !important;
    border: 0 !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* ============================================================
   v49: 彻底停掉 6 个气泡的旋转（位置保持初始）
   2026-06-15: 改为由文件末尾的 v-slam 规则接管 slam 动画
   ============================================================ */
@media (min-width: 769px) {
    /* 2026-06-15: 删 hover animation-play-state: paused 规则 (动画无限循环, hover 不暂停) */
}

/* ============================================================
   v-slam  2026-06-15  6 球沿金线冲撞大球 + 绿色碎片爆开
   ----------------------------------------------------------
   节奏：6 秒/轮 × 3 轮 = 18 秒
   第 1 轮：slam-A 组 (i:1/3/5, 0°/90°/180°) 同时冲
           slam-B 组 (i:2/4/6, 45°/135°/225°) 延迟 3s 冲
   第 2 轮：6s 后重复
   第 3 轮：12s 后重复
   iteration-count: 3 + fill-mode: forwards → 停在原位

   由于每个 bubble 的初始 rotate 角度不同 (0/45/90/135/180/225)，
   必须为每个角度写独立 keyframe 保留 rotate，仅改 translate 距离。
   ============================================================ */

/* ---- 2026-06-15 rev9: 删 9 个 slam-iN keyframe, JS rAF 接管 6 球位置计算 ----
   新设计: 6 球沿 360 半径顺时针转 (60s 一圈), 每 6s 撞一次大球 (距 360→240 球面外切)
   轨道 + slam 偏移由 JS inline style transform 实时计算
   ---- */

/* ---- 中心大球震 + 闪：3 次脉冲 (与 slam 同周期) ---- */
@keyframes centerPulse {
    0%, 16%, 26%, 40%, 50%, 66%, 76%, 90%, 100% {
        transform: translate(-50%, -50%) scale(1);
        filter: brightness(1);
    }
    18% {
        transform: translate(-50%, -50%) scale(1.06);
        filter: brightness(1.35) drop-shadow(0 0 24px rgba(95,165,106,0.85));
    }
    22% {
        transform: translate(-50%, -50%) scale(0.98);
        filter: brightness(1.2);
    }
    68% {
        transform: translate(-50%, -50%) scale(1.06);
        filter: brightness(1.35) drop-shadow(0 0 24px rgba(95,165,106,0.85));
    }
    72% {
        transform: translate(-50%, -50%) scale(0.98);
        filter: brightness(1.2);
    }
}

/* ---- 粒子飞散 + 淡出 ---- */
@keyframes shardFly {
    0% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: translate(var(--dx, 80px), var(--dy, -80px)) rotate(var(--rot, 180deg)) scale(0.3);
        opacity: 0;
    }
}

/* ============================================================
   v-slam 动画绑定（用 !important 覆盖 v48/v49 的 none）
   桌面端 is-visible 才启动；移动端无 slam（保持纵向排列）
   ============================================================ */
@media (min-width: 769px) {
    /* 2026-06-15 rev9: 删 6 球 animation 绑定, JS rAF 接管位置计算
       6 球沿 360 半径顺时针转 (60s 一圈), 每 6s 撞一次大球 (A 组 i:1/3/5 18%, B 组 i:2/4/6 68%) */

    /* 中心大球震：无限循环 (保留) */
    .bold-orbit.is-visible .bold-orbit-center {
        animation: centerPulse 6s ease-out infinite both !important;
    }

    /* 2026-06-15: 删 hover animation-play-state 规则 (动画已 infinite, 不需要 hover 强制跑) */
}

/* ============================================================
   v-slam  绿色粒子样式（农业主题，替换原金色方案）
   ============================================================ */
.shard {
    position: absolute;
    width: var(--size, 5px);
    height: var(--size, 5px);
    background: var(--shard-color, #5fa56a);
    pointer-events: none;
    z-index: 4;
    border-radius: 1px;
    box-shadow: 0 0 4px rgba(95, 165, 106, 0.6);
    will-change: transform, opacity;
    animation: shardFly 1.5s cubic-bezier(0.2, 0.6, 0.3, 1) forwards;
    transform-origin: center center;
}

/* 移动端不跑 slam，不创建粒子 */
@media (max-width: 768px) {
    .shard { display: none; }
    /* bold-bubble / bold-orbit-center 的 animation:none 已被行 4050-4061 的 @media 覆盖，此处不再重复 */
}

/* prefers-reduced-motion：JS 端 setupBoldSlam / setupBoldPillarsOrbit / setupBoldCounterLoop 都先 if (reduceMotion) return;
   CSS 端 行 4064-4080 的 reduced-motion 桌面端 @media 已设置 animation:none，此处不再重复 */

/* ============================================================
   v-mob1 (2026-06-19) — 移动端 hero 波浪 + banner dots 适配
   严格 mobile-only（max-width: 768px），桌面端规则不动
   ============================================================ */
@media (max-width: 768px) {
    /* 波浪高度 80 → 40（首屏被吃掉太多） */
    .hero-wave {
        height: 40px !important;
        margin-top: -40px !important;
    }

    /* banner dots：desktop 是 bottom:90px（banner 600+px 合理），
       mobile banner ~211px（16/9），dots 跑中部去了，改 16px 贴底 */
    .banner-slider.owl-theme .owl-dots {
        bottom: 16px !important;
    }

    /* v-mob2 (2026-06-19) — current-swiper desktop 写死 472px !important，
       375×667 屏首屏吃掉 70%，改自适应比例 */
    .current-swiper {
        height: auto !important;
        aspect-ratio: 4/3 !important;
    }
    .current-swiper .swiper-slide-active {
        height: auto !important;
        aspect-ratio: 4/3 !important;
    }
}

/* ============================================================
   v-mob2 (2026-06-19) — 414px 以下小屏专属段（iPhone SE / 12mini / 主流小屏）
   - 抽屉全宽：767 段 min-width:240 在 320px 屏仍挤
   - 字号微调：hero 标题在小屏更小
   ============================================================ */
@media (max-width: 414px) {
    /* 抽屉全宽 + 去最小宽度 */
    #mobile-navigation {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* ============================================================
   v-mob3 (2026-06-19) — 移动端 UX 三件套（Top 10 #3 #7 #8）
   - #3 抽屉打开锁背景滚动
   - #7 grid 3 列 mobile 折 1 列（contact.html:272 + ghyj.html:99 inline style）
   - #8 page-banner h1 48px 缩小（ghyj.html:79 + zzjg.html:332）
   ============================================================ */
@media (max-width: 768px) {
    /* #3 — 抽屉打开时锁背景滚动（之前抽屉开 + 背景滚 = UX bug） */
    body.mobile-nav-active {
        overflow: hidden !important;
    }

    /* #7 — inline style `grid-template-columns: repeat(3, 1fr)` mobile 必爆
       属性选择器只匹配元素 style 属性内的写法，不影响 faq.html 的 CSS rule */
    [style*="repeat(3, 1fr)"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* #8 — page-banner h1 写死 48px，mobile 改 28px */
    .page-banner h1 {
        font-size: 28px !important;
    }
}

/* ============================================================
   v-mob4 (2026-06-19) — 核心数据区 CORE DATA mobile 优化（A+B+D）
   - A 修「势」字标语截断：把 v47 全局 .bold-orbit-slogan 22px !important 包到 desktop 段
     （在前面 line 6769 已修；这里不再重复）
   - B 圆形图缩 180→140
   - D 数据气泡从 1 列 flex 改 2 列 grid（少滚一半）
   ============================================================ */
@media (max-width: 768px) {
    /* B — 圆形图缩到 180×180（v-mob17 从 140 改回：真机看图 140 太小） */
    .bold-orbit-center {
        width: 180px !important;
        height: 180px !important;
    }

    /* D — stage 改 grid 2 列 */
    .bold-orbit-stage {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* D — 气泡去 max-width: 320 让 2 列适配 */
    .bold-bubble {
        max-width: none !important;
        height: 60px !important;
        padding: 0 14px !important;
    }

    /* D — text 类型气泡（国家政策/区位优势）字号略小，避免 2 列下挤 */
    .bold-bubble--text .bold-bubble-num {
        font-size: 14px !important;
    }
    .bold-bubble--text .bold-bubble-label {
        font-size: 11px !important;
    }
}

/* ============================================================
   v-mob28 (2026-06-19) — CORE DATA 6 球环绕大球布局
   之前 v-mob4 把 stage 改 grid 2 列网格（少滚一半），
   现在用户改主意：想要 6 个小球环绕大球（圆图）。
   - 圆图缩 180→130
   - stage 改 block + relative（容纳 absolute 球）
   - 6 球 absolute 定位：4 角 + 2 侧
   - 文字型气泡也参与环绕（位置最宽的 top/bottom）
   ============================================================ */
@media (max-width: 768px) {
    /* 圆图缩到 130 + 居中 */
    .bold-orbit-center {
        width: 130px !important;
        height: 130px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-bottom: 0 !important;
    }

    /* stage 改 relative 容器，绝对定位容纳 6 球 */
    .bold-orbit-stage {
        display: block !important;
        position: relative !important;
        height: 380px !important;
        padding: 8px 0 !important;
        gap: 0 !important;
    }

    /* 6 球绝对定位（覆盖 v-mob4 grid + v-mob12 flex column） */
    .bold-bubble {
        position: absolute !important;
        width: 120px !important;
        height: 64px !important;
        padding: 6px 12px !important;
        margin: 0 !important;
    }

    /* 4 数字型气泡位置：4 角 */
    .bold-bubble[style*="--i:1"] { top: 5%; left: 3%; }   /* 1000亩 左上 */
    .bold-bubble[style*="--i:2"] { top: 5%; right: 3%; }  /* 50家 右上 */
    .bold-bubble[style*="--i:5"] { bottom: 5%; left: 3%; }  /* 国家政策 左下 */
    .bold-bubble[style*="--i:6"] { bottom: 5%; right: 3%; } /* 区位优势 右下 */

    /* 2 数字型气泡位置：左右中 */
    .bold-bubble[style*="--i:3"] { top: 42%; left: 0; }    /* 20个 左中 */
    .bold-bubble[style*="--i:4"] { top: 42%; right: 0; }   /* 2亿 右中 */
}

/* ============================================================
   v-mob29 (2026-06-19) — 强制 specificity 覆盖（iOS Safari 兼容）
   v-mob28 在 chromium 截图生效，但 iPhone 真机仍显示 v-mob4 的 column 布局。
   可能 iOS Safari cascade 边界问题或 service worker 缓存。
   提高 selector specificity 强制覆盖（.bold-orbit .bold-orbit-stage = 0,2,0，
   比 v-mob4 的 .bold-orbit-stage = 0,1,0 高）。
   ============================================================ */
@media (max-width: 768px) {
    .bold-orbit .bold-orbit-stage {
        display: block !important;
        position: relative !important;
        height: 380px !important;
        padding: 8px 0 !important;
        gap: 0 !important;
        grid-template-columns: none !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble {
        position: absolute !important;
        width: 120px !important;
        height: 64px !important;
        padding: 6px 12px !important;
        margin: 0 !important;
    }
    .bold-orbit .bold-orbit-center {
        width: 130px !important;
        height: 130px !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-bottom: 0 !important;
        grid-column: auto !important;
    }
    /* 6 球位置 */
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:1"] { top: 5%; left: 3%; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:2"] { top: 5%; right: 3%; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:3"] { top: 42%; left: 0; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:4"] { top: 42%; right: 0; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:5"] { bottom: 5%; left: 3%; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:6"] { bottom: 5%; right: 3%; }
}

/* ============================================================
   v-mob30 (2026-06-19) — 4 数字气泡改圆球（border-radius 50%）
   用户要"6 个小球"—— v-mob14 把气泡改圆角矩形（border-radius: 16px），
   现在 4 数字气泡改回圆形（短文字"1000亩"装得下）。
   2 文字型气泡保持圆角矩形（"国家政策 自贸港核心叠加"长文字装不下圆）。
   ============================================================ */
@media (max-width: 768px) {
    /* 4 数字气泡改圆形（数字 + 量词装得下）*/
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) {
        border-radius: 50% !important;
        width: 95px !important;
        height: 95px !important;
        padding: 8px 6px !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* 数字 + 量词居中（圆形气泡里数字 + 量词横排）*/
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-num {
        font-size: 16px !important;
        line-height: 1.1 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
    }
    /* 标签放圆形下方（不显示在圆内） */
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-label {
        display: none !important;
    }
}

/* ============================================================
   v-mob31 (2026-06-19) — 2 文字型气泡也改圆
   v-mob30 让 4 数字球改圆，但 2 文字型气泡（国家政策/区位优势）保持圆角矩形。
   用户要"6 个小球"全部圆形。文字型气泡缩小字号让长文字装得下。
   ============================================================ */
@media (max-width: 768px) {
    /* 2 文字型气泡改圆 + 略大 */
    .bold-orbit .bold-orbit-stage > .bold-bubble--text {
        border-radius: 50% !important;
        width: 100px !important;
        height: 100px !important;
        padding: 8px !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* 文字型气泡字号缩小 */
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-num {
        font-size: 12px !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
        text-align: center !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-label {
        font-size: 10px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }
}

/* ============================================================
   v-mob32 (2026-06-19) — 6 球统一大小 90×90 + 数字型标签加回
   v-mob30/v-mob31 数字型 88×88 + 文字型 100×100 不一致，
   数字型标签被 display: none 用户看不见。
   - 6 球统一 90×90 圆形
   - 数字型 label 恢复显示（但圆形装不下 → 让数字 + 量词居中，label 在圆下方绝对定位）
   ============================================================ */
@media (max-width: 768px) {
    /* 6 球统一 90×90 圆 */
    .bold-orbit .bold-orbit-stage > .bold-bubble {
        width: 90px !important;
        height: 90px !important;
        border-radius: 50% !important;
        padding: 6px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 数字型：num 居中（数字 + 量词） */
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-num {
        font-size: 16px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }

    /* 数字型：label 在圆下方（不显示在圆内） — 用户说"要加上"，
       但圆里装不下标签，所以用 position absolute 放到圆下方 */
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) {
        /* 留出空间给圆下方的 label */
        padding-bottom: 20px !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-label {
        display: block !important;
        position: absolute !important;
        bottom: -18px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        background: transparent !important;
        color: var(--primary) !important;
        text-align: center !important;
    }

    /* 文字型：num + label 两行竖排居中 */
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-num {
        font-size: 13px !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
        text-align: center !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-label {
        font-size: 10px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }
}

/* ============================================================
   v-mob33 (2026-06-19) — 6 球位置均匀 + label 全部在球内
   v-mob32 问题：
   1. 文字型两个挤在 stage 下方（bottom: 5% + 左右间距太小）—— 重叠
   2. 数字型 label 在圆外（position absolute 球外）—— 用户要"在小球里面"
   修法：
   1. 球大小统一 100×100（更宽装文字）
   2. 文字型位置错开（一个 top 8% left 8%，一个 bottom 8% right 8%）—— 不挤
   3. 数字型 label 不绝对定位，在球内（num + label 上下两行）
   ============================================================ */
@media (max-width: 768px) {
    /* 6 球统一 100×100 圆 */
    .bold-orbit .bold-orbit-stage > .bold-bubble {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50% !important;
        padding: 8px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 数字型：num + label 两行竖排（都在球内）*/
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) {
        /* 取消 v-mob32 的 label 绝对定位 */
        padding-bottom: 8px !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-num {
        font-size: 18px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        margin-bottom: 2px !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble:not(.bold-bubble--text) .bold-bubble-label {
        display: block !important;
        position: static !important;
        transform: none !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        text-align: center !important;
        color: var(--primary) !important;
    }

    /* 文字型：num + label 两行竖排（都在球内） */
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-num {
        font-size: 13px !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
        text-align: center !important;
    }
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-label {
        font-size: 10px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    /* 文字型位置错开 — 不重叠（v-mob34: left:0/right:0 拉到边缘避开圆图）*/
    /* v-mob35 (2026-06-20): 删 v-mob33/34 文字型位置错开 — 改用 transform 角度定位 */
}

/* ============================================================
   v-mob35 (2026-06-20) — 6 球 60° 等分围绕大球（从 1 点钟开始顺时针）
   6 球围绕大球均匀分布，每 60° 一个：
   --i:1  30° (1 点钟)  1000亩
   --i:2  90° (3 点钟)  50家
   --i:3 150° (5 点钟)  20个
   --i:4 210° (7 点钟)  2亿
   --i:5 270° (9 点钟)  国家政策
   --i:6 330° (11 点钟) 区位优势
   距离大球中心 110px，stage 380px 高，bubble 70px，center 80px。
   ============================================================ */
@media (max-width: 768px) {
    .bold-orbit .bold-orbit-stage {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 380px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        gap: 0 !important;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
    }

    .bold-orbit .bold-orbit-stage > .bold-bubble {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        margin: 0 !important;
        width: 95px !important;
        height: 95px !important;
        border-radius: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .bold-orbit .bold-orbit-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 165px !important;
        height: 165px !important;
        margin-bottom: 0 !important;
    }

    /* 6 球 60° 等分 (距大球中心 130px) */
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:1"] { --bx:  65px; --by: -113px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:2"] { --bx: 130px; --by:    0px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:3"] { --bx:-130px; --by:    0px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:4"] { --bx: -65px; --by: -113px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:5"] { --bx:  65px; --by:  113px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }
    .bold-orbit .bold-orbit-stage > .bold-bubble[style*="--i:6"] { --bx: -65px; --by:  113px; transform: translate(-50%, -50%) translate(var(--bx), var(--by)) !important; }

    /* v-mob36 (2026-06-20): 文字型 label 字号 10→8px（用户要求调小 2px）*/
    .bold-orbit .bold-orbit-stage > .bold-bubble--text .bold-bubble-label {
        font-size: 8px !important;
    }
}

/* ============================================================
   v-mob6 (2026-06-19) — 巡检清单 P1+P2 微调
   - #1 news.html 4 tab 在 375 屏挤 → 缩 padding/字号
   - #2 news.html 列表 padding 加大
   - #3 page-banner h1 28→32px（之前 v-mob3 28 可能过头）
   - #4 about.html 段落 line-height 加大
   - #5 zzjg 320 屏组织树节点 padding
   - #6 faq.html 3 卡 mobile 折 1 列（之前 grid-template-columns: repeat(3, 1fr)）
   ============================================================ */
@media (max-width: 768px) {
    /* #1 — news tab 缩到能塞 4 个 */
    .news-tabs-list > li > a {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    .news-tabs-list {
        padding: 4px !important;
        gap: 2px !important;
    }

    /* #2 — news 列表 padding */
    .News-Center-ul li {
        padding: 10px 0 !important;
    }

    /* #3 — page-banner h1 28→32px（v-mob3 改的过头了） */
    .page-banner h1 {
        font-size: 32px !important;
    }

    /* #4 — about 段落行高加大、padding 调 */
    .bold-about-body {
        line-height: 1.85 !important;
        padding: 0 16px !important;
    }

    /* #5 — zzjg 组织树 320 屏节点紧凑 */
    .org-tree {
        --org-gap: 20px !important;
    }

    /* #6 — faq 3 卡 mobile 折 1 列 */
    .faq-categories {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* ============================================================
   v-mob9 (2026-06-19) — current-swiper mobile 隐藏
   根因：style.css:773 .current-swiper { width: 635px } 写死，
   index.html:528 内联 style `height: 472px !important`，
   v-mob2 的 mobile !important 覆盖被 cascade 后写规则逆袭，实际上没生效。
   mobile 下 635×472 在 375 屏必横向溢出。
   修法：mobile 直接隐藏（不影响 desktop，不动 HTML 内联 style）。
   ============================================================ */
@media (max-width: 768px) {
    .current-swiper,
    .current-swiper:before,
    .nocurrent-swiper {
        display: none !important;
    }
}

/* ============================================================
   v-mob10 (2026-06-19) — CORE DATA 文字型气泡横通栏
   v-mob4 改 2 列后文字型气泡（国家政策/区位优势）也被挤成 160px，
   标签 8 字竖排。修法：文字型气泡 grid-column: span 2 占满整行。
   4 数字型保持 2x2 grid，2 文字型占 2 列宽。
   ============================================================ */
@media (max-width: 768px) {
    /* 文字型气泡横通栏 */
    .bold-bubble--text {
        grid-column: span 2 !important;
        height: auto !important;
        padding: 10px 16px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .bold-bubble--text .bold-bubble-num {
        font-size: 15px !important;
        margin-bottom: 2px !important;
    }
    .bold-bubble--text .bold-bubble-label {
        font-size: 12px !important;
    }
}

/* ============================================================
   v-mob11 (2026-06-19) — 数字型气泡 nowrap + 缩字号（v2 修复）
   v-mob10 后 4 数字气泡标签竖排（2 列 160px 宽不够 5 字横排）。
   v1 加了 overflow:hidden 把数字也裁没了，回退后只保留 nowrap + 缩字号。
   ============================================================ */
@media (max-width: 768px) {
    /* 标签 + 数字 nowrap 不换行 */
    .bold-bubble-label,
    .bold-bubble-num {
        white-space: nowrap !important;
    }
    /* 数字字号缩小让标签有更多横向空间 */
    .bold-bubble .bold-bubble-num {
        font-size: 16px !important;
    }
    .bold-bubble .bold-bubble-num small {
        font-size: 11px !important;
    }
    .bold-bubble-label {
        font-size: 11px !important;
    }
}

/* ============================================================
   v-mob12 (2026-06-19) — 气泡内部改 column 排列
   v-mob11 后数字+量词一行 OK，但标签被裁（容器 160 不够 5 字横排）。
   修法：所有气泡内部 flex-direction: column
   - 数字行 + 量词（nowrap）
   - 标签行（nowrap，单行不再竖排）
   - 高度 auto 自适应
   ============================================================ */
@media (max-width: 768px) {
    .bold-bubble {
        flex-direction: column !important;
        align-items: flex-start !important;
        height: auto !important;
        padding: 10px 14px !important;
        gap: 4px !important;
    }
    .bold-bubble-num {
        margin-bottom: 0 !important;
    }
    .bold-bubble-label {
        margin-top: 0 !important;
    }
}

/* ============================================================
   v-mob13 (2026-06-19) — 圆图居中跨 2 列
   v-mob4 改 stage grid 2 列后，圆图作为第一个 grid item 占第一列，
   真机看图发现圆图跑到了右上角，不是 stage 居中。
   修法：圆图 grid-column: 1 / -1 跨所有列 + justify-self: center
   ============================================================ */
@media (max-width: 768px) {
    .bold-orbit-center {
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        margin-bottom: 12px !important;
    }
}

/* ============================================================
   v-mob14 (2026-06-19) — 气泡改圆角矩形
   真机看图发现气泡是椭圆（desktop border-radius: 50% 没被 mobile 覆盖），
   160×~60 矩形 + 50% border-radius = 椭圆，看着像传统气泡不像现代 mobile 卡片。
   修法：mobile 段覆盖 border-radius: 16px。
   ============================================================ */
@media (max-width: 768px) {
    .bold-bubble {
        border-radius: 16px !important;
    }
}

/* ============================================================
   v-mob15 (2026-06-19) — 数字型气泡文字居中
   4 数字型气泡改 align-items: center + text-align: center
   让"1000亩 / 总规划面积"在圆角矩形里居中，更醒目对称。
   2 文字型气泡（--text）保持左对齐，描述性内容左对齐更易读。
   ============================================================ */
@media (max-width: 768px) {
    .bold-bubble:not(.bold-bubble--text) {
        align-items: center !important;
    }
    .bold-bubble:not(.bold-bubble--text) .bold-bubble-num,
    .bold-bubble:not(.bold-bubble--text) .bold-bubble-label {
        text-align: center !important;
        width: 100% !important;
    }
}

/* ============================================================
   v-mob16 (2026-06-19) — 文字型气泡也居中
   用户反馈：希望 6 个气泡统一居中，不要数字型居中 + 文字型左对齐混搭。
   ============================================================ */
@media (max-width: 768px) {
    .bold-bubble--text {
        align-items: center !important;
    }
    .bold-bubble--text .bold-bubble-num,
    .bold-bubble--text .bold-bubble-label {
        text-align: center !important;
        width: 100% !important;
    }
}

/* ============================================================
   v-mob18 (2026-06-19) — 3 项修复（间距 + 断行）
   1. section 之间间距 50→30（ABOUT US 和 CORE DATA 之间空白过大）
   2. about-sub 断行（"服务全国大市场"换行）
      修法：letter-spacing 0 + 字号微缩，让 20 字一行装下
   ============================================================ */
@media (max-width: 768px) {
    /* #1 — section 之间间距收紧 */
    .bold-section {
        padding: 30px 0 !important;
    }

    /* #2 — about-sub 不断行 */
    .bold-about-sub {
        letter-spacing: 0 !important;
        font-size: 13px !important;
        padding: 0 8px !important;
    }
}

/* ============================================================
   v-mob19 (2026-06-19) — 首页新闻列表 mobile-only 隐藏第 4 条以后
   之前 v-mob18 #3 误删 index.html 硬编码 li（动了桌面端），
   现回滚 li + 改用 mobile-only CSS nth-child 隐藏。
   - desktop ≥769：li 全部显示（保持原样）
   - mobile ≤768：每个 .bold-news-list 只显示前 3 个 li
   ============================================================ */
@media (max-width: 768px) {
    .bold-news-list > li:nth-child(n+4) {
        display: none !important;
    }
}

/* ============================================================
   v-mob20 (2026-06-19) — 首页 .bold-news-bar 桌面端加主体绿色毛玻璃
   v1 加 #0D6E39 实色太深，用户说"要玻璃磨砂的效果"。
   改回毛玻璃：主体绿色 85% 不透明 + backdrop-filter blur。
   - desktop ≥769：玻璃磨砂绿色
   - mobile ≤768：不改
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-bar {
        background: rgba(13, 110, 57, 0.85) !important;  /* 主体绿色 85% */
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
    }
}

/* ============================================================
   v-mob22 (2026-06-19) — 首页未 active tab 文字改白色
   用户反馈：bar 玻璃磨砂绿色背景下，未点击的 tab 文字（#777）看不清，
   改 #fff 让白色清晰。
   只改 :not(.bold-active)，不影响 active tab 和「进入专区」按钮。
   ============================================================ */
@media (min-width: 769px) {
    .bold-news-bar .bold-news-tab:not(.bold-active) {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
}

/* ============================================================
   v-mob23 (2026-06-19) — 移动端 .bold-news-bar 适配
   1. 背景跟 desktop 一样：玻璃磨砂绿色
   2. 「进入专区」按钮跑下面：bar 改 column 垂直布局
      tabs 横排（space-between），按钮独立一行 width 100% 居中
   - mobile ≤768：本段生效
   - desktop ≥769：沿用 v-mob21/22 不变
   ============================================================ */
@media (max-width: 768px) {
    /* 背景：跟 desktop 一致 */
    .bold-news-bar {
        background: rgba(13, 110, 57, 0.85) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 10px !important;
        gap: 10px !important;
        border-radius: 16px !important;
    }

    /* tabs 横排占满 */
    .bold-news-bar .bold-news-tabs {
        width: 100% !important;
        justify-content: space-between !important;
    }

    /* 「进入专区」独立一行 */
    .bold-news-bar .bold-news-more.bold-news-more--filled {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }
}

/* ============================================================
   v-mob24 (2026-06-19) — 按钮移到列表底部 + tab 防换行
   用户建议：「进入专区」放文章列表下面更合理（CTA 转化漏斗）
   1. HTML 改：按钮从 .bold-news-bar 内移到列表后
   2. CSS 改：
      - tab 加 white-space: nowrap 防文字换行（v-mob23 后"行业新闻"换行成"行业新\n闻"）
      - 按钮在 .bold-news-left 内（不再在 bar 内）：desktop 样式仍生效
      - mobile 段：按钮 width 100% + 居中 + margin-top 间距
   ============================================================ */
@media (max-width: 768px) {
    /* tab 文字防换行 */
    .bold-news-tab {
        white-space: nowrap !important;
    }

    /* 按钮在列表下面，撑满 + 居中 + 加间距 */
    .bold-news-left > .bold-news-more.bold-news-more--filled {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 16px !important;
        padding: 12px !important;
        width: auto !important;
    }
}

/* ============================================================
   v-mob25 (2026-06-19) — bar 紧凑 + 未 active tab 文字白色
   v-mob24 后按钮已移出 bar，但 v-mob23 的 bar 仍然 column + align-items: stretch + padding: 10px，
   bar 显得太大（高度撑开）。按钮移走后不需要 column，让 bar 紧凑回到 row + 高度自适应。
   同时 mobile 段未 active tab 文字仍是 #777（v-mob22 只改了 desktop），
   跟 desktop 一致改 #fff 白色。
   ============================================================ */
@media (max-width: 768px) {
    /* bar 紧凑：按钮已移走，bar 只需 row + 高度自适应 */
    .bold-news-bar {
        flex-direction: row !important;
        align-items: center !important;
        padding: 4px !important;
        gap: 0 !important;
    }

    /* 未 active tab 文字白色（跟 desktop v-mob22 一致） */
    .bold-news-tab:not(.bold-active) {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
    }
}

/* ============================================================
   v-mob26 (2026-06-19) — 回滚 v-mob24 HTML + mobile bar 用 grid 第二行 button
   用户反馈 v-mob24 HTML 改动影响了 desktop（按钮位置），决定回滚 HTML：
   - HTML：按钮移回 .bold-news-bar 内（desktop 完全恢复 v-mob22 状态）
   - mobile CSS：bar 用 grid 2 行（tabs / button），button 仍在 bar 内第二行（width 100% 撑满）
   - 视觉上 mobile：bar 内 tabs 一行 + button 下方独立一行
   ============================================================ */
@media (max-width: 768px) {
    .bold-news-bar {
        display: grid !important;
        grid-template-areas:
            "tabs"
            "button" !important;
        gap: 8px !important;
        padding: 8px !important;
        background: rgba(13, 110, 57, 0.85) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        border-radius: 16px !important;
        align-items: stretch !important;
    }
    .bold-news-tabs {
        grid-area: tabs !important;
        width: 100% !important;
        justify-content: space-between !important;
    }
    .bold-news-more.bold-news-more--filled {
        grid-area: button !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 0 !important;
        padding: 12px !important;
    }
}

/* ============================================================
   v-mob31（2026-07-17）— 4 小球 4 方向定位（一次性修复）
   根因：行 5083-5116 的 mobile 块在 v-mob30 之后写，且用
   .bold-pillars-center, .bold-pillar { position:static !important }
   联合选择器（specificity 0,0,2），压住 v-mob30 单独 .bold-pillar
   （specificity 0,0,1）。
   修复：文件末尾追加重复类名抬 specificity 到 0,0,2 + 后写胜出。
   ============================================================ */
@media (max-width: 768px) {
    .bold-pillars-stage.bold-pillars-stage {
        max-width: 360px !important;
        height: 360px !important;
        margin: 0 auto !important;
        display: block !important;
        position: relative !important;
        padding: 0 8px !important;
    }
    .bold-pillars-stage::before,
    .bold-pillars-stage::after { display: none !important; }
    .bold-pillars-center.bold-pillars-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 130px !important;
        height: 130px !important;
        margin: 0 !important;
        animation: none !important;
    }
    .bold-pillar.bold-pillar {
        position: absolute !important;
        margin: 0 !important;
        width: auto !important;
        opacity: 1 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        text-align: center !important;
        padding: 6px 8px !important;
    }
    .bold-pillar.bold-pillar[style*="--i:1"] { top: 0; left: 50%; transform: translateX(-50%) !important; }
    .bold-pillar.bold-pillar[style*="--i:2"] { top: 50%; right: 0; transform: translateY(-50%) !important; }
    .bold-pillar.bold-pillar[style*="--i:3"] { bottom: 0; left: 50%; transform: translateX(-50%) !important; }
    .bold-pillar.bold-pillar[style*="--i:4"] { top: 50%; left: 0; transform: translateY(-50%) !important; }
    .bold-pillar-circle.bold-pillar-circle {
        margin: 0 !important;
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
}

/* ============================================================
   v-mob32（2026-07-17）— .bold-support pill 卡片宽度对齐球
   球 108×108, 原 pill 133 宽伸出左右 12.5px 不对称
   改：pill 宽 120 对齐球 + 紧凑 padding + margin-top -24
   ============================================================ */
@media (max-width: 768px) {
    .bold-support-pill.bold-support-pill {
        width: 120px !important;
        max-width: calc(100% - 8px) !important;
        padding: 26px 10px 14px !important;
        margin-top: -24px !important;
    }
    .bold-support-pill.bold-support-pill h3 {
        font-size: 14px !important;
        margin: 0 0 6px !important;
    }
    .bold-support-pill.bold-support-pill p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}

/* ============================================================
   v-mob33（2026-07-17）— pill 改成真胶囊
   v-mob32 固定 120px + border-radius 80 → 圆角矩形不像胶囊
   改：width auto + min 112 + padding 22/22/16 + radius 100
   ============================================================ */
@media (max-width: 768px) {
    .bold-support-pill.bold-support-pill {
        width: auto !important;
        min-width: 112px !important;
        max-width: calc(100% - 8px) !important;
        padding: 22px 22px 16px !important;
        border-radius: 100px !important;
        margin-top: -24px !important;
    }
    .bold-support-pill.bold-support-pill h3 {
        font-size: 14px !important;
        margin: 0 0 6px !important;
        font-weight: 600 !important;
    }
    .bold-support-pill.bold-support-pill p {
        font-size: 12px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
}

/* ============================================================
   v-mob34（2026-07-17）— news 区域 tabs 到 btn 间隙删除
   tabs 桌面 margin-bottom 24 + bar grid gap 8 = 32px 间隙
   改：margin 0 + gap 0, 让 tabs/btn 上下紧贴
   ============================================================ */
@media (max-width: 768px) {
    .bold-news-tabs.bold-news-tabs {
        margin: 0 !important;
    }
    .bold-news-bar.bold-news-bar {
        gap: 0 !important;
    }
}

/* ============================================================
   v-perf1（2026-07-25）— 桌面动画离屏/后台暂停
   仅冻结不可见状态，不改变动画名称、时长、轨迹和视觉参数
   ============================================================ */
@media (min-width: 769px) {
    .bold-orbit.perf-paused .bold-orbit-center,
    .bold-orbit.perf-paused .shard {
        animation-play-state: paused !important;
    }
}


/* ============================================================
   v-cards1（2026-07-25）— ghyj/zzjg 子页面卡片样式
   卡片用主页 .support-card 模式（带 01/02 编号 + EN 副标题 + CTA 按钮）
   ============================================================ */

/* ---- ghyj.html：section 容器 + 渐变 hero + 战略基点 ---- */
.vision-section {
    max-width: 1100px;
    margin: 50px auto 0;
    background: transparent;               /* v-cards4：去掉 #fbf9f0，让页面渐变透出来，"只留一个背景"（与 zzjg 同步） */
    border-radius: 20px;
    padding: 50px 40px 60px;
}

.vision-hero {
    background: linear-gradient(135deg, #0D6E39, #8AD32A);
    border-radius: 20px;
    padding: 60px;
    margin-bottom: 40px;
    text-align: center;
}
.vision-hero h2 {
    color: #fff;
    font-size: 36px;
    margin: 0 0 20px;
}
.vision-hero p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 18px;
    line-height: 2;
    margin: 0;
}

/* ghyj 用 3 列 support-grid（覆盖默认 2 列）*/
.support-grid.vision-grid {
    grid-template-columns: repeat(3, 1fr);
}

.vision-strategy {
    background: transparent;             /* v-cards6：去掉 #fff，改透明玻璃（与 v-cards5 卡片同款） */
    background-image: none;
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    border-radius: 16px;
    padding: 50px;
    border-left: 5px solid #0D6E39;
    margin-top: 60px;
}
.vision-strategy h3 {
    font-size: 24px;
    color: #0D6E39;
    margin: 0 0 20px;
}
.vision-strategy p {
    font-size: 15px;
    color: #555;
    line-height: 2;
    margin: 0 0 15px;
}
.vision-strategy p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .vision-hero { padding: 36px 24px; margin-bottom: 28px; }
    .vision-hero h2 { font-size: 26px; }
    .vision-hero p { font-size: 15px; }
    .support-grid.vision-grid { grid-template-columns: 1fr; gap: 18px; }
    .vision-strategy { padding: 28px 22px; }
    .vision-strategy h3 { font-size: 20px; }
    .vision-strategy p { font-size: 14px; }
}

/* ---- zzjg.html：部门容器外框（v-cards4：去掉米色背景，仅保留结构 max-width + 圆角 + 内边距） ---- */
.org-dept-wrap {
    max-width: 1100px;
    margin: 80px auto 0;
    background: transparent;             /* v-cards4：去掉 #fbf9f0，让页面渐变透出来，"只留一个背景" */
    border-radius: 20px;
    padding: 40px;
}
.org-dept-wrap h3 {
    font-size: 24px;
    color: #0D6E39;
    margin: 0 0 30px;
    text-align: center;
}
/* zzjg 改 3 列 support-grid（6 部门 = 3×2，2 行 3 个）*/
.support-grid.dept-grid {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
    .org-dept-wrap { margin-top: 50px; padding: 28px 22px; }
    .org-dept-wrap h3 { font-size: 20px; margin-bottom: 20px; }
    .support-grid.dept-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ---- v-cards3b：与业务页 OUR PILLARS 同款卡片视觉 ----
   业务页 .section[OUR PILLARS] 是 `#fbf9f0` 米色 + .support-card v226 透明 + backdrop-filter blur(30px)，
   卡片本身不填白，靠毛玻璃把米色"打"出层级。这里我们用 .vision-section / .org-dept-wrap 加米色底，
   再用 .vision-grid > .support-card / .dept-grid > .support-card 子选择器（specificity 0,2,0+）抵消
   v226 的 reset 中误伤 icon / h3 的次级效果，同时把 padding/title-en 等缩到与首页支撑卡完全一致。 */
/* ghyj.html 卡片 padding 收紧到与首页支撑卡一致（业务页 40/30/30，我们缩 36/26/28）*/
.support-grid.vision-grid > .support-card,
.support-grid.vision-grid > .support-card:hover {
    padding: 36px 26px 28px;
    /* v-cards5：去掉 v-cards4 加的 background: #fff !important，让 v226 行 9037 reset 的
       transparent + backdrop-filter blur(30px) saturate(180%) 接管，卡片恢复透明玻璃（主站效果） */
}
.support-grid.dept-grid > .support-card,
.support-grid.dept-grid > .support-card:hover {
    padding: 36px 26px 28px;
    /* v-cards5：去掉 v-cards4 加的 background: #fff !important，让 v226 reset 接管（与 vision-grid 同步） */
}
/* icon 渐变绿底（v226 reset 不影响 .support-icon，但 .support-icon 默认 size 80px 需要保留）*/
.support-grid.vision-grid > .support-card > .support-icon,
.support-grid.dept-grid > .support-card > .support-icon {
    width: 80px;
    height: 80px;
    color: #fff;
}

/* ---- v-cards3 移动端覆盖：v226 reset (行 2173) 把所有 .support-grid 在 max-width:768px 隐藏，
   让 ghyj/zzjg 移动端依然按主站模式单列显示卡片（视觉与 business.html 移动端一致）----
   ⚠️ 同步覆盖行 1889-1893 的裸 .support-card { flex-direction: row }（首页 #tab2-c 折叠态），
   否则 ghyj/zzjg 移动端也会横排导致 icon 被 flex 挤成椭圆、标题纵向堆叠 */
@media (max-width: 768px) {
    .support-grid.vision-grid,
    .support-grid.dept-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .support-grid.vision-grid > .support-card,
    .support-grid.dept-grid > .support-card {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        padding: 32px 24px 24px !important;
    }
    .support-grid.vision-grid > .support-card > .support-icon,
    .support-grid.dept-grid > .support-card > .support-icon {
        flex-shrink: 0 !important;
        width: 64px !important;
        height: 64px !important;
        min-width: 64px;
        min-height: 64px;
        font-size: 26px !important;
        margin-bottom: 14px !important;
    }
}

/* 老硬件 GPU 提升: 6 球 + 4 球 + 中心图提到独立 compositor 层,transform 不触发 layout */
@media (min-width: 769px) {
    .bold-bubble,
    .bold-pillar,
    .bold-orbit-center {
        will-change: transform;
    }
}