:root {
      --primary-green: #2e8342;
      --primary-dark-green: #236431;
      --accent-yellow: #FFCC00;
      --text-dark: #1A202C;
      --text-gray: #4A5568;
      --text-light: #718096;
      --bg-light: #F7FAFC;
      --bg-white: #FFFFFF;
      --border-color: #E2E8F0;
      --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
      --shadow-lg: 0 10px 25px rgba(0,0,0,0.15);
    }
    
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html{overflow-y:scroll;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
    body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
    
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
    @keyframes slowZoom { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }

    /* Hero 区域 - 首页特有 */
    .hero-section { position: relative; height: 100vh; margin-top: 0; overflow: hidden; background: transparent; }
    .hero-bg { position: absolute; inset: 0; opacity: 1; animation: slowZoom 15s ease-out forwards; }
    .hero-bg img { width: 100%; height: 100%; object-fit: cover; display: block; animation: slowZoom 15s ease-out forwards; }
    .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(46, 125, 50, 1) 0%, rgba(46, 125, 50, 0) 50%); pointer-events: none; z-index: 5; }
    .hero-content { position: absolute; top: -215px; left: 0; right: 0; bottom: 0; z-index: 20; max-width: 100%; padding: 60px 100px 0; display: flex; justify-content: flex-end; align-items: center; pointer-events: none; }
    .hero-text { max-width: none; width: calc(100% - 100px); color: white; pointer-events: auto; position: relative; z-index: 30; text-align: right; }
    .hero-badge { display: inline-block; background: transparent; color: #ffffff; padding: 0; border-radius: 0; font-weight: 700; font-size: 72px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 30px; animation: scaleIn 0.6s ease 0.5s both; position: relative; z-index: 30; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3), 4px 4px 0 rgba(0, 0, 0, 0.2), 6px 6px 10px rgba(0, 0, 0, 0.5); }
    .hero-title { font-size: 72px; font-weight: 800; line-height: 1.3; margin-bottom: 30px; color: #ffffff; position: relative; z-index: 30; text-align: right; }
    .title-line { display: block; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3), 4px 4px 0 rgba(0, 0, 0, 0.2), 6px 6px 10px rgba(0, 0, 0, 0.5); }
    .title-line-left { opacity: 0; transform: translateX(-100px); animation: slideFromLeft 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; }
    .title-line-right { opacity: 0; transform: translateX(100px); animation: slideFromRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards; }
    .mobile-break { display: none; }
    .title-divider { display: none; }

    @keyframes slideFromLeft {
      to { opacity: 1; transform: translateX(0); }
    }

    @keyframes slideFromRight {
      to { opacity: 1; transform: translateX(0); }
    }
    .hero-text .subtitle { font-size: 28px; color: #ffffff; margin-bottom: 25px; font-weight: 400; line-height: 1.6; position: relative; z-index: 30; text-align: right; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
    .hero-info { display: flex; gap: 30px; margin-top: 25px; align-items: center; justify-content: flex-end; position: relative; z-index: 30; }

    /* 海报文字从下往上渐隐出现动画 */
    .hero-text .subtitle,
    .hero-info {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .hero-text .subtitle.animate-in {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.2s;
    }

    .hero-info.animate-in {
      opacity: 1;
      transform: translateY(0);
      transition-delay: 0.3s;
    }
    .hero-info-item { display: inline-flex; align-items: center; gap: 12px; color: #ffffff; font-size: 16px; font-weight: 500; background: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 12px 24px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.2); white-space: nowrap; width: fit-content; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
    .hero-info-item .icon { font-size: 20px; color: var(--accent-yellow); flex-shrink: 0; }
    .hero-info-item .text { flex-shrink: 0; }
    .hero-buttons { display: flex; gap: 15px; }
    .btn { padding: 16px 35px; border-radius: 30px; font-weight: 700; font-size: 15px; text-decoration: none; display: inline-block; transition: all 0.3s; border: none; }
    .btn-primary { background: var(--accent-yellow); color: var(--text-dark); }
    .btn-primary:hover { background: #FFD633; transform: translateY(-3px); }
    .btn-outline { background: transparent; color: white; border: 2px solid white; }
    .btn-outline:hover { background: white; color: var(--primary-green); transform: translateY(-3px); }
    .btn-hero { background: transparent; color: white; border: 2px solid white; border-radius: 30px; }
    .btn-hero:hover { background: white; color: var(--primary-green); transform: translateY(-3px); }
    
    .section { padding: 80px 0; }
    .section-white { background: var(--bg-white); }
    .section-gray { background: var(--bg-light); }
    .section-header { text-align: center; margin-bottom: 60px; }
    .section-header h2 { font-size: 36px; color: var(--text-dark); margin-bottom: 10px; }
    .section-header h3 { font-size: 16px; color: var(--text-light); text-transform: uppercase; letter-spacing: 2px; }
    
    .content-card { max-width: 1000px; margin: 0 auto; background: white; border-radius: 15px; padding: 50px; box-shadow: var(--shadow-lg); }
    .content-card h2 { color: var(--primary-green); font-size: 28px; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid var(--border-color); }
    .content-card p { color: var(--text-gray); line-height: 1.8; margin-bottom: 20px; font-size: 16px; }
    
    /* 展会介绍板块样式 */
    .about-section { padding: 80px 0; background: #F8FAFC; }
    .about-container { max-width: 1800px; margin: 0 auto; padding: 0 30px; }
    
    /* 主内容区域 - 左图右文 */
    .about-main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }
    
    /* 左侧图片 */
    .about-image-section { position: relative; }
    .about-main-image {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
      height: 470px;
    }
    .about-main-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
      transition: transform 0.6s ease;
    }
    .about-main-image:hover img { transform: scale(1.05); }
    
    /* 右侧文字 */
    .about-content-wrapper { padding-right: 20px; }
    .about-content-wrapper h3 {
      font-size: 36px;
      font-weight: 800;
      color: var(--text-dark);
      margin-bottom: 25px;
      line-height: 1.3;
    }
    .about-description {
      font-size: 17px;
      color: var(--text-gray);
      line-height: 1.8;
      margin-bottom: 20px;
    }

    /* 右侧数据展示 - 在文字下方 */
    .about-stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      margin-top: 40px;
    }
    
    .stat-card-item {
      text-align: center;
      position: relative;
      padding: 20px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
    }
    .stat-card-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    }
    
    .stat-item-icon {
      width: 60px;
      height: 60px;
      background: var(--primary-green);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      margin: 0 auto 15px;
      font-size: 30px;
      color: white;
      transition: all 0.3s ease;
    }
    
    .stat-item-number {
      font-size: 36px;
      font-weight: 900;
      line-height: 1;
      color: var(--text-dark);
      margin-bottom: 10px;
      position: relative;
      display: inline-block;
    }
    
    .stat-item-number::before {
      content: '+';
      position: absolute;
      top: -5px;
      right: -15px;
      font-size: 24px;
      color: var(--accent-yellow);
      font-weight: 700;
      margin-left: 2px;
    }
    
    .stat-item-label {
      font-size: 16px;
      color: var(--text-gray);
      font-weight: 600;
    }
    
    /* 滚动动画 */
    .scroll-animate .about-main {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .scroll-animate.animate-active .about-main {
      opacity: 1;
      transform: translateY(0);
    }
    
    .scroll-animate .stat-card-item {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .scroll-animate.animate-active .stat-card-item {
      opacity: 1;
      transform: translateY(0);
    }
    
    /* 隐藏移动端导航栏 */
    .navbar.mobile-only {
      display: none;
    }
    
    /* 响应式 */
    @media (max-width: 1200px) {
      .about-container { max-width: 1200px; }
      .about-main { gap: 50px; }
    }
    
    @media (max-width: 1024px) {
      .about-main {
        grid-template-columns: 1fr;
        gap: 50px;
      }
      .about-content-wrapper { padding-right: 0; }
      .about-stats-grid { gap: 20px; }
      .stat-item-icon { width: 50px; height: 50px; font-size: 26px; }
      .stat-item-number { font-size: 30px; }
    }
    
    @media (max-width: 768px) {
      .about-section { padding: 50px 0; }
      .about-container { padding: 0 20px; }
      
      /* 移动端布局调整：标题 -> 图片 -> 正文 -> 数据 */
      .about-main {
        display: flex;
        flex-direction: column;
        gap: 25px;
        position: relative;
        padding-top: 80px; /* 为绝对定位的标题留出空间 */
      }
      
      /* 移动端标题 - 绝对定位到最上方 */
      .about-content-wrapper h3 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 28px;
        margin-bottom: 0;
      }
      
      /* 图片区域 - 100%宽度自适应 */
      .about-image-section {
        width: 100%;
        max-width: 100%;
        order: 1; /* 确保在标题之后 */
      }
      
      .about-main-image {
        width: 100%;
        max-width: 100%;
      }
      
      .about-main-image img {
        width: 100%;
        min-height: auto;
        height: auto;
      }
      
      /* 文字内容区域 - 100%宽度自适应 */
      .about-content-wrapper {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        order: 2; /* 确保在图片之后 */
        padding-top: 0;
      }
      
      /* 描述文字 - 自适应宽度 */
      .about-description {
        font-size: 15px;
        width: 100%;
        max-width: 100%;
      }
      
      /* 数据展示区域 - 两行两列布局 */
      .about-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 30px;
        width: 100%;
      }
      
      /* 四个数据容器 - 固定尺寸，保持一致 */
      .stat-card-item {
        padding: 15px 10px;
        width: 100%;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      
      .stat-item-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-bottom: 8px;
      }
      
      /* 数据字号大小一致 */
      .stat-item-number { 
        font-size: 22px; 
      }
      
      .stat-item-label { 
        font-size: 12px; 
      }
    }
    
    .news-grid { max-width: 1800px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 0 30px; }
    
    /* 新闻卡片样式 */
    .news-card {
      background: white;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
    }
    .news-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }
    
    .news-image {
      position: relative;
      overflow: hidden;
      aspect-ratio: 16/9;
    }
    .news-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .news-card:hover .news-image img {
      transform: scale(1.1);
    }
    
    .news-badge {
      position: absolute;
      top: 15px;
      left: 15px;
      background: var(--accent-yellow);
      color: var(--text-dark);
      padding: 5px 12px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }
    
    .news-content {
      padding: 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    
    .news-meta {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
      font-size: 13px;
      color: var(--text-light);
    }
    .news-date {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .news-date i { color: var(--primary-green); }
    .news-views {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .news-views i { color: var(--text-light); }
    
    .news-card h3 {
      font-size: 18px;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 12px;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      flex: 1;
    }
    
    .news-card p {
      font-size: 14px;
      color: var(--text-gray);
      line-height: 1.6;
      margin-bottom: 15px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    
    .news-link {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: var(--primary-green);
      font-weight: 600;
      font-size: 14px;
      text-decoration: none;
      transition: color 0.3s ease;
      align-self: flex-start;
    }
    .news-link:hover {
      color: var(--primary-dark-green);
    }
    .news-link i { transition: transform 0.3s ease; }
    .news-link:hover i { transform: translateX(5px); }
    
    /* 新闻容器 */
    .news-container { max-width: 1800px; margin: 0 auto; padding: 0 30px; }
    .news-section .section-header { margin-bottom: 50px; }
    .news-section .section-header p {
      font-size: 16px;
      color: var(--text-gray);
      margin-top: 10px;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
    }
    
    /* 查看更多按钮 */
    .news-more {
      text-align: center;
      margin-top: 50px;
    }
    .btn-more {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 35px;
      background: var(--primary-green);
      color: white;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.3s ease;
    }
    .btn-more:hover {
      background: var(--primary-dark-green);
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(0, 98, 174, 0.3);
    }
    .btn-more i { transition: transform 0.3s ease; }
    .btn-more:hover i { transform: translateX(5px); }

    /* 展会资讯新样式 - 视频+新闻列表 */
    .page-home .section.news-section {
      position: relative;
      background-image: url('/pv/../shared/images/news-bg.webp');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .section.news-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to right, rgba(46, 125, 50, 0.9) 0%, rgba(46, 125, 50, 0) 100%);
      z-index: 1;
    }

    .news-container {
      position: relative;
      z-index: 2;
      max-width: 1800px;
      margin: 0 auto;
      padding: 0 30px;
      display: grid;
      grid-template-columns: 350px 1fr;
      gap: 50px;
      align-items: stretch;
    }

    /* 左侧标题区域 */
    .news-header-section {
      position: sticky;
      top: 100px;
      height: fit-content;
      padding: 40px 0;
    }

    .news-title-en {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 15px;
      font-weight: 600;
    }

    .news-title-zh {
      font-size: 36px;
      font-weight: 800;
      color: white;
      margin-bottom: 20px;
      line-height: 1.3;
    }

    .news-desc {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.85);
      line-height: 1.8;
      margin-bottom: 30px;
    }

    .news-more-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #FFCC00;
      font-weight: 600;
      font-size: 15px;
      text-decoration: none;
      padding: 12px 0;
      border-bottom: 2px solid #FFCC00;
      transition: all 0.3s ease;
    }

    .news-more-link:hover {
      color: white;
      border-color: white;
      padding-bottom: 18px;
    }

    .news-more-link i {
      transition: transform 0.3s ease;
    }

    .news-more-link:hover i {
      transform: translateX(5px);
    }

    /* 右侧内容容器 */
    .news-content-wrapper {
      display: grid;
      grid-template-columns: 1.2fr 0.8fr;
      gap: 30px;
    }

    /* 视频区域 */
    .news-main {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      height: 395px;
      width: 703px;
    }

    .news-main-image {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      cursor: pointer;
    }

    .play-button {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.9);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }

    .play-button i {
      font-size: 32px;
      color: var(--primary-green);
      margin-left: 5px;
    }

    .play-button:hover {
      transform: scale(1.1);
      background: white;
    }

    /* 新闻列表 */
    .news-list {
      display: flex;
      flex-direction: column;
      gap: 0;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 12px;
      overflow: hidden;
      backdrop-filter: blur(10px);
      height: 395px;
    }

    .news-list-item {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 0 15px;
      height: 79px;
      text-decoration: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .news-list-item:last-child {
      border-bottom: none;
    }

    .news-list-item:hover {
      background: rgba(255, 255, 255, 0.1);
      transform: translateX(5px);
    }

    .news-list-date {
      flex-shrink: 0;
      text-align: center;
      padding: 0;
      color: rgba(255, 255, 255, 0.6);
      min-width: 70px;
    }

    .news-list-date .day {
      display: block;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #FFCC00;
    }

    .news-list-date .month {
      display: block;
      font-size: 10px;
      font-weight: 500;
      text-transform: uppercase;
      margin-top: 1px;
    }

    .news-list-content {
      flex: 1;
      min-width: 0;
    }

    .news-list-title {
      font-size: 15px;
      font-weight: 500;
      color: white;
      line-height: 1.4;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .news-list-item:hover .news-list-title {
      color: #FFCC00;
    }

    /* 旧新闻卡片样式 - 保留但隐藏 */
    .news-cards-wrapper {
      display: none;
    }

    /* 新闻卡片项 */
    .news-card-item {
      background: white;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      min-height: 380px;
    }

    .news-card-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    }

    .news-card-image {
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
      height: 200px;
    }

    .news-card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }

    .news-card-item:hover .news-card-image img {
      transform: scale(1.1);
    }

    .news-card-content {
      padding: 25px;
      display: flex;
      flex-direction: column;
      flex: 1;
    }

    .news-card-meta {
      display: flex;
      align-items: center;
      gap: 4px;
      margin-bottom: 12px;
      font-size: 13px;
      color: var(--primary-green);
      font-weight: 600;
    }

    .news-card-meta i {
      font-size: 16px;
    }

    .news-card-content h3 {
      font-size: 18px;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 12px;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      flex: 1;
    }

    .news-card-content p {
      font-size: 14px;
      color: var(--text-gray);
      line-height: 1.7;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 0;
    }

    /* 展会资讯响应式 */
    @media (max-width: 1200px) {
      .news-container {
        grid-template-columns: 1fr;
        gap: 30px;
      }
      .news-header-section {
        position: static;
      }
      .news-main {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
      }
    }

    @media (max-width: 768px) {
      .news-container {
        padding: 0 15px;
        overflow: hidden;
      }
      .news-header-section {
        padding: 30px 0;
      }
      .news-title-zh {
        font-size: 28px;
      }
      .news-title-en {
        font-size: 12px;
      }
      .news-desc {
        font-size: 14px;
      }
      .news-content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
      }
      .news-list {
        width: calc(100% + 10px);
        margin-left: -5px;
        padding-left: 5px;
        padding-right: 5px;
      }
      .news-list-item {
        overflow: hidden;
        padding: 0 10px;
        height: 70px;
      }
      .news-list-title {
        font-size: 13px;
      }
    }

    /* 响应式 */
    @media (max-width: 1400px) {
      .news-grid { grid-template-columns: repeat(3, 1fr); }
    }
    
    @media (max-width: 1024px) {
      .news-grid { grid-template-columns: repeat(2, 1fr); }
    }
    
    @media (max-width: 768px) {
      .news-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px;
      }
      .news-container { padding: 0 20px; }
      .news-card h3 { font-size: 16px; }
      .news-card p { font-size: 13px; }
    }

    /* 历届展会回顾板块 - 参考 dongfang.com 专题聚焦布局（中间大图+两边小图+重叠轮播） */
    .history-section {
      background: white;
      padding: 80px 0;
      overflow: hidden;
      position: relative;
    }

    /* Canvas背景 */
    .history-canvas-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
    }

    .history-container {
      position: relative;
      z-index: 1;
      max-width: 1800px;
      margin: 0 auto;
      padding: 0 30px;
    }

    .history-section .section-header {
      position: relative;
      z-index: 1;
      text-align: center;
      margin-bottom: 50px;
    }

    .history-section .section-header h3 {
      font-size: 13px;
      color: var(--text-light);
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 12px;
      font-weight: 600;
    }

    .history-section .section-header h2 {
      font-size: 36px;
      color: var(--text-dark);
      margin-bottom: 15px;
      font-weight: 800;
    }

    .history-section .section-header p {
      font-size: 18px;
      color: var(--text-gray);
      max-width: 600px;
      margin: 0 auto;
    }

    /* 轮播容器 */
    .history-carousel {
      position: relative;
      width: 100%;
      max-width: 1800px;
      margin: 0 auto;
      height: 360px;
      perspective: 1500px;
      z-index: 1;
    }

    /* 轮播轨道 */
    .history-track {
      position: relative;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
    }

    /* 轮播项目 */
    .history-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      opacity: 0;
      transform: translateX(-100%) scale(0.85);
      z-index: 1;
    }
    
    .history-item:hover {
      z-index: 10;
    }

    /* 左侧图片 */
    .history-item.left-prev {
      opacity: 0.7;
      transform: translateX(-31%) scale(0.85);
      z-index: 2;
    }

    .history-item.left {
      opacity: 0.85;
      transform: translateX(-15.5%) scale(0.9);
      z-index: 3;
    }

    /* 中间大图（当前激活） */
    .history-item.active {
      opacity: 1;
      transform: translateX(0) scale(1);
      z-index: 5;
    }

    /* 右侧图片 */
    .history-item.right {
      opacity: 0.85;
      transform: translateX(15.5%) scale(0.9);
      z-index: 3;
    }

    .history-item.right-next {
      opacity: 0.7;
      transform: translateX(31%) scale(0.85);
      z-index: 2;
    }

    /* 右侧其他图片（隐藏） */
    .history-item.right-hidden {
      opacity: 0;
      transform: translateX(46.5%) scale(0.85);
      z-index: 1;
    }

    /* 左侧其他图片（隐藏） */
    .history-item.left-hidden {
      opacity: 0;
      transform: translateX(-46.5%) scale(0.85);
      z-index: 1;
    }

    /* 卡片样式 */
    .history-card-wrapper {
      width: 45%;
      margin: 0 auto;
      height: 100%;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .history-item.active .history-card-wrapper {
      box-shadow: 0 15px 40px rgba(46, 125, 50, 0.3);
    }

    .history-card-wrapper:hover {
      transform: translateY(-5px);
    }

    .history-item:hover .history-card-wrapper {
      box-shadow: 0 15px 40px rgba(46, 125, 50, 0.3);
    }

    .history-image {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .history-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .history-item.active:hover .history-image img,
    .history-item:hover .history-image img {
      transform: scale(1.05);
    }

    .history-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(46, 125, 50, 0.8) 100%);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 40px;
      transition: background 0.4s ease;
    }

    .history-item:hover .history-overlay {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(46, 125, 50, 0.9) 100%);
    }

    .history-content {
      color: white;
      z-index: 2;
    }

    .history-year {
      display: inline-block;
      background: var(--accent-yellow);
      color: var(--text-dark);
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 11px;
      font-weight: 700;
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .history-content h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 8px;
      line-height: 1.3;
    }

    .history-content p {
      font-size: 14px;
      margin: 0 0 12px 0;
      opacity: 0.95;
    }

    .history-desc {
      font-size: 13px;
      opacity: 0.9;
      max-width: 90%;
      margin-bottom: 15px;
    }

    .history-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: rgba(255, 255, 255, 0.2);
      padding: 6px 16px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .history-btn:hover {
      background: rgba(255, 255, 255, 0.3);
      transform: translateX(5px);
    }

    /* 左右切换箭头 */
    .history-nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.9);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: var(--primary-green);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
      z-index: 10;
    }

    .history-nav-btn:hover {
      background: white;
      box-shadow: 0 6px 20px rgba(0, 98, 174, 0.3);
      transform: translateY(-50%) scale(1.1);
    }

    .history-nav-btn.prev {
      left: 0;
    }

    .history-nav-btn.next {
      right: 0;
    }

    /* 轮播指示器 */
    .history-indicators {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 30px;
    }

    .history-indicator {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--border-color);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .history-indicator.active {
      background: var(--primary-green);
      transform: scale(1.2);
    }

    .history-indicator:hover {
      background: var(--primary-dark-green);
    }

    /* 响应式 */
    @media (max-width: 1400px) {
      .history-content h3 {
        font-size: 24px;
      }
    }

    @media (max-width: 1024px) {
      .history-section {
        padding: 80px 0;
      }
      .history-section .section-header h2 {
        font-size: 36px;
      }
      .history-carousel {
        height: 420px;
      }
      .history-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 20px;
      }
    }

    @media (max-width: 768px) {
      .history-section {
        padding: 60px 0;
      }
      .history-section .section-header h2 {
        font-size: 28px;
      }
      .history-section .section-header p {
        font-size: 16px;
      }
      .history-carousel {
        height: 280px;
      }
      .history-card-wrapper {
        width: 90%;
      }
      .history-nav-btn {
        width: 36px;
        height: 36px;
        font-size: 18px;
      }
      .history-content h3 {
        font-size: 20px;
      }
      .history-year {
        padding: 4px 10px;
        font-size: 11px;
      }
    }
        order: -1;
      }
      .history-card-large {
        min-height: 400px;
      }
      .history-large-image img {
        min-height: 400px;
      }
    }

    @media (max-width: 768px) {
      .history-section {
        padding: 60px 0;
      }
      .history-container {
        padding: 0 20px;
      }
      .history-section .section-header h2 {
        font-size: 30px;
      }
      .history-section .section-header p {
        font-size: 16px;
      }
      .history-grid {
        gap: 20px;
      }
      .history-side {
        gap: 20px;
      }
      .history-card-large {
        min-height: 350px;
      }
      .history-large-image img {
        min-height: 350px;
      }
      .history-small-image {
        min-height: 200px;
      }
      .history-large-overlay,
      .history-small-overlay {
        padding: 25px 20px;
      }
      .history-large-content h3 {
        font-size: 24px;
      }
      .history-large-content > p:first-of-type {
        font-size: 16px;
      }
      .history-desc {
        font-size: 14px;
        margin-bottom: 20px;
      }
      .history-btn {
        padding: 10px 24px;
        font-size: 14px;
      }
    }

    .gallery-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0 30px; }
    .gallery-item { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 4/3; }
    .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .gallery-item:hover img { transform: scale(1.1); }
    .gallery-item .caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.8)); color: white; padding: 15px; font-size: 14px; }

    /* 云展厅 - 展区分类展示（参考 ansteelgroup.com 品牌文化效果） */
    .cloud-section {
      position: relative;
      background-image: url('/public/cloud-zone-bg.webp');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 80px 0;
      overflow: hidden;
    }

    /* 蓝色半透明遮罩 */
    .cloud-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
    }

    /* 装饰光效 */
    .cloud-section::after {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(255,204,0,0.1) 0%, transparent 70%);
      pointer-events: none;
      z-index: 2;
    }

    .cloud-container {
      position: relative;
      z-index: 3;
      width: 100%;
      max-width: 1800px;
      margin: 0 auto;
      padding: 0 30px;
    }

    .cloud-section .section-header {
      position: relative;
      z-index: 3;
      text-align: center;
      margin-bottom: 60px;
    }

    .cloud-section .section-header h3 {
      font-size: 14px;
      color: rgba(255,255,255,0.8);
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 15px;
      font-weight: 600;
    }

    .cloud-section .section-header h2 {
      font-size: 42px;
      color: white;
      margin-bottom: 20px;
      font-weight: 800;
      text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }

    .cloud-section .section-header p {
      font-size: 18px;
      color: rgba(255,255,255,0.85);
      max-width: 600px;
      margin: 0 auto;
    }

    /* 展区图标横向排列 */
    .zones-grid {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 60px;
      flex-wrap: wrap;
      width: 100%;
    }

    .zone-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 40px 35px;
      background: rgba(46, 125, 50, 0.25);
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 20px;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      min-width: 300px;
      flex: 1;
      position: relative;
      z-index: 1;
    }

    .zone-item:hover {
      background: rgba(46, 125, 50, 0.4);
      border-color: rgba(255, 255, 255, 0.4);
      transform: translateY(-10px);
      box-shadow: 0 25px 50px rgba(46, 125, 50, 0.4);
    }

    .zone-icon {
      width: 100px;
      height: 100px;
      background: rgba(46, 125, 50, 0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
      border: 3px solid rgba(255, 255, 255, 0.3);
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .zone-item:hover .zone-icon {
      background: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.5);
      transform: scale(1.15) rotate(360deg);
      box-shadow: 0 15px 40px rgba(46, 125, 50, 0.4);
    }

    .zone-icon i {
      font-size: 48px;
      color: white;
      transition: color 0.4s ease;
    }

    .zone-item:hover .zone-icon i {
      color: var(--text-dark);
    }

    .zone-name {
      color: white;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px;
      text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

    .zone-desc {
      color: rgba(255,255,255,0.7);
      font-size: 13px;
      line-height: 1.4;
    }

    /* 展商网格（保留原有功能，放在下方） */
    .exhibitors-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; padding: 0 30px; }
    .exhibitor-card { text-align: center; background: white; border-radius: 10px; padding: 25px; box-shadow: var(--shadow-md); transition: all 0.3s; }
    .exhibitor-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
    .exhibitor-card img { width: 100%; height: 100px; object-fit: contain; margin-bottom: 15px; }
    .exhibitor-card h4 { color: var(--text-dark); font-size: 15px; }

    .contact-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0 30px; }
    .section-white .contact-item { text-align: center; padding: 30px; background: white; border-radius: 10px; box-shadow: var(--shadow-md); }
    .section-white .contact-item .icon { font-size: 40px; margin-bottom: 15px; }
    .section-white .contact-item h4 { color: var(--primary-green); font-size: 16px; margin-bottom: 10px; }
    
    /* 首页联系我们区域 - 使用 .page-home 提高优先级 */
    .page-home #contact.section-white {
      max-width: 1800px;
      margin: 0 auto;
      position: relative;
    }
    .page-home #contact .contact-map-bg {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      max-width: 1920px;
      height: 100%;
      background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.8) 100%), url('/fastener/../shared/images/map.webp') center/cover no-repeat;
      opacity: 1;
      z-index: 0;
    }
    .page-home #contact .section-header {
      position: relative;
      z-index: 1;
    }
    .page-home #contact .contact-grid-home {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 30px;
      max-width: 1800px;
      margin: 0 auto;
      padding: 0 30px;
    }
    .page-home #contact .contact-item-home {
      background: rgba(255, 255, 255, 0.95);
      border-radius: 8px;
      padding: 25px 20px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      text-align: left;
    }
    .page-home #contact .contact-item-home .icon {
      color: #2e8342;
      font-size: 32px;
      margin-bottom: 15px;
    }
    .page-home #contact .contact-item-home h4 {
      color: #2e8342;
      font-size: 16px;
      margin-bottom: 10px;
      font-weight: 600;
    }
    .page-home #contact .contact-item-home p {
      color: #4A5568;
      font-size: 14px;
      line-height: 1.6;
    }
    .section-white .contact-item p { color: var(--text-gray); font-size: 15px; }

    /* 删除 footer 相关样式，完全依赖内联样式 */

    /* 模态框表单 */
    .modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 9999; align-items: center; justify-content: center; overflow-y: auto; padding: 20px; }
    .modal-overlay.active { display: flex; }
    .modal-container { background: white; border-radius: 15px; width: 100%; max-width: 800px; max-height: 90vh; overflow-y: auto; position: relative; animation: modalSlideIn 0.3s ease; }
    @keyframes modalSlideIn { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
    .modal-header { background: linear-gradient(135deg, var(--primary-green), var(--primary-dark-green)); color: white; padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; }
    .modal-header h2 { font-size: 24px; font-weight: 700; }
    .modal-close { background: rgba(255,255,255,0.2); border: none; color: white; width: 35px; height: 35px; border-radius: 50%; font-size: 20px; cursor: pointer; transition: background 0.3s; }
    .modal-close:hover { background: rgba(255,255,255,0.3); }
    .modal-body { padding: 30px; }
    .modal-section { margin-bottom: 30px; }
    .modal-section h3 { font-size: 18px; color: var(--primary-green); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--border-color); }
    .modal-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; }
    .modal-group { margin-bottom: 20px; }
    .modal-group.full { grid-column: 1 / -1; }
    .modal-group label { display: block; color: var(--text-dark); font-weight: 600; margin-bottom: 8px; font-size: 14px; }
    .modal-group label .required { color: #e53e3e; margin-left: 5px; }
    .modal-group input, .modal-group textarea, .modal-group select { width: 100%; padding: 12px 14px; border: 2px solid var(--border-color); border-radius: 8px; font-size: 14px; font-family: inherit; transition: border-color 0.3s; }
    .modal-group input:focus, .modal-group textarea:focus, .modal-group select:focus { outline: none; border-color: var(--primary-green); }
    .modal-group textarea { resize: vertical; min-height: 100px; }
    .modal-submit { width: 100%; padding: 16px; background: linear-gradient(135deg, var(--primary-green), var(--primary-dark-green)); color: white; border: none; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.3s; margin-top: 20px; }
    .modal-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(46,125,50,0.3); }
    .modal-success { display: none; background: #c6f6d5; color: #22543d; padding: 20px; border-radius: 10px; margin-bottom: 25px; text-align: center; }
    .modal-success.show { display: block; }
    @media (max-width: 768px) { .modal-row { grid-template-columns: 1fr; } }

    /* 二维码图标样式 */
    .qr-icon-wechat { color: #07C160; }
    .qr-icon-douyin { color: #000000; }
    #qrCodeContainer .qr-icon-wechat,
    #qrCodeContainer .qr-icon-douyin {
      font-size: 100px;
    }
    @media (max-width: 768px) {
      #qrCodeContainer .qr-icon-wechat,
      #qrCodeContainer .qr-icon-douyin {
        font-size: 60px;
      }
    }

    /* ========== 移动端样式 - 使用 .page-home 提高优先级 ========== */
    @media (max-width: 768px) {
      /* Hero 区域 - 全屏覆盖 */
      .page-home .hero-section {
        height: 100vh;
        height: 100dvh;
        margin-top: 0;
      }
      /* 海报背景全屏 */
      .page-home .hero-bg {
        position: absolute;
        inset: 0;
      }
      /* 海报遮罩全屏 */
      .page-home .hero-overlay {
        position: absolute;
        inset: 0;
      }
      /* 移动端海报内容容器 - 居中显示 */
      .page-home .hero-content { 
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
        padding: 80px 20px 120px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 20;
        visibility: visible;
        opacity: 1;
      }
      /* 移动端海报文字元素 - 覆盖动画初始 opacity: 0 */
      .page-home .hero-text h1,
      .page-home .hero-text .subtitle,
      .page-home .hero-info,
      .page-home .hero-badge {
        opacity: 1;
      }
      /* 移动端海报文字样式 */
      .page-home .hero-text { 
        max-width: 100%; 
        text-align: center;
      }
      .page-home .hero-text h1 { 
        font-size: 36px; 
        line-height: 1.4; 
        white-space: normal; 
        word-break: break-word; 
        text-align: center;
      }
      .page-home .hero-text .subtitle { 
        font-size: 17px; 
        text-align: center;
      }
      /* 第 19 届及两侧图标 - 移动端居中显示 */
      .page-home .hero-badge { 
        padding: 0; 
        font-size: 36px; 
        margin-bottom: 20px; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
      }
      .page-home .hero-badge .wheat-icon-left, 
      .page-home .hero-badge .wheat-icon-right { 
        height: 56px; 
        width: 56px; 
        margin: 0 4px; 
      }
      /* 时间及地点板块 - 移动端居中显示 */
      .page-home .hero-info { 
        gap: 12px; 
        margin-bottom: 25px; 
        justify-content: center;
        display: flex;
      }
      .page-home .hero-info-item { 
        width: auto;
        flex-shrink: 0;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        padding: 8px 12px;
        font-size: 11px;
        background: rgba(0,0,0,0.4);
        border-radius: 20px;
        color: white;
        border: none;
      }
      .page-home .hero-info-item .icon { 
        width: auto; 
        height: auto; 
        font-size: 14px; 
        border-radius: 0; 
        background: transparent;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }
      .page-home .hero-info-item .text { 
        font-size: 11px; 
        text-align: left;
        white-space: nowrap;
        flex-shrink: 0;
      }
      /* 展商登记及观众登记按钮 */
      .page-home .hero-buttons { flex-direction: row; gap: 8px; flex-wrap: wrap; }
      .page-home .btn { flex: 1; min-width: 110px; text-align: center; padding: 8px 14px; font-size: 11px; border-radius: 22px; }
      .page-home .btn i { font-size: 12px; margin-right: 4px; }
      /* 其他板块 */
      .gallery-grid, .contact-grid { grid-template-columns: 1fr; padding: 0 20px; }
      .content-card { padding: 20px; margin: 0 20px; }
      .section { padding: 30px 0; }
      .page-home .news-grid { grid-template-columns: 1fr; }

      /* 展商网格 - 移动端响应式 */
      .page-home .exhibitors-grid { grid-template-columns: 1fr; padding: 0 20px; }
      
      /* 云展厅展区 - 移动端样式（优先级最高） */
      .page-home .cloud-section { padding: 50px 0; }
      .page-home .cloud-section .section-header h2 { font-size: 28px; }
      .page-home .cloud-section .section-header p { font-size: 15px; }
      .page-home .cloud-container { padding: 0 10px; }
      .page-home .zones-grid { 
        gap: 10px; 
        padding: 0 10px; 
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 100%;
        justify-items: center;
      }
      .page-home .zones-grid .zone-item:nth-child(3) {
        grid-column: span 2;
        margin: 0 auto;
        justify-self: center;
      }
      .page-home .zone-item { 
        min-width: 100px; 
        width: 100%; 
        max-width: 140px;
        padding: 10px 8px; 
        min-height: auto;
        max-height: none;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: none;
      }
      .page-home .zones-grid .zone-item:nth-child(2),
      .page-home .zones-grid .zone-item:nth-child(5) {
        justify-self: center;
      }
      .page-home .zone-icon { 
        width: 40px; 
        height: 40px; 
        margin-bottom: 8px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .page-home .zone-icon i { font-size: 20px; }
      .page-home .zone-name { font-size: 10px; }
      .page-home .zone-desc { font-size: 8px; }
      .page-home .zone-item:hover .zone-icon { transform: scale(1.1) rotate(360deg); }
    }
    
    /* 云展厅展区 - 平板端样式（在最后，覆盖前面的） */
    @media (max-width: 1024px) {
      .page-home .zones-grid { gap: 30px; }
      .page-home .zone-item { min-width: 200px; padding: 35px 25px; }
      .page-home .zone-icon { width: 80px; height: 80px; }
      .page-home .zone-icon i { font-size: 38px; }
    }
    
    /* 云展厅展区 - 移动端样式（在最后，优先级最高） */
    @media (max-width: 768px) {
      .page-home .cloud-section { padding: 50px 0; }
      .page-home .cloud-section .section-header h2 { font-size: 28px; }
      .page-home .cloud-section .section-header p { font-size: 15px; }
      .page-home .cloud-container { padding: 0 10px; }
      .page-home .zones-grid { 
        gap: 10px; 
        padding: 0 10px; 
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 100%;
        justify-items: center;
      }
      .page-home .zones-grid .zone-item:nth-child(3) {
        grid-column: span 2;
        margin: 0 auto;
        justify-self: center;
      }
      .page-home .zone-item { 
        min-width: 100px; 
        width: 100%; 
        max-width: 140px;
        padding: 10px 8px; 
        min-height: auto;
        max-height: none;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: none;
      }
      .page-home .zones-grid .zone-item:nth-child(2),
      .page-home .zones-grid .zone-item:nth-child(5) {
        justify-self: center;
      }
      .page-home .zone-icon { 
        width: 40px; 
        height: 40px; 
        margin-bottom: 8px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .page-home .zone-icon i { font-size: 20px; }
      .page-home .zone-name { font-size: 10px; }
      .page-home .zone-desc { font-size: 8px; }
      .page-home .zone-item:hover .zone-icon { transform: scale(1.1) rotate(360deg); }
    }

    /* PC端Footer基本样式 - 使用 .page-home 提高优先级 */
    .page-home footer {
      background: #252525;
      padding: 60px 0 20px;
    }
    /* 快速链接取消下划线 */
    .page-home footer .footer-col a {
      text-decoration: none;
    }
    .page-home footer .footer-content {
      max-width: 1800px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 30px;
      padding: 0 30px;
      margin-bottom: 50px;
      align-items: flex-start;
    }
    .page-home footer .footer-col {
      padding: 0 20px;
    }
    .page-home footer .footer-col h4 {
      margin-bottom: 20px;
      color: white;
      font-weight: 700;
    }
    .page-home footer .footer-col .contact-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .page-home footer .footer-col .contact-item,
    .page-home footer .footer-col a,
    .page-home footer .footer-col p {
      color: white;
      margin-bottom: 12px;
    }
    .page-home footer .footer-col .contact-item i {
      min-width: 28px;
      color: white;
    }
    .page-home footer .footer-col a {
      display: block;
    }
    .page-home footer .footer-bottom {
      padding-top: 35px;
      background: transparent;
      text-align: center;
      border-top: 1px solid rgba(255,255,255,0.2);
      color: white;
      font-size: 14px;
    }
    
    /* PC端字号样式 */
    @media (min-width: 769px) {
      .page-home footer .footer-col h4 {
        font-size: 28px;
      }
      .page-home footer .footer-col .contact-item,
      .page-home footer .footer-col a,
      .page-home footer .footer-col p {
        font-size: 18px;
      }
      .page-home footer .footer-col .contact-item i {
        font-size: 22px;
      }
      /* PC端关注我们板块的二维码布局 */
      .page-home footer .footer-col:nth-child(4) > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 15px;
        justify-content: flex-start;
        margin-top: 10px;
      }
      .page-home footer .footer-col:nth-child(4) #qrCodeContainer {
        width: 120px;
        height: 120px;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        flex-shrink: 0;
      }
      .page-home footer .footer-col:nth-child(4) #qrCodeContainer i {
        font-size: 100px;
        color: #07C160;
      }
      .page-home footer .footer-col:nth-child(4) > div > div:last-child {
        display: flex;
        gap: 10px;
        flex-direction: column;
        justify-content: center;
        width: auto;
      }
    }
    
    /* 移动端Footer样式 */
    @media (max-width: 768px) {
      .page-home footer {
        padding: 40px 0 20px;
        background: #252525;
      }
      .page-home footer .footer-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 0 15px;
        grid-template-columns: none;
      }
      .page-home footer .footer-container {
        padding: 0;
      }
      .page-home footer .footer-col {
        padding: 0;
      }
      .page-home footer .footer-col:first-child {
        width: 100%;
        padding-right: 0;
      }
      .page-home footer .footer-col:first-child img {
        margin-bottom: 20px;
      }
      .page-home footer .footer-col:first-child p {
        margin-bottom: 15px;
        color: rgba(255,255,255,0.9);
        font-size: 14px;
        line-height: 1.8;
      }
      .page-home footer .footer-col:first-child .social-links {
        justify-content: flex-start;
        margin-top: 15px;
      }
      .page-home footer .footer-col:first-child .social-links a {
        width: 36px;
        height: 36px;
        margin-right: 12px;
        background: rgba(255,255,255,0.1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
      }
      .page-home footer .footer-col:first-child .social-links a:hover {
        background: #FFD700;
        color: #003366;
      }
      .page-home footer .footer-col {
        width: 100%;
        margin-bottom: 0;
      }
      .page-home footer .footer-col h4 {
        font-size: 16px;
        margin-bottom: 15px;
      }
      /* 移动端快速链接三个链接一行显示 */
      .page-home footer .footer-col:nth-child(2) a {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 8px;
      }
      .page-home footer .footer-col a {
        font-size: 14px;
        margin-bottom: 8px;
        color: rgba(255,255,255,0.8);
      }
      .page-home footer .footer-col .contact-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        margin-bottom: 3px;
        font-size: 11px;
        line-height: 1;
      }
      .page-home footer .footer-col .contact-item i {
        font-size: 11px;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        flex-shrink: 0;
      }
      .page-home footer .footer-col .contact-item span,
      .page-home footer .footer-col .contact-item a {
        font-size: 11px;
        line-height: 1;
        text-decoration: none;
      }
      /* 图标和文字垂直居中对齐 */
      .page-home footer .footer-col:nth-child(3) .contact-item:first-of-type {
        margin-top: 0;
      }
      .page-home footer .footer-col:nth-child(3) .contact-item:first-of-type i {
        margin-top: 0;
      }
      .page-home footer .footer-bottom {
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid rgba(255,255,255,0.2);
        background: transparent;
        text-align: center;
        font-size: 11px;
        color: rgba(255,255,255,0.7);
      }
      .page-home footer .footer-col:nth-child(4) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
      }
      .page-home footer .footer-col:nth-child(4) h4 {
        margin-bottom: 8px;
      }
      /* 移动端关注我们板块 - 二维码和按钮横向排列 */
      .page-home footer .footer-col:nth-child(4) > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-top: 0;
      }
      .page-home footer .footer-col:nth-child(4) #qrCodeContainer {
        width: 80px;
        height: 80px;
        flex-shrink: 0;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
      }
      .page-home footer .footer-col:nth-child(4) #qrCodeContainer i {
        font-size: 60px;
        color: #07C160;
      }
      /* 移动端关注我们 - 按钮容器上下排列 */
      .page-home footer .footer-col:nth-child(4) > div > div:last-child {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
      }
      .page-home footer .footer-col:nth-child(4) .qr-buttons {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
      }
    }