/* ============================================================
   mobile.css - 仅手机端生效（≤767px）
   通过 <link media="max-width: 767px"> 物理隔离，绝不污染桌面端
   ============================================================ */

/* 盒模型重置 */
* {
    box-sizing: border-box !important;
}

/* 防止横向滚动 */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

/* 容器收窄 */
.container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* ---------- 顶部通知栏 ---------- */
.top-bar .container {
    font-size: 12px !important;
    padding: 6px 12px !important;
    line-height: 1.5 !important;
    gap: 6px !important;
}

/* ---------- 导航：汉堡菜单 ---------- */
.nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    flex-direction: column;
    padding: 8px 0;
    z-index: 1000;
}
.nav.active { display: flex; }
.nav ul { flex-direction: column; width: 100%; }
.nav ul li { width: 100%; }
.nav ul li a {
    padding: 14px 20px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    color: #333 !important;
    display: block;
}
.mobile-menu-toggle { display: block !important; }
.header-cta { display: none; }

/* ---------- 首屏 Hero ---------- */
.hero {
    background-image: none !important;
    background-color: #1e63e6 !important;
    padding: 90px 0 36px !important;
    text-align: center !important;
    min-height: auto !important;
}
.hero .container {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: center !important;
}
.hero-title {
    font-size: 26px !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
}
.hero-subtitle {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
}
.hero-actions {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}
.hero-actions .btn {
    width: 100% !important;
    max-width: 280px !important;
}
.hero-stats {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
}

/* 首屏右侧视觉卡 + 浮动徽章：手机端直接隐藏，避免绝对定位重叠 */
.hero-visual {
    display: none !important;
}

/* ---------- 区块通用 ---------- */
.section-header {
    text-align: center !important;
    margin-bottom: 24px !important;
}
.section-header h2 {
    font-size: 24px !important;
    line-height: 1.3 !important;
}
.section-header .section-tag {
    font-size: 14px !important;
}
.section-header p {
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* 区块上下间距收敛 */
.features-section,
.products-section,
.scenarios-section,
.industries-section,
.cta-section {
    padding: 32px 0 !important;
}

/* ---------- 栅格全部单列 ---------- */
.features-grid,
.product-categories,
.scenarios-grid,
.industries-grid,
.footer-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

/* 卡片内边距 */
.feature-card,
.product-category,
.scenario-card {
    padding: 20px 16px !important;
}
.feature-card h3,
.product-category h3,
.scenario-card h3 {
    font-size: 18px !important;
}
.feature-card p,
.product-category p,
.scenario-card p {
    font-size: 14px !important;
}

/* 行业覆盖：手机端两列小标签 */
.industries-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}
.industry-item {
    font-size: 13px !important;
    padding: 12px 8px !important;
    justify-content: center;
}

/* ---------- CTA ---------- */
.cta-content h2 {
    font-size: 22px !important;
    line-height: 1.4 !important;
}
.cta-content p {
    font-size: 14px !important;
}
.cta-content .btn {
    width: 100% !important;
    max-width: 280px;
}

/* ---------- 页脚 ---------- */
.footer-grid {
    gap: 24px !important;
}
.footer-col h4 { font-size: 16px !important; }
.footer-col p,
.footer-col li { font-size: 14px !important; }
.footer-bottom p {
    font-size: 12px !important;
    text-align: center;
}

/* ---------- 悬浮按钮：手机底栏 ---------- */
body { padding-bottom: 60px; }
.float-cta-pc { display: none !important; }
.float-cta-mobile {
    display: flex !important;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0,0,0,.1);
    z-index: 9999;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
}
.float-m-btn {
    flex: 1;
    justify-content: center;
    flex-direction: column;
    font-size: 10px;
    gap: 2px;
    padding: 6px 2px;
}
.float-m-btn i { font-size: 18px; }

/* ---------- 微信弹窗 ---------- */
#wechatModalBox {
    min-width: auto !important;
    width: 90vw !important;
    padding: 24px 20px !important;
}
#wechatModalBox img {
    width: 160px !important;
    height: 160px !important;
}