/* ===== 佑桥官网移动端适配（紧凑化重写 2026-09-11）=====
   重点：消除桌面级 100~140px 大间距、把字号/卡片/按钮全部压缩到手机舒适区。 */

/* ============================================================
   全局防御
   ============================================================ */
* { box-sizing: border-box !important; }
html { overflow-x: hidden !important; -webkit-text-size-adjust: 100% !important; }
body { overflow-x: hidden !important; line-height: 1.55 !important; }
img, svg, video, iframe { max-width: 100% !important; height: auto !important; }
table { width: 100% !important; }
p { margin-bottom: 0.7em !important; }

/* ============================================================
   通用大间距压缩（手机竖屏 ≤768px 一次性收紧所有 *-100/120/140）
   ============================================================ */

/* ============================================================
   平板及以下 (≤992px)
   ============================================================ */
@media (max-width: 992px) {
    .container { padding: 0 14px !important; max-width: 100% !important; }

    /* 通用大间距压缩（中等幅度） */
    .pt-100, .pt-90, .pt-80, .pt-70 { padding-top: 50px !important; }
    .pb-100, .pb-90, .pb-80, .pb-70 { padding-bottom: 50px !important; }
    .pt-120, .pt-140, .py-120 { padding-top: 55px !important; }
    .pb-120, .pb-140 { padding-bottom: 55px !important; }
    .mt-100, .mt-90, .mt-80 { margin-top: 40px !important; }
    .mb-100, .mb-90, .mb-80 { margin-bottom: 40px !important; }

    /* 导航栏 */
    .navbar-collapse { max-width: 100% !important; overflow-y: auto !important; }
    .navbar-collapse .navbar-nav { padding: 16px 14px !important; }
    .navbar .nav-item .dropdown-menu {
        position: static !important; transform: none !important; box-shadow: none !important;
        border: none !important; background: transparent !important; padding-left: 14px !important;
    }
    .header-nav-right .header-btn,
    .header-nav-right .header-nav-search { display: none !important; }

    /* Hero 区 */
    .hero-wrapper { padding-top: 110px !important; padding-bottom: 80px !important; }
    .hero-title { font-size: 32px !important; line-height: 1.25 !important; }
    .hero-sub-title { font-size: 18px !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; }
    .hero-content .hero-btn { margin-top: 12px !important; }

    /* 通用区块标题 */
    .site-heading { margin-bottom: 22px !important; }
    .site-title-tagline { font-size: 13px !important; margin-bottom: 6px !important; }
    .site-title { font-size: 28px !important; line-height: 1.25 !important; }

    /* 服务详情双栏→单栏 */
    .sidebar-left, .col-xl-4, .col-lg-4 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
    .content-right, .col-xl-8, .col-lg-8 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

    /* CTA / 面包屑 */
    .cta-area { padding-top: 55px !important; padding-bottom: 55px !important; }
    .cta-area h2 { font-size: 26px !important; }
    .cta-area p { font-size: 14px !important; }
    .breadcrumb-area { padding: 60px 0 50px !important; }
    .breadcrumb-title { font-size: 28px !important; }

    /* 卡片通用 */
    .service-item, .feature-item, .pricing-item, .team-item, .case-item {
        padding: 22px !important; margin-bottom: 20px !important;
    }
    .service-item h3, .feature-item h3 { font-size: 18px !important; margin-bottom: 8px !important; }
    .service-item p, .feature-item p { font-size: 14px !important; line-height: 1.65 !important; }

    /* 计数器 */
    .counter-area { padding-top: 50px !important; padding-bottom: 50px !important; }
    .counter-box { padding: 12px 6px !important; }
    .counter-box .counter { font-size: 30px !important; }

    /* Footer */
    .footer-area { padding-top: 60px !important; padding-bottom: 20px !important; }
    .footer-area .footer-widget { margin-bottom: 26px !important; }
    .footer-widget h4 { font-size: 16px !important; margin-bottom: 14px !important; }
    .footer-widget ul li { margin-bottom: 6px !important; font-size: 14px !important; }
    .footer-bottom { padding: 14px 0 !important; margin-top: 14px !important; font-size: 13px !important; }

    /* 我们的工具（yq-tool-grid） */
    .yq-tool-grid { gap: 18px !important; }
    .yq-tool-card { padding: 20px 16px !important; }
    .yq-tool-icon { width: 48px !important; height: 48px !important; font-size: 18px !important; margin-bottom: 12px !important; }
    .yq-tool-name { font-size: 16px !important; margin-bottom: 6px !important; }
    .yq-tool-desc { font-size: 13px !important; line-height: 1.55 !important; }
    .yq-tool-filters { gap: 8px !important; margin: 22px 0 28px !important; }
    .yq-filter-btn { padding: 7px 16px !important; font-size: 13px !important; }
}

/* ============================================================
   手机竖屏 (≤768px)
   ============================================================ */
@media (max-width: 768px) {
    .container { padding: 0 12px !important; }

    /* 间距大幅压缩 */
    .pt-100, .pt-90, .pt-80, .pt-70 { padding-top: 34px !important; }
    .pb-100, .pb-90, .pb-80, .pb-70 { padding-bottom: 34px !important; }
    .pt-120, .pt-140, .py-120 { padding-top: 38px !important; }
    .pb-120, .pb-140 { padding-bottom: 38px !important; }
    .mt-100, .mt-90, .mt-80 { margin-top: 26px !important; }
    .mb-100, .mb-90, .mb-80 { margin-bottom: 26px !important; }

    /* Logo */
    .navbar-brand img { width: 150px !important; height: auto !important; }

    /* Hero */
    .hero-wrapper { padding-top: 80px !important; padding-bottom: 55px !important; }
    .hero-title { font-size: 26px !important; line-height: 1.2 !important; margin-bottom: 10px !important; }
    .hero-sub-title { font-size: 14px !important; margin-bottom: 8px !important; }
    .hero-content p { font-size: 13px !important; line-height: 1.55 !important; margin-bottom: 14px !important; }
    .hero-content .hero-btn { gap: 8px !important; }

    /* 区块标题 */
    .site-heading { margin-bottom: 16px !important; text-align: center !important; }
    .site-title-tagline { font-size: 12px !important; margin-bottom: 4px !important; }
    .site-title { font-size: 22px !important; line-height: 1.25 !important; }
    .site-title + p { font-size: 13px !important; line-height: 1.6 !important; margin-top: 6px !important; }

    /* Hero / 面包屑 */
    .breadcrumb-area { padding: 50px 0 40px !important; text-align: center !important; }
    .breadcrumb-title { font-size: 22px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
    .breadcrumb-menu li { font-size: 12px !important; }
    .breadcrumb-menu { margin-top: 6px !important; }

    /* CTA */
    .cta-area { padding-top: 38px !important; padding-bottom: 38px !important; }
    .cta-area h2 { font-size: 22px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
    .cta-area p { font-size: 13px !important; line-height: 1.55 !important; margin-bottom: 14px !important; }
    .cta-area .theme-btn { margin-top: 4px !important; }

    /* 卡片 */
    .service-item, .feature-item, .pricing-item, .team-item, .case-item {
        padding: 18px 16px !important; margin-bottom: 14px !important;
    }
    .service-item h3, .feature-item h3, .pricing-item h3, .team-item h3 {
        font-size: 17px !important; margin-bottom: 6px !important;
    }
    .service-item p, .feature-item p, .pricing-item p { font-size: 13px !important; line-height: 1.6 !important; margin-bottom: 8px !important; }
    .service-item .theme-btn { margin-top: 4px !important; }
    .service-icon, .feature-icon {
        width: 50px !important; height: 50px !important; line-height: 50px !important;
        font-size: 20px !important; margin-bottom: 14px !important;
    }

    /* 服务详情页 */
    .service-details h3 { font-size: 18px !important; margin: 14px 0 8px !important; }
    .service-details p { font-size: 14px !important; line-height: 1.7 !important; margin-bottom: 10px !important; }
    .service-details ul li { font-size: 13px !important; margin-bottom: 6px !important; }

    /* About / Choose / FAQ 行内元素 */
    .about-content h2, .choose-content h2, .faq-content h2 { font-size: 22px !important; margin-bottom: 10px !important; }
    .about-content p, .choose-content p, .faq-content p { font-size: 13px !important; line-height: 1.6 !important; }
    .about-list li, .choose-list li { font-size: 13px !important; padding: 6px 0 6px 22px !important; }
    .about-list li i { font-size: 14px !important; }

    /* 计数器 */
    .counter-area { padding-top: 32px !important; padding-bottom: 32px !important; }
    .counter-box { padding: 10px 4px !important; }
    .counter-box .counter { font-size: 24px !important; }
    .counter-box p { font-size: 12px !important; margin-top: 4px !important; }

    /* Testimonial */
    .testimonial-item { padding: 18px 14px !important; }
    .testimonial-item p { font-size: 13px !important; line-height: 1.6 !important; }

    /* Partner / Brand logo */
    .partner-area { padding-top: 28px !important; padding-bottom: 28px !important; }
    .partner-item { padding: 10px !important; }

    /* Team / Pricing 列表 */
    .team-thumb img, .pricing-thumb img { border-radius: 6px !important; }
    .team-content, .pricing-content { padding: 12px 4px !important; }
    .pricing-list li { font-size: 13px !important; padding: 6px 0 !important; }

    /* 按钮缩小 */
    .theme-btn, .btn, .btn-primary, .btn-success {
        padding: 8px 16px !important; font-size: 13px !important; line-height: 1.4 !important;
    }
    .theme-btn i, .btn i { font-size: 12px !important; }

    /* 表单 */
    .form-group { margin-bottom: 12px !important; }
    .form-control { padding: 10px 14px !important; font-size: 13px !important; height: auto !important; }
    textarea.form-control { min-height: 110px !important; }
    .contact-form .col-lg-6, .contact-form .col-md-6 {
        width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important;
    }
    .contact-info-item { padding: 14px !important; margin-bottom: 14px !important; }
    .contact-info-item .icon { width: 38px !important; height: 38px !important; line-height: 38px !important; font-size: 14px !important; margin-right: 10px !important; }
    .contact-info-item h5 { font-size: 14px !important; margin-bottom: 2px !important; }
    .contact-info-item p { font-size: 12px !important; }

    /* Footer */
    .footer-area { padding-top: 38px !important; padding-bottom: 14px !important; }
    .footer-area .footer-widget { margin-bottom: 20px !important; }
    .footer-widget h4 { font-size: 15px !important; margin-bottom: 10px !important; }
    .footer-widget ul li { margin-bottom: 4px !important; font-size: 13px !important; }
    .footer-widget p { font-size: 13px !important; line-height: 1.6 !important; }
    .footer-logo img { width: 130px !important; margin-bottom: 12px !important; }
    .footer-social a { width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 13px !important; }
    .footer-bottom { padding: 12px 0 !important; margin-top: 8px !important; font-size: 12px !important; }

    /* 我们的工具（yq-tool-grid） */
    .yq-toolkit { padding: 38px 0 !important; }
    .yq-toolkit-sub { font-size: 13px !important; line-height: 1.55 !important; margin-top: 12px !important; padding: 0 8px !important; }
    .yq-tool-filters { gap: 6px !important; margin: 18px 0 22px !important; justify-content: center !important; }
    .yq-filter-btn { padding: 6px 13px !important; font-size: 12px !important; }
    .yq-tool-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .yq-tool-card { padding: 16px 12px !important; border-radius: 10px !important; }
    .yq-tool-icon { width: 42px !important; height: 42px !important; font-size: 16px !important; margin-bottom: 10px !important; border-radius: 8px !important; }
    .yq-tool-name { font-size: 14px !important; margin-bottom: 4px !important; }
    .yq-tool-desc { font-size: 12px !important; line-height: 1.45 !important; }

    /* Owl/carousel 高度 */
    .owl-prev, .owl-next { width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 14px !important; }
    .owl-dots { margin-top: 12px !important; }
}

/* ============================================================
   小屏手机 (≤480px)
   ============================================================ */
@media (max-width: 480px) {
    .container { padding: 0 10px !important; }

    /* 间距进一步压缩 */
    .pt-100, .pt-90, .pt-80, .pt-70 { padding-top: 26px !important; }
    .pb-100, .pb-90, .pb-80, .pb-70 { padding-bottom: 26px !important; }
    .pt-120, .pt-140, .py-120 { padding-top: 30px !important; }
    .pb-120, .pb-140 { padding-bottom: 30px !important; }
    .mt-100, .mt-90, .mt-80 { margin-top: 20px !important; }
    .mb-100, .mb-90, .mb-80 { margin-bottom: 20px !important; }

    /* Logo 再小 */
    .navbar-brand img { width: 130px !important; }

    /* Hero */
    .hero-wrapper { padding-top: 60px !important; padding-bottom: 40px !important; }
    .hero-title { font-size: 22px !important; line-height: 1.2 !important; }
    .hero-sub-title { font-size: 13px !important; }

    /* 区块标题 */
    .site-title { font-size: 20px !important; line-height: 1.25 !important; }
    .breadcrumb-title { font-size: 18px !important; }
    .cta-area h2 { font-size: 18px !important; }
    .cta-area p { font-size: 12px !important; }

    /* 卡片进一步压缩 */
    .service-item, .feature-item { padding: 14px 12px !important; }
    .service-item h3, .feature-item h3 { font-size: 15px !important; }
    .service-item p, .feature-item p { font-size: 12px !important; }
    .service-icon, .feature-icon { width: 42px !important; height: 42px !important; line-height: 42px !important; font-size: 17px !important; margin-bottom: 10px !important; }

    /* 计数器 */
    .counter-box .counter { font-size: 20px !important; }
    .counter-box p { font-size: 11px !important; }

    /* 我们的工具：单列 */
    .yq-tool-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
    .yq-tool-card { padding: 14px 12px !important; }
    .yq-filter-btn { padding: 5px 10px !important; font-size: 11px !important; }

    /* 表单两栏变单栏（≤480） */
    .contact-form .col-lg-6, .contact-form .col-md-6 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
    .form-control { padding: 9px 12px !important; font-size: 12px !important; }

    /* 地图 */
    .google-map { height: 220px !important; }

    /* 按钮进一步压缩 */
    .theme-btn, .btn, .btn-primary, .btn-success { padding: 7px 12px !important; font-size: 12px !important; }

    /* Footer */
    .footer-area { padding-top: 28px !important; }
    .footer-widget h4 { font-size: 14px !important; }
    .footer-widget ul li, .footer-widget p { font-size: 12px !important; }
}