/* ============================================
 * 响应式样式 - 平板与移动端适配
 * ============================================ */

/* 平板（1024px 以下） */
@media (max-width: 1024px) {
  .container { max-width: 100%; padding: 0 20px; }

  /* 导航字号略缩 */
  .nav-link { padding: 0 16px; font-size: 13px; }

  /* 焦点图缩小 */
  .slide-content { padding: 20px; }
  .slide-title { font-size: 18px; }

  /* 栏目分两列 */
  .about-features { grid-template-columns: repeat(2, 1fr); }
  .markets-grid { grid-template-columns: repeat(3, 1fr); }
  .partners-grid { grid-template-columns: repeat(4, 1fr); }

  /* 单页变单列 */
  .single-page-wrap { grid-template-columns: 1fr; }
  .sidebar { position: static; flex-direction: row; flex-wrap: wrap; }
  .sidebar-card { flex: 1; min-width: 240px; }
}

/* 大手机/小平板（768px 以下） */
@media (max-width: 768px) {
  /* 顶部信息条隐藏 */
  .top-bar { display: none; }

  /* Logo 字号缩小 */
  .site-title h1 { font-size: 18px; }
  .site-subtitle { font-size: 9px; }
  .logo-badge { width: 48px; height: 48px; }
  .logo-text { font-size: 18px; }

  /* 显示移动菜单按钮 */
  .mobile-menu-toggle { display: flex; }

  /* 导航变成抽屉式 */
  .main-nav { position: fixed; top: 0; left: 0; right: 0; }
  .nav-list {
    display: none;
    flex-direction: column;
    height: auto;
    background: var(--gov-blue);
    padding: 8px 0;
    box-shadow: var(--shadow-lg);
  }
  .nav-list.show { display: flex; }
  .nav-list li { width: 100%; }
  .nav-link {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .home-badge { display: none; }

  /* 焦点区单列 */
  .hero-grid { grid-template-columns: 1fr; }
  .hero-main { aspect-ratio: 16/9; }
  .slide-content { padding: 16px; }
  .slide-title { font-size: 16px; }
  .slide-excerpt { display: none; }
  .slider-btn { width: 36px; height: 36px; font-size: 22px; }

  /* 中心简介单列 */
  .about-main { grid-template-columns: 1fr; }
  .about-card { aspect-ratio: 16/9; max-width: 400px; margin: 0 auto; }
  .about-stats { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .about-stat { padding: 12px 8px; }
  .stat-num { font-size: 22px; }

  /* 栏目新闻单列 */
  .news-list { grid-template-columns: 1fr; }

  /* 市场卡片两列 */
  .markets-grid { grid-template-columns: repeat(2, 1fr); }

  /* 国资系统两列 */
  .partners-grid { grid-template-columns: repeat(3, 1fr); }

  /* 页脚调整 */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 0;
  }
  .footer-col-qrcode { align-items: center; }

  /* 文章列表单列布局 */
  .article-link { flex-direction: column; gap: 12px; padding: 16px; }
  .article-thumb { width: 100%; }
  .article-title { font-size: 16px; }

  /* 详情页内边距 */
  .article-container { padding: 20px; }
  .article-h1 { font-size: 20px; }
  .article-info { gap: 8px; }

  /* 上下篇导航单列 */
  .article-nav { grid-template-columns: 1fr; }
  .nav-next { text-align: left; }

  /* 单页内容 */
  .single-page-content { padding: 20px; }

  /* 标题字号缩小 */
  .section-title { font-size: 22px; }
  .news-section-title { font-size: 20px; }

  /* 分页水平滚动 */
  .pagination ul { flex-wrap: wrap; justify-content: center; }

  /* 回到顶部缩小 */
  .back-to-top { width: 40px; height: 40px; bottom: 16px; right: 16px; }
}

/* 手机（480px 以下） */
@media (max-width: 480px) {
  .container { padding: 0 12px; }

  /* Logo 进一步缩小 */
  .header .container { padding: 12px; gap: 8px; }
  .site-title h1 { font-size: 15px; }
  .site-subtitle { display: none; }
  .logo-badge { width: 40px; height: 40px; }
  .logo-text { font-size: 14px; }

  /* 焦点图 */
  .slide-title { font-size: 14px; }
  .slide-tags { gap: 4px; }
  .tag-date, .tag-hot { font-size: 10px; padding: 2px 6px; }

  /* 标题装饰 */
  .section-english { font-size: 10px; letter-spacing: 2px; }
  .section-english::before, .section-english::after { width: 20px; }
  .section-title { font-size: 20px; }

  /* 市场卡片单列 */
  .markets-grid { grid-template-columns: 1fr; }
  .market-card { padding: 16px; }

  /* 国资系统两列 */
  .partners-grid { grid-template-columns: repeat(2, 1fr); }

  /* 页脚版权信息纵向 */
  .copyright .container { flex-direction: column; text-align: center; }
  .copyright-left, .copyright-right { justify-content: center; }

  /* 文章标题 */
  .article-h1 { font-size: 18px; line-height: 1.5; }
  .article-meta { gap: 8px; font-size: 11px; }
  .article-read-more { display: none; }

  /* 详情页字号 */
  .article-content { font-size: 14px; }
  .article-content p { margin-bottom: 12px; }

  /* 单页内容 */
  .single-page-content { padding: 16px; }
  .content-header h1 { font-size: 20px; }

  /* 页面横幅 */
  .page-title { font-size: 22px; }

  /* 简介特色卡片单列 */
  .about-features { grid-template-columns: 1fr; }

  /* 标签缩小 */
  .market-tag { font-size: 9px; padding: 1px 6px; }

  /* 头条要闻侧栏 */
  .side-title { font-size: 12px; }
}

/* 触摸设备优化 */
@media (hover: none) {
  .news-item:hover .news-title { transform: none; }
  .news-item:hover .news-arrow { transform: none; }
  .market-card:hover { transform: none; }
  .article-item:hover { transform: none; }
  .feature-card:hover { transform: none; }
}

/* 打印样式 */
@media print {
  .top-bar, .main-nav, .back-to-top, .mobile-menu-toggle,
  .slider-btn, .slider-dots, .footer, .friend-links { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; text-decoration: underline; }
}
