/* ================================================
   index.htm（首页）移动端响应式样式
   适配范围：
   - 独立固定头部 header.common-header（与公共 header.html 不同，此处单独适配：
     汉堡菜单 .nav-toggle、横向导航折叠为抽屉、二级菜单 .dropdown-menu 直接展开）
   - Section 1 首页 Hero（视频背景 / 标题 / 底部导航 bottom-nav）
   - Section 2 新闻资讯（news：竖排 Tab 改横排、图文改单列、横向滑动轨道）
   - Section 3 企业介绍（about：左右改上下、竖排 Tab 改横排、覆盖内联 vw 样式）
   - Section 4 产品展示（products：Tab 改横排、3 列改单列、滑块宽度适配视口）
   - Section 5 专利展示（patent：左右改上下、画廊横向滑动、箭头按钮适配）
   页脚（footer-index.html 公共结构）已在 css/responsive/common-responsive.css 处理，本文件不重复编写。
   断点：仅 @media only screen and (max-width: 767px)，全站唯一断点，禁止其他断点。
   ================================================ */
@media only screen and (max-width: 767px) {

    /* ================================================
       0. 全屏容器：为固定头部预留空间
       （fullpage 纵向切换机制保留，由 JS 控制）
       ================================================ */
    .section {
        padding-top: 60px !important;
    }
    .page-home {
        padding-top: 0 !important;
    }

    /* ================================================
       1. 独立固定头部 header.common-header
       （index.htm 自有结构，与公共 header.html 不同）
       ================================================ */
    header.common-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60px !important;
        padding: 0 16px !important;
        background: #fff;
        border-bottom: 1px solid #eee;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        box-sizing: border-box;
    }

    /* 首页第一屏仍遵循 PC 隐藏逻辑（JS 控制 .hidden） */
    header.common-header.hidden {
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
    }

    /* Logo：覆盖内联 padding-left:calc(100/1920*100vw)，压缩高度 */
    header.common-header .logo-area {
        padding-left: 0 !important;
        gap: 0;
        flex-shrink: 0;
    }
    header.common-header .logo-area img,
    header.common-header .fake-logo img {
        height: 40px !important;
        width: auto !important;
        max-height: 40px !important;
        max-width: 160px !important;
    }

    /* 汉堡按钮：由主任务追加到 header.common-header 内（直接子元素），
       触控目标 44x44，三线动画 */
    header.common-header .nav-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 0;
        margin-left: auto;
        background: none;
        border: none;
        cursor: pointer;
        flex-shrink: 0;
        z-index: 1001;
        box-sizing: border-box;
    }
    header.common-header .nav-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        background: #333;
        border-radius: 2px;
        transition: transform 0.3s ease, opacity 0.3s ease;
        box-sizing: border-box;
    }
    header.common-header .nav-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    header.common-header .nav-toggle.open span:nth-child(2) {
        opacity: 0;
    }
    header.common-header .nav-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* 横向导航：默认收起，点击汉堡后以抽屉展开 */
    header.common-header nav {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #f0f0f0;
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1000;
    }
    header.common-header nav.open {
        display: block;
    }
    header.common-header nav ul {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px 0;
        margin: 0;
    }
    header.common-header nav li {
        width: 100%;
        text-align: center;
        display: block;
    }

    /* 一级菜单：整行可点，触控高度 >= 48px */
    header.common-header nav a.menu-item-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        height: auto !important;
        min-height: 48px;
        border-radius: 0 !important;
        font-size: 16px;
        font-weight: 700;
        line-height: 48px;
        padding: 0 12px;
        box-sizing: border-box;
        color: #333;
        background: none !important;
    }
    header.common-header nav a.menu-item-box.active,
    header.common-header nav a.menu-item-box:hover {
        background: #1bbab8 !important;
        color: #fff !important;
        border-radius: 0 !important;
    }

    /* 二级菜单：移动端直接展开，不再悬浮下拉 */
    header.common-header .dropdown-menu {
        display: block !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        background: #f7f7f7 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        min-width: 0 !important;
        padding: 4px 0 !important;
        border-top: 1px solid #eee;
    }
    header.common-header .dropdown-menu a {
        display: block;
        min-height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 15px;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* 头部搜索：移动端宽度不足，隐藏（搜索入口由首页 bottom-nav 提供） */
    header.common-header .header-actions,
    header.common-header .search-container {
        display: none !important;
    }

    /* ================================================
       2. SECTION 1：HOME（Hero 首屏）
       ================================================ */
    .page-home .main-title {
        padding-top: 15vh !important;
    }
    .page-home .main-title h1 {
        font-size: 2.2rem !important;
        letter-spacing: 6px !important;
        margin-bottom: 14px;
    }
    .page-home .main-title .slogan {
        font-size: 1rem !important;
        letter-spacing: 3px !important;
    }

    /* 产品装饰占位（空 div，无 JS 依赖）：移动端隐藏避免遮挡 */
    .page-home .product-showcase {
        display: none;
    }

    /* 首页底部导航：全宽、压高、隐藏横向菜单 */
    .page-home .bottom-nav {
        width: 100% !important;
        height: 60px !important;
        border-radius: 0 !important;
        padding: 0 16px;
        box-sizing: border-box;
    }
    .page-home .bottom-nav .logo-area {
        margin-right: 8px !important;
    }
    .page-home .bottom-nav .logo-area img {
        height: 40px !important;
        width: auto !important;
        max-height: 40px !important;
        max-width: 160px !important;
    }
    .page-home .nav-container {
        padding-right: 0 !important;
        gap: 8px;
    }
    .page-home .nav-menu {
        display: none !important;
    }
    /* 搜索框：覆盖内联 transform，宽度自适应 */
    .page-home .search-box {
        width: auto !important;
        flex: 1;
        max-width: 220px;
        height: 40px !important;
        transform: none !important;
    }
    .page-home .search-box input {
        font-size: 16px !important; /* 覆盖内联 calc(13/1920*100vw)，避免 iOS 聚焦放大 */
    }

    /* ================================================
       3. SECTION 2：NEWS（新闻资讯）
       ================================================ */
    .page-news .main-container {
        flex-direction: column !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background-size: cover !important; /* 覆盖内联 background-size:100% 防拉伸 */
    }
    .page-news .left-panel {
        margin-left: 0 !important;
        padding-top: 16px !important;
        width: 100%;
    }
    .page-news .section-title {
        font-size: 20px !important;
        padding-left: 12px;
    }
    .page-news .main-text-style {
        font-size: 26px !important;
    }

    /* 竖排 Tab 改横排小标签 */
    .page-news .news-tabs-container {
        position: static !important;
        left: auto !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
        padding: 0 12px;
        align-items: center;
    }
    .page-news .left-bottom {
        width: auto !important;
        height: auto !important;
        min-height: 44px;
        border: 1px solid #EBDEC2 !important;
        display: flex;
        align-items: center;
    }
    .page-news .tab-text {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 18px;
        letter-spacing: 2px;
        font-size: 15px;
    }
    .page-news .image-box-wrapper {
        display: none !important;
    }

    /* 内容区：宽度适配视口，保留横向滑动轨道（200%） */
    .page-news .news-content-wrapper {
        flex: none;
        width: 100%;
        height: auto;
        margin-top: 8px;
    }
    .page-news .news-content-track {
        width: 200%;
    }
    .page-news .news-content-panel {
        width: 50%;
        height: auto;
    }
    .page-news .content-container {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 12px 16px 24px !important;
    }

    /* 头条新闻：大图防溢出 */
    .page-news .featured-news {
        flex: none;
        width: 100%;
    }
    .page-news .featured-image {
        width: 100% !important;
        height: auto !important;
    }
    .page-news .news-date-large {
        width: 100% !important;
        margin-top: 10px;
    }
    .page-news .date-day {
        font-size: 22px !important;
        height: auto;
        margin-bottom: 0;
    }
    .page-news .date-year {
        font-size: 14px !important;
        transform: none !important;
    }
    .page-news .featured-title {
        font-size: 16px !important;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .page-news .featured-desc {
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.6;
    }

    /* 新闻列表：图片缩小，内容自适应 */
    .page-news .news-list-section {
        gap: 14px !important;
        width: 100%;
    }
    .page-news .news-item {
        gap: 12px !important;
    }
    .page-news .news-item-img {
        width: 110px !important;
        height: 82px !important;
        flex-shrink: 0;
    }
    .page-news .news-item-content {
        width: auto !important;
        transform: none !important;
        justify-content: center;
        gap: 4px;
    }
    .page-news .news-item-day {
        font-size: 18px !important;
        margin-right: 6px !important;
    }
    .page-news .news-item-year {
        font-size: 13px !important;
        transform: none !important;
    }
    .page-news .news-item-title {
        font-size: 15px !important;
        max-width: 100% !important;
        transform: none !important;
    }
    .page-news .news-item-desc {
        font-size: 13px !important;
        max-width: 100% !important;
        margin-top: 4px;
    }
    .page-news .more-link {
        font-size: 15px !important;
        margin-top: 10px;
        padding-top: 8px;
        display: inline-block;
        min-height: 44px;
        line-height: 44px;
    }
    .page-news .date-arrow {
        width: 22px !important;
        height: 7px !important;
    }

    /* ================================================
       4. SECTION 3：ABOUT（企业介绍）
       ================================================ */
    .page-about .main-container {
        flex-direction: column !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .page-about .left-panel {
        width: 100% !important;
        margin-left: 0 !important;
        padding-top: 16px !important;
    }
    .page-about .section-title {
        font-size: 20px !important;
        padding-left: 12px;
    }
    .page-about .main-text-style {
        font-size: 26px !important;
    }

    /* 竖排 Tab 改横排小标签 */
    .page-about .left-tabs-container {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
        padding: 0 12px;
        height: auto !important;
    }
    .page-about .tab-item {
        width: auto !important;
        height: auto !important;
        min-height: 44px;
        flex-direction: row;
        align-items: center;
        border: 1px solid #EBDEC2 !important;
    }
    .page-about .tab-text {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 18px;
        letter-spacing: 2px;
        font-size: 15px;
    }
    .page-about .tab-image-box {
        display: none !important;
    }
    .page-about .center-divider {
        display: none !important;
    }

    /* 右侧内容：覆盖内联 transform/vw 样式，宽度 100% */
    .page-about .right-panel {
        width: 100% !important;
        transform: none !important; /* 覆盖内联 translateX(100/1920*100vw) */
    }
    .page-about .right-content {
        padding: 24px 16px !important; /* 覆盖内联 padding-left:16vw */
        height: auto;
    }
    .page-about .hero-title {
        font-size: 26px !important; /* 覆盖内联 calc(64/1920*100vw) */
        width: 100% !important;
        height: auto !important;
        line-height: 1.3;
    }
    .page-about .description-box {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.7;
        letter-spacing: 0;
        margin-top: 12px;
    }

    /* 集团背书（JS 注入的内联 vw 样式，用 !important 归一） */
    .page-about .hero-title span {
        font-size: 16px !important;
    }
    .page-about .hero-title .g-sub-top {
        font-size: 14px !important;
        width: auto !important;
        height: auto !important;
        line-height: 1.6;
    }
    .page-about .hero-title .g-h1 {
        font-size: 24px !important;
        width: auto !important;
        height: auto !important;
    }
    .page-about .description-box > div {
        width: 100% !important;
        font-size: 14px !important;
        text-align: left !important;
        line-height: 1.6;
        margin-bottom: 8px !important;
    }
    .page-about .g-desc-line {
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }

    /* ================================================
       5. SECTION 4：PRODUCTS（产品展示）
       ================================================ */
    .page-products .content-wrapper {
        flex-direction: column !important;
        height: auto !important;
    }
    .page-products .left-panel {
        margin-left: 0 !important;
        padding-top: 20px !important;
        width: 100%;
    }
    .page-products .section-title2 {
        font-size: 20px !important;
        padding-left: 12px;
    }
    .page-products .main-text-style {
        font-size: 26px !important;
    }

    /* 竖排 Tab 改横排小标签 */
    .page-products .products-tabs-container {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
        padding: 0 12px;
        align-items: center;
    }
    .page-products .left-bottom {
        width: auto !important;
        height: auto !important;
        min-height: 44px;
        border: 1px solid #EBDEC2 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-products .qyjs-box {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 16px;
        letter-spacing: 2px;
        background: #E1F7F5;
        color: #00A9A5;
    }
    .page-products .left-bottom-text > div:first-child {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 16px;
        letter-spacing: 2px;
    }
    .page-products .left-bottom-text > div:last-child,
    .page-products .image-box {
        display: none !important;
    }

    /* 产品区：覆盖内联 padding-top:14vh，网格 3 列改单列 */
    .page-products .products-area {
        flex: none;
        padding: 16px !important;
    }
    .page-products .new-product-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .page-products .product-card-old {
        height: auto !important;
        padding-bottom: 12px;
    }
    .page-products .product-title-old {
        height: auto;
        min-height: 44px;
        font-size: 16px;
        line-height: 1.4;
        padding: 8px 0;
        margin-bottom: 8px;
    }
    .page-products .product-img-old {
        max-height: 200px;
        max-width: 100%;
    }
    .page-products .more-link {
        font-size: 15px !important;
        display: inline-block;
        min-height: 44px;
        line-height: 44px;
        margin-top: 8px;
        text-align: right;
    }

    /* 滑块（300% 轨道）：保持横向滑动，宽度由视口决定 */
    .page-products .slider-viewport {
        width: 100%;
        overflow: hidden;
    }
    .page-products .slide-panel {
        width: 33.333%;
        padding: 8px 0;
    }

    /* ================================================
       6. SECTION 5：PATENT（专利展示）
       ================================================ */
    .page-patent .main-container {
        flex-direction: column !important;
    }
    .page-patent .left-panel {
        margin-left: 0 !important;
        padding-top: 20px !important;
        height: auto !important; /* 覆盖内联 height:100% */
        justify-content: flex-start;
        align-self: stretch;
    }
    .page-patent .section-title {
        margin-bottom: 12px;
        padding-left: 12px;
    }
    .page-patent .section-title .en {
        font-size: 18px !important;
    }
    .page-patent .section-title .zh {
        font-size: 26px !important;
    }

    /* 竖排 Tab 改横排小标签 */
    .page-patent .left-tabs-container {
        position: static !important; /* 覆盖内联 position:absolute/bottom */
        height: auto !important;     /* 覆盖内联 height:30vw */
        margin-top: 8px;
        gap: 8px;
        padding: 0 12px;
    }
    .page-patent .tab-box {
        width: auto !important;
        height: auto !important;
        min-height: 44px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border: 1px solid #E0C99C !important;
    }
    .page-patent .tab-text {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 18px;
        letter-spacing: 2px;
        font-size: 15px;
    }
    .page-patent .tab-icon-box {
        display: none !important;
    }

    /* 画廊：横向滑动，宽度适配视口 */
    .page-patent .content-gallery {
        margin-left: 0 !important;
        gap: 6px;
        padding: 16px 0 24px;
        width: 100%;
        align-items: center;
    }
    .page-patent .patent-gallery-wrapper {
        width: 100% !important;
        height: auto !important; /* 覆盖内联 height:calc(750/1920*100vw) */
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 16px 0;
    }
    .page-patent .patent-gallery-grid {
        gap: 12px;
        margin-left: 0;
        padding: 0 12px;
        width: max-content;
    }
    .page-patent .card {
        width: 240px !important;
        height: 320px !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .page-patent .card.active {
        transform: scale(1.05) !important;
    }
    .page-patent .card-title {
        font-size: 12px;
        height: auto;
        min-height: 40px;
    }

    /* 上/下箭头：覆盖内联 vw 尺寸，保证触控高度 */
    .page-patent .patent-prev,
    .page-patent .patent-next {
        width: 28px !important;
        height: 44px !important;
        margin: 0 !important; /* 覆盖内联 margin-left/right:20px */
        flex-shrink: 0;
    }
}

/* ================================================
   index.htm 首页移动端专属改造（追加）
   仅 @media only screen and (max-width: 767px) 生效，PC 端完全不受影响
   核心：取消逐屏滚动恢复原生滚动；视频改横版 Banner；
        新闻/产品/专利模块移动端重构（横滑 Tab、单列列表、2 列网格、滑动画廊）
   对应 JS：js/responsive/index.js（index.htm 底部引入）
   ================================================ */
@media only screen and (max-width: 767px) {

    /* ---------- 一、全局交互重置：取消逐屏滚动，恢复浏览器原生纵向滚动 ---------- */
    body {
        overflow: auto !important;      /* 覆盖 PC 端 overflow:hidden，恢复页面滚动 */
        height: auto !important;
        min-height: 100vh;
    }
    #fullpage-main {
        height: auto !important;
        transform: none !important;     /* 中和 index.js 的 translateY 逐屏位移 */
        transition: none !important;
    }
    .section {
        height: auto !important;        /* 各屏按正常文档流依次竖向排列 */
        min-height: 0 !important;
        overflow: visible !important;   /* 内容超出不被裁切 */
        padding-top: 0 !important;
    }
    .page-home {
        /* 头部移动端为 sticky 常驻（占位在文档流内），无需额外内边距，视频 Banner 紧贴头部下方 */
        padding-top: 0 !important;
        min-height: 0 !important;
    }
    /* 固定头部移动端常驻显示（覆盖 index.js 首屏隐藏 .hidden 的逻辑） */
    header.common-header.hidden {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    /* 取消各屏内层容器的内滚动，跟随页面自然滚动 */
    .page-news .main-container,
    .page-about .main-container,
    .page-products .main-container,
    .page-products .content-wrapper,
    .page-patent,
    .page-patent .main-container {
        overflow: visible !important;
        overflow-y: visible !important;
        height: auto !important;
        min-height: 0 !important;
    }
    /* 进场动画全部落位：逐屏机制停用后，各模块保持完全可见 */
    .anim-up,
    .anim-left,
    .anim-right,
    .anim-fade {
        opacity: 1 !important;
        transform: none !important;
    }
    .news-item.loading {
        opacity: 1 !important;
        transform: none !important;
    }

    /* ---------- 二、首屏视频模块：全屏视频背景 → 顶部横版视频 Banner ---------- */
    .page-home .hero,
    .page-home .hero-bg {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .page-home .hero-video {
        position: relative;
        display: block;
        width: 100% !important;
        height: auto !important;        /* 按视频原始比例自适应，不变形拉伸 */
        object-fit: contain;
        z-index: 0;
    }
    /* 移除叠加在全屏视频上的悬浮元素（标题、产品装饰、底部导航、轮播） */
    .page-home .hero-content,
    .page-home .product-showcase,
    .page-home .bottom-nav,
    .page-home .hero-slides {
        display: none !important;
    }

    /* ---------- 三、新闻资讯：横滑 Tab + 单列流式「左图右文」列表 ---------- */
    /* 竖排 Tab → 顶部横向可滚动标签栏 */
    .page-news .news-tabs-container {
        position: static !important;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 8px;
        margin: 12px 0 8px;
        padding: 0 16px;
    }
    .page-news .news-tabs-container::-webkit-scrollbar {
        display: none;
    }
    .page-news .left-bottom {
        flex-shrink: 0;
        min-height: 44px;               /* 触控高度 ≥44px */
        border: 1px solid #EBDEC2 !important;
        display: flex;
        align-items: center;
        border-radius: 22px;
    }
    .page-news .tab-text {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 20px;
        letter-spacing: 2px;
        font-size: 15px;
    }
    /* 选中项：品牌色背景 + 白字高亮 */
    .page-news .left-bottom.active {
        background: #1bbab8 !important;
        border-color: #1bbab8 !important;
    }
    .page-news .left-bottom.active .tab-text {
        background: transparent !important;
        color: #fff !important;
    }
    /* 取消横滑轨道，恢复单列流式（两个 Tab 内容纵向依次排列，完整展示） */
    .page-news .news-content-wrapper {
        flex: none;
        width: 100%;
        height: auto !important;
        overflow: visible !important;
        margin-top: 0;
    }
    .page-news .news-content-track {
        display: block;
        width: 100% !important;
        transform: none !important;     /* 停用 index.js 的 -50% 平移 */
    }
    .page-news .news-content-panel {
        width: 100% !important;
        height: auto !important;
    }
    .page-news .content-container {
        flex-direction: column !important;
        gap: 14px !important;
        padding: 12px 16px 24px !important;
    }
    /* 头条新闻：左图右文（grid 仅用 CSS 布局，不改动 HTML 结构） */
    .page-news .featured-news {
        display: grid;
        grid-template-columns: 110px 1fr;
        column-gap: 12px;
        align-items: start;
    }
    .page-news .featured-news .featured-image {
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 110px !important;    /* 覆盖上文 .page-news .featured-image 的 width:100%!important */
        height: 82px !important;    /* 同上，覆盖 height:auto!important */
        object-fit: cover;
        margin: 4px 0 0;
    }
    .page-news .featured-news .news-date-large {
        width: 100% !important;
        margin: 0;
    }
    .page-news .featured-news .featured-title {
        font-size: 15px !important;
        margin: 4px 0 6px;
        line-height: 1.4;
    }
    .page-news .featured-news .featured-desc {
        width: 100% !important;
        font-size: 13px !important;
        line-height: 1.6;
        overflow: visible !important;
    }
    /* 新闻列表：左图右文，分割线分隔，文字完整显示不裁切 */
    .page-news .news-list-section {
        width: 100%;
        gap: 0 !important;
    }
    .page-news .news-item {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 14px 0;
        border-bottom: 1px solid rgba(224, 201, 156, 0.4);
    }
    .page-news .news-item:last-child {
        border-bottom: none;
    }
    .page-news .news-item-img {
        width: 110px !important;
        height: 82px !important;
        object-fit: cover;
        flex-shrink: 0;
    }
    .page-news .news-item-content {
        width: auto !important;
        flex: 1;
        transform: none !important;
        justify-content: flex-start;
        gap: 4px;
    }
    .page-news .news-item-date {
        display: flex;
        align-items: center;
    }
    .page-news .news-item-title {
        max-width: 100% !important;
        white-space: normal !important;      /* 标题完整显示，不省略裁切 */
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: 15px !important;
        line-height: 1.4;
        transform: none !important;
    }
    .page-news .news-item-desc {
        display: block !important;           /* 摘要完整显示，不省略裁切 */
        -webkit-line-clamp: none !important;
        line-clamp: none !important;
        -webkit-box-orient: initial !important;
        overflow: visible !important;
        max-width: 100% !important;
        font-size: 13px !important;
        line-height: 1.6;
        margin-top: 2px;
    }

    /* ---------- 四、产品中心：横滑分类 Tab + 2 列等宽卡片网格 ---------- */
    /* 系列分类 Tab → 顶部横向可滚动标签栏 */
    .page-products .products-tabs-container {
        position: static !important;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 8px;
        margin: 12px 0 8px;
        padding: 0 16px;
    }
    .page-products .products-tabs-container::-webkit-scrollbar {
        display: none;
    }
    .page-products .left-bottom {
        flex-shrink: 0;
        min-height: 44px;               /* 触控高度 ≥44px */
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #EBDEC2 !important;
        border-radius: 22px;
    }
    .page-products .qyjs-box,
    .page-products .left-bottom-text > div:first-child {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        height: auto !important;
        padding: 10px 18px;
        letter-spacing: 2px;
        font-size: 15px;
    }
    /* 选中分类：品牌色背景 + 白字高亮 */
    .page-products .qyjs-box {
        background: #1bbab8 !important;
        color: #fff !important;
        border-radius: 22px;
    }
    .page-products .left-bottom-text > div:last-child,
    .page-products .image-box {
        display: none !important;
    }

    /* 产品区：取消横滑轨道，各分类面板纵向依次排列，统一 2 列网格 */
    .page-products .products-area {
        flex: none;
        width: 100%;
        padding: 16px !important;
    }
    .page-products .slider-viewport {
        width: 100%;
        overflow: visible !important;
    }
    .page-products .slider-track {
        display: block;
        width: 100% !important;
        transform: none !important;     /* 停用 index.js 的百分比平移 */
    }
    .page-products .slide-panel {
        width: 100% !important;
        padding: 0 0 20px;
    }
    .page-products .new-product-grid {
        grid-template-columns: repeat(2, 1fr) !important;   /* 2 列等宽，排列整齐 */
        gap: 12px !important;
    }
    .page-products .product-card-old {
        width: 100%;
        height: auto !important;
        border-radius: 10px;
        padding: 10px 8px 12px;
    }
    .page-products .product-title-old {
        width: 100%;
        height: auto;
        min-height: 34px;
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 8px;
        padding: 6px 4px;
        white-space: nowrap;             /* 名称单行显示，保持网格规整 */
        overflow: hidden;
        text-overflow: ellipsis;         /* 超长兜底省略，不破坏网格 */
    }
    .page-products .product-img-old {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }
    .page-products .more-link {
        min-height: 44px;
        line-height: 44px;
        margin-top: 0;
    }

    /* ---------- 五、专利展示：原生横向滑动 + 一屏一张 + 圆点指示器 ---------- */
    .page-patent .content-gallery {
        width: 100%;
        margin-left: 0 !important;
        flex-wrap: wrap;             /* 圆点指示器独占一行，位于画廊与箭头下方 */
        gap: 4px;
        padding: 8px 16px 20px;
        align-items: center;
    }
    .page-patent .patent-gallery-wrapper {
        flex: 1;
        min-width: 0;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;   /* 横向滚动容器下移到 .patent-gallery-grid，保证卡片 100% 宽度对齐 */
        padding: 8px 0;
    }
    /* 滚动容器：grid 自身横向滚动，卡片 flex-basis 相对其确定宽度解析为 100%，实现一屏一张 */
    .page-patent .patent-gallery-grid {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;  /* 松手自动吸附当前卡片 */
        gap: 0;
        margin-left: 0 !important;
        padding: 0;                     /* 覆盖上文 .patent-gallery-grid 的 padding:0 12px，保证一屏一张对齐 */
        transition: none !important;
        transform: none !important;     /* 停用 index.js 点击轮播位移 */
    }
    .page-patent .patent-gallery-grid::-webkit-scrollbar {
        display: none;
    }
    .page-patent .card {
        flex: 0 0 100%;                  /* 一屏完整展示 1 张证书卡片 */
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        padding: 12px 14px;
        scroll-snap-align: center;
        transform: none !important;
        opacity: 1 !important;
    }
    .page-patent .card.active {
        transform: none !important;      /* 覆盖上文 .card.active scale(1.05)，保证一屏一张不变形 */
    }
    .page-patent .card img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }
    .page-patent .card-title {
        font-size: 14px;
        height: auto;
        min-height: 44px;
        line-height: 1.5;
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* 圆点分页指示器（由 js/responsive/index.js 动态生成，独占一行置于画廊下方） */
    .page-patent .patent-dots {
        flex: 0 0 100%;              /* 换行占满整行，避免与左右箭头同排 */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin: 4px 0 0;
        padding: 8px 16px;
    }
    .page-patent .patent-dots span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(27, 186, 184, 0.3);
        transition: background 0.3s ease, transform 0.3s ease;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }
    .page-patent .patent-dots span.active {
        background: #1bbab8;             /* 当前项品牌色高亮 */
        transform: scale(1.35);
    }
    /* 左右箭头：保留但弱化显示，点击逻辑停用（避免与手势滑动冲突） */
    .page-patent .patent-prev,
    .page-patent .patent-next {
        pointer-events: none;
        opacity: 0.3;
        width: 24px !important;
        height: 40px !important;
        margin: 0 !important;
        flex-shrink: 0;
    }

    /* ---------- 六、通用细节：背景图 cover 适配 + 白色半透蒙层 ---------- */
    .page-news .main-container,
    .page-about .main-container,
    .page-products .content-wrapper,
    .page-patent .main-container {
        position: relative !important;
        background-size: cover !important;      /* 禁止背景图拉伸变形 */
        background-position: center !important;
    }
    /* 白色半透蒙层：保证叠加在背景图上的文字清晰可读 */
    .page-news .main-container::before,
    .page-about .main-container::before,
    .page-products .content-wrapper::before,
    .page-patent .main-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.88);
        pointer-events: none;
        z-index: 0;
    }
    /* 内容层置于蒙层之上 */
    .page-news .main-container > *,
    .page-about .main-container > *,
    .page-products .content-wrapper > *,
    .page-patent .main-container > * {
        position: relative;
        z-index: 1;
    }
    /* 蒙层之上浅色文字统一加深色，保证在白色半透蒙层上清晰可读
       （覆盖 PC 端浅金色标题 #E8D8B9 / #EED3AF 及集团背书内联浅色字） */
    .page-news .section-title,
    .page-patent .section-title .en,
    .page-about .hero-title,
    .page-about .hero-title span,
    .page-about .description-box,
    .page-about .description-box > div {
        color: #4a3a22 !important;
    }
    /* 顶部 sticky 头部高度预留：Tab 滚动定位时内容不被头部遮挡 */
    .page-news .news-content-panel,
    .page-products .slide-panel {
        scroll-margin-top: 64px;
    }
}

/* ================================================
   index.htm 首页移动端细节优化（追加层，置于文件末尾保证覆盖优先级）
   - 一、首屏视频：静音自动循环横版 Banner，移除全部播放器控件
   - 二、新闻/企业/产品 Tab 统一改为「内容显隐切换」，点击不滚动、不跳锚点
   - 三、「更多」按钮与模块标题同一行、右对齐、底部对齐
   ================================================ */
@media only screen and (max-width: 767px) {

    /* ---------- 一、首屏视频：干净整洁的自动循环 Banner ---------- */
    .page-home .hero-video {
        display: block;
        width: 100% !important;          /* 撑满内容区宽度 */
        height: auto !important;         /* 按视频原始比例自适应，放大首屏视觉占比 */
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain;
        border: none !important;
        outline: none !important;
        background: transparent;
        z-index: 0;
    }
    /* 隐藏原生播放器全部 UI（进度条/播放暂停/音量/全屏/三点菜单等），无样式残留 */
    .page-home .hero-video::-webkit-media-controls,
    .page-home .hero-video::-webkit-media-controls-enclosure,
    .page-home .hero-video::-webkit-media-controls-panel,
    .page-home .hero-video::-webkit-media-controls-overlay-play-button,
    .page-home .hero-video::-webkit-media-controls-start-playback-button,
    .page-home .hero-video::-webkit-media-controls-play-button,
    .page-home .hero-video::-webkit-media-controls-mute-button,
    .page-home .hero-video::-webkit-media-controls-volume-control-container,
    .page-home .hero-video::-webkit-media-controls-volume-slider,
    .page-home .hero-video::-webkit-media-controls-current-time-display,
    .page-home .hero-video::-webkit-media-controls-time-remaining-display,
    .page-home .hero-video::-webkit-media-controls-toggle-closed-captions-button,
    .page-home .hero-video::-webkit-media-controls-fullscreen-button {
        display: none !important;
    }

    /* ---------- 二、新闻资讯：Tab 显隐切换（默认仅显示激活面板，其余隐藏） ---------- */
    .page-news .news-content-panel {
        display: none !important;
    }
    .page-news .news-content-panel.active {
        display: block !important;
    }
    /* 面板内部不再保留「更多」按钮（已由 JS 移入模块标题行，此处兜底隐藏） */
    .page-news .news-content-panel .more-link {
        display: none !important;
    }

    /* ---------- 三、产品中心：Tab 显隐切换（默认仅显示激活面板，其余隐藏） ---------- */
    .page-products .slide-panel {
        display: none !important;
        width: 100% !important;
        padding: 0 0 20px;
    }
    .page-products .slide-panel.active {
        display: block !important;
    }

    /* ---------- 四、企业介绍：内容容器统一最小高度，切换无跳动 ----------
       具体 min-height 由 js/responsive/index.js 实测「公司介绍/集团背书」两组内容后写入 */
    .page-about .right-content {
        box-sizing: border-box;
    }

    /* ---------- 五、「更多」按钮：与模块标题同一行、右对齐、底部对齐 ---------- */
    .page-news .section-title,
    .page-products .section-title2 {
        position: relative !important;
        width: 100% !important;
        box-sizing: border-box;
        padding-right: 72px !important;  /* 为右侧「更多」按钮预留空间，防文字重叠 */
    }
    .page-news .section-title .more-link,
    .page-products .section-title2 .more-link {
        position: absolute !important;
        right: 16px;
        bottom: 4px;                    /* 与标题底部对齐 */
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0;
        height: auto;
        line-height: 1.2;
        font-size: 14px !important;     /* 小号字体 */
        color: #00A9A5 !important;      /* 品牌青绿色 */
        text-align: right;
        white-space: nowrap;
    }
}