/* ============================================================
   responsive.css —— 断点。最后加载，负责覆盖以上所有文件。
   目标：手机端任何宽度都不出现横向滚动。
   ============================================================ */

/* ── 中等屏：收起副标题标签 ── */
@media (max-width:1080px){
  .brand-tag{display:none}
}

/* ── 平板 / 小笔记本 ── */
@media (max-width:900px){
  :root{--nav-h:58px}

  .nav-links{display:none}
  .nav-burger{display:flex}

  .hero{padding:56px 0 0}
  .hero-copy h1{font-size:clamp(30px,7.4vw,46px)}
  .hero-note{align-items:flex-start}
  .hero-cta-row{margin-top:32px;padding-top:24px}

  .statbar{grid-template-columns:1fr 1fr;margin-top:30px}

  .dual{grid-template-columns:1fr}
  .dual-l{min-height:460px}
  .dual-art{padding-bottom:120px;justify-content:center}
  .dual-art svg{width:min(320px,80%)}

  .entries{grid-template-columns:1fr 1fr}

  .nb{grid-template-columns:1fr}

  .sec{padding:64px 0}
  .sec-tight{padding-top:44px}
  .sec-head{margin-bottom:32px}

  .subhero{padding:54px 0 28px}

  .dl-single{grid-template-columns:1fr}
  .acct-grid{grid-template-columns:1fr}
  .reg-grid{grid-template-columns:1fr}
  .rule-more{grid-template-columns:1fr}

  .cta-band{padding:16px 0 68px}
  .cta-in{grid-template-columns:1fr;gap:24px;padding:34px 28px}

  .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
  .foot-brandcol{grid-column:1 / -1;max-width:none}
}

/* ── 手机 ── */
@media (max-width:620px){
  .wrap{padding:0 16px}

  .nav-in{gap:12px}
  .nav .live{display:none}
  .brand-txt{font-size:15px}

  .hero{padding:44px 0 0}
  .hero-cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px;padding-top:22px}
  .hero-cta-row .btn{width:100%}
  .hero-sub{margin-top:18px}

  .dual-l{min-height:420px;padding:22px 20px 22px}
  .dual-art{padding:18px 0 150px}
  .dual-art svg{width:min(260px,84%)}
  .vtitle{font-size:26px}
  .vlist{max-width:none;padding:14px 14px 2px;font-size:12.5px}
  .promo{padding:22px 20px}
  .promo-glyph{font-size:110px;bottom:-18px}

  .entries{grid-template-columns:1fr 1fr;gap:10px}
  .entry{padding:18px 10px}
  .entry span:last-child{display:none}

  .nb-r{padding:24px 20px}

  .stat{padding:15px 16px}
  .stat-v{font-size:18px}
  .stat-host .stat-v{font-size:14px}
  .stat-k{font-size:11px}

  .chips{gap:6px;margin-top:20px}
  .chip{padding:5px 10px;font-size:12px}

  .sec{padding:52px 0}
  .sec-t{font-size:clamp(21px,6vw,26px)}
  .sec-s{font-size:14px}

  .subhero{padding:44px 0 24px}

  .tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .tab{padding:9px 8px;font-size:12.5px}

  .steps li{padding:20px 18px 20px 62px}
  .steps li::before{left:18px;top:20px;width:28px;height:28px;font-size:11.5px}
  .steps h3{font-size:15px}
  .steps p{font-size:14px}

  .copybox{flex-wrap:wrap}
  .copybox code{width:100%;flex:1 0 100%}
  .copybox .btn{width:100%}

  .dl-btn{width:100%;align-self:stretch}
  .dl .btn{width:100%}
  .req-row{grid-template-columns:1fr;gap:4px}
  .notice{padding:18px}

  .rule{padding:18px}
  .rule p{font-size:14px}

  .faq-item summary{padding:15px 44px 15px 16px;font-size:14px}
  .faq-a{padding:12px 16px 16px}

  .form-pad{padding:22px}
  .me-card{padding:20px}
  .acct-card{padding:20px}
  .acct-guest{padding:24px 20px}
  .fact-grid{gap:8px}
  .form-2{grid-template-columns:1fr}
  .pref-row{flex-wrap:wrap;gap:10px}
  .pref-seg,.pref-select{width:100%;min-width:0}
  .acct-acts .btn{flex:1}
  .result{padding:26px 20px}
  .result-acts .btn,.nf-acts .btn{flex:1}

  .cta-in{padding:30px 22px;border-radius:20px}
  .cta-acts{display:grid;grid-template-columns:1fr;gap:10px}
  .cta-acts .btn{width:100%}

  .foot{padding:44px 0 22px}
  .foot-grid{grid-template-columns:1fr;gap:26px;padding-bottom:28px}
  .foot-bot{flex-direction:column;gap:10px}

  .notfound{padding:80px 0 90px}

  .toast{left:16px;right:16px;transform:none;bottom:20px;text-align:center}
  @keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* ── 极窄（老机型） ── */
@media (max-width:380px){
  .statbar{grid-template-columns:1fr}
  .brand-txt{display:none}
}

/* ── 降低动效偏好 ── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .js .reveal{opacity:1;transform:none}
}