/* ============================================================
   全局响应式 - 按模块分类
   断点: 768px, 992px, 1200px
   最小宽度: 768px (手机平板自适应)
   ============================================================ */

/* ============================================================
   1. 导航条 (navbar-module)
   ============================================================ */
@media (max-width: 1100px) {
    .navbar-module .nav-list {
        display: none !important;
    }
    .navbar-module .mobile-controls {
        display: flex !important;
    }
    .navbar-module .desktop-lang {
        display: none !important;
    }
    .navbar-module {
        height: 68px;
        padding: 0 16px;
    }
    .navbar-module.scrolled {
        height: 60px;
    }
    .navbar-module .brand {
        font-size: 18px;
    }
    .navbar-module .brand svg {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 1099px) {
    .navbar-module .mobile-controls {
        display: none !important;
    }
    .navbar-module .offcanvas-menu {
        display: none !important;
    }
    .navbar-module .desktop-lang {
        display: inline-block !important;
    }
}

/* ============================================================
   2. Hero Banner (hero-module)
   ============================================================ */
@media (max-width: 991px) {
    .hero-module {
        min-height: 500px;
        margin-bottom: 100px;
    }
    .hero-module.h660 {
        min-height: 400px;
    }
    .hero-module .hero-content {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .hero-module .hero-content h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .hero-module .hero-content h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .hero-module .hero-content h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .hero-module .hero-content p {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-module .hero-content h1 {
        font-size: 48px;
    }
    .hero-module .hero-content h2 {
        font-size: 32px;
    }
}

/* ============================================================
   3. 产品轮播 (product-carousel-module)
   ============================================================ */
@media (max-width: 768px) {
    .product-carousel-module .swiper-button-prev,
    .product-carousel-module .swiper-button-next {
        display: none;
    }
}

/* ============================================================
   4. 核心优势 (advantage-module)
   ============================================================ */
@media (max-width: 991px) {
    .advantage-module .feature-line {
        display: none;
    }
    .advantage-module .feature-item {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .advantage-module {
        padding: 100px 0;
    }
    .advantage-module .section-title {
        font-size: 28px;
    }
    .advantage-module .section-subtitle {
        font-size: 14px;
        margin-bottom: 30px;
    }
}

/* ============================================================
   5. 公司实力 (strength-module)
   ============================================================ */
@media (max-width: 991px) {
    .strength-module {
        padding: 0 0 50px;
    }
    .strength-module .stat-item {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .strength-module .stat-value {
        font-size: 42px;
    }
    .strength-module .stat-tag {
        font-size: 26px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .strength-module .stat-value {
        font-size: 52px;
    }
    .strength-module .stat-tag {
        font-size: 32px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .strength-module .stat-value {
        font-size: 58px;
    }
    .strength-module .stat-tag {
        font-size: 36px;
    }
}

/* ============================================================
   6. 公司简介 (about-module)
   ============================================================ */
@media (max-width: 991px) {
    .about-module .main-title {
        font-size: 38px;
    }
    .about-module .sub-title {
        font-size: 22px;
        margin-bottom: 50px;
    }
    .about-module .description-text {
        margin-bottom: 50px;
    }
    .about-module .visual-col {
        display: none;
    }
}

@media (max-width: 768px) {
    .about-module {
        padding: 100px 0;
        background-position: 300px -100px;
    }
    .about-module .main-title {
        font-size: 28px;
    }
    .about-module .sub-title {
        font-size: 19px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-module .main-title {
        font-size: 45px;
    }
}

/* ============================================================
   7. 新闻资讯 (news-module)
   ============================================================ */
@media (max-width: 991px) {
}

@media (max-width: 768px) {
    .news-module {
        padding: 100px 0;
    }
	.article .news-module{
		padding-bottom: 100px;
	}
    .news-module .news-title {
        font-size: 18px;
        min-height: auto;
        margin: 15px 0;
    }
    .news-module .card-img-wrapper {
        height: 180px;
    }
	.news-module .news-desc{
    	margin-bottom: 40px;
	}
}

/* ============================================================
   8. 培训模块 (training-module)
   ============================================================ */
@media (max-width: 991px) {
    .training-module .content-list {
        padding-left: 0;
        margin-top: 32px;
        gap: 32px;
    }
    .training-module .training-img-wrapper {
        min-height: auto;
        max-height: 400px;
    }
}
@media (max-width: 991px) {
	.training-module{
		padding-bottom: 100px;
	}
}

/* ============================================================
   9. 定制方案 (custom-module)
   ============================================================ */
@media (max-width: 768px) {
    .custom-module {
        padding: 0 0 100px;
    }
	.custom-module .service-item{
		margin-bottom: 30px;
	}
}

/* ============================================================
   10. 联系我们 (contact-module)
   ============================================================ */
@media (max-width: 991px) {
    .contact-module .qr-section {
        margin: 80px 0;
    }
}

@media (max-width: 768px) {
	.contact-module{
		padding-bottom: 100px;
	}
    .contact-module .contact-card,
    .contact-module .form-section {
        padding: 20px;
    }
    .contact-module .company-name,
    .contact-module .company-name-sub,
    .contact-module .form-section .form-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .contact-module .qr-item {
        flex-direction: column;
        gap: 15px;
    }
    .contact-module .qr-frame {
        width: 120px;
        height: 120px;
    }
    .contact-module .qr-text {
        font-size: 16px;
        text-align: center;
    }
    .contact-module .qr-section .qr-line {
        display: none;
    }
}

/* ============================================================
   11. 页脚 (footer-module)
   ============================================================ */
@media (max-width: 991px) {
    .footer-module {
        padding: 80px 0 0;
    }
    .footer-module .copyright {
        margin-top: 80px;
    }
    .footer-module .footer-heading {
        margin-bottom: 30px;
    }
    .footer-module .qr-container {
        justify-content: center;
    }
    .footer-module .brand-desc {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .footer-module {
        padding: 60px 0 0;
    }
    .footer-module .col-md-6 {
        margin-bottom: 30px;
    }
    .footer-module .copyright {
        margin-top: 60px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }
    .footer-module .footer-heading {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .footer-module .brand-desc {
        font-size: 15px;
    }
}

/* ============================================================
   12. 产品展示 (product-display-module)
   ============================================================ */
@media (max-width: 991px) {
    .product-display-module .sidebar {
        min-height: auto;
        margin-bottom: 32px;
    }
    .product-display-module .main-content {
        min-height: auto;
    }
}

@media (max-width: 768px) {
	.product-display-module{
		padding-bottom: 100px;
	}
    .product-display-module .sidebar-header {
        font-size: 26px;
        padding: 15px 20px;
    }
    .product-display-module .main-content {
        padding: 20px 15px;
    }
    .product-display-module .category-toggle {
        font-size: 16px;
        padding: 0 15px 0 20px;
        margin-bottom: 20px;
    }
    .product-display-module .sub-category-item {
        padding: 6px 15px 6px 30px;
        font-size: 14px;
    }
}

/* ============================================================
   13. 设备展示 (equipment-module)
   ============================================================ */
@media (max-width: 768px) {
	.equipment-module{
		padding-bottom: 100px;
	}
    .equipment-module .gallery-row {
        height: auto;
        gap: 10px;
    }
    .equipment-module .left-col,
    .equipment-module .center-col,
    .equipment-module .right-col {
        gap: 10px;
    }
    .equipment-module .left-col .img-item,
    .equipment-module .center-col .img-top,
    .equipment-module .center-col .img-bottom,
    .equipment-module .right-col .img-top,
    .equipment-module .right-col .img-bottom {
        flex: none;
    }
}

/* ============================================================
   14. 安装调试 (install-module)
   ============================================================ */
@media (max-width: 768px) {
	.install-module{
		padding-bottom: 100px;
	}
    .install-module .service-item {
        flex-direction: column;
        text-align: center;
        margin-bottom: 30px;
    }
    .install-module .icon-box {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .install-module .feature-image {
        min-height: 250px;
        margin-top: 20px;
    }
}

/* ============================================================
   15. 售后支持 (support-module)
   ============================================================ */
@media (max-width: 768px) {
    .support-module {
        padding: 100px 0;
    }
    .support-module .card-title {
        font-size: 22px;
    }
}

/* ============================================================
   16. 供应链 (supply-module)
   ============================================================ */
@media (max-width: 991px) {
    .supply-module {
        padding: 100px 0;
    }
}

@media (max-width: 768px) {
    .supply-module .service-text {
        font-size: 16px;
    }
}

/* ============================================================
   17. 理念模块 (philosophy-module)
   ============================================================ */
@media (max-width: 991px) {
    .philosophy-module {
        padding: 100px 0;
    }
}

@media (max-width: 768px) {
    .philosophy-module .value-card {
        flex-direction: column;
        text-align: center;
    }
    .philosophy-module .hexagon-wrapper {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .philosophy-module .card-text h3 {
        font-size: 22px;
    }
}

/* ============================================================
   18. 全球布局 (global-module)
   ============================================================ */
@media (max-width: 991px) {
    .global-module {
        padding: 100px 0;
    }
}

@media (max-width: 768px) {
    .global-module .section-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .global-module .feature-item {
        font-size: 16px;
    }
    .global-module .dot-map-bg { 
        position: relative;
        height: 200px;
    }
    .global-module .map-container {
        height: 360px;
    }
    .global-module .detail-list {
        right: 4%;
        top: 45%;
    }
    .global-module .detail-item {
        margin-bottom: 14px;
    }
    .global-module .node-label {
        font-size: 10px;
        padding: 2px 8px;
    }
    .global-module .pin-icon {
        width: 18px;
        height: 18px;
    }
    .global-module .pin-icon::after {
        width: 6px;
        height: 6px;
    }
    .global-module .pin-icon.large {
        width: 28px;
        height: 28px;
    }
    .global-module .pin-icon.large::after {
        width: 10px;
        height: 10px;
    }
}

/* ============================================================
   19. 通用组件
   ============================================================ */

/* ----- 标题通用 ----- */
@media (max-width: 991px) {
    .section-header {
        margin-bottom: 50px;
    }
    .section-title {
        font-size: 32px;
    }
    .section-desc {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .section-title {
        font-size: 32px;
    }
    .section-desc {
        font-size: 14px;
    }
    .section-header {
        margin-bottom: 30px;
    }
}

/* ----- 内页文章 ----- */
@media (max-width: 768px) {
    .article-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .article-meta {
        margin-bottom: 30px;
    }
    .article-content {
        margin-bottom: 30px;
    }
    .article-content img {
        margin-bottom: 30px;
    }
    .pagination-nav {
        margin-bottom: 60px;
        font-size: 14px;
    }
    .pagination-nav .pagination-item a {
        font-size: 14px;
    }
    .about .post {
        padding-bottom: 100px;
    }
    .about .post h1 {
        font-size: 28px;
    }
}

/* ----- 轮播分页器 ----- */
@media (max-width: 768px) {
    .product-carousel-module .carousel-indicators button,
    .product-carousel-module .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .product-carousel-module .carousel-container {
        padding-bottom: 50px;
    }
}

/* ============================================================
   20. 中等屏幕优化 (992px - 1199px)
   ============================================================ */
@media (min-width: 992px) and (max-width: 1199px) {
    .advantage-module-n .advantage-card::after {
        font-size: 180px;
    }
}
@media (max-width: 768px) {
	.advantage-module-n{
		padding: 100px 0;
	}
}

/* ============================================================
   21. 产品网格 (product-grid-module)
   ============================================================ */
@media (max-width: 1199px) {
    .product-grid-module .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .product-grid-module .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-grid-module .section-title {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .product-grid-module {
        padding: 40px 0;
    }
    .product-grid-module .product-grid {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .product-grid-module .section-title {
        font-size: 26px;
    }
    .product-grid-module .product-card .card-img-top {
        height: 120px;
        padding: 13px;
    }
    .product-grid-module .product-card .card-title {
        font-size: 14px;
    }
    .product-grid-module .filter-tab {
        padding: 5px 16px;
        font-size: 13px;
    }
}



/* ============================================================
   9. 模块6: 生活用纸棉柔巾刀具 (tissue-module)
   ============================================================ */

@media (max-width: 768px) {
	.tissue-module {
		padding: 0 0 100px;
	}
}