/* 堂飞传媒官网 2026 · 手机端 / 平板端适配层
   在模板自带样式之后加载：只做覆盖与补充，不改桌面端（>1024px）表现 */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}   /* 用 clip 而非 hidden：避免影响 sticky 头部 */
img,video,iframe{max-width:100%}
img{height:auto}
.wrap,.wrap-wide{width:100%}
.nav>*{min-width:0}
.logo,.menu-toggle{flex:0 0 auto}

/* ===== 平板横屏 / 小笔记本 ===== */
@media (max-width:1024px){
  .nav{gap:18px}
  .logo img{height:30px}
  .btn-cta{padding:10px 18px}
}

/* ===== 平板竖屏：首页保持左右分栏，避免整块堆叠 ===== */
@media (min-width:768px) and (max-width:1024px){
  .hero{grid-template-columns:1.05fr 1fr;gap:30px;padding:48px 0 44px;align-items:center}
  .hero h1{font-size:33px}
  .hero p{font-size:15px;margin:16px 0 24px}
  .hero .tag{font-size:12.5px;margin-bottom:16px}
  .masonry{max-width:none}
  .masonry .ph{min-height:170px}
}

/* ===== 大屏手机 / 竖屏小 pad ===== */
@media (max-width:820px){
  .sec{padding:48px 0 0}
  .sec-head{margin-bottom:20px}
  .sec-head h2{font-size:23px}
  .msg{margin-top:48px;padding:32px 22px}
  .appband{padding:34px 26px}
  .article-wrap{gap:20px}
  .phero{padding:40px 0 76px}
}

/* 单栏时首屏瀑布流居中，避免左侧留白 */
@media (max-width:767px){
  .hero{gap:32px;padding:44px 0 38px}
  .masonry{max-width:520px;margin:0 auto}
}

/* ===== 手机 ===== */
@media (max-width:640px){
  .nav{height:62px;gap:12px}
  .logo img{height:28px}
  .btn-cta{padding:9px 14px;font-size:13px}

  .item{flex-direction:column}
  .item .thumb{width:100%;height:168px}
  .item .body{padding:14px 16px 16px}
  .item h3{font-size:16px}

  .hero h1{font-size:28px}
  .phero{padding:34px 0 72px}
  .phero h1{font-size:26px}
  .phero p{font-size:14px}

  .article{padding:22px 18px}
  .article h1{font-size:22px}
  .article .acontent table{display:block;width:100%;overflow-x:auto;white-space:nowrap}
  .article .acontent pre{overflow-x:auto}
  .page-box{padding:22px 18px}
  .formbox{padding:24px 18px}
  .msg-grid{grid-template-columns:1fr}
  .aprev{grid-template-columns:1fr}

  .fmain{grid-template-columns:1fr;gap:26px}
  footer{margin-top:52px;padding-top:42px}

  .sec{padding:42px 0 0}
  .sec-head h2{font-size:22px}
  .works{grid-template-columns:repeat(2,1fr);gap:10px}
  .spots{gap:12px}
  .masonry{gap:10px}
  .appband{padding:30px 22px}
  .appband h2{font-size:21px}

  .pager{gap:6px;margin:26px 0 6px}
  .pager a,.pager span{min-width:34px;height:34px;padding:0 10px;font-size:13px}
  .chips{padding:8px;gap:6px}
  .chips a{padding:8px 12px;font-size:13px}
  .bar{padding:10px 12px;margin:-40px 0 20px}
  .tabs,.sorts{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
  .tabs::-webkit-scrollbar,.sorts::-webkit-scrollbar{display:none}
  .tabs button,.sorts button{flex:0 0 auto}

  /* iOS：输入框 <16px 聚焦会放大整页 */
  .msg-grid input,.msg-grid textarea,.fgrid input,.fgrid textarea{font-size:16px}
  .fqr img{width:96px;height:96px}
}

/* ===== 小屏手机（iPhone SE / 主流 390~430） ===== */
@media (max-width:480px){
  .wrap,.wrap-wide{padding:0 14px}
  .nav{gap:8px}
  .btn-cta{display:none}          /* 抽屉与首屏已有下载入口，避免头部挤爆 */
  .menu-toggle{margin-left:auto}

  .hero{padding:32px 0 30px;gap:26px}
  .hero h1{font-size:26px;line-height:1.4}
  .hero .tag{font-size:12px;padding:6px 12px;margin-bottom:14px}
  .hero p{font-size:14px;line-height:1.85;margin:14px 0 22px}
  .hero-btns{gap:10px}
  .hero-btns .btn{flex:1 1 100%;justify-content:center}
  .download{flex-wrap:wrap;gap:8px;margin-top:20px}
  .store{flex:1 1 auto;text-align:center;padding:8px 12px}

  .works{grid-template-columns:repeat(2,1fr)}
  .spots{grid-template-columns:1fr}
  .mcn{grid-template-columns:1fr}
  .figs{grid-template-columns:repeat(2,1fr)}
  .feats{grid-template-columns:repeat(2,1fr)}

  .sec-head h2{font-size:20px}
  .appband{padding:26px 20px}
  .appband h2{font-size:20px}
  .msg{padding:26px 18px;border-radius:16px}
  .msg h2{font-size:20px}
  .nbig .body{padding:16px 18px 20px}
  .nlist{padding:2px 16px}
  .nlist a{font-size:14px}

  .article{padding:20px 15px;border-radius:14px}
  .article h1{font-size:21px}
  .article .acontent{font-size:15px;line-height:1.95}
  .acontent img{max-width:100%!important;height:auto!important}
  .acontent table{display:block;width:100%;overflow-x:auto;white-space:nowrap}
  .acontent pre{overflow-x:auto}

  .fmain{gap:22px}
  .fqr img{width:92px;height:92px}
  .cp{gap:6px}
}

/* ===== 超小屏（320~360） ===== */
@media (max-width:380px){
  .wrap,.wrap-wide{padding:0 12px}
  .nav{height:58px}
  .logo img{height:25px}
  .hero h1{font-size:23px}
  .hero p{font-size:13.5px}
  .sec-head h2{font-size:19px}
  .works{gap:8px}
  .store{font-size:12px}
  .pager a,.pager span{min-width:31px;padding:0 8px}
}

/* ===== 触屏：去掉悬停位移，保证点击目标尺寸 ===== */
@media (hover:none){
  .item:hover,.spot:hover,.work:hover,.lcard:hover,.card:hover,
  .talents a:hover,.news-grid a:hover,.fdl:hover{transform:none;box-shadow:none}
}
@media (pointer:coarse){
  .pager a,.pager span{min-height:36px}
  .ns-links a{padding:14px}
}