/* 手机端横向栏目导航与触控优化 */
@media (max-width:980px){
  .nav{
    height:auto;
    min-height:68px;
    flex-wrap:wrap;
    padding-top:10px;
    padding-bottom:8px;
    gap:8px;
  }
  .logo{min-height:50px}
  .menu{
    display:flex;
    order:3;
    width:100%;
    gap:8px;
    overflow-x:auto;
    padding:7px 0 4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .menu::-webkit-scrollbar{display:none}
  .menu a{
    flex:0 0 auto;
    white-space:nowrap;
    padding:8px 12px;
    border-radius:999px;
    background:#f1f5f9;
    color:#334155;
    font-size:14px;
  }
  .menu a.active{background:#092646;color:#fff}
  .mobile-menu{display:none}
  .topbar .wrap{padding:7px 14px;gap:2px;text-align:center}
  .hero{min-height:420px}
  .hero .inner{padding:58px 18px}
  .hero h1{font-size:32px}
  .hero p{font-size:17px;line-height:1.6}
  .btn{min-height:46px;padding:12px 22px}
  .float{min-height:46px;padding:12px 18px}
}

@media (max-width:520px){
  .logo .mark{width:40px;height:40px;font-size:20px}
  .logo small{font-size:10px}
  .hero h1{font-size:28px}
  .page-hero{min-height:330px}
  .section{padding:44px 14px}
  .panel,.news-list{padding:22px 18px}
  .card .body{padding:20px}
  .section-title h2{font-size:27px}
  .thumb-strip{grid-template-columns:1fr}
  .news-item{gap:12px;align-items:flex-start}
  .news-item time{white-space:nowrap}
}