/* ============================================================
   知音 · 全站移动端自适应增强  zy-mobile.css
   只含 @media 规则，可独立引入；不改动桌面端布局，不与 zhiyin.css 的全局样式冲突
   2026-11-09
   ============================================================ */
@media (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  *, *::before, *::after { box-sizing: border-box; }
  img, svg, video, canvas, iframe { max-width: 100%; height: auto; }
  .zy-wrap { width: 100%; padding-left: 14px; padding-right: 14px; }
  .zy-topbar .zy-wrap { padding: 0 14px; }

  /* 品牌区：收起副标语与右侧软件 CTA，避免窄屏挤压 */
  .zy-brand .zy-wrap { flex-wrap: wrap; gap: 10px; padding-top: 14px; padding-bottom: 14px; }
  .zy-brand-cta, .zy-tag, .zy-sub-en { display: none !important; }
  .zy-logo .zy-txt h1 { font-size: 19px; line-height: 1.25; }
  .zy-mark svg { width: 30px; height: 30px; }

  /* 导航：横向滚动，8 个栏目不再挤成多行或溢出 */
  .zy-nav .zy-wrap { padding: 0; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .zy-nav .zy-wrap::-webkit-scrollbar { display: none; }
  .zy-nav ul { display: flex; flex-wrap: nowrap; width: max-content; min-width: 100%; margin: 0; padding: 0; }
  .zy-nav li { flex: 0 0 auto; float: none; }
  .zy-nav li a { white-space: nowrap; font-size: 14px; padding: 12px 14px; }

  /* 首屏 */
  .zy-hero { padding: 26px 0; }
  .zy-hero-main h2 { font-size: 23px; line-height: 1.35; }
  .zy-hero-main h2 small { display: block; font-size: 13px; margin-top: 8px; }
  .zy-hero-desc { font-size: 13px; line-height: 1.8; }
  .zy-hero-points { flex-wrap: wrap; gap: 6px 14px; }
  .zy-hero-points li { font-size: 12px; }
  .zy-hero-card, .zy-app-win { display: none; }
  .zy-hero-btns { flex-wrap: wrap; gap: 10px; }
  .zy-btn { padding: 10px 18px; font-size: 14px; }
  .zy-hero-meta { flex-wrap: wrap; gap: 4px 12px; font-size: 11px; }

  /* 通用区块与网格 */
  .zy-section { margin: 20px 0; }
  .zy-sec-head h3 { font-size: 20px; }
  .zy-cats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .zy-cat { padding: 14px 8px; }
  .zy-grid2, .zy-grid3, .zy-score-grid3, .zy-foot-grid,
  .zt-grid, .zs-grid, .zy-home-std-grid, .zys-cols,
  .st-cols, .st-bento, .st-grid { grid-template-columns: 1fr !important; }
  .zy-side { margin-top: 18px; }
  .zy-scores { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .zy-score { padding: 10px; }
  .zy-dlb-card { flex-wrap: wrap; }
  .zy-dlb-act { width: 100%; justify-content: flex-end; }

  /* 工作室栏目 /studio/ */
  .zt-hero { margin: 20px 0 16px; gap: 10px; }
  .zt-stat { flex: 1 1 calc(50% - 10px); padding: 12px; border-radius: 12px; }
  .zt-stat b { font-size: 21px; }
  .zt-stat span { font-size: 11px; }
  .zt-bar { gap: 6px; }
  .zt-bar h3 { font-size: 17px; }
  .zt-tabs { margin-left: 0; width: 100%; gap: 6px; }
  .zt-tabs a { padding: 6px 12px; font-size: 12.5px; }
  .zt-card { max-width: none; padding: 12px; gap: 10px; }
  .zt-ava { width: 46px; height: 46px; border-radius: 14px; font-size: 18px; }
  .zt-title { max-width: 110px; }
  .zt-go { display: none; }
  .zt-page { flex-wrap: wrap; }

  /* 首页工作室模块 */
  .zs-block { padding: 14px 12px 6px; }
  .zs-card { max-width: none; }

  /* 个人工作室 e/space/zyspace/ (st-* / zys-*) */
  .st-shell, .st-wrap, .st-main, .st-container { padding-left: 12px !important; padding-right: 12px !important; }
  .st-hero, .st-cover { padding: 18px 0; }
  .st-name, .st-title { font-size: 20px; }
  .st-nav, .zys-nav { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .zys-col { min-width: 0; }

  /* 表格 / 表单 / 页脚 */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  input[type=text], input[type=password], input[type=search], select, textarea { font-size: 16px; }
  .zy-footer .zy-foot-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .zy-publish-fab { right: 14px; bottom: 14px; }
}
@media (max-width: 420px) {
  .zy-scores { grid-template-columns: 1fr; }
  .zy-cats { grid-template-columns: repeat(3, 1fr); }
  .zt-stat { flex: 1 1 calc(50% - 8px); }
  .zy-footer .zy-foot-grid { grid-template-columns: 1fr; }
  .zy-hero-btns .zy-btn { flex: 1 1 100%; text-align: center; }
}

/* ---- 个人工作室 Studio Pro 细化（内联样式优先级高，这里统一兜底） ---- */
@media (max-width: 768px) {
  .st-wrap, .st-container, .st-shell { padding-left: 14px !important; padding-right: 14px !important; }
  .st-top { position: static; }
  .st-top .st-nav, .st-nav-inner, .st-menu { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .st-hero, .st-cover, .st-banner { padding: 22px 0 16px; }
  .st-hero h1, .st-title, .st-name { font-size: 21px; line-height: 1.35; }
  .st-hero-inner, .st-cover-inner, .st-profile, .st-head-row { flex-wrap: wrap; gap: 12px; }
  .st-ava, .st-avatar { width: 56px !important; height: 56px !important; }
  .st-cols, .st-bento, .st-grid, .st-grid2, .st-grid-2, .st-two,
  .st-cards, .st-panels, .st-main-grid, .zys-cols, .zys-grid {
    grid-template-columns: 1fr !important;
    flex-wrap: wrap;
  }
  .st-col, .st-panel, .st-card, .st-bento-item, .zys-col { min-width: 0; width: 100%; }
  .st-side, .st-aside { width: 100%; margin-top: 16px; }
  .st-task-row, .st-list-row { flex-wrap: wrap; }
  .st-bio { font-size: 13px; line-height: 1.8; }
  .st-fab, .st-float { right: 14px; bottom: 14px; }
  .zys-col-h b, .st-panel-h b { font-size: 15px; }
}
@media (max-width: 420px) {
  .st-wrap, .st-container, .st-shell { padding-left: 12px !important; padding-right: 12px !important; }
  .st-btn, .st-button { width: 100%; text-align: center; }
}