/* ========================================
   聚展网手机版样式仿制 - 仅影响手机端
   ======================================== */

/* 手机端适配 (768px以下) */
@media (max-width: 768px) {
  /* === 1. 顶部导航栏 === */
  .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    background: #fff !important;
    padding: 0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
  }
  
  .header-inner {
    height: 44px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  
  .site-logo img {
    height: 22px !important;
    width: auto !important;
    margin-right: 8px !important;
  }
  
  /* 隐藏桌面导航，显示汉堡菜单 */
  .main-navigation {
    display: none !important;
  }
  
  .mobile-menu-toggle {
    display: block !important;
    background: none !important;
    border: none !important;
    font-size: 22px !important;
    color: #333 !important;
    cursor: pointer;
    padding: 6px 8px !important;
    line-height: 1 !important;
  }
  
  /* 搜索框 - 顶部简化 */
  .header-search {
    flex: 1 !important;
    max-width: 180px !important;
    margin-left: 8px !important;
  }
  
  .header-search form {
    display: flex !important;
    align-items: center !important;
  }
  
  .header-search input {
    width: 100% !important;
    height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    background: #f5f5f5 !important;
    outline: none;
  }
  
  .header-search button {
    display: none !important;
  }
  
  .header-search .login-btn {
    font-size: 13px !important;
    color: #e50113 !important;
    white-space: nowrap !important;
    margin-left: 8px !important;
  }

  /* === 2. Hero 搜索区 === */
  .hero-section {
    background: linear-gradient(180deg, #e50113 0%, #c00010 40%, #f2f2f2 100%) !important;
    padding: 50px 0 24px !important;
    margin-top: 44px !important;
  }
  
  .hero-content {
    padding: 0 16px !important;
  }
  
  .hero-title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
    line-height: 1.4 !important;
  }
  
  /* 胶囊形搜索框 */
  .hero-search {
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    border-radius: 999px !important;
    padding: 4px 4px 4px 16px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
    margin-bottom: 14px !important;
  }
  
  .hero-search input[type="search"] {
    flex: 1 !important;
    border: none !important;
    outline: none;
    font-size: 14px !important;
    color: #333 !important;
    background: transparent !important;
    padding: 8px 0 !important;
    min-width: 0 !important;
  }
  
  .hero-search input[type="search"]::placeholder {
    color: #bbb !important;
    font-size: 13px !important;
  }
  
  .hero-search button[type="submit"] {
    flex-shrink: 0 !important;
    background: linear-gradient(135deg, #e50113, #f60) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    white-space: nowrap !important;
  }
  
  /* === 3. 热门城市 - 横滑标签 === */
  .hot-cities {
    display: flex !important;
    align-items: center !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 4px 0 8px !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    font-size: 12px !important;
    color: rgba(255,255,255,0.8) !important;
  }
  
  .hot-cities::-webkit-scrollbar {
    display: none !important;
  }
  
  .hot-cities a {
    display: inline-block !important;
    padding: 4px 12px !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 12px !important;
    text-decoration: none;
    flex-shrink: 0 !important;
    transition: background 0.2s;
  }
  
  .hot-cities a:active {
    background: rgba(255,255,255,0.2) !important;
  }

  /* === 4. 行业分类 - 5列网格 === */
  .industry-section {
    padding: 16px 0 8px !important;
  }
  
  .industry-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 4px !important;
    padding: 8px 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  
  .industry-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 60px !important;
    height: 65px !important;
    padding: 4px 2px !important;
    background: #fff !important;
    border-radius: 6px !important;
    text-decoration: none;
    transition: transform 0.15s;
    text-align: center !important;
  }
  
  .industry-item:active {
    transform: scale(0.93);
  }
  
  .industry-item .industry-icon,
  .industry-item .cat-icon {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff6b35, #e50113) !important;
    flex-shrink: 0 !important;
  }
  
  .industry-item .industry-name,
  .industry-item .cat-name {
    font-size: 11px !important;
    color: #333 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    max-width: 100% !important;
  }
  
  /* 纯文字行业分类（当前模板） */
  .industry-item:not(:has(.industry-icon)) {
    font-size: 12px !important;
    color: #333 !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* === 5. 区块标题 - 左侧红色竖条 === */
  .section-title,
  .section-header h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1d1e !important;
    margin: 0 0 12px 0 !important;
    padding-left: 12px !important;
    border-left: 4px solid #e50113 !important;
    line-height: 1.3 !important;
  }
  
  .section-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    padding: 16px 0 0 !important;
  }
  
  .section-header h2 {
    margin-bottom: 0 !important;
    flex: 1 !important;
  }
  
  .section-header .more-link {
    font-size: 13px !important;
    color: #999 !important;
    text-decoration: none;
    flex-shrink: 0 !important;
    margin-left: 12px !important;
  }
  
  .filter-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 8px !important;
    font-size: 12px !important;
  }
  
  .filter-tabs a {
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #f5f5f5 !important;
    color: #666 !important;
    text-decoration: none;
    font-size: 12px !important;
  }
  
  .filter-tabs a.active {
    background: linear-gradient(135deg, #e50113, #f60) !important;
    color: #fff !important;
  }
  
  .filter-tabs span {
    display: none !important;
  }

  /* === 6. 展会卡片 === */
  .exhibition-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-bottom: 12px !important;
  }
  
  .exhibition-card {
    display: flex !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.15s;
  }
  
  .exhibition-card:active {
    transform: scale(0.98);
  }
  
  /* 展会图片/Logo */
  .exhibition-card .card-logo {
    flex-shrink: 0 !important;
    width: 108px !important;
    height: 108px !important;
    margin-right: 12px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
  }
  
  .exhibition-card .card-logo img {
    width: 108px !important;
    height: 108px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
  }
  
  .exhibition-card .card-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  
  .exhibition-card .card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1d1e !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }
  
  .exhibition-card .card-title a {
    color: #1a1d1e !important;
    text-decoration: none;
  }
  
  .exhibition-card .card-title .hot-tag {
    display: inline-block !important;
    padding: 1px 6px !important;
    background: linear-gradient(135deg, #e50113, #ff6600) !important;
    color: #fff !important;
    font-size: 10px !important;
    border-radius: 4px !important;
    margin-right: 4px !important;
    font-weight: 500 !important;
    vertical-align: middle;
  }
  
  .exhibition-card .card-info {
    margin-bottom: 4px !important;
  }
  
  .exhibition-card .card-info .date {
    font-size: 14px !important;
    color: #999 !important;
  }
  
  .exhibition-card .card-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-top: auto !important;
  }
  
  .exhibition-card .card-meta .views {
    color: #999 !important;
  }
  
  .exhibition-card .card-meta .days {
    padding: 2px 8px !important;
    background: linear-gradient(135deg, #e50113, #ff6600) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }

  /* === 7. 列表卡片（国际展会/国内展会） === */
  .exhibition-list-section {
    padding: 0 12px !important;
  }
  
  .list-layout {
    display: block !important;
  }
  
  .list-sidebar {
    display: none !important;
  }
  
  .list-content {
    width: 100% !important;
  }
  
  .list-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  .list-card {
    display: flex !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  }
  
  .list-card .card-thumb {
    flex-shrink: 0 !important;
    width: 108px !important;
    height: 108px !important;
    margin-right: 12px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
  }
  
  .list-card .card-thumb img {
    width: 108px !important;
    height: 108px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
  }
  
  .list-card .card-info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  
  .list-card .card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1d1e !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }
  
  .list-card .card-title a {
    color: #1a1d1e !important;
    text-decoration: none;
  }
  
  .list-card .card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 14px !important;
    color: #999 !important;
    margin-top: 4px !important;
  }
  
  .list-card .card-meta:last-child {
    margin-top: auto !important;
  }

  /* === 8. 展馆区域 === */
  .venue-section {
    padding: 16px 12px !important;
  }
  
  .venue-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  
  .venue-card {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    background: #fff !important;
  }
  
  .venue-card .card-image {
    position: relative !important;
    height: 120px !important;
    overflow: hidden !important;
  }
  
  .venue-card .card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  
  .venue-card .card-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 8px 10px !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.7)) !important;
    color: #fff !important;
  }
  
  .venue-card .card-overlay .card-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 0 2px !important;
    line-height: 1.3 !important;
  }
  
  .venue-card .card-overlay .card-count {
    font-size: 11px !important;
    opacity: 0.85;
    margin: 0 !important;
  }

  /* === 9. 最新动态 === */
  .news-section {
    padding: 16px 12px !important;
  }
  
  .news-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  
  .news-col h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    padding-left: 10px !important;
    border-left: 3px solid #e50113 !important;
  }
  
  .news-list {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .news-list li {
    display: flex !important;
    align-items: flex-start !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    font-size: 14px !important;
  }
  
  .news-list li .date {
    flex-shrink: 0 !important;
    width: 40px !important;
    font-size: 12px !important;
    color: #999 !important;
  }
  
  .news-list li a {
    color: #333 !important;
    text-decoration: none;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  /* === 10. 主内容区域 === */
  .site-main {
    margin-top: 44px !important;
    padding: 0 !important;
  }
  
  .container {
    padding: 0 12px !important;
    max-width: 100% !important;
  }

  /* === 11. 侧边栏卡片 === */
  .sidebar-card {
    background: #fff !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  }
  
  .sidebar-card h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1d1e !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e50113 !important;
  }
  
  /* 感兴趣人数卡片 */
  .interested-users {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #333 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
  }
  
  .user-count {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #333 !important;
    display: block !important;
    margin-bottom: 4px !important;
  }
  
  .tag-link {
    display: inline-block !important;
    padding: 6px 16px !important;
    background: rgba(102,126,234,0.15) !important;
    color: #333 !important;
    border-radius: 999px !important;
    text-decoration: none;
    font-size: 13px !important;
    margin-top: 8px !important;
  }
  
  /* 展位客服卡片 */
  .sales-contact {
    background: #fff !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }
  
  .sales-contact h3 {
    color: #e50113 !important;
    border-bottom-color: #e50113 !important;
  }
  
  .phone-label {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 8px !important;
  }
  
  .phone-number {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #e50113 !important;
    padding: 12px !important;
    background: #fef5f5 !important;
    border-radius: 8px !important;
  }
  
  .phone-number::before {
    content: "📞";
    font-size: 20px !important;
  }
  
  /* === 12. 底部导航栏 (5个Tab) === */
  .mobile-bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 50px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    box-shadow: 0 -1px 6px rgba(0,0,0,0.06) !important;
    z-index: 1020 !important;
    padding: 0 4px !important;
  }
  
  .nav-item,
  .bottom-nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 4px 8px !important;
    text-decoration: none;
    transition: transform 0.15s;
  }
  
  .nav-item:active,
  .bottom-nav-item:active {
    transform: scale(0.9);
  }
  
  .nav-icon,
  .bottom-nav-icon {
    font-size: 20px !important;
    margin-bottom: 1px !important;
    line-height: 1 !important;
  }
  
  .nav-text,
  .bottom-nav-text {
    font-size: 10px !important;
    color: #999 !important;
  }
  
  .nav-item.active .nav-text,
  .bottom-nav-item.active .bottom-nav-text {
    color: #e50113 !important;
    font-weight: 600 !important;
  }
  
  .nav-item.active .nav-icon {
    filter: hue-rotate(-10deg) saturate(1.5);
  }
  
  /* 为底部导航留出空间 */
  body {
    padding-bottom: 54px !important;
  }
  
  /* === 13. 展会详情页优化 === */
  .exh-hero {
    flex-direction: column !important;
    padding: 12px !important;
  }
  
  .exh-hero-logo {
    width: 100% !important;
    height: 200px !important;
    margin-bottom: 12px !important;
  }
  
  .exh-hero-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }
  
  .exh-hero-left,
  .exh-hero-right {
    width: 100% !important;
    margin-bottom: 12px !important;
  }
  
  .exh-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }
  
  .exh-meta {
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 6px !important;
  }
  
  .exh-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 12px 0 !important;
  }
  
  .stat-item {
    background: #f5f5f5 !important;
    padding: 8px !important;
    border-radius: 6px !important;
    text-align: center !important;
  }
  
  .stat-label {
    font-size: 12px !important;
    color: #999 !important;
    margin-bottom: 4px !important;
  }
  
  .stat-value {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #e50113 !important;
  }
  
  /* 展会详情内容区 */
  .exh-content {
    padding: 16px 12px !important;
  }
  
  .exh-section {
    margin-bottom: 20px !important;
  }
  
  .exh-section-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1d1e !important;
    margin-bottom: 12px !important;
    padding-left: 12px !important;
    border-left: 4px solid #e50113 !important;
  }
  
  .exh-section-content {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #333 !important;
  }

  /* === 14. 通用展会卡片样式（兼容 exh-card 命名） === */
  .exh-card {
    background: #fff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  }
  
  .exh-card-header {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 8px !important;
  }
  
  .exh-card-logo {
    width: 108px !important;
    height: 108px !important;
    border-radius: 6px !important;
    margin-right: 12px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
  }
  
  .exh-card-info {
    flex: 1 !important;
    min-width: 0 !important;
  }
  
  .exh-card-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1d1e !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }
  
  .exh-card-meta {
    font-size: 14px !important;
    color: #999 !important;
    margin-bottom: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  
  .exh-card-location {
    font-size: 12px !important;
    color: #999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
  }
  
  .exh-card-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid #f0f0f0 !important;
  }
  
  .exh-card-tag {
    display: inline-block !important;
    padding: 2px 10px !important;
    background: linear-gradient(135deg, #e50113, #ff6600) !important;
    color: #fff !important;
    font-size: 11px !important;
    border-radius: 999px !important;
    font-weight: 500 !important;
  }
  
  .exh-card-views {
    font-size: 11px !important;
    color: #999 !important;
  }

  /* === 15. 页脚简化 === */
  .site-footer {
    display: none !important;
  }
  
  /* === 16. 响应式图片 === */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* === 17. 按钮优化 === */
  .btn {
    width: 100% !important;
    padding: 12px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }
  
  .btn-primary {
    background: linear-gradient(135deg, #e50113, #f60) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(229,1,19,0.3) !important;
  }
  
  /* === 18. 表单优化 === */
  input, textarea, select {
    font-size: 16px !important;
  }

  /* === 19. recommend-section 间距 === */
  .recommend-section {
    padding: 0 12px !important;
  }
}

/* === 小屏幕优化 (480px以下) === */
@media (max-width: 480px) {
  .hero-title {
    font-size: 16px;
  }
  
  .hero-search {
    padding: 3px 3px 3px 14px;
  }
  
  .hero-search button[type="submit"] {
    padding: 7px 16px;
    font-size: 13px;
  }
  
  .exhibition-card .card-logo,
  .exhibition-card .card-logo img,
  .list-card .card-thumb,
  .list-card .card-thumb img,
  .exh-card-logo {
    width: 90px;
    height: 90px;
  }
  
  .exhibition-card .card-title,
  .list-card .card-title,
  .exh-card-title {
    font-size: 14px;
  }
  
  .venue-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  
  .venue-card .card-image {
    height: 100px;
  }
}

/* === 20. 汉堡菜单与抽屉导航 === */
@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: block !important;
        background: none;
        border: none;
        font-size: 22px;
        color: #333;
        cursor: pointer;
        padding: 6px 8px;
        margin-right: 4px;
    }
    .mobile-drawer {
        position: fixed;
        top: 0;
        left: -280px;
        width: 280px;
        height: 100vh;
        background: #fff;
        z-index: 1040;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
        overflow-y: auto;
        display: block !important;
    }
    .mobile-drawer.open {
        left: 0;
    }
    .mobile-drawer-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        border-bottom: 1px solid #eee;
        font-weight: 600;
        font-size: 18px;
    }
    .mobile-drawer-close {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: #666;
    }
    .mobile-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .mobile-menu li a {
        display: block;
        padding: 14px 16px;
        border-bottom: 1px solid #f5f5f5;
        color: #333;
        text-decoration: none;
        font-size: 16px;
    }
    .mobile-menu li a:active {
        background: #f9f9f9;
    }
    .mobile-drawer-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1035;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }
    .mobile-drawer-overlay.open {
        opacity: 1;
        visibility: visible;
    }
}


/* === 21. 展会列表页(archive-exhibition) 手机版优化 === */
@media (max-width: 768px) {
    /* --- 容器与页面标题 --- */
    body.post-type-archive-exhibition .container {
        padding: 12px !important;
        max-width: 100% !important;
    }
    body.post-type-archive-exhibition .container > div:first-child {
        margin-bottom: 8px !important;
        padding: 8px 10px !important;
    }
    body.post-type-archive-exhibition .container > div:first-child h1 {
        font-size: 15px !important;
        padding-left: 10px !important;
    }

    /* --- 搜索区域 --- */
    body.post-type-archive-exhibition form[role="search"] {
        max-width: 100% !important;
        margin-bottom: 8px !important;
    }
    body.post-type-archive-exhibition form[role="search"] input[type="search"] {
        font-size: 13px !important;
        padding: 7px 12px !important;
    }
    body.post-type-archive-exhibition form[role="search"] button[type="submit"] {
        padding: 7px 14px !important;
        font-size: 13px !important;
    }

    /* --- 筛选标签区域（行业/地区） - 横向滚动胶囊 --- */
    #industry-row,
    #province-row,
    #sub-industry-row,
    #city-row {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        width: calc(100% - 40px) !important;
        padding-bottom: 4px !important;
    }
    #industry-row::-webkit-scrollbar,
    #province-row::-webkit-scrollbar,
    #sub-industry-row::-webkit-scrollbar,
    #city-row::-webkit-scrollbar {
        display: none !important;
    }
    .filter-tag {
        flex-shrink: 0 !important;
        border-radius: 16px !important;
        padding: 4px 14px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        background: #f5f5f5 !important;
        border: 1px solid #e8e8e8 !important;
        transition: all 0.2s !important;
    }
    .filter-tag:active {
        background: #fff3f3 !important;
        color: #e50113 !important;
        border-color: #ffccc7 !important;
    }
    /* 激活状态的筛选标签 */
    .filter-tag[style*="font-weight: 600"],
    .filter-tag[style*="font-weight:600"] {
        background: #fff3f3 !important;
        border-color: #ffccc7 !important;
    }

    /* 行业/地区标签前的标题文字 */
    body.post-type-archive-exhibition .container > div > span[style*="font-weight: bold"] {
        font-size: 13px !important;
        width: 36px !important;
    }

    /* --- 展会卡片网格 - 单列布局 --- */
    body.post-type-archive-exhibition .container > div[style*="grid-template-columns"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* --- 展会卡片 .exh_card --- */
    .exh_card {
        flex-direction: row !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
        border: 1px solid #f0f0f0 !important;
        min-height: auto !important;
        overflow: hidden !important;
    }
    .exh_card:active {
        box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
        transform: none !important;
    }

    /* --- 左侧Logo 124x124px --- */
    .exh_card .card-logo {
        width: 124px !important;
        min-width: 124px !important;
        height: auto !important;
        min-height: 124px !important;
        border-right: 1px solid #f0f0f0 !important;
        border-bottom: none !important;
        padding: 10px !important;
        background: #fafafa !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .exh_card .card-logo img {
        max-width: 104px !important;
        max-height: 104px !important;
        width: auto !important;
        height: auto !important;
        border-radius: 4px !important;
        object-fit: cover !important;
    }
    .exh_card .card-logo .no-img-placeholder {
        width: 100px !important;
        height: 100px !important;
        font-size: 11px !important;
        border-radius: 4px !important;
    }

    /* --- 右侧信息区 --- */
    .exh_card .card-body {
        flex: 1 !important;
        padding: 10px 12px 10px 12px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    /* --- 展会名称 16px 加粗 #333 最多2行 --- */
    .exh_card .card-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #333 !important;
        line-height: 1.35 !important;
        margin: 0 0 6px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .exh_card .card-title a {
        color: #333 !important;
        text-decoration: none !important;
    }
    .exh_card .card-title a:active {
        color: #e50113 !important;
    }

    /* 热门标签 */
    .exh_card .hot-tag {
        font-size: 10px !important;
        padding: 1px 4px !important;
        border-radius: 2px !important;
        vertical-align: middle !important;
        margin-right: 3px !important;
    }

    /* --- 时间+地点行 --- */
    .exh_card .card-row1 {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
        align-items: center !important;
    }

    /* --- 时间标签 - 红橙渐变 --- */
    .exh_card .date-badge {
        background: linear-gradient(135deg, #f60, #ffb988) !important;
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        padding: 3px 8px !important;
        border-radius: 3px !important;
        white-space: nowrap !important;
        line-height: 1.4 !important;
    }

    /* --- 地点 14px #666 --- */
    .exh_card .venue-text {
        font-size: 13px !important;
        color: #666 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        line-height: 1.4 !important;
    }

    /* --- 数据区（面积/展商/观众） --- */
    .exh_card .card-data {
        display: flex !important;
        gap: 6px !important;
        margin-bottom: 8px !important;
        flex-wrap: wrap !important;
    }
    .exh_card .data-item {
        background: #f8f9fa !important;
        border-radius: 4px !important;
        padding: 4px 6px !important;
        font-size: 11px !important;
        color: #888 !important;
        flex: 1 !important;
        min-width: 60px !important;
        text-align: center !important;
    }
    .exh_card .data-item .val {
        font-weight: 600 !important;
        color: #333 !important;
        font-size: 12px !important;
        margin-top: 1px !important;
    }

    /* --- 快捷操作按钮（展位/门票/会刊） --- */
    .exh_card .card-actions {
        display: flex !important;
        gap: 8px !important;
        margin: 6px 0 !important;
        justify-content: flex-start !important;
    }
    .exh_card .action-btn {
        width: auto !important;
        padding: 3px 12px !important;
        font-size: 11px !important;
        border-radius: 3px !important;
        border: 1px solid #e50113 !important;
        color: #e50113 !important;
        background: #fff !important;
    }

    /* --- 底部状态行 --- */
    .exh_card .card-footer {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #f5f5f5 !important;
        padding-top: 8px !important;
        margin-top: auto !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }
    .exh_card .status-left {
        display: flex !important;
        gap: 8px !important;
        font-size: 11px !important;
        color: #999 !important;
        align-items: center !important;
        overflow: hidden !important;
    }
    .exh_card .countdown {
        color: #e50113 !important;
        font-weight: 600 !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }
    /* --- 浏览量 12px #999 --- */
    .exh_card .views-count {
        color: #999 !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }
    .exh_card .ticket-price {
        font-size: 12px !important;
        color: #e50113 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }
    .exh_card .btn-detail {
        background: #e50113 !important;
        color: #fff !important;
        padding: 5px 12px !important;
        border-radius: 4px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    /* --- 子分类/城市筛选展开区域 --- */
    #sub-industry-filter-wrap,
    #city-filter-wrap {
        padding: 8px 10px !important;
        margin-bottom: 8px !important;
    }
    #sub-industry-label,
    #city-label {
        font-size: 13px !important;
        width: 36px !important;
    }

    /* --- 省份"更多"按钮 --- */
    #province-more-btn {
        font-size: 12px !important;
        padding: 4px 10px !important;
        border-radius: 16px !important;
        border: 1px solid #e8e8e8 !important;
        background: #f5f5f5 !important;
    }

    /* --- 分页导航 - 居中简化 --- */
    body.post-type-archive-exhibition .nav-links,
    body.post-type-archive-exhibition .pagination {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 4px !important;
        margin-top: 16px !important;
        padding: 8px 0 !important;
    }
    body.post-type-archive-exhibition .nav-links .page-numbers,
    body.post-type-archive-exhibition .pagination .page-numbers {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 32px !important;
        height: 32px !important;
        padding: 0 8px !important;
        border-radius: 4px !important;
        font-size: 13px !important;
        color: #666 !important;
        background: #f5f5f5 !important;
        border: 1px solid #e8e8e8 !important;
        text-decoration: none !important;
        transition: all 0.2s !important;
    }
    body.post-type-archive-exhibition .nav-links .page-numbers.current,
    body.post-type-archive-exhibition .pagination .page-numbers.current {
        background: #e50113 !important;
        color: #fff !important;
        border-color: #e50113 !important;
        font-weight: 600 !important;
    }
    body.post-type-archive-exhibition .nav-links .page-numbers:active,
    body.post-type-archive-exhibition .pagination .page-numbers:active {
        background: #fff3f3 !important;
        color: #e50113 !important;
    }
}

/* === 21b. 展会列表页 小屏幕(<=480px)额外优化 === */
@media (max-width: 480px) {
    .exh_card .card-logo {
        width: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        padding: 8px !important;
    }
    .exh_card .card-logo img {
        max-width: 84px !important;
        max-height: 84px !important;
    }
    .exh_card .card-title {
        font-size: 14px !important;
    }
    .exh_card .card-body {
        padding: 8px 10px 8px 10px !important;
    }
    .exh_card .date-badge {
        font-size: 11px !important;
        padding: 2px 6px !important;
    }
    .exh_card .venue-text {
        font-size: 12px !important;
    }
    .exh_card .data-item {
        font-size: 10px !important;
        padding: 3px 4px !important;
        min-width: 50px !important;
    }
    .exh_card .data-item .val {
        font-size: 11px !important;
    }
    .exh_card .status-left {
        font-size: 10px !important;
        gap: 4px !important;
    }
    .exh_card .views-count {
        font-size: 11px !important;
    }
    .exh_card .btn-detail {
        padding: 4px 10px !important;
        font-size: 11px !important;
    }
    .exh_card .action-btn {
        padding: 2px 8px !important;
        font-size: 10px !important;
    }
}

/* ============================================
   21. category.php - 分类资讯页（侧栏隐藏，全宽）
   ============================================ */
@media (max-width: 768px) {
  /* 侧边栏统一隐藏 */
  .sidebar,
  .archive-sidebar,
  .widget-area,
  aside.sidebar {
    display: none !important;
  }

  /* category.php 主内容全宽 */
  .category-page .content-area,
  .category-page .site-content .content-area,
  .archive-layout .archive-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
  }

  /* 筛选栏 - 横向滚动 */
  .news-filter .container {
    padding: 0 12px;
  }
  .news-filter .filter-main {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 0;
  }
  .news-filter .filter-main::-webkit-scrollbar {
    display: none;
  }
  .filter-item {
    flex: 0 0 auto !important;
    min-width: auto !important;
  }
  .filter-item-title {
    font-size: 13px;
    padding: 8px 12px;
    white-space: nowrap;
  }
  .filter-sub {
    display: none !important;
  }

  /* 资讯列表卡片 */
  .news-list .news-item,
  .category-page article {
    display: flex;
    gap: 12px;
    padding: 12px;
    margin-bottom: 8px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  }
  .news-list .news-item .news-thumb,
  .category-page article .post-thumbnail {
    flex: 0 0 100px;
    width: 100px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
  }
  .news-list .news-item .news-thumb img,
  .category-page article .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* ============================================
   22. search.php - 搜索结果页
   ============================================ */
@media (max-width: 768px) {
  .search-results .container {
    padding: 0 12px;
  }

  /* 搜索头部 */
  .search-header {
    padding: 16px 0 12px;
  }
  .search-title {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .search-count {
    font-size: 13px;
    color: #999;
    margin-bottom: 12px;
  }

  /* 搜索框 */
  .search-form-large {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
  }
  .search-form-large input[type="search"] {
    flex: 1;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 6px 0 0 6px;
    outline: none;
    -webkit-appearance: none;
  }
  .search-form-large button[type="submit"] {
    padding: 10px 20px;
    background: var(--primary-color, #1a73e8);
    color: #fff;
    border: none;
    border-radius: 0 6px 6px 0;
    font-size: 15px;
    white-space: nowrap;
    min-height: 44px;
  }

  /* 筛选标签 - 横向滚动 */
  .search-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 8px 0;
    scrollbar-width: none;
    flex-wrap: nowrap;
  }
  .search-filter::-webkit-scrollbar {
    display: none;
  }
  .search-filter .label {
    flex: 0 0 auto;
    font-size: 13px;
    color: #666;
  }
  .search-filter a {
    flex: 0 0 auto;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    background: #f5f5f5;
    color: #666;
    text-decoration: none;
    min-height: 36px;
    line-height: 24px;
    text-align: center;
  }
  .search-filter a.active {
    background: var(--primary-color, #1a73e8);
    color: #fff;
  }

  /* 搜索结果卡片 - 单列 */
  .search-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .search-result-card {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    text-decoration: none;
    min-height: 44px;
  }
  .search-result-card .result-thumb {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }
  .search-result-card .result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .search-result-card .result-thumb .type-badge {
    position: absolute;
    bottom: 4px;
    left: 4px;
    font-size: 10px;
    padding: 2px 6px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 3px;
  }
  .search-result-card .result-content {
    flex: 1;
    min-width: 0;
  }
  .search-result-card .result-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 6px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .search-result-card .result-title a {
    color: #333;
    text-decoration: none;
  }
  .search-result-card .result-meta {
    font-size: 12px;
    color: #999;
  }

  /* 搜索结果分页 */
  .search-results .pagination,
  .search-results .nav-links {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 16px 0;
  }
  .search-results .pagination a,
  .search-results .pagination span,
  .search-results .nav-links a,
  .search-results .nav-links span {
    padding: 8px 12px;
    min-width: 36px;
    min-height: 36px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
  }
}

/* ============================================
   23. taxonomy-city / taxonomy-industry - 分类页
   ============================================ */
@media (max-width: 768px) {
  /* Banner */
  .taxonomy-archive .archive-banner {
    padding: 20px 0 16px;
  }
  .taxonomy-archive .archive-banner .container {
    padding: 0 12px;
  }
  .taxonomy-archive .archive-meta .type {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 6px;
  }
  .taxonomy-archive .archive-title {
    font-size: 20px;
    margin-bottom: 4px;
  }
  .taxonomy-archive .archive-count {
    font-size: 13px;
    color: #999;
  }

  /* 布局全宽 */
  .taxonomy-archive .archive-layout {
    display: block;
    padding: 0;
  }
  .taxonomy-archive .archive-content {
    width: 100% !important;
    padding: 0 !important;
  }
  .taxonomy-archive .container {
    padding: 0 12px;
  }

  /* 展会网格 → 单列卡片 */
  .taxonomy-archive .exhibition-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 0;
  }
  .taxonomy-archive .exhibition-card {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    min-height: 44px;
  }
  .taxonomy-archive .exhibition-card .card-logo {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
  }
  .taxonomy-archive .exhibition-card .card-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .taxonomy-archive .exhibition-card .card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .taxonomy-archive .exhibition-card .card-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .taxonomy-archive .exhibition-card .card-title a {
    color: #333;
    text-decoration: none;
  }
  .taxonomy-archive .exhibition-card .card-info {
    font-size: 12px;
    color: #999;
    margin-bottom: 2px;
  }
  .taxonomy-archive .exhibition-card .card-meta {
    font-size: 12px;
    color: #aaa;
    display: flex;
    gap: 10px;
  }

  /* 分页简化 */
  .taxonomy-archive .pagination,
  .taxonomy-archive .nav-links {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 16px 0;
  }
  .taxonomy-archive .pagination a,
  .taxonomy-archive .pagination span {
    padding: 8px 12px;
    min-width: 36px;
    min-height: 36px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
  }
}

/* ============================================
   24. 404.php - 错误页
   ============================================ */
@media (max-width: 768px) {
  .error-404 {
    min-height: auto;
    padding: 30px 0 20px;
  }
  .error-404 .container {
    padding: 0 12px;
  }
  .error-content {
    max-width: 100%;
  }
  .error-image img {
    max-width: 180px;
  }
  .error-title {
    font-size: 72px;
  }
  .error-subtitle {
    font-size: 20px;
  }
  .error-message {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .error-actions {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
  }
  .error-actions .btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    min-height: 44px;
    border-radius: 8px;
    font-size: 15px;
  }
  .error-search {
    margin-bottom: 24px;
  }
  .error-search h3 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .error-search .search-form {
    display: flex;
  }
  .error-search .search-form input {
    flex: 1;
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 6px 0 0 6px;
  }
  .error-search .search-form button {
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 0 6px 6px 0;
    min-height: 44px;
  }
  .error-recommend h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .error-recommend .exhibition-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .error-recommend .exhibition-card {
    flex-direction: column;
    padding: 10px;
  }
  .error-recommend .exhibition-card .card-logo {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    flex: none;
  }
  .error-recommend .exhibition-card .card-title {
    font-size: 13px;
  }
}

/* ============================================
   25. 通用样式补充
   ============================================ */
@media (max-width: 768px) {
  /* 容器 padding */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 主内容区全宽 */
  .content-area,
  .site-main {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 链接可点击区域足够大 */
  a,
  button,
  .btn,
  input[type="submit"],
  .nav-links a,
  .pagination a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* 表格水平滚动 */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  table thead,
  table tbody,
  table tr {
    display: table;
    width: 100%;
    table-layout: auto;
  }

  /* 图片最大宽100% */
  img {
    max-width: 100% !important;
    height: auto;
  }

  /* 视频和 iframe 响应式 */
  iframe,
  embed,
  object,
  video {
    max-width: 100% !important;
  }
}

/* ============================================
   26. 全局优化
   ============================================ */
@media (max-width: 768px) {
  /* body 底部留空间给底部导航 */
  body:not(.page-template-template-fullpage) {
    padding-bottom: 60px !important;
  }

  /* 平滑滚动 */
  html {
    scroll-behavior: smooth;
  }

  /* 触摸反馈 */
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  }
  a:active,
  button:active,
  .btn:active {
    opacity: 0.8;
  }

  /* 防止文字选中影响交互 */
  a,
  button,
  .btn {
    -webkit-user-select: none;
    user-select: none;
  }

  /* 禁用 iOS 长按菜单对图片的影响 */
  .exhibition-card img,
  .search-result-card img,
  .news-item img {
    -webkit-touch-callout: none;
  }

  /* 分页统一样式 */
  .pagination,
  .nav-links,
  .page-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 16px 0;
    flex-wrap: wrap;
  }
  .pagination a,
  .pagination span,
  .nav-links a,
  .nav-links span {
    min-width: 36px;
    min-height: 44px;
    padding: 8px 12px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
  }
  .pagination .current,
  .nav-links .current {
    background: var(--primary-color, #1a73e8);
    color: #fff;
  }
}
/* 强制在PC端隐藏手机专属元素 */
@media (min-width: 769px) {
    .mobile-menu-toggle,
    .mobile-drawer,
    .mobile-drawer-overlay,
    .mobile-bottom-nav {
        display: none !important;
    }
}

/* === 21. 资讯页(home.php)手机版样式 === */
@media (max-width: 768px) {
    /* 资讯网格 - 单列列表 */
    .post-grid,
    .news-grid {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 0 12px;
    }

    /* 资讯卡片 - 白底圆角，左图右文 */
    .post-card,
    .news-card {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        background: #fff;
        border-radius: 8px;
        padding: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        text-decoration: none;
        color: inherit;
    }
    .post-card:active,
    .news-card:active {
        background: #f9f9f9;
    }

    /* 缩略图 - 120x80px */
    .post-thumbnail,
    .news-thumbnail {
        width: 120px;
        min-width: 120px;
        height: 80px;
        border-radius: 4px;
        overflow: hidden;
        flex-shrink: 0;
    }
    .post-thumbnail img,
    .news-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* 文字区域 */
    .post-info,
    .news-info {
        flex: 1;
        padding-left: 12px;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* 标题 - 15px加粗，2行省略 */
    .post-title,
    .news-title {
        font-size: 15px;
        font-weight: 700;
        color: #333;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 0 6px 0;
    }
    .post-title a,
    .news-title a {
        color: #333;
        text-decoration: none;
    }

    /* 摘要 - 13px，2行省略 */
    .post-excerpt,
    .news-excerpt {
        font-size: 13px;
        color: #666;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 0 6px 0;
    }

    /* 元信息 - 12px，#999 */
    .post-meta,
    .news-meta {
        font-size: 12px;
        color: #999;
        line-height: 1.3;
        margin: 0;
    }
    .post-meta span,
    .news-meta span {
        margin-right: 10px;
    }

    /* archive-header */
    .archive-header {
        padding: 12px;
        margin-bottom: 0;
    }
    .archive-header h1 {
        font-size: 18px;
        font-weight: 700;
    }

    /* 侧边栏在手机上隐藏 */
    .sidebar,
    #sidebar,
    .widget-area,
    aside.widget {
        display: none !important;
    }

    /* 分页 - 居中简化 */
    .pagination,
    .nav-links,
    .page-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        padding: 16px 12px;
        margin: 0;
    }
    .pagination a,
    .pagination span,
    .nav-links a,
    .nav-links span {
        display: inline-block;
        padding: 6px 12px;
        font-size: 13px;
        border-radius: 4px;
        border: 1px solid #ddd;
        color: #666;
        text-decoration: none;
        background: #fff;
    }
    .pagination .current,
    .nav-links .current {
        background: #0066cc;
        color: #fff;
        border-color: #0066cc;
    }
}

/* === 22. 文章详情页(single.php)手机版样式 === */
@media (max-width: 768px) {
    /* 文章内容区 */
    .single-post .entry-content,
    .single .post-content,
    .single .entry-content,
    .article-content {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        padding: 0 12px;
    }

    /* 文章标题 */
    .single-post .entry-title,
    .single .post-title,
    .single h1.entry-title,
    .article-title {
        font-size: 20px;
        font-weight: 700;
        color: #222;
        line-height: 1.4;
        padding: 12px;
        margin: 0;
    }

    /* 文章元信息 */
    .single .post-meta,
    .single .entry-meta {
        font-size: 12px;
        color: #999;
        padding: 0 12px 12px;
        border-bottom: 1px solid #f0f0f0;
    }

    /* 正文图片全宽 */
    .single .entry-content img,
    .single .post-content img,
    .article-content img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 4px;
        margin: 12px 0;
        display: block;
    }

    /* 正文段落间距 */
    .single .entry-content p,
    .single .post-content p,
    .article-content p {
        margin-bottom: 16px;
    }

    /* 正文标题 */
    .single .entry-content h2,
    .single .post-content h2 {
        font-size: 18px;
        font-weight: 700;
        margin: 24px 0 12px;
    }
    .single .entry-content h3,
    .single .post-content h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 20px 0 10px;
    }

    /* 正文链接 */
    .single .entry-content a,
    .single .post-content a {
        color: #0066cc;
        word-break: break-all;
    }

    /* 正文表格自适应 */
    .single .entry-content table,
    .single .post-content table {
        display: block;
        overflow-x: auto;
        max-width: 100%;
    }

    /* 文章底部导航 */
    .single .post-navigation,
    .single .nav-previous,
    .single .nav-next {
        padding: 12px;
        font-size: 14px;
    }

    /* 主内容区占满宽度(侧边栏已隐藏) */
    .single .content-area,
    .single .site-main,
    .single #primary {
        width: 100% !important;
        max-width: 100% !important;
    }
}