/* ============================================
   问鼎娱乐 - 响应式样式
   Mobile-First Strategy
   断点: 640px, 768px, 1024px, 1280px
   ============================================ */

/* --- Max 1280px --- */
@media (max-width: 1280px) {
    .wd-container { max-width: 1024px; }
    .wd-footer-grid { gap: 30px; }
}

/* --- Max 1024px --- */
@media (max-width: 1024px) {
    .wd-events-grid { grid-template-columns: repeat(2, 1fr); }
    .wd-articles-grid { grid-template-columns: repeat(2, 1fr); }
    .wd-prediction-cards { grid-template-columns: repeat(2, 1fr); }
    .wd-betting-hall { grid-template-columns: 1fr; }
    .wd-betting-sidebar { display: none; }
    .wd-betslip { display: none; }
    .wd-trust-layout { grid-template-columns: 1fr; gap: 30px; }
    .wd-footer-grid { grid-template-columns: repeat(2, 1fr); }
    .wd-app-layout { grid-template-columns: 1fr; text-align: center; }
    .wd-app-mockup img { max-width: 260px; }
    .wd-nav-links { display: none; }
    .wd-menu-toggle { display: flex; }
    .wd-nav-links.wd-mobile-open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: rgba(26, 26, 26, 0.98);
        padding: 20px;
        border-bottom: 2px solid var(--wd-accent);
        gap: 0;
    }
    .wd-nav-links.wd-mobile-open li a {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(140, 120, 83, 0.15);
    }
}

/* --- Max 768px --- */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.6rem; }
    .wd-section { padding: 50px 0; }
    .wd-section-title { margin-bottom: 40px; }
    .wd-hero-content h1 { font-size: 2.2rem; }
    .wd-hero-subtitle { font-size: 1rem; }
    .wd-video-grid { grid-template-columns: 1fr; }
    .wd-events-grid { grid-template-columns: 1fr; }
    .wd-articles-grid { grid-template-columns: 1fr; }
    .wd-prediction-cards { grid-template-columns: 1fr; }
    .wd-app-features { grid-template-columns: 1fr; }
    .wd-footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .wd-partners-grid { grid-template-columns: repeat(2, 1fr); }
    .wd-hero-cta { flex-direction: column; align-items: center; }
    .wd-countdown-timer { gap: 10px; }
    .wd-countdown-num { font-size: 1.5rem; }
    .wd-page-header { padding: 100px 0 40px; }
    .wd-page-header h1 { font-size: 2rem; }
    .wd-register-box { padding: 25px; }
    .wd-image-grid { grid-template-columns: 1fr; }
    .wd-download-btns { flex-direction: column; align-items: center; }
    .wd-nav-actions { gap: 5px; }
    .wd-btn-login, .wd-btn-register { padding: 6px 14px; font-size: 0.8rem; }
}

/* --- Max 640px --- */
@media (max-width: 640px) {
    html { font-size: 14px; }
    .wd-hero-content h1 { font-size: 1.8rem; }
    .wd-hero-countdown { padding: 15px; }
    .wd-countdown-num { font-size: 1.3rem; }
    .wd-btn-primary, .wd-btn-outline { padding: 12px 28px; font-size: 0.9rem; }
    .wd-odds-table { min-width: 500px; }
    .wd-trust-badges { justify-content: center; }
    .wd-trust-badge { width: 70px; height: 70px; }
    .wd-partners-grid { grid-template-columns: repeat(2, 1fr); }
    .wd-footer-bottom p { font-size: 0.7rem; }
}