/* ============================================
   东升国际 - 响应式样式 dt-responsive.css
   ============================================ */

/* --- xl: >= 1280px (default) --- */

/* --- lg: 1024px - 1279px --- */
@media (max-width: 1279px) {
  .dt-hero h1 { font-size: 3rem; }
  .dt-hero-stat-num { font-size: 2rem; }
  .dt-footer-grid { gap: 32px; }
  .dt-data-wall-preview { gap: 32px; }
}

/* --- md: 768px - 1023px --- */
@media (max-width: 1023px) {
  .dt-hero h1 { font-size: 2.5rem; }
  .dt-hero-stats { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .dt-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .dt-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .dt-data-wall-preview { grid-template-columns: 1fr; }
  .dt-policy-section { grid-template-columns: 1fr; }
  .dt-community-inner { grid-template-columns: 1fr; gap: 40px; }
  .dt-footer-grid { grid-template-columns: repeat(2, 1fr); }
  .dt-article-sidebar { grid-template-columns: 1fr; }
  .dt-page-header { height: 320px; }
  .dt-page-header h1 { font-size: 2rem; }
  .dt-app-features { grid-template-columns: repeat(2, 1fr); }
  .dt-filter-bar { flex-direction: column; }
  .dt-filter-group { min-width: 100%; }
}

/* --- sm: 640px - 767px --- */
@media (max-width: 767px) {
  .dt-nav-menu { display: none; }
  .dt-nav-cta-wrapper { display: none; }
  .dt-hamburger { display: flex; }

  .dt-nav-menu.dt-menu-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: var(--dt-black);
    border-bottom: 2px solid var(--dt-gold);
    padding: 16px 0;
    z-index: 999;
  }

  .dt-nav-menu.dt-menu-open li a {
    padding: 12px 24px;
  }

  .dt-hero { min-height: 600px; }
  .dt-hero h1 { font-size: 2rem; }
  .dt-hero-desc { font-size: 0.9rem; }
  .dt-hero-buttons { flex-direction: column; align-items: center; }
  .dt-hero-stats { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .dt-hero-stat-num { font-size: 1.8rem; }

  .dt-section { padding: 48px 0; }
  h2 { font-size: 1.5rem; }

  .dt-grid-4,
  .dt-grid-3,
  .dt-grid-2 { grid-template-columns: 1fr; }

  .dt-community-inner { grid-template-columns: 1fr; }
  .dt-community-form { padding: 24px; }

  .dt-footer-grid { grid-template-columns: 1fr; gap: 32px; }

  .dt-page-header { height: 280px; }
  .dt-page-header h1 { font-size: 1.75rem; }

  .dt-app-features { grid-template-columns: 1fr; }
  .dt-download-buttons { flex-direction: column; align-items: center; }

  .dt-partner-logos { gap: 24px; }
  .dt-award-badges { flex-direction: column; align-items: center; }

  .dt-marquee-item { padding: 0 24px; font-size: 0.8rem; }
}

/* --- xs: < 640px --- */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .dt-container { padding: 0 16px; }
  .dt-hero h1 { font-size: 1.75rem; }
  .dt-hero-badge { font-size: 0.7rem; }
  .dt-btn-primary, .dt-btn-outline { padding: 12px 24px; font-size: 0.85rem; }
  .dt-news-card { padding: 20px; }
  .dt-section { padding: 40px 0; }
  .dt-section-subtitle { font-size: 0.9rem; }
  .dt-legal-content { padding: 32px 16px; }
  .dt-article-content { padding: 32px 16px; }
}