/* =====================================================
   圣淘沙游戏官网 - 响应式样式 responsive.css v2
   ===================================================== */

/* ---------- 平板 ≤1024px ---------- */
@media (max-width: 1024px) {
    .container { padding: 0 20px; }
    .header-inner { height: 64px; gap: 16px; }
    .main-nav ul { gap: 4px; }
    .main-nav a { padding: 6px 10px; font-size: .88rem; }
    .search-form input { width: 140px; }
    .btn-login, .btn-register { padding: 7px 14px; font-size: .82rem; }
    .logo-img { height: 48px; }

    .hero-slider { height: 500px; }
    .slide h1 { font-size: 2.2rem; }
    .slide p { font-size: 1rem; }

    .games-grid { grid-template-columns: repeat(2, 1fr); }
    .game-card-large { grid-row: span 1; }
    .game-card-large .game-cover { height: 200px; }

    .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 32px 16px; }
    .news-layout { grid-template-columns: 1fr; }

    .service-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: 1fr; gap: 40px; }

    .partners-grid { grid-template-columns: repeat(4, 1fr); }
    .footer-top { grid-template-columns: repeat(3, 1fr); }
    .footer-brand { grid-column: span 3; }
}

/* ---------- 手机 ≤768px ---------- */
@media (max-width: 768px) {
    .top-bar { display: none; }
    .header-inner { height: 56px; }
    .main-nav, .header-right .search-form, .header-right .btn-login { display: none; }
    .mobile-menu-toggle { display: flex; }
    .logo-img { height: 42px; }

    .hero-slider { height: 420px; }
    .slide h1 { font-size: 1.6rem; }
    .slide p { font-size: .88rem; margin-bottom: 20px; }
    .slide-actions { flex-direction: column; gap: 10px; }
    .btn { padding: 12px 24px; font-size: .88rem; }
    .slider-arrows { display: none; }

    .section { padding: 56px 0; }
    .section-header h2 { font-size: 1.7rem; }
    .section-header { margin-bottom: 36px; }

    .games-grid { grid-template-columns: 1fr; gap: 16px; }
    .game-cover { height: 180px; }
    .game-card-large .game-cover { height: 220px; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .stat-num { font-size: 2.2rem; }

    .news-featured { flex-direction: column; }
    .news-thumb { height: 180px; }

    .service-grid { grid-template-columns: 1fr; gap: 16px; }
    .service-card { padding: 28px 20px; }

    .about-text h2 { font-size: 1.6rem; }
    .partners-grid { grid-template-columns: repeat(3, 1fr); }

    .footer-top { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: span 2; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
    .footer-legal a { margin: 0 10px; }

    .back-to-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }

    .page-banner { height: 280px; }
    .page-banner .banner-content h1 { font-size: 1.8rem; }
}

/* ---------- 小屏手机 ≤480px ---------- */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .hero-slider { height: 360px; }
    .slide h1 { font-size: 1.3rem; }
    .slide-tag { font-size: .72rem; padding: 3px 10px; }

    .section-header h2 { font-size: 1.4rem; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .partners-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-top { grid-template-columns: 1fr; }
    .footer-brand { grid-column: span 1; }
    .footer-cert { flex-direction: column; gap: 8px; }

    .page-banner { height: 220px; }
    .page-banner .banner-content h1 { font-size: 1.4rem; }
}

/* ---------- 深色模式 & 减少动画 ---------- */
@media (prefers-color-scheme: dark) { /* 已是深色主题 */ }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ---------- 打印样式 ---------- */
@media print {
    .header, .footer, .hero-slider, .back-to-top, .mobile-menu-toggle { display: none; }
    body { background: #fff; color: #000; }
    a { color: #000; text-decoration: underline; }
}