/* ============================================================
   最骚 ZUISAO · v3.6 移动端专项适配层（最后加载，优先级最高）
   原则：该缩小的缩小、该居中的居中、该隐藏的隐藏
   ============================================================ */

@media (max-width: 860px) {

  /* ---------- 全局安全阀：杜绝横向撑爆 ---------- */
  html, body { max-width: 100%; overflow-x: hidden; }
  .container, .hero-bottom, .hero-eyebrow, .nav-inner { max-width: 100%; }
  .mod-card, .mc-ai, .mc-ai-main, .mc-banner, .mc-feats li { min-width: 0; }

  /* ---------- HERO：整体居中、可换行、按钮收进屏幕 ---------- */
  .hero { padding: 108px 0 64px; text-align: center; }
  .hero-eyebrow { justify-content: center; text-align: center; }
  .hero-bottom {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 32px) !important;
    text-align: center;
  }
  .hero-slogan { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
  .hero-kicker {
    font-size: 10px !important;
    letter-spacing: .1em !important;
    white-space: normal !important;
    line-height: 1.9;
    max-width: 100%;
  }
  /* 标题允许换行 + 居中，不再横向顶出去 */
  .hero-lead {
    white-space: normal !important;
    font-size: clamp(26px, 8.2vw, 40px) !important;
    line-height: 1.3;
    margin-bottom: 22px;
  }
  /* 两个按钮：一排等宽，收在屏幕内 */
  .hero-actions {
    width: 100%;
    max-width: 420px;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }
  .hero-actions .gradient-button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 13px 8px !important;
    font-size: 15px !important;
  }
  /* SCROLL 提示小屏隐藏 */
  .scroll-cue { display: none !important; }

  /* ---------- 产品卡片：单列通栏，告别细条 ---------- */
  .mod-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 14px !important;
  }
  .mod-card, .mc-ai, .mc-wide, .mc-banner {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .mod-card { padding: 22px 20px !important; }
  /* AI 宽卡小屏改回竖排 */
  .mc-ai { display: flex !important; flex-direction: column !important; align-items: flex-start; gap: 10px !important; }
  .mc-ai .mc-name { font-size: 21px !important; }
  .mc-ai .mc-hook { font-size: 13.5px !important; }
  /* 商城横幅卡小屏改回竖排 */
  .mc-banner { display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
  .mc-banner .mc-name { white-space: normal !important; }
  .mc-banner .mc-chips { flex-wrap: wrap !important; }
  /* 旋转装饰环小屏隐藏，防止遮挡文字 */
  .mc-deco { display: none !important; }

  /* ---------- 区块间距收紧 ---------- */
  .section { padding: 56px 0 !important; }
  .mod-cta { padding: 70px 0 !important; }
  .mod-head { margin-bottom: 32px !important; }
  .mod-lede { font-size: 14.5px !important; }

  /* ---------- 「最骚是谁」：单列居中 ---------- */
  .about-split { display: block !important; }
  .about-left, .about-left .mod-lede { text-align: center !important; margin-inline: auto !important; }
  .about-left .mod-lede { margin-top: 12px; }
  .about-more { justify-content: center; }
  .mod-tags { justify-content: center !important; margin-inline: auto !important; max-width: 100% !important; }
  .mod-tags li { font-size: 12.5px !important; padding: 7px 14px !important; }

  /* ---------- 骚文化 ---------- */
  .mc-type { font-size: 15px !important; }
  .mc-line { font-size: clamp(26px, 7vw, 34px) !important; }

  /* ---------- CTA：三个按钮一排等宽 ---------- */
  .mc-actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }
  .mc-actions .gradient-button {
    flex: 1 1 0 !important;
    padding: 12px 6px !important;
    font-size: 13.5px !important;
    white-space: nowrap;
  }

  /* ---------- 页脚 ---------- */
  .mod-footer { padding: 36px 0 30px !important; }
  .mf-friends { gap: 10px !important; }
  .mf-friends ul { gap: 6px 14px !important; }
  .mf-bottom { flex-direction: column !important; align-items: center !important; text-align: center !important; }
}

/* ---------- 窄屏（≤480px）再压一档 ---------- */
@media (max-width: 480px) {
  .hero-kicker { display: none !important; }  /* 纯装饰英文行，窄屏隐藏 */
  .hero-lead { font-size: 26px !important; }
  .mod-title { font-size: 23px !important; }
  .mc-title { font-size: 30px !important; }
  .mc-line { font-size: 25px !important; }
  .hero-actions .gradient-button { font-size: 14px !important; padding: 12px 6px !important; }
  .mc-actions .gradient-button { font-size: 12.5px !important; padding: 11px 4px !important; letter-spacing: 0; }
  .gradient-button { border-radius: 40px; }
  .mod-card { padding: 20px 18px !important; }
  .mc-feats span { font-size: 12.5px !important; }
  .mc-name { font-size: 18px !important; }
}