/* ============================================
   壹号娱乐 - 响应式样式 yh-responsive.css
   断点: xs(<640) sm(640-767) md(768-1023) lg(1024-1279) xl(>=1280)
   ============================================ */

/* --- lg: 小屏笔记本 --- */
@media (max-width: 1279px) {
  .yh-container { padding: 0 1.5rem; }
  .yh-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .yh-footer-top { grid-template-columns: repeat(2, 1fr); }
  .yh-content-layout { grid-template-columns: 1fr 260px; }
}

/* --- md: 平板 --- */
@media (max-width: 1023px) {
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.8rem; }
  .yh-hero h1 { font-size: 2.8rem; }
  .yh-grid-3 { grid-template-columns: repeat(2, 1fr); }
  .yh-interview { grid-template-columns: 1fr; }
  .yh-interview-portrait { max-width: 300px; margin: 0 auto; }
  .yh-article-list { grid-template-columns: 1fr; }
  .yh-content-layout { grid-template-columns: 1fr; }
  .yh-sidebar { position: static; }
  .yh-nav-links { gap: 1.2rem; }
  .yh-nav-links a { font-size: 0.85rem; }
}

/* --- sm: 手机横屏 --- */
@media (max-width: 767px) {
  .yh-nav-links { 
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background: var(--yh-primary);
    flex-direction: column;
    padding: 2rem;
    gap: 1.5rem;
    border-top: 1px solid var(--yh-secondary);
    z-index: 999;
  }
  .yh-nav-links.yh-nav-open {
    display: flex;
  }
  .yh-hamburger { display: flex; }
  .yh-btn-subscribe { display: none; }
  .yh-hero h1 { font-size: 2rem; }
  .yh-hero-subtitle { font-size: 0.95rem; letter-spacing: 1px; }
  .yh-grid-2,
  .yh-grid-3,
  .yh-grid-4 { grid-template-columns: 1fr; }
  .yh-footer-top { grid-template-columns: 1fr; }
  .yh-section { padding: 3rem 0; }
  .yh-article-list-item { flex-direction: column; }
  .yh-article-list-img { width: 100%; height: 200px; }
  .yh-article-list-body { padding: 1.2rem; }
  .yh-app-features { flex-direction: column; gap: 1.5rem; }
  .yh-app-buttons { flex-direction: column; align-items: center; }
  .yh-filter-bar { flex-direction: column; }
  .yh-filter-bar select,
  .yh-filter-bar input { width: 100%; }
  .yh-page-header { height: 40vh; min-height: 280px; }
  .yh-page-header h1 { font-size: 1.8rem; }
  .yh-timeline { flex-direction: column; min-width: auto; }
  .yh-timeline-item { min-width: auto; }
  .yh-trend-card { flex-direction: column; }
  .yh-trend-card-img { width: 100%; height: 180px; }
  .yh-city-feature { height: 280px; }
  .yh-partners { gap: 1.5rem; }
  .yh-partner-badge { padding: 1rem; }
}

/* --- xs: 手机竖屏 --- */
@media (max-width: 639px) {
  html { font-size: 14px; }
  .yh-container { padding: 0 1rem; }
  .yh-hero { min-height: 500px; }
  .yh-hero h1 { font-size: 1.6rem; }
  .yh-hero-vol { font-size: 0.75rem; letter-spacing: 3px; }
  .yh-artdeco-frame { top: 5%; left: 5%; right: 5%; bottom: 5%; }
  .yh-section-title h2 { font-size: 1.5rem; }
  .yh-club-card-img { height: 160px; }
  .yh-sort-bar { flex-wrap: wrap; }
  .yh-footer-newsletter { flex-direction: column; }
  .yh-footer-newsletter input { border-right: 1px solid rgba(192,178,131,0.3); border-radius: var(--yh-radius); }
  .yh-footer-newsletter button { border-radius: var(--yh-radius); margin-top: 0.5rem; }
}