/* ==================== 云展厅页面特有样式 ==================== */
    
    /* 创建新的堆叠上下文，确保背景图可见 */
    html {
      background: var(--bg-light);
    }
    body {
      position: relative;
      background: transparent;
      min-height: 100vh;
    }
    /* 背景图层动画 - 使用transform实现平滑放大 */
    @keyframes slowZoomBg {
      0% { transform: scale(1); }
      100% { transform: scale(1.08); }
    }
    /* 背景图层样式 - 仅用于展区选择视图 */
    body > .bg-layer {
      display: none;
    }
    body > .bg-layer::before {
      display: none;
    }
    .page-header {
      background: transparent;
    }
    .page-header::before {
      content: none;
      display: none;
    }

    /* ================================
       云展厅页面顶部横幅CSS变量（与about页面一致）
       ================================ */

    /* 定义CSS变量 - 透明状态 */
    .top-bar:not(.scrolled) {
      --header-bg: transparent;
      --header-border: rgba(255, 255, 255, 0.5);
      --header-text: white;
      --header-accent: var(--accent-yellow);
      --header-year: white;
      --header-meta: white;
      --header-btn-bg: rgba(0, 0, 0, 0.3);
      --header-nav-line: white;
      --logo-filter: brightness(0) invert(1);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

    /* 定义CSS变量 - 白底状态 */
    .top-bar.scrolled {
      --header-bg: rgba(255, 255, 255, 0.98);
      --header-border: var(--border-color);
      --header-text: var(--text-dark);
      --header-accent: var(--primary-blue);
      --header-year: var(--primary-blue);
      --header-meta: var(--text-gray);
      --header-btn-bg: var(--primary-blue);
      --header-nav-line: var(--primary-blue);
      --logo-filter: none;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    /* 应用变量 - 顶部横幅基础样式 */
    .top-bar {
      position: fixed;
      z-index: 1002;
      background: var(--header-bg, rgba(255, 255, 255, 0.95));
      border-bottom: 1px solid var(--header-border, var(--border-color));
      transition: background 0.3s ease, border-color 0.3s ease;
    }

    /* 应用变量 - 文字颜色 */
    .top-bar .top-info-title,
    .top-bar .top-info-item,
    .top-bar .nav-menu a,
    .top-bar .mobile-menu-btn {
      color: var(--header-text, var(--text-dark));
      transition: color 0.3s ease;
    }

    /* 应用变量 - 返回首页按钮 */
    .top-bar .btn-back-home {
      color: var(--header-text, var(--primary-blue));
      border-color: var(--header-text, var(--primary-blue));
    }

    .top-bar .btn-back-home:hover {
      background: var(--header-btn-bg, var(--primary-blue));
      color: var(--header-text, white);
      border-color: var(--header-text, var(--primary-blue));
      transform: translateY(-2px);
    }

    /* 应用变量 - 年份 */
    .top-bar .top-year {
      color: var(--header-year, var(--primary-blue));
    }

    /* 应用变量 - 时间地点 */
    .top-bar .top-info-meta {
      color: var(--header-meta, var(--text-gray));
    }

    /* 应用变量 - 图标 */
    .top-bar .top-info-item i {
      color: var(--header-accent, var(--primary-blue));
    }

    /* 应用变量 - 导航下划线 */
    .top-bar .nav-menu a::after {
      background: var(--header-nav-line, var(--primary-blue));
      transition: width 0.3s ease;
    }

    /* 应用变量 - Logo滤镜 */
    @media (max-width: 768px) {
      .top-bar .top-logo img {
        filter: var(--logo-filter, none);
      }

      /* 透明状态下手机端特殊处理 */
      .top-bar:not(.scrolled) .mobile-menu-btn {
        background: rgba(0,0,0,0.2);
      }

      .top-bar.scrolled .mobile-menu-btn {
        background: var(--primary-blue);
      }
    }
    /* 云展厅页面特有样式（导航样式已移至全局 navigation.css） */
    * { 
      margin: 0; 
      padding: 0; 
      box-sizing: border-box; 
    }
    
    /* 确保所有伪元素也使用 border-box */
    *::before,
    *::after {
      box-sizing: border-box;
    }
    html { overflow-y: scroll; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
      background: var(--bg-light);
      color: var(--text-dark);
      overflow-x: hidden; /* 防止水平滚动 */
      width: 100%;
      max-width: 100vw;
    }
    
    /* 确保所有元素都不会超出容器宽度 */
    img,
    table,
    .view-container,
    .view-section,
    .exhibitors-content,
    .exhibitors-header,
    .exhibitors-toolbar,
    .exhibitors-grid,
    .exhibitors-list {
      max-width: 100%;
      overflow-x: hidden;
    }
      line-height: 1.6;
    }
    
    /* 背景图层动画 - 使用transform实现平滑放大（重复定义，确保生效） */
    @keyframes slowZoomBg {
      0% { transform: scale(1); }
      100% { transform: scale(1.08); }
    }

    .btn-register { display: none; }

    /* 面包屑导航调整 - 新样式 */
    .breadcrumb-nav {
      position: fixed;
      top: 80px; /* 调整为80px（只有top-bar的高度） */
      left: 0;
      right: 0;
      background: transparent;
      border-bottom: none;
      padding: 15px 0;
      z-index: 999;
      display: none;
      transition: background-color 0.3s ease;
    }
    
    .breadcrumb-nav.active {
      display: block;
    }
    
    .breadcrumb-nav.scrolled {
      background: white;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    .breadcrumb-nav .container {
      max-width: 1200px;
      margin: 0 auto;
      padding-left: 20px; /* 左侧留白 */
      padding-right: 20px;
    }
    
    .breadcrumb-list {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px;
      list-style: none;
      font-size: 16px;
    }
    
    .breadcrumb-list li {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    
    .breadcrumb-list a {
      color: white;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
      padding-bottom: 2px;
      border-bottom: 2px solid transparent;
    }
    
    .breadcrumb-nav.scrolled .breadcrumb-list a {
      color: #333;
      text-shadow: none;
    }
    
    .breadcrumb-list a:hover,
    .breadcrumb-list a.active {
      border-bottom-color: white;
    }
    
    .breadcrumb-nav.scrolled .breadcrumb-list a:hover,
    .breadcrumb-nav.scrolled .breadcrumb-list a.active {
      border-bottom-color: #0062AE;
    }
    
    .breadcrumb-list span {
      color: white;
      font-weight: 600;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
      padding-bottom: 2px;
      border-bottom: 2px solid white;
    }
    
    .breadcrumb-nav.scrolled .breadcrumb-list span {
      color: #333;
      text-shadow: none;
      border-bottom-color: #0062AE;
    }
    
    /* ========== 云展厅视图容器 ========== */
    .view-container {
      /* 使用浏览器原生滚动，移除 fixed 定位 */
      position: relative;
      min-height: 100vh;
      padding-top: 0; /* 去掉padding，让背景图从顶部开始 */
      background: transparent;
    }

    .view-container.with-breadcrumb {
      padding-top: 0; /* 去掉为面包屑留出的额外空间 */
    }
    
    .view-section {
      position: relative;
      min-height: 100%;
      display: none;
      background: transparent;
    }
    
    .view-section.active {
      display: block;
    }
    
    /* ========== 视图 1：展区选择 ========== */
    .halls-view {
      position: relative;
      width: 100%;
      /* 使用固定宽度1920px的高度比例：1920x1032 */
      height: 1032px;
      overflow: hidden;
      background: transparent;
    }

    /* 背景图容器 - 展馆海报，从页面顶部开始 */
    .halls-view-bg {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1920px;
      height: 1032px;
      background: linear-gradient(to bottom, rgba(0,98,174, 1) 0%, rgba(0,98,174, 0.85) 12vh, rgba(0,74,133, 0.4) 22vh, rgba(0,74,133, 0) 28vh),
                  var(--page-bg-img, url('/uploads/cloud-bg01.png')) center 30px/1920px 1032px no-repeat;
      z-index: 0;
      pointer-events: none;
    }

    /* 展商列表/详情页背景 - 只显示上半部分，加上渐变，absolute定位随页面滚动 */
    .exhibitors-list-bg,
    .exhibitor-detail-bg {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1920px;
      height: 150px;
      background: 
        linear-gradient(to bottom, 
          rgba(0,0,0,0) 0%, 
          rgba(0,0,0,0) 60%, 
          var(--bg-light) 100%
        ),
        linear-gradient(to bottom, rgba(0,98,174, 1) 0%, rgba(0,98,174, 0.85) 12vh, rgba(0,74,133, 0.4) 22vh, rgba(0,74,133, 0) 28vh),
        var(--page-bg-img, url('/uploads/cloud-bg01.png')) center center/1920px 1032px no-repeat;
      z-index: 0;
      pointer-events: none;
    }

    /* 移动端适配 - 背景图片只显示浏览器宽度，底边在标题上方 */
    @media (max-width: 768px) {
      .halls-view-bg,
      .exhibitors-list-bg,
      .exhibitor-detail-bg {
        width: 100vw;
        left: 0;
        transform: none;
        background-position: center top;
        background-size: cover;
        height: 140px; /* 背景图高度设为140px，底边正好在标题上方 */
      }
    }

    /* 展商列表内容容器 - 去掉固定宽度和背景色，调整顶部padding配合背景图 */
    .exhibitors-list-view .exhibitors-content {
      position: relative;
      z-index: 1;
      padding-top: 140px; /* 调整到140px，让标题在背景图下方 */
      padding-bottom: 30px;
      min-height: 100vh;
      width: 100%;
      box-sizing: border-box;
      overflow-x: hidden;
    }

    /* 展商详情内容容器 - 去掉固定宽度和背景色，调整顶部padding配合背景图 */
    .exhibitor-detail-view .detail-content {
      position: relative;
      z-index: 1;
      padding-top: 140px; /* 调整到140px，配合背景图 */
      padding-bottom: 30px;
      min-height: 100vh;
    }
    
    .exhibitors-content {
      /* 去掉max-width和margin:auto，让内容全宽 */
    }

    /* 内容层 - 全宽，居中，标题位置与其他页面一致 */
    .halls-view-content {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 1920px;
      height: 100%;
      margin: 0 auto;
      padding: 0 20px;  /* 移除顶部padding */
      display: flex;
      flex-direction: column;
    }
    
    .halls-content {
      max-width: 1800px; /* 在1920px容器内 */
      margin: 0 auto;
      text-align: center;
      /* 标题距离浏览器顶部165px（与其他子页一致） */
      height: 350px;
      padding-top: 165px; /* 与其他子页.page-header居中位置一致 */
      display: flex;
      flex-direction: column;
      justify-content: flex-start;  /* 标题从顶部开始，不垂直居中 */
      align-items: center;
      box-sizing: border-box;  /* 确保padding包含在高度内 */
      margin-top: 0;
    }
    
    .cloud-title {
      font-size: 42px; /* 与其他页面标题一致 */
      font-weight: 800;
      color: white;
      margin-top: 0;
      margin-bottom: 10px;
      text-shadow: 0 4px 20px rgba(0,0,0,0.3);
      line-height: 1;
    }
    
    .cloud-subtitle {
      font-size: 16px; /* 副标题调小 */
      color: rgba(255,255,255,0.9);
      margin-bottom: 50px;
      letter-spacing: 2px;
    }
    
    /* 5个展区横向一排布局 */
    .halls-grid {
      display: flex;
      gap: 30px;
      width: 100%;
      max-width: 1800px; /* 在1920px容器内，最大1800px */
      margin: 0 auto;
      padding: 0 20px;
    }

    .hall-card {
      flex: 1;
      background: rgba(255,255,255,0.08);
      backdrop-filter: blur(10px);
      border: 2px solid rgba(0,98,174,0.5);
      border-radius: 20px;
      padding: 40px 25px;
      text-align: center;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      min-width: 0;
      position: relative;
      z-index: 10;
    }
    
    .hall-card:hover {
      background: rgba(255,255,255,0.15);
      border-color: rgba(255,204,0,0.6);
      transform: translateY(-10px);
      box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    }
    
    .hall-icon {
      width: 100px;
      height: 100px;
      margin: 0 auto 25px;
      background: linear-gradient(135deg, rgba(0,98,174,0.2) 0%, rgba(0,98,174,0.1) 100%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      color: white;
      border: 3px solid rgba(255,255,255,0.2);
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .hall-card:hover .hall-icon {
      background: linear-gradient(135deg, #FFCC00 0%, #FFB800 100%);
      border-color: #FFCC00;
      transform: scale(1.15) rotate(360deg);
      box-shadow: 0 15px 40px rgba(255,204,0,0.5);
    }

    .hall-card:hover .hall-icon i {
      color: #1A202C;
    }

    .hall-card h3 {
      font-size: 18px;
      color: #0062AE;
      margin-bottom: 10px;
      font-weight: 700;
      text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

    .hall-card p {
      color: #4A5568;
      font-size: 13px;
      margin-bottom: 10px;
      line-height: 1.4;
    }

    .hall-card .area {
      color: #FFCC00;
      font-weight: 600;
      font-size: 13px;
    }
      color: #FFCC00;
      font-weight: 600;
      font-size: 13px;
    }
    
    /* ========== 视图 2：展商列表 ========== */
    .exhibitors-list-view {
      /* 去掉背景色和默认padding */
      min-height: 100%;
    }
    
    .exhibitors-content {
      /* 去掉max-width和margin:auto，让内容全宽 */
    }
    
    /* 展商列表内部内容 - 居中显示，最大宽度1200px */
    .exhibitors-header,
    .exhibitors-toolbar,
    .exhibitors-grid,
    .exhibitors-list {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    .exhibitors-header {
      margin-bottom: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
    }
    
    .exhibitors-title {
      font-size: 32px;
      color: var(--text-dark);
    }
    
    .exhibitors-meta {
      color: var(--text-gray);
      font-size: 14px;
    }
    
    /* 工具栏 */
    .exhibitors-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px;
      gap: 20px;
      flex-wrap: wrap;
    }
    
    .view-switcher {
      display: flex;
      gap: 10px;
    }
    
    .view-btn {
      padding: 10px 15px;
      border: 2px solid var(--border-color);
      background: white;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.3s;
      font-size: 16px;
    }
    
    .view-btn:hover {
      border-color: var(--primary-blue);
      background: rgba(0,98,174,0.05);
    }
    
    .view-btn.active {
      border-color: var(--primary-blue);
      background: var(--primary-blue);
      color: white;
    }
    
    .search-box {
      display: flex;
      gap: 10px;
      flex: 1;
      max-width: 400px;
    }
    
    .search-box input {
      flex: 1;
      padding: 12px 15px;
      border: 2px solid var(--border-color);
      border-radius: 8px;
      font-size: 14px;
    }
    
    .search-box input:focus {
      outline: none;
      border-color: var(--primary-blue);
    }
    
    /* 网格视图 */
    .exhibitors-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 25px;
    }
    
    .exhibitor-card {
      background: white;
      border-radius: 15px;
      padding: 25px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      transition: all 0.3s;
      cursor: pointer;
      border: 2px solid transparent;
    }
    
    .exhibitor-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.12);
      border-color: var(--primary-blue);
    }
    
    .exhibitor-logo {
      width: 80px;
      height: 80px;
      margin: 0 auto 20px;
      background: var(--bg-light);
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      color: var(--primary-blue);
      overflow: hidden;
    }
    
    .exhibitor-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    
    .exhibitor-name {
      font-size: 16px;
      font-weight: 700;
      color: var(--text-dark);
      text-align: center;
      margin-bottom: 10px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 48px;
      line-height: 1.5;
    }
    
    .exhibitor-products {
      font-size: 13px;
      color: var(--text-gray);
      text-align: center;
      margin-bottom: 15px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    
    .exhibitor-booth {
      font-size: 12px;
      color: var(--primary-blue);
      text-align: center;
      font-weight: 600;
      margin-bottom: 15px;
    }
    
    .exhibitor-btn {
      display: block;
      width: 100%;
      padding: 10px;
      background: var(--primary-blue);
      color: white;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 600;
      font-size: 14px;
      transition: background 0.3s;
    }
    
    .exhibitor-btn:hover {
      background: var(--primary-dark);
    }
    
    /* 列表视图 */
    .exhibitors-list {
      display: none;
      width: 100%;
      box-sizing: border-box;
    }
    
    .exhibitors-list.active {
      display: block;
    }
    
    /* 表格容器 - 支持水平滚动 */
    .exhibitors-list {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    
    /* 表格滚动提示 - 默认隐藏 */
    .table-scroll-hint {
      display: none;
      font-size: 12px;
      color: var(--text-gray);
      text-align: center;
      margin-bottom: 10px;
    }
    
    /* 桌面端显示表格，隐藏卡片列表 */
    .exhibitors-table {
      display: table;
    }
    
    .exhibitors-mobile-list {
      display: none;
    }
    
    .exhibitors-table {
      width: 100%;
      min-width: 700px; /* 桌面端最小宽度 */
      background: white;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      border-collapse: collapse;
    }
    
    .exhibitors-table thead {
      background: var(--bg-light);
    }
    
    .exhibitors-table th {
      padding: 15px 20px;
      text-align: left;
      font-weight: 600;
      color: var(--text-gray);
      font-size: 13px;
      border-bottom: 2px solid var(--border-color);
      vertical-align: middle;
    }
    
    .exhibitors-table th:nth-child(1) { min-width: 180px; max-width: 220px; }
    .exhibitors-table th:nth-child(2) { min-width: 280px; max-width: 350px; }
    .exhibitors-table th:nth-child(3) { min-width: 90px; max-width: 120px; white-space: nowrap; }
    .exhibitors-table th:nth-child(4) { min-width: 90px; max-width: 120px; white-space: nowrap; }
    
    .exhibitors-table td {
      padding: 15px 20px;
      border-bottom: 1px solid var(--border-color);
      font-size: 14px;
      vertical-align: middle;
      box-sizing: border-box;
      line-height: 1.5;
    }
    
    .exhibitors-table td:nth-child(3),
    .exhibitors-table td:nth-child(4) {
      text-align: center;
      white-space: nowrap;
    }
    
    .exhibitors-table tr:hover {
      background: var(--bg-light);
    }
    
    .exhibitors-table .company-name {
      font-weight: 700;
      color: var(--text-dark);
    }
    
    .exhibitors-table .products {
      color: var(--text-gray);
    }
    
    .exhibitors-table .booth-number {
      color: var(--primary-blue);
      font-weight: 600;
    }
    
    .exhibitors-table .view-btn {
      padding: 6px 16px;
      background: var(--primary-blue);
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 13px;
      transition: background 0.3s;
      white-space: nowrap;
      display: inline-block;
    }
    
    .exhibitors-table .view-btn:hover {
      background: var(--primary-dark);
    }
    
    /* ========== 视图 4：展商详情 ========== */
    .exhibitor-detail-view {
      background: transparent;
      padding: 0;
      min-height: 100%;
    }
    
    .detail-content {
      max-width: 1000px;
      margin: 0 auto;
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      overflow: visible;
    }
    
    
    /* ========== 新展商详情页样式 - 现代化设计 ========== */
    
    /* 企业大图 Banner - 现代化设计，带渐变背景 */
    .exhibitor-banner {
      position: relative;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-color: var(--primary-blue);
      min-height: 280px;
      height: auto;
      border-radius: 0 0 32px 32px;
      overflow: hidden;
    }
    
    .exhibitor-banner::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, 
        rgba(0, 98, 174, 0.9) 0%, 
        rgba(0, 78, 138, 0.85) 50%, 
        rgba(0, 58, 108, 0.9) 100%);
      z-index: 1;
    }
    
    .exhibitor-banner::after {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 20% 50%, rgba(255, 204, 0, 0.15) 0%, transparent 50%);
      z-index: 1;
    }
    
    .exhibitor-banner-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, 
        rgba(0, 58, 108, 0.8) 0%, 
        transparent 60%);
      z-index: 2;
    }
    
    .exhibitor-banner-content {
      position: relative;
      z-index: 3;
      padding: 60px 40px 40px;
      color: white;
    }
    
    .exhibitor-banner-title {
      font-size: 48px;
      font-weight: 800;
      margin-bottom: 12px;
      text-shadow: 0 4px 20px rgba(0,0,0,0.3);
      letter-spacing: -0.5px;
      line-height: 1.2;
    }
    
    .exhibitor-banner-subtitle {
      font-size: 18px;
      opacity: 0.95;
      font-weight: 400;
      max-width: 600px;
      line-height: 1.6;
    }
    
    /* 详情内容容器 */
    .exhibitor-detail-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px 60px;
    }
    
    /* 卡片样式 - 现代化设计 */
    .detail-card {
      background: white;
      border-radius: 20px;
      padding: 36px;
      margin-bottom: 32px;
      box-shadow: 0 4px 24px rgba(0, 98, 174, 0.08);
      border: 1px solid rgba(0, 98, 174, 0.06);
      position: relative;
      overflow: hidden;
    }
    
    .detail-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--primary-blue), var(--accent-yellow));
    }
    
    .detail-card-title {
      font-size: 26px;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 2px solid rgba(0, 98, 174, 0.1);
      display: flex;
      align-items: center;
      gap: 12px;
      letter-spacing: -0.3px;
    }
    
    .detail-card-title i {
      font-size: 32px;
      color: var(--primary-blue);
    }
    
    /* 产品网格 - 按原网站尺寸调整 */
    .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
      gap: 25px;
      margin-top: 20px;
    }
    
    .product-card {
      background: var(--bg-light);
      border-radius: 12px;
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
    }
    
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }
    
    .product-card-image {
      width: 100%;
      height: 150px;
      object-fit: cover;
      background: #f5f5f5;
    }
    
    .product-card-content {
      padding: 20px;
    }
    
    .product-card-name {
      font-size: 18px;
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 8px;
    }
    
    .product-card-desc {
      font-size: 14px;
      color: var(--text-gray);
      line-height: 1.6;
    }
    
    /* 手风琴分类展示样式 - 现代化设计 */
    .category-accordion {
      display: flex;
      gap: 32px;
      margin-top: 24px;
    }
    
    .category-sidebar {
      width: 240px;
      flex-shrink: 0;
    }
    
    .category-item {
      margin-bottom: 10px;
    }
    
    .category-header {
      padding: 14px 18px;
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.05), rgba(0, 98, 174, 0.02));
      border: 2px solid rgba(0, 98, 174, 0.12);
      border-radius: 12px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      font-weight: 600;
      color: var(--text-dark);
      position: relative;
      overflow: hidden;
    }
    
    .category-header::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 4px;
      background: var(--primary-blue);
      transform: scaleY(0);
      transition: transform 0.3s;
    }
    
    .category-header:hover {
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.12), rgba(0, 98, 174, 0.06));
      border-color: rgba(0, 98, 174, 0.25);
      transform: translateX(4px);
    }
    
    .category-header:hover::before {
      transform: scaleY(1);
    }
    
    .category-header.active {
      background: linear-gradient(135deg, var(--primary-blue), #005eaa);
      color: white;
      border-color: var(--primary-blue);
      box-shadow: 0 8px 24px rgba(0, 98, 174, 0.3);
    }
    
    .category-header.active::before {
      transform: scaleY(1);
      background: var(--accent-yellow);
    }
    
    .category-header i {
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .category-header.active i {
      transform: rotate(180deg);
    }
    
    .category-content {
      display: none;
      padding: 16px 0;
      animation: fadeIn 0.4s ease-out;
    }
    
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .category-content.active {
      display: block;
    }
    
    .category-products {
      flex: 1;
    }
    
    .category-products-title {
      font-size: 22px;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 2px solid rgba(0, 98, 174, 0.15);
      position: relative;
      letter-spacing: -0.3px;
    }
    
    .category-products-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 60px;
      height: 2px;
      background: linear-gradient(90deg, var(--primary-blue), var(--accent-yellow));
    }
    
    .category-products-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }
    
    .category-product-card {
      background: white;
      border-radius: 16px;
      overflow: hidden;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      border: 1px solid rgba(0, 98, 174, 0.08);
      box-shadow: 0 2px 8px rgba(0, 98, 174, 0.06);
    }
    
    .category-product-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 16px 40px rgba(0, 98, 174, 0.18);
      border-color: rgba(0, 98, 174, 0.2);
    }
    
    .category-product-image {
      width: 100%;
      height: 150px;
      object-fit: cover;
      background: linear-gradient(135deg, #f8fafc, #e2e8f0);
      display: block;
      transition: transform 0.4s;
    }
    
    .category-product-card:hover .category-product-image {
      transform: scale(1.08);
    }
    
    .category-product-name {
      padding: 16px 14px;
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      color: var(--primary-dark);
      line-height: 1.4;
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.02), transparent);
    }
    
    /* 移动端手风琴样式 */
    .category-accordion-mobile {
      display: none;
    }
    
    .category-item-mobile {
      margin-bottom: 12px;
    }
    
    .category-content-mobile {
      display: none;
      padding: 16px;
      background: rgba(0, 98, 174, 0.02);
      border-radius: 0 0 12px 12px;
      border: 1px solid rgba(0, 98, 174, 0.08);
      border-top: none;
      margin-top: -8px;
      animation: fadeIn 0.4s ease-out;
    }
    
    .category-content-mobile.active {
      display: block;
    }
    
    /* 移动端适配 - 手风琴分类 */
    @media (max-width: 1024px) {
      .category-sidebar-desktop,
      .category-products-desktop {
        display: none !important;
      }
      
      .category-accordion-mobile {
        display: block;
      }
      
      .category-products-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    
    @media (max-width: 640px) {
      .category-products-grid {
        grid-template-columns: 1fr;
      }
    }
    
    /* 基本信息网格 - 现代化设计 */
    .info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
      gap: 24px;
    }
    
    .info-item {
      display: flex;
      align-items: flex-start;
      gap: 18px;
      padding: 20px;
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.03), rgba(0, 98, 174, 0.01));
      border-radius: 16px;
      border: 1px solid rgba(0, 98, 174, 0.08);
      transition: all 0.3s;
    }
    
    .info-item:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(0, 98, 174, 0.12);
      border-color: rgba(0, 98, 174, 0.15);
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.06), rgba(0, 98, 174, 0.02));
    }
    
    .info-item-icon {
      width: 48px;
      height: 48px;
      background: linear-gradient(135deg, var(--primary-blue), #005eaa);
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 22px;
      flex-shrink: 0;
      box-shadow: 0 4px 12px rgba(0, 98, 174, 0.25);
    }
    
    .info-item-content {
      flex: 1;
    }
    
    .info-item-label {
      font-size: 13px;
      color: var(--text-gray);
      margin-bottom: 6px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-weight: 500;
    }
    
    .info-item-value {
      font-size: 16px;
      color: var(--primary-dark);
      font-weight: 600;
      word-break: break-all;
      line-height: 1.5;
    }
    
    /* 联系人卡片 - 现代化设计 */
    .contacts-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 24px;
    }
    
    .contact-card {
      display: flex;
      align-items: center;
      gap: 22px;
      padding: 24px;
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.03), rgba(0, 98, 174, 0.01));
      border-radius: 20px;
      border: 1px solid rgba(0, 98, 174, 0.08);
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      overflow: hidden;
    }
    
    .contact-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--primary-blue), var(--accent-yellow));
      transform: scaleX(0);
      transition: transform 0.4s;
    }
    
    .contact-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(0, 98, 174, 0.15);
      border-color: rgba(0, 98, 174, 0.18);
      background: linear-gradient(135deg, rgba(0, 98, 174, 0.06), rgba(0, 98, 174, 0.02));
    }
    
    .contact-card:hover::before {
      transform: scaleX(1);
    }
    
    .contact-avatar {
      width: 78px;
      height: 78px;
      border-radius: 50%;
      object-fit: cover;
      background: linear-gradient(135deg, var(--primary-blue), #005eaa);
      flex-shrink: 0;
      border: 4px solid white;
      box-shadow: 0 8px 24px rgba(0, 98, 174, 0.25);
    }
    
    .contact-info {
      flex: 1;
    }
    
    .contact-name {
      font-size: 19px;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 6px;
      letter-spacing: -0.3px;
    }
    
    .contact-position {
      font-size: 14px;
      color: var(--primary-blue);
      margin-bottom: 12px;
      font-weight: 500;
    }
    
    .contact-phone {
      font-size: 16px;
      color: var(--text-gray);
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 14px;
      background: rgba(0, 98, 174, 0.06);
      border-radius: 10px;
      font-weight: 500;
    }
    
    .contact-phone i {
      color: var(--primary-blue);
      font-size: 18px;
    }
    
    /* 返回按钮 - 现代化设计 */
    .back-to-list-btn {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 16px 44px;
      background: linear-gradient(135deg, var(--primary-blue), #005eaa);
      color: white;
      border-radius: 50px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 8px 24px rgba(0, 98, 174, 0.3);
      border: none;
      letter-spacing: 0.3px;
      margin-top: 30px;
    }
    
    .back-to-list-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 32px rgba(0, 98, 174, 0.4);
      background: linear-gradient(135deg, #005eaa, var(--primary-dark));
    }
    
    .back-to-list-btn:active {
      transform: translateY(-1px);
    }
    
    /* 移动端适配 - 现代化设计 */
    @media (max-width: 768px) {
      .exhibitor-banner {
        min-height: 220px;
        border-radius: 0 0 24px 24px;
      }
      
      .exhibitor-banner-content {
        padding: 48px 24px 32px;
      }
      
      .exhibitor-banner-title {
        font-size: 32px;
      }
      
      .exhibitor-banner-subtitle {
        font-size: 14px;
      }
      
      .exhibitor-detail-container {
        padding: 24px 16px 40px;
      }
      
      .detail-card {
        padding: 24px;
        border-radius: 16px;
      }
      
      .detail-card-title {
        font-size: 22px;
      }
      
      .category-accordion {
        flex-direction: column;
        gap: 24px;
      }
      
      .category-sidebar {
        width: 100%;
      }
      
      .category-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
      }
      
      .category-product-card {
        border-radius: 12px;
      }
      
      .info-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }
      
      .contacts-grid {
        grid-template-columns: 1fr;
        gap: 16px;
      }
      
      .contact-card {
        padding: 20px;
        border-radius: 16px;
      }
      
      .contact-avatar {
        width: 64px;
        height: 64px;
      }
      
      .back-to-list-btn {
        padding: 14px 36px;
        width: 100%;
        justify-content: center;
      }
    }
    
    @media (max-width: 480px) {
      .category-products-grid {
        grid-template-columns: 1fr;
      }
      
      .exhibitor-banner-title {
        font-size: 28px;
      }
    }
    
    .detail-header {
      background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark));
      padding: 40px;
      text-align: center;
      color: white;
    }
    
    .detail-logo {
      width: 120px;
      height: 120px;
      margin: 0 auto 20px;
      background: white;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      color: var(--primary-blue);
      overflow: hidden;
    }
    
    .detail-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    
    .detail-name {
      font-size: 32px;
      font-weight: 800;
      margin-bottom: 10px;
    }
    
    .detail-booth {
      font-size: 16px;
      opacity: 0.9;
    }
    
    .detail-body {
      padding: 40px;
    }
    
    .detail-section {
      margin-bottom: 30px;
    }
    
    .detail-section-title {
      font-size: 20px;
      font-weight: 700;
      color: var(--primary-blue);
      margin-bottom: 15px;
      padding-bottom: 10px;
      border-bottom: 2px solid var(--border-color);
    }
    
    .detail-section-content {
      color: var(--text-dark);
      line-height: 1.8;
    }
    
    .detail-info-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
    
    .detail-info-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    
    .detail-info-item i {
      color: var(--primary-blue);
      font-size: 20px;
      margin-top: 2px;
    }
    
    .detail-info-label {
      font-size: 13px;
      color: var(--text-gray);
      margin-bottom: 3px;
    }
    
    .detail-info-value {
      font-size: 15px;
      color: var(--text-dark);
      font-weight: 600;
    }
    
    /* 响应式设计 */
    @media (max-width: 1920px) {
      .halls-grid {
        width: 100%;
        max-width: 100%;
      }
    }

    @media (max-width: 1400px) {
      .halls-grid {
        flex-wrap: wrap;
        justify-content: center;
      }
      .hall-card {
        flex: 0 0 calc(50% - 15px);
      }
    }

    @media (max-width: 1024px) {
      .halls-grid {
        flex-wrap: wrap;
      }
      .hall-card {
        flex: 0 0 calc(50% - 15px);
      }

      .exhibitors-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .cloud-title {
        font-size: 42px;
      }
    }

    @media (max-width: 768px) {
      html, body {
        overflow-x: hidden;
        width: 100%;
      }
      
      /* 面包屑导航 - 手机端 */
      .breadcrumb-nav {
        top: 80px;
        padding: 8px 10px;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
      }
      
      .breadcrumb-nav .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }
      .breadcrumb-list {
        font-size: 12px;
        flex-wrap: nowrap;
        gap: 15px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
      .breadcrumb-list li {
        white-space: nowrap;
      }
      
      /* 云展厅首屏 - 移动端自适应高度 */
      .halls-view {
        height: auto;
        min-height: 100vh;
        padding-bottom: 40px;
      }
      
      .halls-view-bg {
        width: 100%;
        height: 100%;
        min-height: 100vh;
        background-size: cover;
        background-position: center;
      }
      
      .halls-view-content {
        padding: 0 15px;
      }
      
      /* 标题区域 - 移动端调整顶部距离 */
      .halls-content {
        padding-top: 120px;
        height: auto;
      }
      
      .cloud-title {
        font-size: 28px;
        margin-bottom: 0;
      }
      
      .cloud-subtitle {
        font-size: 14px;
        margin-bottom: 0;
      }
      
      /* 展区卡片 - 单列布局 */
      .halls-grid {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 15px;
        padding: 0;
      }
      
      .hall-card {
        flex: 0 0 100%;
        padding: 20px;
      }
      
      .hall-icon {
        width: 60px;
        height: 60px;
        font-size: 28px;
        margin-bottom: 15px;
      }
      
      .hall-card h3 {
        font-size: 16px;
      }
      
      .hall-card p {
        font-size: 12px;
      }
      
      .booth-grid {
        grid-template-columns: 1fr;
      }
      
      .exhibitors-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
      }
      
      .exhibitors-header,
      .exhibitors-toolbar,
      .exhibitors-list {
        padding: 0 15px !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
      }
      
      .exhibitor-card {
        padding: 18px;
        border-radius: 12px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
      }
      
      .exhibitor-logo {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        font-size: 24px;
        margin-bottom: 15px;
      }
      
      .exhibitor-name {
        font-size: 14px;
        min-height: 42px;
        line-height: 1.4;
      }
      
      .exhibitor-products {
        font-size: 12px;
      }
      
      .exhibitor-booth {
        font-size: 11px;
      }
      
      .exhibitor-btn {
        font-size: 12px;
        padding: 10px;
      }
      
      /* 移动端展商内容容器 */
      .exhibitors-content {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
      }
      
      /* 移动端工具栏 */
      .exhibitors-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
      }
      
      .view-switcher {
        width: 100%;
        justify-content: flex-start;
      }
      
      .search-box {
        max-width: 100%;
        width: 100%;
      }
      
      /* 移动端表格样式 - 手机端改用卡片式布局，不使用表格 */
      .exhibitors-list {
        overflow-x: visible;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
      }
      
      /* 隐藏移动端的表格，显示卡片列表 */
      .exhibitors-table {
        display: none !important;
      }
      
      .exhibitors-mobile-list {
        display: flex !important;
      }
      .exhibitors-mobile-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
      }
      
      /* 移动端展商卡片 */
      .exhibitor-mobile-card {
        background: white;
        border-radius: 12px;
        padding: 15px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        display: flex;
        gap: 0; /* 去掉卡片内的gap，避免影响布局 */
        align-items: center;
        width: 100%;
        box-sizing: border-box;
      }
      
      /* 卡片三列布局 - 严格保持35% + 40% + 15% */
      .exhibitor-mobile-card .col-company {
        width: 35%;
        flex-shrink: 0;
      }
      
      .exhibitor-mobile-card .col-products {
        width: 40%;
        flex-shrink: 0;
      }
      
      .exhibitor-mobile-card .col-action {
        width: 15%;
        flex-shrink: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
      
      /* 查看详情按钮 - 缩小尺寸，适应15%空间 */
      .exhibitor-mobile-card .view-btn {
        padding: 5px 6px;
        background: var(--primary-blue);
        color: #1A202C;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 9px;
        font-weight: 600;
        white-space: nowrap;
      }
      
      /* 公司名称样式 - 最多2行 */
      .exhibitors-mobile-list .exhibitor-mobile-card .company-name {
        font-size: 13px;
        font-weight: 700;
        color: var(--text-dark);
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
      }
      
      /* 主营产品样式 - 最多2行 */
      .exhibitors-mobile-list .exhibitor-mobile-card .products {
        font-size: 12px;
        color: var(--text-gray);
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
      }
      
      /* 展位号样式 */
      .exhibitor-mobile-card .booth-number {
        font-size: 11px;
        color: var(--primary-blue);
        font-weight: 600;
        margin-top: 4px;
      }
      
      /* 查看详情按钮 */
      .exhibitor-mobile-card .view-btn {
        padding: 8px 12px;
        background: var(--primary-blue);
        color: #1A202C;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
        margin-right: 0;
      }
      
      /* 隐藏移动端表格滚动提示 */
      .table-scroll-hint {
        display: none;
      }
    }
    
    /* 模态框表单 */
    .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-blue), var(--primary-dark)); 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-blue); 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-blue); }
    .modal-group textarea { resize: vertical; min-height: 100px; }
    .modal-submit { width: 100%; padding: 16px; background: linear-gradient(135deg, var(--primary-blue), var(--primary-dark)); 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(0,98,174,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; } }
    
    /* 滑块验证样式 */
    .slider-verify-container {
      margin-bottom: 20px;
    }
    
    .slider-track {
      position: relative;
      width: 100%;
      height: 44px;
      background: #f5f5f5;
      border-radius: 8px;
      border: 1px solid #ddd;
      overflow: hidden;
      user-select: none;
    }
    
    .slider-progress {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background: linear-gradient(90deg, #0062AE, #0080D0);
      width: 0;
      transition: none;
    }
    
    .slider-tip {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 13px;
      color: #999;
      white-space: nowrap;
      pointer-events: none;
    }
    
    .slider-handle {
      position: absolute;
      top: 0;
      left: 0;
      width: 44px;
      height: 44px;
      background: white;
      border: 1px solid #ddd;
      border-radius: 6px;
      cursor: grab;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      color: #0062AE;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      transition: box-shadow 0.2s;
    }
    
    .slider-handle:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .slider-handle:active {
      cursor: grabbing;
    }
    
    .slider-handle i {
      pointer-events: none;
    }
    
    .slider-track.success {
      border-color: #52c41a;
    }
    
    .slider-track.success .slider-progress {
      background: linear-gradient(90deg, #52c41a, #73d13d);
    }
    
    .slider-track.success .slider-tip {
      color: #52c41a;
    }
    
    .slider-track.success .slider-handle {
      border-color: #52c41a;
      color: #52c41a;
    }