/* =====================================================================
   天堂岛视频论坛 - 响应式样式
   域名：fs505222.cn
   ===================================================================== */

/* ── 平板 ≤ 1024px ─────────────────────────────────────────────────── */
@media (max-width:1024px){
    .footer-grid{grid-template-columns:1fr 1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .hero h2{font-size:2rem;}
    .video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
    .about-intro{grid-template-columns:1fr !important;}
    .contact-grid{grid-template-columns:1fr !important;}
}

/* ── 手机 ≤ 768px ──────────────────────────────────────────────────── */
@media (max-width:768px){
    .nav-menu{display:none;}
    .mobile-toggle{display:flex;}
    .search-box{max-width:none;flex:1;}
    .header-inner{flex-wrap:wrap;}
    .hero{padding:40px 0 36px;}
    .hero h2{font-size:1.6rem;}
    .hero p{font-size:.9rem;}
    .hero-btns{flex-direction:column;align-items:center;}
    .hero-btns .btn{width:80%;justify-content:center;}
    .section{padding:32px 0;}
    .section-title{font-size:1.2rem;}
    .video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
    .ai-grid{grid-template-columns:1fr;}
    .reviews-grid{grid-template-columns:1fr;}
    .experts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
    .category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;}
    .footer-grid{grid-template-columns:1fr;gap:24px;}
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
    .stat-num{font-size:1.4rem;}
    .page-hero h2{font-size:1.5rem;}
    .faq-list summary{padding:14px 18px;font-size:.88rem;}
    .faq-answer{padding:0 18px 16px;font-size:.84rem;}
}

/* ── 小手机 ≤ 480px ────────────────────────────────────────────────── */
@media (max-width:480px){
    body{font-size:14px;}
    .container{padding:0 14px;}
    .hero h2{font-size:1.35rem;}
    .hero-btns .btn{width:100%;}
    .video-grid{grid-template-columns:1fr;}
    .category-grid{grid-template-columns:repeat(3,1fr);}
    .experts-grid{grid-template-columns:1fr;}
    .logo img{height:34px;}
    .top-bar{font-size:.72rem;}
    .top-bar .top-bar-right{display:none;}
}