/* ============================================================
   OBL · doorbrand0001 移动端科学重设计（2026-09-30 老板定案）
   全部规则包 @media (max-width:768px)，在 style/inner/nav 之后加载覆盖。
   原则（移动视觉疲劳治理五板斧）：
     1 降噪 —— 弱化刀影/分割/渐变，去 hover 上浮（触屏无意义）
     2 收间距 —— .section 76→48、卡片 padding 大幅收敛
     3 调字阶 —— 全屏字号阶梯下移、行高收紧
     4 禁动画 —— .reveal 手机端停位移淡入（每块飞出=繁杂主因）
     5 紧凑卡 —— 产品两列紧凑卡 ★、reasons/info-panel 2 列、news-row 紧凑
   ⚠️ think-template 铁律：不内联 @media，组件样式一律外部 css
   ============================================================ */
@media (max-width: 768px) {
  /* ---------- 全局：字号/行高/间距节奏 ---------- */
  body { font-size: 15px; line-height: 1.65; }
  /* ⚠️ 输入聚焦禁自动放视口（老板 2026-09-30）：iOS/Android 对聚焦 input font-size<16px 会放大页面；
     统一 16px 根治（Apple 官方推荐），并保留用户双指手动缩放的可访问性 */
  input, select, textarea { font-size: 16px; }
  .section { padding: 48px 0; }
  .section-head { margin-bottom: 34px; }
  .section-eyebrow { font-size: 12px; letter-spacing: 2px; margin-bottom: 10px; }
  .section-title { font-size: 24px; line-height: 1.35; }
  .section-title.light em, .reasons-title em { font-style: normal; color: var(--gold); }
  .section-desc { margin-top: 12px; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .btn { padding: 12px 22px; font-size: 14px; letter-spacing: 1px; }
  /* 弱化刀影：--shadow-lg 手机发脏，压到底 */
  :root {
    --shadow-lg: 0 10px 26px rgba(12, 12, 14, .10);
    --shadow-sm: 0 4px 12px rgba(12, 12, 14, .06);
  }
  /* 禁位移淡入：滚动逐块飞出 = 移动视觉疲劳主因（JS IO 仍触发 .in，无关紧要） */
  .reveal { opacity: 1; transform: none; }

  /* ---------- 文字换行策略（老板 2026-09-30：标题长/不适时机换行/justify 拉散 = 疲劳主因） ----------
     text-wrap:balance → 标题断点均匀分配，杜绝「一字孤行 / 断点尴尬」；
     justify → left：两端对齐在窄栏(每行 ~340px)会拉出大块空白，改左对齐自然断行 */
  .section-title, .reasons-title, .hero-content h1, .page-hero h1, .page-hero h2,
  .article-head h1, .detail-info h3, .join-text h2, .content-flow h3,
  .news-feature-body h3, .reason-item h4, .team-card h3, .milestone-body h4,
  .about-text h3, .founder-text h3, .stat-label { text-wrap: balance; }
  .about-text p, .article-body p, .content-flow p, .philo-text p,
  .join-text > p, .craft-main-info p, .founder-text blockquote,
  .article-body blockquote { text-align: left; }

  /* 通用去 hover 上浮（触屏无 hover 语义，且 tap flash 残影烦躁） */
  .prod-card:hover, .craft-item:hover, .info-panel:hover,
  .policy-card:hover, .join-card:hover, .team-card:hover,
  .news-row:hover, .news-feature:hover, .reason-item:hover,
  .founder:hover { transform: none; }

  /* ---------- Topbar / Header ---------- */
  .topbar-inner { height: 36px; }
  .topbar-tel { font-size: 12px; }
  .nav-inner { height: 60px; }
  .logo-shield { width: 32px; height: 36px; }
  /* ⚠️ 品牌铁律（2026-10-16）：小屏 header 60px，logo 图 52px 高，长条等比宽 */
  .logo-img { height: 52px; max-width: 200px; }
  .logo-text strong { font-size: 17px; letter-spacing: .5px; }
  .logo-text em { font-size: 10px; letter-spacing: 2px; }
  .nav-link { padding: 15px 12px; font-size: 15px; }
  .header-search { height: 30px; }
  .header-search input { width: 84px; font-size: 16px; }

  /* ---------- Hero（去 lvh 跳动：固定高度 + 收紧字距） ---------- */
  .hero { height: 440px; min-height: 0; }
  .hero-eyebrow { font-size: 12.5px; letter-spacing: 3px; margin-bottom: 16px; }
  .hero-content h1 { font-size: clamp(26px, 8vw, 32px); letter-spacing: 2px; }
  .hero-sub { margin: 16px 0 26px; font-size: 14.5px; letter-spacing: 0; line-height: 1.7; max-width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .hero-btns { gap: 10px; }
  .hero-btns .btn { flex: 1; min-width: 0; padding: 12px 10px; white-space: nowrap; }
  .hero-dots { bottom: 20px; gap: 8px; }
  .hero-dots button { width: 22px; height: 3px; }
  .hero-dots button.active { width: 34px; }

  /* ---------- 品牌数据（5 项 -> 2+2+1，末项 span 全宽居中防断裂） ---------- */
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; padding: 38px 0; }
  .stats-grid .stat-item:nth-child(5) { grid-column: 1 / -1; }
  .stat-item + .stat-item::before { display: none; } /* 2 列时伪元素分栏线错乱，去除 */
  .stat-num { font-size: clamp(26px, 8vw, 34px); }
  .stat-label { font-size: 12.5px; letter-spacing: .5px; }

  /* ---------- About / Founder ---------- */
  .about-grid, .philo-grid, .join-banner, .contact-grid { gap: 32px; }
  .about-media img { height: 250px; }
  .about-badge { right: 8px; bottom: 24px; padding: 14px 16px; gap: 12px; }
  .about-badge strong { font-size: 32px; }
  .about-badge strong span { font-size: 15px; }
  .about-badge em { font-size: 12px; }
  .about-text h3 { font-size: 21px; }
  .about-lead { font-size: 14.5px; }
  .about-text p { font-size: 14px; }
  .about-points { gap: 9px; }
  .about-points li { font-size: 14px; }
  .founder { margin-top: 40px; grid-template-columns: 1fr; }
  .founder-text { padding: 26px 20px; }
  .founder-text h3 { font-size: 21px; }
  .founder-text h3 span { font-size: 14px; }
  .founder-text blockquote { font-size: 15px; padding-left: 14px; margin-bottom: 18px; }
  .founder-tags li { font-size: 13.5px; }

  /* ---------- Philosophy / Reasons（2 列紧凑，图标小、编号小） ---------- */
  .philo-grid { margin-bottom: 36px; }
  .philo-media-caption { font-size: 12px; padding: 26px 16px 12px; }
  .philo-text p { margin-top: 16px; font-size: 14px; line-height: 1.8; }
  .reasons-title { font-size: 22px; margin-bottom: 26px; }
  .reasons-grid { grid-template-columns: repeat(2, 1fr); }
  .reason-item { padding: 18px 14px 16px; }
  .reason-item svg { width: 20px; height: 20px; margin-bottom: 10px; }
  .reason-no { font-size: 20px; top: 12px; right: 12px; }
  .reason-item h4 { font-size: 14.5px; margin-bottom: 5px; letter-spacing: .5px; }
  .reason-item p { font-size: 12.5px; line-height: 1.55; }

  /* ---------- 核心工艺（大图压缩 + 侧卡小图） ---------- */
  .craft-grid { gap: 22px; }
  .craft-main { min-height: 320px; }
  .craft-main-info { padding: 50px 18px 18px; }
  .craft-patent { font-size: 11px; padding: 3px 9px; margin-bottom: 10px; }
  .craft-main-info h3 { font-size: 18px; margin-bottom: 8px; }
  .craft-main-info p { font-size: 13px; line-height: 1.75; }
  .craft-icons { gap: 10px; margin-top: 12px; }
  .craft-icons span { font-size: 12px; gap: 5px; }
  .craft-item { grid-template-columns: 84px 1fr; gap: 14px; padding: 12px; }
  .craft-item img { width: 84px; height: 68px; }
  .craft-item h4 { font-size: 14.5px; margin-bottom: 4px; }
  .craft-item p { font-size: 12.5px; line-height: 1.6; }
  .craft-item-text { grid-template-columns: 1fr; text-align: center; }
  .craft-item-text div { max-width: 480px; margin: 0 auto; }

  /* ---------- 产品中心 ★两列紧凑卡（老板拍板：折叠 Summary/详情链接） ---------- */
  .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .prod-img { height: 138px; }
  .prod-tag { top: 8px; left: 8px; font-size: 11px; padding: 3px 8px; letter-spacing: 1px; border-width: 1px; }
  .prod-info { padding: 12px; }
  .prod-info h3 { font-size: 14px; line-height: 1.35; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .prod-info > p { display: none; }        /* 折叠摘要：两列紧凑卡不留长文 */
  .prod-more-link { display: none; }        /* 折叠「查看详情」链（卡片整体已可点） */
  .prod-meta { gap: 6px; margin-top: 8px; flex-wrap: wrap; }
  .prod-meta span { font-size: 11px; padding: 2px 8px; letter-spacing: .5px; }
  .prod-more { margin-top: 34px; }
  .prod-more .btn, .btn-block { width: 100%; }

  /* 首页产品筛选（5 按钮横滑一屏，避免换行堆第二排——老板 2026-09-30） */
  .prod-filter { min-width: 0; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; gap: 8px; margin-bottom: 26px; padding-bottom: 4px; scrollbar-width: none; }
  .prod-filter::-webkit-scrollbar { display: none; }
  .filter-btn { flex: 0 0 auto; padding: 8px 16px; font-size: 13px; white-space: nowrap; letter-spacing: 1px; }

  /* ---------- 新闻中心 ---------- */
  .news-tabs { gap: 8px; margin-bottom: 28px; }
  .news-tab { padding: 8px 13px; font-size: 13px; letter-spacing: 1px; }
  .news-more { font-size: 12.5px; padding: 6px 14px; }
  .news-layout { gap: 26px; }
  .news-feature img { height: 200px; }
  .news-feature-body { padding: 18px 16px 20px; }
  .news-cat { font-size: 11px; padding: 2px 9px; margin-bottom: 9px; }
  .news-feature-body h3 { font-size: 16.5px; line-height: 1.45; margin-bottom: 8px; }
  .news-feature-body p { font-size: 13px; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .news-date { font-size: 12.5px; }
  .news-list { gap: 10px; }
  .news-list--cols { gap: 10px; }
  .news-row { grid-template-columns: 56px 1fr; gap: 14px; padding: 14px 14px; }
  /* ⚠️ 横向滚动条根因（老板 2026-09-30）：grid 1fr 列默认 min-width:auto=内容 min-content，
     nowrap 长标题撑破行宽 → 页面横滚。grid 子项必须 min-width:0 放行收缩 + ellipsis 裁切 */
  .news-row > * { min-width: 0; }
  .news-list, .news-layout, .news-list--cols { overflow: hidden; } /* 兜底：任一溢出也裁于区块内 */
  .news-row-date { padding-right: 12px; }
  .news-row-date strong { font-size: 22px; }
  .news-row-date span { font-size: 11px; }
  .news-row-body h4 { font-size: 14.5px; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .news-row-body p { font-size: 12.5px; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .news-arrow { width: 15px; height: 15px; }

  /* 分页（页码压缩触控仍合规 38px） */
  .cms-pagination { gap: 6px; margin: 32px 0 4px; }
  .cms-pagination .pg { min-width: 38px; height: 38px; padding: 0 10px; font-size: 13px; }

  /* ---------- Join / 加盟 ---------- */
  .join-text h2 { font-size: 24px; line-height: 1.35; margin-bottom: 14px; }
  .join-text > p { font-size: 14px; margin-bottom: 24px; line-height: 1.8; }
  .join-cards { gap: 12px; }
  .join-card { padding: 16px 12px 14px; }
  .join-card svg { width: 20px; height: 20px; margin-bottom: 9px; }
  .join-card h4 { font-size: 14.5px; letter-spacing: .5px; }
  .join-card p { font-size: 12px; line-height: 1.6; }

  /* ---------- Contact / 表单 ---------- */
  .contact-hotline { padding: 20px 18px; margin-bottom: 22px; }
  .contact-hotline span { font-size: 12px; letter-spacing: 2px; }
  .contact-hotline a { font-size: 28px; letter-spacing: 1px; }
  .contact-item { padding: 15px 0; gap: 12px; }
  .contact-item svg { width: 18px; height: 18px; }
  .contact-item h4 { font-size: 15px; }
  .contact-item p { font-size: 13px; }
  .contact-form { padding: 26px 18px; }
  .contact-form h3 { font-size: 20px; }
  .form-tip { font-size: 13px; margin-bottom: 20px; }
  .form-group label { font-size: 13.5px; margin-bottom: 6px; }
  .form-group input, .form-group select, .form-group textarea { padding: 11px 13px; font-size: 16px; }
  .form-row { gap: 14px; }
  .map-note { padding: 22px 18px; gap: 20px; }
  .map-note h3 { font-size: 19px; }
  .map-note p { font-size: 13px; }
  .map-placeholder { width: 100%; height: 110px; }

  /* ---------- Footer ---------- */
  .footer-grid { gap: 26px; padding: 42px 0 30px; }
  .footer-brand p { font-size: 13.5px; }
  .footer-tel { font-size: 22px; letter-spacing: 1px; }
  .footer-col h4 { font-size: 15px; letter-spacing: 1.5px; margin-bottom: 14px; }
  .footer-col a { font-size: 13.5px; }
  .footer-col p { font-size: 13.5px; }
  .footer-bottom-inner { font-size: 12px; }

  /* ---------- 内页通用 ---------- */
  .inner-section { padding: 42px 0; }
  .page-hero { height: 200px; min-height: 0; }
  .page-hero-content { padding-bottom: 30px; }
  .page-hero-eyebrow { font-size: 11.5px; letter-spacing: 3px; margin-bottom: 9px; }
  .page-hero h1, .page-hero h2 { font-size: 24px; letter-spacing: 2px; }
  .page-hero p.sub { font-size: 13px; margin-top: 7px; }
  .page-intro { font-size: 14.5px; line-height: 1.9; margin-bottom: 34px; }

  /* 信息块（info-panels -> 2 列紧凑；policy 含列表保 1 列） */
  .info-panels { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .info-panel { padding: 18px 14px; }
  .info-panel svg { width: 22px; height: 22px; margin-bottom: 9px; }
  .info-panel h4 { font-size: 14.5px; margin-bottom: 5px; }
  .info-panel p { font-size: 12px; line-height: 1.6; }
  .content-flow h3 { font-size: 19px; }
  .content-flow p { font-size: 14.5px; line-height: 1.9; }
  .content-flow { gap: 30px; }

  /* 产品/新闻列表工具栏：tabs 横滑 + 搜索全宽（不再换行堆两排） */
  .list-toolbar { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 24px; }
  /* ⚠️ 横向滚动根因（老板 2026-09-30）：.cat-tabs 是 flex column 子项，min-width:auto=内容宽
     会撑破容器产生页面级横滚（同 news-row 教训）；min-width:0 放行收缩 + overflow 内部滚动 */
  .cat-tabs { flex: 0 0 auto; min-width: 0; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 8px; padding-bottom: 4px; scrollbar-width: none; }
  .cat-tabs::-webkit-scrollbar { display: none; }
  .cat-tab { flex: 0 0 auto; padding: 8px 16px; font-size: 13px; white-space: nowrap; letter-spacing: 1px; }
  .search-box { width: 100%; }
  .search-box input { flex: 1; width: auto; padding: 10px 14px; font-size: 16px; }
  .search-box button { padding: 0 16px; }

  /* 新闻双列 -> 单列（列表页） */
  .news-list--cols { grid-template-columns: 1fr; }

  /* 产品详情 */
  .detail-wrap { gap: 28px; }
  /* ⚠️ 横滚根因（老板 2026-09-30）：detail-wrap 是 grid，detail-gallery/info 是 grid 子项
     min-width:auto=内容宽，detail-thumbs 固定宽 5×84 撑破 grid 列 → 页面横滚（同 news-row/cat-tabs 教训）；
     grid 子项 min-width:0 放行收缩，detail-thumbs 的 overflow-x 才真正接管内部滚动 */
  .detail-wrap > * { min-width: 0; width: 100%; }
  .detail-main-img img { height: 260px; }
  .detail-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; }
  .detail-thumbs::-webkit-scrollbar { display: none; }
  .detail-thumbs button { flex: 0 0 auto; width: 84px; overflow: hidden; }
  .detail-thumbs img { height: 60px; width: 100%; }
  .detail-info h3 { font-size: 22px; margin-bottom: 4px; }
  .detail-code { font-size: 13px; margin-bottom: 10px; }
  .detail-summary { font-size: 14px; line-height: 1.85; margin-bottom: 16px; }
  .detail-tags { gap: 8px; margin-bottom: 18px; }
  .detail-tags span { font-size: 12px; padding: 3px 11px; }
  .detail-features { gap: 10px; margin-bottom: 20px; }
  .detail-features li { font-size: 14px; }
  .specs-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* 长规格表局部横滑，不撑破页面 */
  .specs-table th { width: 92px; padding: 10px; font-size: 13px; }
  .specs-table td { padding: 10px; font-size: 13px; }
  .detail-actions { gap: 10px; }
  .detail-actions .btn { flex: 1; min-width: 0; padding: 12px 8px; white-space: nowrap; }

  /* 文章/内容详情 */
  .article-head { margin-bottom: 26px; }
  .article-head h1 { font-size: 22px; line-height: 1.4; }
  .article-meta { gap: 12px; font-size: 12.5px; margin-top: 12px; }
  .article-cover { margin-bottom: 24px; }
  .article-cover img { max-height: 320px; }
  .article-body p { font-size: 15px; line-height: 1.9; margin-bottom: 16px; }
  .article-body p.lead { font-size: 15.5px; }
  .article-body h3 { font-size: 18px; margin: 22px 0 10px; }
  .article-body blockquote { margin: 18px 0; }
  .article-video { margin-bottom: 16px; }
  .article-nav { gap: 14px; margin-top: 34px; padding-top: 20px; }
  .article-nav a, .article-nav a[style] { max-width: 100%; width: 100%; font-size: 13.5px; }
  .article-nav a[style*="text-align"] { text-align: right; }
  .article-tags { font-size: 13px; }
  .related-title { margin: 40px 0 20px; font-size: 20px; gap: 10px; }
  .related-list .related-item { font-size: 13.5px; }

  /* 加盟流程/政策/条件（单列紧凑，去掉竖分隔线） */
  /* 五步窄屏：弹性折行 + 尾项居中，杜绝孤行（2026-10-16） */
  .join-flow { display: flex; flex-wrap: wrap; justify-content: center; margin: 14px 0 36px; }
  .join-flow .step { flex: 0 0 calc(50% - 2px); }
  .join-flow .step { padding: 22px 18px; }
  .join-flow .step:not(:last-child)::after { display: none; }
  .join-step-no { font-size: 26px; margin-bottom: 6px; }
  .join-flow h4 { font-size: 15px; }
  .join-flow p { font-size: 12.5px; }
  .policy-grid { gap: 14px; margin-top: 18px; }
  .policy-card { padding: 18px 16px; }
  .policy-card svg { width: 22px; height: 22px; }
  .policy-card h4 { font-size: 16px; }
  .policy-card p { font-size: 13px; line-height: 1.75; }
  .policy-card ul li { font-size: 13px; }
  .qualify-list { gap: 12px; }
  .qualify-item { padding: 15px 14px; gap: 12px; }
  .qualify-item svg { width: 19px; height: 19px; }
  .qualify-item h4 { font-size: 14.5px; }
  .qualify-item p { font-size: 12.5px; line-height: 1.65; }

  /* 团队卡（2 列收紧；style/inner 768 冲突胜出权已在 mobile.css 末位） */
  .team-section { padding: 44px 0; }
  .team-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .team-card { padding: 20px 14px 18px; }
  .team-card .team-avatar { width: 72px; height: 72px; margin-bottom: 12px; }
  .team-card h3 { font-size: 15px; letter-spacing: 1px; }
  .team-role { font-size: 12px; margin-bottom: 7px; }
  .team-card p { font-size: 12px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

  /* 标签 / 搜索 */
  .tags-wall { gap: 10px; }
  .tags-wall-item { padding: 8px 14px; gap: 8px; }
  .tw-name { font-size: 14px; }
  .tw-count { font-size: 11px; padding: 1px 7px; }
  .empty-tip { padding: 40px 0; font-size: 14px; }
  .search-reform { margin-bottom: 22px; }
  .search-reform input { padding: 10px 13px; font-size: 16px; }

  /* 里程碑（关于页：年份列收窄） */
  .milestone { grid-template-columns: 64px 1fr; gap: 14px; padding: 16px 0; }
  .milestone-year { font-size: 24px; }
  .milestone-body h4 { font-size: 15px; }
  .milestone-body p { font-size: 13px; }

  /* 返回顶部（尺寸收紧不挡内容） */
  .back-top { right: 16px; bottom: 16px; width: 44px; height: 44px; }
  .back-top svg { width: 18px; height: 18px; }
}