/* =========================================================
   JJJ搜服 v3 - 响应式
   ========================================================= */

/* ---------- 平板 / 小屏桌面 ---------- */
@media (max-width: 1024px){
  .card-grid{grid-template-columns:repeat(2,1fr);}
  .cat-grid{grid-template-columns:repeat(3,1fr);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .footer-in{grid-template-columns:1fr 1fr;gap:20px;}
  .hero-text .ht-name{font-size:48px;}
}

/* ---------- 992 以下：汉堡菜单 ---------- */
@media (max-width: 992px){
  .header-in{gap:14px;flex-wrap:wrap;}
  .search{order:3;flex-basis:100%;max-width:none;}
  .dl-btn{margin-left:auto;}
  .nav-in{position:relative;}
  .nav-toggle{display:flex;}
  .nav ul{
    position:absolute;top:100%;left:0;right:0;z-index:990;
    display:none;flex-direction:column;gap:6px;
    background:#fff;padding:12px 14px;border-bottom:2px solid var(--red);
    box-shadow:0 18px 40px rgba(84,60,20,.18);
  }
  .nav ul.open{display:flex;max-height:calc(100vh - 120px);overflow:auto;}
  .nav li a{text-align:center;padding:12px 16px;border-radius:12px;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .hero{height:auto;}
  .hero-viewport{height:220px;}
  .hero-text .ht-name{font-size:40px;letter-spacing:6px;}
  .hero-text .ht-domain{font-size:17px;letter-spacing:4px;}
  .hero-text .ht-slogan{font-size:14px;}
  .calendar{grid-template-columns:repeat(4,1fr);}
}

/* ---------- 手机 ---------- */
@media (max-width: 768px){
  .topbar-in{justify-content:center;height:30px;}
  .tb-left{font-size:11px;text-align:center;}
  .tb-right{display:none;}
  .logo img{height:46px;}
  .search input{height:40px;border-radius:20px 0 0 20px;font-size:13px;}
  .search button{height:40px;padding:0 18px;font-size:13px;letter-spacing:2px;}
  .dl-btn{height:38px;padding:0 15px;font-size:12.5px;border-radius:19px;}
  .hero{padding:10px 0 2px;}
  .hero-viewport{height:168px;border-radius:16px;border-width:2px;}
  .hero-arrow{width:32px;height:32px;font-size:13px;}
  .hero-text .ht-name{font-size:30px;letter-spacing:4px;-webkit-text-stroke-width:1px;}
  .hero-text .ht-domain{font-size:13px;letter-spacing:3px;margin-top:5px;}
  .hero-text .ht-slogan{font-size:11.5px;padding:5px 14px;margin-top:8px;}
  .hero-corner{font-size:10px;padding:3px 9px;right:8px;top:8px;}
  .ad-box{margin:10px 0 2px;padding:9px;}
  .panel{margin:10px 0;border-radius:15px;}
  .panel-hd{padding:11px 14px;}
  .panel-hd h2,.panel-hd h3{font-size:15px;}
  .panel-bd{padding:12px 12px;}
  .stats{gap:9px;margin:10px 0;}
  .stat-card{padding:12px 11px;gap:9px;border-radius:15px;}
  .stat-ico{width:37px;height:37px;border-radius:10px;}
  .stat-ico svg{width:20px;height:20px;}
  .stat-num{font-size:21px;}
  .stat-label{font-size:11.5px;}
  .ticker{padding:9px 12px;gap:9px;}
  .ticker-label{font-size:11px;padding:4px 9px;}
  .ticker-track span{font-size:12px;}
  .card-grid{grid-template-columns:1fr;gap:11px;}
  .card-item{padding:13px 13px 11px;border-radius:15px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .cat-mask b{font-size:14px;}
  .hot-list{grid-template-columns:1fr;}
  .hot-pop{width:92px;}
  .news-grid{grid-template-columns:1fr;}
  .news-card b{font-size:13px;}
  .calendar{grid-template-columns:repeat(4,1fr);gap:7px;}
  .cal-day{padding:8px 4px;}
  .cal-date b{font-size:18px;}
  .cal-day p span{display:none;}
  .footer-in{grid-template-columns:1fr 1fr;gap:18px;padding:24px 14px 18px;}
  .backtop{right:16px;bottom:78px;width:40px;height:40px;border-radius:12px;}
  .mnav{display:grid;}
  body{padding-bottom:62px;}
  .article{padding:15px 14px;}
  .article h1{font-size:19px;}
  .article h2{font-size:16px;}
  .article p,.article li{font-size:13.5px;}
  .seo-text{padding:13px 14px;font-size:13px;}
  .dl-big{height:48px;padding:0 26px;font-size:15px;}
  .faq-item .faq-body{padding-left:15px;}
  .filter-bar .tab{padding:6px 12px;font-size:11.5px;}
  .filter-sel{height:32px;font-size:12px;}
  .modal{border-radius:16px;}
  .modal-bd{padding:14px;}
}

/* ---------- 小屏手机 ---------- */
@media (max-width: 420px){
  .hero-viewport{height:150px;}
  .hero-text .ht-name{font-size:25px;letter-spacing:3px;}
  .hero-text .ht-domain{font-size:11.5px;letter-spacing:2px;}
  .hero-text .ht-slogan{font-size:10.5px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);}
  .footer-in{grid-template-columns:1fr;}
  .logo img{height:40px;}
  .dl-btn{padding:0 11px;font-size:11.5px;}
  .hot-op .btn{padding:0 8px;font-size:10.5px;}
}