/*
 * 移动端样式（由 style.css 拆出，2026-10-12）
 *
 * 为什么单独成文件：桌面浏览器通过 media 属性直接跳过本文件（少下载、少解析），
 * 移动端才加载。同时让「站点是否响应式」对审计工具与爬虫**可检测**——
 * 写在外部样式表内的 @media 规则对外部扫描是不可见的。
 */
@media (max-width:960px){
  .ql-v2 section{padding:56px 0}
  .ql-v2 .hero-copy h1,.ql-v2 .hero-copy .hero-h1{font-size:38px}
  .ql-v2 .hero-body,.ql-v2 .method-grid,.ql-v2 .team-grid,.ql-v2 .cta-grid{grid-template-columns:1fr}
  .ql-v2 .cards-3,.ql-v2 .stage-grid{grid-template-columns:1fr 1fr}
  .ql-v2 .vs-grid{grid-template-columns:1fr;gap:28px}
  .ql-v2 .vs-badge{width:84px}
  .ql-v2 .main-nav{display:none}
  /* 页头是模板 part（不在 .ql-v2 内）。按 v2 设计稿：移动端隐藏导航、只留 logo + CTA。
     用 .ql-site-header 前缀提高优先级——WP 全局样式 body .is-layout-flex 会覆盖单类名。 */
  .ql-site-header .ql-main-nav{display:none}
  .ql-v2 .trustbar .bar{grid-template-columns:1fr;gap:18px}
  .ql-v2 .trustbar .divider{display:none}
  .ql-v2 .method-cards{gap:22px}
  /* GEO 是什么：左右分栏收成单列，文案居中、示意卡放到下方 */
  .ql-v2 .ql-page-hero--split{text-align:center}
  .ql-v2 .ql-page-hero--split .hero-split{grid-template-columns:1fr;gap:34px}
  .ql-v2 .ql-page-hero--split .hero-split__copy{max-width:none}
  .ql-v2 .ql-page-hero--split .hero-sub{margin-left:auto;margin-right:auto}
  .ql-v2 .ql-page-hero--split .hero-actions{justify-content:center}
  .ql-v2 .ql-page-hero--split .hero-ticks{justify-content:center}
  .ql-v2 .ai-answer{justify-self:center;max-width:560px}
  .ql-v2 .definition{grid-template-columns:1fr;gap:24px;padding:28px 26px}
  /* 内容栏目（2026-10-19）：存档网格降为两列 */
  .ql-v2 .ql-posts{padding:28px 24px 56px}
  .ql-v2 .ql-posts .wp-block-post-template{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .ql-v2 .cards-3,.ql-v2 .stage-grid,.ql-v2 .team-stats,.ql-v2 .cta-form{grid-template-columns:1fr}
  .ql-v2 .hero-copy h1,.ql-v2 .hero-copy .hero-h1{font-size:30px}
  .ql-v2 .sec-title{font-size:26px}
  .ql-v2 .hero-actions{flex-direction:column;align-items:stretch}
  /* GEO 是什么：按视口缩放标题，保证 <br> 的两段标题各自整行不拆字 */
  .ql-v2 .ql-page-hero--split h1{font-size:clamp(24px,7.5vw,28px)}
  .ql-v2 .ql-page-hero--split .hero-sub{font-size:15.5px}
  .ql-v2 .ai-answer{padding:16px 16px 12px;border-radius:20px}
  .ql-v2 .definition{padding:24px 20px}
  .ql-v2 .definition__lead{font-size:18px;line-height:1.7}
  .footer-grid{flex-direction:column;gap:24px;text-align:center}
  .footer-wechat{margin-left:0}
  /* 内容栏目：存档单列、详情页收窄内边距、页脚链接居中 */
  .ql-v2 .ql-posts .wp-block-post-template{grid-template-columns:1fr}
  .ql-v2 .ql-article{padding:44px 24px 0}
  .site-footer .footer-nav{text-align:center}
  /* 托管服务四块（2026-10-19）：小屏由 2×2 收成单列 */
  .ql-v2 .managed-grid{grid-template-columns:1fr;gap:18px}
}
/* 极窄屏（≤380px，如 iPhone SE 一代）：页头 logo + CTA 会互相挤压，等比收一档 */
@media (max-width:380px){
  .ql-site-header .logo img{height:27px}
  .ql-site-header .header-cta{padding:8px 14px;font-size:13px}
}