/* ===========================================================
   mobile-system.css — 2026 B2B企业黄页 手机端统一样式
   覆盖所有页面，强制统一深色背景+一致间距/字号/圆角
   最后加载（footer.php），用 !important 确保覆盖
   =========================================================== */

@media(max-width:480px){
  /* ==========================
     0. 全局重置
     ========================== */
  body {
    background: #0a0f1a !important;
    padding-bottom: calc(56px + env(safe-area-inset-bottom,0px)) !important;
    font-size: 13px !important;
  }
  .container { padding: 0 14px !important; max-width: 100% !important; }
  ::-webkit-scrollbar { display: none; }
  * { -webkit-tap-highlight-color: transparent; }
  img { max-width: 100%; height: auto; }

  /* ==========================
     1. 顶部导航
     ========================== */
  .site-header {
    background: rgba(10,15,26,0.98) !important;
    border-color: rgba(255,255,255,0.04) !important;
    height: 48px !important;
  }
  .site-header .container { height: 48px !important; padding: 0 14px !important; }
  .site-logo { font-size: 15px !important; }
  .main-nav { display: none !important; }
  .header-actions { gap: 2px !important; }
  .search-btn, .theme-toggle { width: 34px !important; height: 34px !important; font-size: 15px !important; }
  .nav-btn-login { padding: 5px 14px !important; font-size: 12px !important; border-radius: 8px !important; }
  .nav-btn-ghost { padding: 5px 12px !important; font-size: 11px !important; }

  /* ==========================
     2. 底部Tab导航
     ========================== */
  .bottom-nav {
    display: block !important;
    background: rgba(10,15,26,0.97) !important;
    border-color: rgba(255,255,255,0.04) !important;
    padding: 3px 0 calc(3px + env(safe-area-inset-bottom,0px)) !important;
  }
  .bottom-nav { display: block !important; }
  .bottom-nav-item.active { color: #60a5fa !important; }
  .bottom-nav-item .bnav-icon { font-size: 19px !important; line-height: 1.2 !important; }
  .bottom-nav-item .bnav-label { font-size: 9px !important; line-height: 1 !important; }

  /* ==========================
     3. 首页 - 手机端专属
     ========================== */
  /* 外容器 */
  .m-outer { background: #0a0f1a !important; padding-bottom: 0 !important; }

  /* 头部Logo区域 */
  .m-head { background: transparent !important; padding: 10px 14px 4px !important; }
  .m-logo { font-size: 18px !important; font-weight: 800 !important; color: #f1f5f9 !important; }
  .m-head-icons { gap: 4px !important; }

  /* 搜索条 */
  .m-search {
    margin: 0 14px 8px !important;
    padding: 10px 14px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
  }
  .m-search .s-text { font-size: 13px !important; color: #64748b !important; }
  .m-search .s-tag { display: none !important; }
  .m-search .s-icon { font-size: 15px !important; }

  /* 导航8图标 */
  .nav-8 { display: flex !important; padding: 4px 10px 8px !important; gap: 0 !important; }
  .nav-8 .n-icon { width: 34px !important; height: 34px !important; border-radius: 10px !important; font-size: 16px !important; }
  .nav-8 .n-label { font-size: 9px !important; color: #94a3b8 !important; }

  /* 首页Hero */
  .home-hero { padding: 14px 14px 0 !important; }
  .home-hero h1 { font-size: 20px !important; }

  /* 首页模块 */
  .m-module { background: transparent !important; padding: 6px 14px !important; }
  .m-mod-title { margin: 8px 0 6px !important; }
  .m-mod-title h3 { font-size: 14px !important; font-weight: 700 !important; color: #e2e8f0 !important; }
  .m-mod-title a { font-size: 11px !important; color: #60a5fa !important; }

  /* 行业分类网格（3列） */
  .ind-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .ind-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px 4px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.035) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    text-decoration: none !important;
    gap: 2px !important;
  }
  .ind-cell:active { transform: scale(0.96) !important; background: rgba(59,130,246,0.12) !important; }
  .ind-cell .i-icon { font-size: 22px !important; }
  .ind-cell .i-name { font-size: 10px !important; font-weight: 600 !important; color: #e2e8f0 !important; text-align: center !important; }
  .ind-cell .i-count { font-size: 8px !important; color: #64748b !important; }

  /* 企业网格（2列） */
  .ent-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .ent-card-2 {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.035) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;
    text-decoration: none !important;
    color: inherit !important;
  }
  .ent-card-2:active { transform: scale(0.96) !important; background: rgba(59,130,246,0.12) !important; }
  .ec2-avatar {
    width: 26px !important; height: 26px !important;
    border-radius: 7px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 10px !important; font-weight: 700 !important; flex-shrink: 0 !important;
    background: linear-gradient(135deg,#1e3a5f,#2563eb) !important;
    color: #fff !important;
    margin-bottom: 5px !important;
  }
  .ec2-avatar.ec2-has-logo {
    background-size: contain !important; background-repeat: no-repeat !important;
    background-position: center !important; background-color: transparent !important;
    font-size: 0 !important; border: 1px solid rgba(255,255,255,0.08) !important;
  }
  .ec2-name { font-size: 11px !important; font-weight: 700 !important; color: #e2e8f0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; margin-bottom: 2px !important; }
  .ec2-tags { display: flex !important; gap: 3px !important; flex-wrap: wrap !important; margin-bottom: 2px !important; }
  .ec2-tag { font-size: 8px !important; padding: 1px 5px !important; border-radius: 100px !important; background: rgba(59,130,246,0.12) !important; color: #93c5fd !important; font-weight: 500 !important; }
  .ec2-meta { font-size: 8px !important; color: #475569 !important; }

  /* 新闻条目 */
  .news-entry {
    display: block !important;
    padding: 10px 14px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    color: inherit !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  }
  .news-entry:last-child { border-bottom: none !important; }
  .news-entry:active { background: rgba(59,130,246,0.06) !important; }
  .ne-title { font-size: 12px !important; font-weight: 600 !important; color: #e2e8f0 !important; line-height: 1.4 !important; margin-bottom: 3px !important; }
  .ne-badge { font-size: 8px !important; padding: 1px 5px !important; border-radius: 100px !important; background: rgba(59,130,246,0.12) !important; color: #93c5fd !important; font-weight: 600 !important; margin-left: 4px !important; vertical-align: middle !important; }
  .ne-excerpt { font-size: 11px !important; color: #64748b !important; line-height: 1.4 !important; margin-bottom: 4px !important; }
  .ne-meta { font-size: 10px !important; color: #475569 !important; display: flex !important; gap: 8px !important; }

  /* CTA区块 */
  .m-cta {
    margin: 6px 14px 10px !important;
    padding: 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,rgba(37,99,235,0.12),rgba(99,102,241,0.08)) !important;
    border: 1px solid rgba(37,99,235,0.15) !important;
    text-align: center !important;
  }
  .m-cta h3 { font-size: 15px !important; font-weight: 700 !important; color: #e2e8f0 !important; margin-bottom: 4px !important; }
  .m-cta p { font-size: 11px !important; color: #64748b !important; margin-bottom: 10px !important; }
  .m-cta a {
    display: inline-block !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg,#2563eb,#1d4ed8) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }
  .m-cta a:active { transform: scale(0.96) !important; }

  /* ==========================
     4. 企业名录页
     ========================== */
  .dir-hero { padding: 10px 14px 0 !important; }
  .dir-hero-inner { flex-direction: column !important; gap: 8px !important; }
  .dir-hero-logo { width: 40px !important; height: 40px !important; font-size: 18px !important; }
  .dir-hero h1 { font-size: 18px !important; }
  .dir-search-wrap { flex-direction: column !important; gap: 6px !important; }
  .dir-search-input { font-size: 12px !important; padding: 8px 12px !important; border-radius: 8px !important; }
  .dir-search-btn { font-size: 12px !important; padding: 8px 14px !important; border-radius: 8px !important; }

  .dir-stats-bar {
    display: flex !important;
    gap: 6px !important;
    padding: 10px 14px !important;
    background: transparent !important;
    border: none !important;
  }
  .dir-stat-item {
    flex: 1 !important;
    padding: 8px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.035) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    text-align: center !important;
  }
  .dir-stat-num { font-size: 16px !important; font-weight: 800 !important; color: #f1f5f9 !important; }
  .dir-stat-lbl { font-size: 9px !important; color: #64748b !important; }

  .dir-filters { padding: 0 14px 8px !important; flex-direction: column !important; gap: 6px !important; }
  .dir-filter-row { flex-wrap: wrap !important; gap: 6px !important; }
  .dir-filter-field { flex: 1 !important; min-width: 0 !important; }
  .dir-filter-field select { font-size: 11px !important; padding: 6px 8px !important; border-radius: 6px !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; }
  .dir-filter-submit { font-size: 11px !important; padding: 6px 14px !important; border-radius: 6px !important; }

  .dir-grid-wrap { padding: 0 14px !important; }
  .dir-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .dir-card { border-radius: 10px !important; background: rgba(255,255,255,0.035) !important; border: 1px solid rgba(255,255,255,0.05) !important; }
  .dir-card:active { transform: scale(0.98) !important; }
  .dir-card-inner { padding: 10px !important; gap: 8px !important; }
  .dir-card-logo { width: 32px !important; height: 32px !important; font-size: 13px !important; border-radius: 8px !important; flex-shrink: 0 !important; }
  .dir-card-name { font-size: 13px !important; font-weight: 700 !important; color: #e2e8f0 !important; }
  .dir-card-industry { font-size: 9px !important; padding: 1px 6px !important; border-radius: 100px !important; }
  .dir-card-desc { font-size: 11px !important; color: #64748b !important; line-height: 1.4 !important; }
  .dir-card-meta { font-size: 10px !important; color: #475569 !important; gap: 8px !important; }
  .dir-card-extra { font-size: 10px !important; color: #475569 !important; }
  .dir-card-tags { gap: 4px !important; }
  .dir-card-link { font-size: 11px !important; padding: 6px 14px !important; border-radius: 8px !important; }

  .dir-pagination { padding: 12px 14px !important; gap: 4px !important; }
  .dir-pagination a, .dir-pagination span { font-size: 12px !important; padding: 6px 10px !important; border-radius: 6px !important; }

  /* ==========================
     5. 注册页
     ========================== */
  .register-page-wrapper { background: #0a0f1a !important; min-height: 100vh !important; padding: 0 !important; }
  .register-container { padding: 0 14px !important; }
  .register-header { padding: 14px 0 8px !important; }
  .register-header h1 { font-size: 18px !important; }
  .register-header p { font-size: 12px !important; }

  .register-steps { gap: 4px !important; padding: 8px 0 !important; overflow-x: auto !important; }
  .register-step { font-size: 10px !important; padding: 4px 8px !important; }
  .register-step-num { width: 20px !important; height: 20px !important; font-size: 10px !important; }
  .register-step-arrow { font-size: 10px !important; }

  .register-box { padding: 14px !important; border-radius: 12px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.06) !important; }
  .register-box label { font-size: 12px !important; }
  .register-box input, .register-box select, .register-box textarea { font-size: 12px !important; padding: 8px 10px !important; border-radius: 6px !important; }
  .register-box input[type="submit"], .register-box button[type="submit"] { font-size: 13px !important; padding: 10px !important; border-radius: 8px !important; }

  .register-benefits { grid-template-columns: 1fr !important; gap: 6px !important; padding: 8px 0 !important; }

  /* ==========================
     6. 登录页
     ========================== */
  .login-page { background: #0a0f1a !important; min-height: 100vh !important; padding: 0 !important; }
  .login-card { margin: 0 14px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; border: none !important; }
  .login-card-inner { padding: 20px 14px !important; }
  .login-brand { padding: 20px 0 0 !important; }
  .login-brand .logo-icon { font-size: 28px !important; }
  .login-brand h1 { font-size: 20px !important; }
  .login-brand p { font-size: 12px !important; }
  .login-form { gap: 12px !important; }
  .login-field { gap: 4px !important; }
  .login-field label { font-size: 12px !important; }
  .login-field input { font-size: 13px !important; padding: 10px 10px 10px 34px !important; border-radius: 8px !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; }
  .login-field .input-icon { font-size: 14px !important; left: 10px !important; top: 36px !important; }
  .login-remember { font-size: 11px !important; }
  .login-forgot { font-size: 11px !important; }
  .login-submit { font-size: 14px !important; padding: 11px !important; border-radius: 8px !important; }
  .login-divider { font-size: 11px !important; }
  .login-social { gap: 8px !important; }
  .login-social-btn { font-size: 12px !important; padding: 8px !important; border-radius: 8px !important; }
  .login-footer { font-size: 11px !important; padding: 14px !important; }
  .login-error { font-size: 12px !important; padding: 8px !important; border-radius: 6px !important; }

  /* ==========================
     7. 企业详情页
     ========================== */
  .single-company .bottom-nav { display: none !important; }

  /* ==========================
     8. 新闻列表页 (archive-company_news)
     ========================== */
  .news-archive { padding: 0 14px !important; }
  .news-archive h1 { font-size: 18px !important; }
  .news-archive .subtitle { font-size: 12px !important; }
  .news-grid { gap: 8px !important; }
  .news-card { padding: 12px !important; border-radius: 10px !important; background: rgba(255,255,255,0.035) !important; border: 1px solid rgba(255,255,255,0.05) !important; }
  .news-card:active { transform: scale(0.98) !important; }
  .news-card .nc-title { font-size: 13px !important; }
  .news-card .nc-excerpt { font-size: 11px !important; }
  .news-card .nc-meta { font-size: 10px !important; }

  /* ==========================
     9. 隐藏桌面元素
     ========================== */
  /* 桌面版section（hero、features、industry、companies、steps、cta）全部隐藏 */
  .desktop-only { display: none !important; }

  /* 登录/注册页的grid-texture */
  .grid-texture { display: none !important; }

  /* ==========================
     10. 背景统一（只覆盖可能白底的区块，不破坏玻璃态卡片）
     ========================== */
  body { background: #0a0f1a !important; }
  .page-template-default .site-content,
  .error404 .site-content,
  .register-page-wrapper,
  .login-page { background: #0a0f1a !important; }

  /* ==========================
     11. 通用按钮/表单
     ========================== */
  button, input[type="submit"], .btn, .button {
    -webkit-appearance: none !important;
    border-radius: 8px !important;
  }
  button:active, .btn:active, a:active {
    transform: scale(0.97) !important;
  }
  /* 桌面hover效果在手机端禁用 */
  *:hover { transform: none !important; }
}