@media screen and (max-width: 768px) {
  /* 修改移动端底部导航菜单图标颜色为蓝色系 */
  #mobile-nav-container .mobile-nav-item img {
    /* 使用CSS过滤器将图标颜色修改为蓝色系 */
    /* 首先将图标变为黑色，然后应用蓝色色调 */
    filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(2000%) hue-rotate(200deg);
    -webkit-filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(2000%) hue-rotate(200deg);
  }
  
  #mobile-nav-container .mobile-nav-item.active img {
    /* 激活状态使用更深的蓝色 */
    filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2000%) hue-rotate(200deg);
    -webkit-filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2000%) hue-rotate(200deg);
  }
  /* 防止移动端横向滚动 - 使用更具体的选择器减少!important依赖 */
  /* 选择器优先级: html body > body */
  html body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    /* 由于body在main.css中已经有样式，这里使用更具体的选择器就能覆盖 */
  }

  /* 隐藏不需要的元素 */
  header, footer {
    display: none !important;
  }

  /* 调整菜单为横向tab布局 */
  .css-menu {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
    background-color: #ffffff !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
  
  .css-menu-vertical {
    border: none !important;
  }

  .css-menu-inner {
    display: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    justify-content: space-around !important;
  }
  
  .css-menu-item {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.3s ease !important;
  }
  
  /* 确保stepList元素在手机端水平排列 */
  .stepList {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  /* 确保stepList内部元素水平排列 */
  .stepList > span {
    margin: 0 4px !important;
  }
  
  /* 调整图标和标题的水平排列 */
  .css-menu-item {
    flex: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 5px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.3s ease !important;
  }
  
  .css-menu-icon {
    margin: 0 5px 0 0 !important;
  }
  
  .css-menu-selected {
    border-bottom-color: rgb(var(--primary-6)) !important;
    background-color: #f5f5f5 !important;
  }
  
  .css-menu-icon {
    display: block !important;
    margin: 0 0 5px 0 !important;
  }
  
  .css-menu-title {
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100px !important;
  }

  /* 调整flex容器布局 */
  .flex.py-20px {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px !important;
  }

  /* 确保主要内容容器显示并占满屏幕，不超出视口 */
  /* 使用更具体的选择器链提高优先级 */
  body #contentBody,
  body #step1,
  body #step2,
  body #step3,
  body #step4,
  body #step5 {
    /* 由于这些元素在电脑端可能有不同的样式，使用更具体的选择器链 */
    /* 选择器优先级: body #id > #id */
    width: 100%;
    max-width: 100%;
    padding: 0px 5px 20px; /* 底部留出更多空间给固定按钮 */
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 1;
  }

  /* 优化contentBody内部的表单容器 */
  #contentBody > div {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 优化contentBody内部的flex容器 */
  #contentBody .flex {
    max-width: 100% !important;
    font-size: 0.78rem;
  }

  /* 优化flex-1容器 */
  #contentBody .flex-1 {
    width: 100% !important;
    padding: 0 !important;
  }

  /* 移动端进度条样式 - 确保与图片一致 */
  #contentBody .flex.justify-center {
    margin: 20px 0 30px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  #contentBody .flex.justify-center > div {
    max-width: 100% !important;
    display: flex !important;
    position: relative !important;
  }

  #contentBody .flex.justify-center0 > div {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
  }

  /* 背景进度条 - 灰色线条 */
  #contentBody .bg-\#CECECE {
    height: 3px !important;
    background-color: #CECECE !important;
  }

  /* ========================= convert-format.html 移动端适配 ========================= */
  /* 调整主容器布局为垂直方向 */
  #pc-content .flex.py-20px {
    flex-direction: column !important;
    padding: 10px !important;
  }

  /* 调整左侧菜单为顶部水平布局 */
  #pc-content .css-menu {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  }

  #pc-content .css-menu-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
  }

  #pc-content .css-menu-item {
    flex: 1 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent !important;
    width: 7rem !important;
    text-align: center!important;
  }

  #pc-content .css-menu-item .css-menu-icon {
    display: none !important;
  }

  #pc-content .css-menu-selected {
    border-bottom-color: rgb(var(--primary-6)) !important;
    background-color: #f5f5f5 !important;
  }

  #pc-content .checkTypeText {
    line-height: normal !important;
  }
  
  /* 调整右侧内容区域 */
  #pc-content .flex-1 {
    width: 100% !important;
    padding: 0 !important;
  }

  /* step1 容器适配 */
  #step1, #step2, #step3, #step4, #step5 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  /* 选择类型卡片适配 */
  #step1 .chooseType {
    flex-direction: column !important;
    gap: 15px !important;
  }

  #step1 .rewriteType {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  /* 表单标签适配 */
  #step1 .css-form-item-label {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  /* 检测类型选择器适配 */
  #step1 .checkTypes {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  #step1 .checkType {
    width: calc(50% - 5px) !important;
    margin-bottom: 10px !important;
    height: auto !important;
    padding: 10px 0 !important;
    font-size: 12px !important;
  }

  /* 提交方式选择器适配 */
  #step1 .css-radio-group {
    flex-direction: column !important;
    gap: 10px !important;
  }

  #step1 .css-radio {
    display: flex !important;
    align-items: center !important;
  }

  /* 文本区域适配 */
  #step1 .input_wrapper {
    width: 100% !important;
  }

  #step1 textarea {
    width: 100% !important;
    min-height: 120px !important;
    font-size: 14px !important;
  }

  /* 注意事项区域适配 */
  #step1 .rounded-12px {
    margin-top: 15px !important;
    padding: 15px !important;
  }

  #step1 .bottom-tab {
    font-size: 16px !important;
  }

  #step1 .text-gray {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #999999 !important;
  }

  .rewriteFilePayBtn {
    width: 7rem !important;
  }

  .rewriteLevelDiv {
    margin-right: 20px!important;
  }

  .rewriteLevelDiv .levelSelect {
    margin-top: 0.5rem!important;
  }

  .checkTypeWrapper {
    padding: 10px !important;
  }

  .maxCheckWord {
    display: none !important;
  }

  /* 调整省份选择区域 */
  #provinces {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  
  #provinces > div:first-child {
    text-align: left !important;
    margin-bottom: 5px !important;
  }
  
  #provinces .provinceItem {
    flex: 0 0 auto !important;
    text-align: center !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
  }
  
  /* 调整学校搜索框 */
  #pc-content .css-input-group.w-500px,
  #pc-content .css-input-group {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  #pc-content .css-input {
    font-size: 14px !important;
  }
  
  /* 调整模板展示区域 - 从5列调整为2列 */
  .templates.grid-cols-5 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    padding: 15px !important;
  }
  
  /* 调整模板项样式 */
  .province-item {
    height: auto !important;
    padding: 10px !important;
  }
  
  /* 调整提示信息区域 */
  #pc-content .rounded-12px {
    margin-top: 15px !important;
    padding: 15px !important;
  }

  #pc-content .bottom-tab {
    font-size: 16px !important;
  }
  
  #pc-content .text-red-500,
  #pc-content .text-\#999999 {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  
  /* 调整订单查询区域 */
  #pc-content .font-medium.border-b {
    font-size: 14px !important;
  }
  
  /* 防止页面内容被底部导航栏遮挡 */
  #pc-content {
    padding-bottom: 20px !important;
  }
  
  /* 搜索框适配 - 保持在页面顶部固定宽度 */
    .convert-format #step2 .css-input-group {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      padding: 10px 10px !important;
      margin-bottom: 15px !important;
    }
    
    .convert-format #step2 .css-input {
      width: calc(100% - 60px) !important;
    }
    
    .convert-format #step2 .searchOrder {
      width: 60px !important;
      padding: 0 !important;
    }
    
    /* 隐藏桌面端表头 */
    .convert-format #step2 .orderTitle {
      display: none !important;
    }
    
    /* 订单项容器 - 移动端卡片式布局 */
    .convert-format .orderItem {
      width: 100% !important;
      background-color: white !important;
      border-radius: 8px !important;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
      margin-bottom: 15px !important;
      padding: 15px !important;
      box-sizing: border-box !important;
    }
    
    /* 订单项内容改为纵向布局 */
    .convert-format .orderItem .flex {
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      width: 100% !important;
    }
    
    /* 每个信息字段改为键值对形式显示 */
    .convert-format .orderItem .flex-1 {
      width: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      margin-bottom: 10px !important;
    }
    
    /* 添加字段标签 */
    .convert-format .orderItem .orderNo::before {
      content: "订单号: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .title::before {
      content: "标题: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .templateName::before {
      content: "格式: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .pdfStatus::before {
      content: "状态: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .pdfDate::before {
      content: "提交时间: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .payChannel::before {
      content: "支付方式: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    .convert-format .orderItem .payAt::before {
      content: "支付时间: " !important;
      font-weight: 600 !important;
      color: #666 !important;
    }
    
    /* 各字段内容样式 */
    .convert-format .orderItem .orderNo,
    .convert-format .orderItem .title,
    .convert-format .orderItem .templateName,
    .convert-format .orderItem .pdfStatus,
    .convert-format .orderItem .pdfDate,
    .convert-format .orderItem .payChannel,
    .convert-format .orderItem .payAt {
      width: 100% !important;
      word-break: break-all !important;
      white-space: normal !important;
      padding: 5px 0 !important;
      color: #333 !important;
      font-size: 14px !important;
      font-weight: bold;
    }
    
    /* 操作按钮区域 - 横向排列 */
    .convert-format .orderItem .flex-1:last-child {
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-between !important;
      margin-top: 15px !important;
      margin-bottom: 0 !important;
      width: 100% !important;
      gap: 10px !important;
    }
    
    /* 确保按钮容器内元素水平排列 */
    .convert-format .orderItem .flex-1:last-child > div,
    .convert-format .orderItem .flex-1:last-child > span {
      display: flex !important;
      flex-direction: row !important;
      width: 100% !important;
      gap: 10px !important;
    }
    
    /* 操作按钮样式 - 水平排列优化 */
    .convert-format .orderItem .flex-1:last-child button {
      flex: 1 !important;
      padding: 8px 12px !important;
      font-size: 14px !important;
      text-align: center !important;
      border-radius: 4px !important;
      white-space: nowrap !important;
    }
    
    /* 订单容器调整 */
    .convert-format #step2 .orderContainer {
      width: 100% !important;
      padding: 10px 10px !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 15px !important;
    }
    
    /* 确保Arco spin容器样式正确 */
    .convert-format #step2 .css-spin {
      width: 100% !important;
      overflow-x: visible !important;
    }
    
    .convert-format #step2 .css-spin > div {
      width: 100% !important;
      overflow-x: visible !important;
    }

    /* 复制图标样式 */
    .convert-format .copy-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin-left: 5px;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .convert-format .copy-icon:hover {
      opacity: 0.8;
      transform: scale(1.1);
    }

  /* 下载报告 各字段内容样式 */
  .searchPaper .orderItem .orderNo,
  .searchPaper .orderItem .fileName,
  .searchPaper .orderItem .duplicateStatus,
  .searchPaper .orderItem .aigcStatus,
  .searchPaper .orderItem .payChannel,
  .searchPaper .orderItem .payAt,
  .searchPaper .orderItem .type,
  .searchPaper .orderItem .rewriteText,
  .searchPaper .orderItem .rewriteResult,
  .searchPaper .orderItem .rewriteLevel,
  .searchPaper .orderItem .createdAt {
    width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 5px 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: bold;
  }

  .searchPaper #step1 .orderTitle,
  .searchPaper #step2 .orderTitle,
  .searchPaper #step3 .orderTitle {
    display: none !important;
  }

  .searchPaper .orderItem button {
    width: 120px !important;
  }

  /* 搜索框适配 - 保持在页面顶部固定宽度 */
  .searchPaper #step1 .css-input-group,
  .searchPaper #step2 .css-input-group,
  .searchPaper #step3 .css-input-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }

  .searchPaper #step1 .css-input,
  .searchPaper #step2 .css-input,
  .searchPaper #step3 .css-input {
    width: calc(100% - 60px) !important;
  }

  .searchPaper #step1 .searchOrder,
  .searchPaper #step2 .searchOrder,
  .searchPaper #step3 .searchOrder {
    width: 60px !important;
    padding: 0 !important;
  }

  /* 订单项容器 - 移动端卡片式布局 */
  .searchPaper .orderItem {
    width: 100% !important;
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }

  /* 订单项内容改为纵向布局 */
  .searchPaper .orderItem .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* 每个信息字段改为键值对形式显示 */
  .searchPaper .orderItem .flex-1 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
  }

  /* 添加字段标签 */
  .searchPaper .orderItem .orderNo::before {
    content: "订单号: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .fileName::before {
    content: "文件名: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .amount::before {
    content: "金额: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .duplicateStatus::before {
    content: "重复率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .aigcStatus::before {
    content: "AIGC率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .payChannel::before {
    content: "支付方式: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .payAt::before {
    content: "支付时间: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .createdAt::before {
    content: "创建时间: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .type::before {
    content: "类型: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .rewriteText::before {
    content: "原文: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .rewriteResult::before {
    content: "结果: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .searchPaper .orderItem .rewriteLevel::before {
    content: "等级: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  /* 操作按钮区域调整 */
  .searchPaper .orderItem .flex.flex-col.justify-center.items-center {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* 订单容器调整 */
  .searchPaper #step1 .orderContainer,
  .searchPaper #step2 .orderContainer,
  .searchPaper #step3 .orderContainer {
    width: 100% !important;
    padding: 0px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  /* 确保Arco spin容器样式正确 */
  .searchPaper #step1 .css-spin,
  .searchPaper #step2 .css-spin,
  .searchPaper #step3 .css-spin {
    width: 100% !important;
    overflow-x: visible !important;
  }

  .searchPaper #step1 .css-spin > div,
  .searchPaper #step2 .css-spin > div,
  .searchPaper #step3 .css-spin > div {
    width: 100% !important;
    overflow-x: visible !important;
  }

  /* 复制图标样式 */
  .searchPaper .copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .searchPaper .copy-icon:hover {
    opacity: 0.8;
    transform: scale(1.1);
  }

  body .searchPaper .copy-icon {
    margin-left: 3px;
    width: 14px;
    height: 14px;
  }

  body .searchPaper .copy-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .searchPaper .orderItem .mt-11px {
    margin-top: 1px !important;
  }

  /* 操作按钮区域 - 横向排列 */
  .searchPaper .orderItem .flex-1:last-child {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* 确保按钮容器内元素水平排列 */
  .searchPaper .orderItem .flex-1:last-child > div,
  .searchPaper .orderItem .flex-1:last-child > span {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* 操作按钮样式 - 水平排列优化 */
  .searchPaper .orderItem .flex-1:last-child button {
    flex: 1 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
  }


  /* 降aigc 各字段内容样式 */
  .rewriteAigc .orderItem .orderNo,
  .rewriteAigc .orderItem .fileName,
  .rewriteAigc .orderItem .duplicateStatus,
  .rewriteAigc .orderItem .aigcStatus,
  .rewriteAigc .orderItem .payChannel,
  .rewriteAigc .orderItem .payAt,
  .rewriteAigc .orderItem .type,
  .rewriteAigc .orderItem .rewriteText,
  .rewriteAigc .orderItem .rewriteResult,
  .rewriteAigc .orderItem .rewriteLevel,
  .rewriteAigc .orderItem .createdAt {
    width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 5px 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: bold;
  }

  .rewriteAigc #step2 .orderTitle,
  .rewriteAigc #step3 .orderTitle,
  .rewriteAigc #step4 .orderTitle,
  .rewriteAigc #step5 .orderTitle {
    display: none !important;
  }

  .rewriteAigc .orderItem button {
    width: 120px !important;
  }

  /* 搜索框适配 - 保持在页面顶部固定宽度 */
  .rewriteAigc #step2 .css-input-group,
  .rewriteAigc #step3 .css-input-group,
  .rewriteAigc #step4 .css-input-group,
  .rewriteAigc #step5 .css-input-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }

  .rewriteAigc #step2 .css-input,
  .rewriteAigc #step3 .css-input,
  .rewriteAigc #step4 .css-input,
  .rewriteAigc #step4 .css-input {
    width: calc(100% - 60px) !important;
  }

  .rewriteAigc #step2 .searchOrder,
  .rewriteAigc #step3 .searchOrder,
  .rewriteAigc #step4 .searchOrder,
  .rewriteAigc #step5 .searchOrder {
    width: 60px !important;
    padding: 0 !important;
  }

  /* 订单项容器 - 移动端卡片式布局 */
  .rewriteAigc .orderItem {
    width: 100% !important;
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }

  /* 订单项内容改为纵向布局 */
  .rewriteAigc .orderItem .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* 每个信息字段改为键值对形式显示 */
  .rewriteAigc .orderItem .flex-1 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
  }

  /* 添加字段标签 */
  .rewriteAigc .orderItem .orderNo::before {
    content: "订单号: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .fileName::before {
    content: "文件名: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .amount::before {
    content: "金额: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .duplicateStatus::before {
    content: "重复率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .aigcStatus::before {
    content: "AIGC率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .payChannel::before {
    content: "支付方式: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .payAt::before {
    content: "支付时间: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .createdAt::before {
    content: "创建时间: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .type::before {
    content: "类型: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .rewriteText::before {
    content: "原文: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .rewriteResult::before {
    content: "结果: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .rewriteAigc .orderItem .rewriteLevel::before {
    content: "等级: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  /* 操作按钮区域调整 */
  .rewriteAigc .orderItem .flex.flex-col.justify-center.items-center {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* 订单容器调整 */
  .rewriteAigc #step2 .orderContainer,
  .rewriteAigc #step3 .orderContainer,
  .rewriteAigc #step4 .orderContainer,
  .rewriteAigc #step5 .orderContainer {
    width: 100% !important;
    padding: 0px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  /* 确保Arco spin容器样式正确 */
  .rewriteAigc #step2 .css-spin,
  .rewriteAigc #step3 .css-spin,
  .rewriteAigc #step4 .css-spin,
  .rewriteAigc #step5 .css-spin {
    width: 100% !important;
    overflow-x: visible !important;
  }

  .rewriteAigc #step2 .css-spin > div,
  .rewriteAigc #step3 .css-spin > div,
  .rewriteAigc #step4 .css-spin > div,
  .rewriteAigc #step5 .css-spin > div {
    width: 100% !important;
    overflow-x: visible !important;
  }

  /* 复制图标样式 */
  .rewriteAigc .copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .rewriteAigc .copy-icon:hover {
    opacity: 0.8;
    transform: scale(1.1);
  }

  body .rewriteAigc .copy-icon {
    margin-left: 3px;
    width: 14px;
    height: 14px;
  }

  body .rewriteAigc .copy-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .rewriteAigc .orderItem .mt-11px {
    margin-top: 1px !important;
  }

  /* 操作按钮区域 - 横向排列 */
  .rewriteAigc .orderItem .flex-1:last-child {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* 确保按钮容器内元素水平排列 */
  .rewriteAigc .orderItem .flex-1:last-child > div,
  .rewriteAigc .orderItem .flex-1:last-child > span {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
  }

  /* 操作按钮样式 - 水平排列优化 */
  .rewriteAigc .orderItem .flex-1:last-child button {
    flex: 1 !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
  }

  /* aigc检测 各字段内容样式 */
  .checkAigc .orderItem .orderNo,
  .checkAigc .orderItem .fileName,
  .checkAigc .orderItem .title,
  .checkAigc .orderItem .author,
  .checkAigc .orderItem .duplicateStatus,
  .checkAigc .orderItem .aigcStatus,
  .checkAigc .orderItem .createdAt {
    width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 5px 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: bold;
  }

  /* 隐藏桌面端表头 */
  .checkAigc #step2 .orderTitle {
    display: none !important;
  }

  .checkAigc .orderItem button {
    width: 120px !important;
  }

  .checkAigc .checkAigcTip {
    display: none !important;
  }

  /* 搜索框适配 - 保持在页面顶部固定宽度 */
  .checkAigc #step2 .css-input-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }

  .checkAigc #step2 .css-input {
    width: calc(100% - 60px) !important;
  }

  .checkAigc #step2 .searchOrder {
    width: 60px !important;
    padding: 0 !important;
  }

  /* 订单项容器 - 移动端卡片式布局 */
  .checkAigc .orderItem {
    width: 100% !important;
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }

  /* 订单项内容改为纵向布局 */
  .checkAigc .orderItem .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* 每个信息字段改为键值对形式显示 */
  .checkAigc .orderItem .flex-1 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
  }

  /* 添加字段标签 */
  .checkAigc .orderItem .orderNo::before {
    content: "订单号: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .fileName::before {
    content: "文件名: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .title::before {
    content: "标题: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .author::before {
    content: "作者: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .duplicateStatus::before {
    content: "重复率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .aigcStatus::before {
    content: "AIGC率: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .checkAigc .orderItem .createdAt::before {
    content: "创建时间: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  /* 操作按钮区域调整 */
  .checkAigc .orderItem .flex.flex-col.justify-center.items-center {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* 订单容器调整 */
  .checkAigc #step2 .orderContainer {
    width: 100% !important;
    padding: 0px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  /* 确保Arco spin容器样式正确 */
  .checkAigc #step2 .css-spin {
    width: 100% !important;
    overflow-x: visible !important;
  }

  .checkAigc #step2 .css-spin > div {
    width: 100% !important;
    overflow-x: visible !important;
  }

  /* 复制图标样式 */
  .checkAigc .copy-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .checkAigc .copy-icon:hover {
    opacity: 0.8;
    transform: scale(1.1);
  }

    body .checkAigc .copy-icon {
      margin-left: 3px;
      width: 14px;
      height: 14px;
    }

    body .checkAigc .copy-icon svg {
      width: 14px !important;
      height: 14px !important;
    }

  .checkAigc .orderItem .mt-11px {
    margin-top: 1px !important;
  }

  /* 套餐 各字段内容样式 */
  .activityDiv .orderItem .name,
  .activityDiv .orderItem .num {
    width: 100% !important;
    word-break: break-all !important;
    white-space: normal !important;
    padding: 5px 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: bold;
  }

  /* 隐藏桌面端表头 */
  .activityDiv #step2 .orderTitle {
    display: none !important;
  }

  .activityDiv .orderItem button {
    width: 120px !important;
  }

  .activityDiv .activityDivTip {
    display: none !important;
  }

  /* 搜索框适配 - 保持在页面顶部固定宽度 */
  .activityDiv #step2 .css-input-group {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }

  .activityDiv #step2 .css-input {
    width: calc(100% - 60px) !important;
  }

  .activityDiv #step2 .searchOrder {
    width: 60px !important;
    padding: 0 !important;
  }

  /* 订单项容器 - 移动端卡片式布局 */
  .activityDiv .orderItem {
    width: 100% !important;
    background-color: white !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
    box-sizing: border-box !important;
  }

  /* 订单项内容改为纵向布局 */
  .activityDiv .orderItem .flex {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* 每个信息字段改为键值对形式显示 */
  .activityDiv .orderItem .flex-1 {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
  }

  /* 添加字段标签 */
  .activityDiv .orderItem .name::before {
    content: "商品名称: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  .activityDiv .orderItem .num::before {
    content: "可用数量: " !important;
    font-weight: 600 !important;
    color: #666 !important;
  }

  /* 操作按钮区域调整 */
  .activityDiv .orderItem .flex.flex-col.justify-center.items-center {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  /* 订单容器调整 */
  .activityDiv #step2 .orderContainer {
    width: 100% !important;
    padding: 0px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  /* 确保Arco spin容器样式正确 */
  .activityDiv #step2 .css-spin {
    width: 100% !important;
    overflow-x: visible !important;
  }

  .activityDiv #step2 .css-spin > div {
    width: 100% !important;
    overflow-x: visible !important;
  }

  .activityDiv .orderItem .mt-11px {
    margin-top: 1px !important;
  }

  /* 单个订单卡片样式 */
  .orderContainer > div {
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  }
  
  /* 订单信息行 */
  .orderContainer .flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }
  
  /* 订单信息标签样式 */
  .orderContainer .text-\#B9B9B9 {
    font-weight: bold !important;
    color: #666666 !important;
    width: 100% !important;
  }
  
  /* 订单信息值样式 */
  .orderContainer .flex-1 {
    padding-left: 0 !important;
    color: #333333 !important;
  }
  
  /* 订单操作按钮区域 */
  .orderContainer .flex.justify-center {
    gap: 10px !important;
  }
  
  /* 订单操作按钮样式 */
  .orderContainer .css-btn {
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  
  /* 分页组件调整 */
  .pagination {
    font-size: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 15px !important;
  }
  
  /* 分页按钮调整 */
  .pagination .css-btn {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  .pagination .page_to {
    margin-left: 0px !important;
  }

  /* 文件上传区域调整 */
  #pc-content .css-upload {
    width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
  }
  
  /* 个人信息区域调整 */
  #pc-content .flex.items-center.space-x-10px {
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px !important;
  }
  
  .backToChoose {
    margin-top: 10px !important;
  }

  /* 省份选择项调整为3列布局 */
  #provinces .provinceItem {
    font-size: 13px !important;
    padding: 0px 6px !important;
  }

  /* 缩小按钮尺寸 */
  #pc-content .css-btn {
    font-size: 12px !important;
  }

  /* 缩小字体大小 */
  #pc-content .text-18px {
    font-size: 16px !important;
  }

  #pc-content .text-16px {
    font-size: 14px !important;
  }
  
  /* 确保提示信息区域文本正常换行 */
  #pc-content .text-red-500 > br,
  #pc-content .text-\#999999 > br {
    display: block !important;
    content: '' !important;
    margin: 5px 0 !important;
  }
  
  /* 优化表单元素在移动端的点击区域 */
  #pc-content input[type="text"],
  #pc-content button,
  #pc-content .css-btn {
    touch-action: manipulation !important;
  }
  
  /* 隐藏固定定位的进度条，避免影响移动端布局 */
  #pc-content > div > div:nth-child(1) {
    display: none !important;
  }
  
  /* 确保内容区域在底部导航栏上方 */
  #pc-content > div > div:last-child {
    margin-bottom: 70px !important;
  }
  
  /* 确保图片在移动端正确显示 */
  #pc-content img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* 确保模板项内的图片大小合适 */
  .province-item img {
    width: 60px !important;
    height: 60px !important;
  }

  /* 活动进度条 - 绿色线条 */
  #contentBody .bg-primary.rounded-r-3px {
    height: 3px !important;
    background-color: rgb(var(--primary-6)) !important;
    border-radius: 3px !important;
    position: relative !important;
  }

  /* 每个步骤的容器 - 确保四个步骤都能显示 */
  #contentBody .h-6px.relative {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 步骤数字和文本容器 - 确保所有圆形位置完全一致且上下居中在线上 */
  /* 使用更精确的选择器来覆盖内联样式 */
  #contentBody .absolute.flex.inset-x-0.flex-col.justify-center.items-center.-top-8px {
    position: absolute !important;
    top: -9px !important; /* 直接设置精确位置，确保圆圈垂直居中在线条上 */
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    /* 重置transform以避免影响 */
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
  }

  /* 确保所有步骤容器样式一致 */
  #contentBody .flex > div > div.h-6px.relative > div,
  #contentBody .flex.justify-center > div > div.bg-\#CECECE > div.h-6px.relative > div {
    position: absolute !important;
    top: -9px !important; /* 与上面保持一致 */
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* 确保背景进度条内的所有步骤数字容器位置一致 */
  #contentBody .bg-\#CECECE > div.h-6px.relative > div {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* 确保活动进度条内的步骤数字容器位置与其他步骤一致 */
  #contentBody .bg-primary.rounded-r-3px > div {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* 步骤数字样式 - 确保是完美圆形 */
  #contentBody .w-22px.h-22px,
  #contentBody .w-22px.h-22px.rounded-11px,
  #contentBody .w-40px.h-40px,
  #contentBody .w-40px.h-40px.rounded-20px {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 50% !important; /* 确保是完美圆形 */
    text-align: center !important;
    position: relative !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 0 !important; /* 移除可能的内边距 */
    margin: 0 !important; /* 移除可能的外边距 */
    min-width: 24px !important; /* 确保最小宽度 */
  }

  /* 活动步骤样式 - 绿色背景白色文字 */
  #contentBody .w-22px.h-22px.bg-primary {
    background-color: rgb(var(--primary-6)) !important;
    color: white !important;
    border: none !important;
  }

  /* 非活动步骤样式 - 灰色背景白色文字 */
  #contentBody .w-22px.h-22px.bg-\#CECECE:not(.bg-primary) {
    background-color: #CECECE;
    color: white !important;
    border: none !important;
  }

  #contentBody .CECECE_ACTIVE {
    background-color: rgb(var(--primary-6)) !important;
    color: white !important;
    border: none !important;
  }

  /* 确保步骤数字在手机端居中显示 - 添加专门的样式规则 */
  #contentBody .w-40px.h-40px span,
  #contentBody .w-40px.h-40px.rounded-20px span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* 步骤容器样式 - 确保整个容器居中 */
  #contentBody .h-6px.relative .absolute.flex.inset-x-0.flex-col.justify-center.items-center.-top-8px {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* 步骤文本样式 - 确保文字在数字正下方左右居中 */
  #contentBody .mt-7px.text-\#CECECE.text-xs {
    font-size: 14px !important;
    color: #666666 !important;
    font-weight: 400 !important;
    margin-top: 7px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    left: 1.6rem !important;
    right: 0 !important;
    transform: none !important;
    padding: 0 !important;
    margin: 7px 0 0 0 !important;
  }

  /* 确保活动步骤文本样式一致 */
  #contentBody .mt-7px.text-\#CECECE.text-xs.text-primary {
    color: rgb(var(--primary-6)) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-top: 7px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    left: 1.6rem !important;
    right: 0 !important;
    transform: none !important;
    padding: 0 !important;
    margin: 7px 0 0 0 !important;
  }

  /* 活动步骤文本样式 - 绿色文字 */
  #contentBody .mt-7px.text-\#CECECE.text-xs.text-primary {
    color: rgb(var(--primary-6)) !important;
    font-weight: 500 !important;
  }

  /* 针对write.html中特定的步骤数字结构添加样式 */
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px,
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px.bg-\#CECECE,
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px.CECECE_ACTIVE.bg-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 确保步骤数字内的span标签也居中显示 */
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px span,
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px.bg-\#CECECE span,
  #contentBody .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px.CECECE_ACTIVE.bg-primary span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* 确保包含步骤数字的整个容器居中 */
  #contentBody .absolute.flex.inset-x-0.flex-col.justify-center.items-center.top-20px {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  /* 最后的保障 - 强制所有步骤数字相关的元素居中显示 */
  #headerStep div,
  #headerStep div div,
  #headerStep div div div,
  #headerStep div div div div,
  #headerStep div div div div span {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 专门针对步骤数字的样式 - 添加更精确的选择器 */
  #contentBody .absolute.flex.inset-x-0.flex-col.justify-center.items-center.top-20px .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 专门针对步骤数字内span的样式 */
  #contentBody .absolute.flex.inset-x-0.flex-col.justify-center.items-center.top-20px .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: inherit !important;
  }

  /* 最简单直接的方法 - 强制步骤数字居中显示 */
  /* 仅通过CSS媒体查询控制移动端导航栏显示/隐藏 */
/* 默认在所有设备上隐藏 */
#mobile-nav-container {
    display: none !important;
}

/* 仅在移动端（屏幕宽度<=768px）显示 */
@media (max-width: 768px) {
    #mobile-nav-container {
        display: block!important;
    }
    #headerStep .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
    }

    #headerStep .w-40px.h-40px.text-white.rounded-20px.text-center.leading-40px span {
      display: block !important;
      width: 100% !important;
      text-align: center !important;
      line-height: 40px !important;
    }
  }

  /* 优化标题 - 与图片中的"输入完整的标题或选题关键词"一致 */
  #contentBody .text-center.text-22px {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    padding: 0 15px !important;
    width: 100% !important;
    text-align: center !important;
    color: #333333 !important;
    line-height: 1.4 !important;
  }

  /* 优化表单容器 */
  #contentBody .mt-40px.px-20px {
    margin-top: 0 !important;
    padding: 0 0 !important;
    width: 100% !important;
  }

  /* 优化表单布局 - 水平变垂直 */
  #contentBody .css-form-item-layout-horizontal {
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
  }

  /* 优化表单标签 - 显示星号标记，并设置为靠左对齐 */
  #contentBody .css-col.css-col-5.css-form-item-label-col {
    width: 100% !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-align: left !important;
  }

  /* 确保标签内文本靠左对齐 */
  #contentBody .css-form-item-label {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
  }

  #contentBody .css-form-item-label-required-symbol {
    display: inline-block !important;
    margin-right: 4px !important;
    color: #ff4d4f !important;
  }

  /* 优化表单输入区域 */
  #contentBody .css-col.css-col-19 {
    width: 100% !important;
    padding: 0 !important;
  }

  /* 优化输入框 - 调整为浅灰色背景，增加圆角 */
  #contentBody .css-input,
  #contentBody .css-select-view-input {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    padding: 10px 15px !important;
    height: 100%;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background-color: #f5f5f5 !important; /* 改为浅灰色背景 */
    box-shadow: none !important;
    transition: all 0.3s ease !important;
  }

  #contentBody .css-input:focus,
  #contentBody .css-select-view-input:focus {
    border-color: rgb(var(--primary-6)) !important;
    box-shadow: 0 0 0 3px rgba(82, 183, 103, 0.1) !important;
  }

  /* 重要：确保文章标题在手机端按行显示 */
  #contentBody .css-form-item-content-flex {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
  }

  .css-input-wrapper {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

  /* 确保输入框单独占一行 */
  #contentBody .css-form-item-content-flex .css-input-wrapper.w-full {
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* 确保智能选题按钮在输入框下方单独占一行，宽度为一半并居中 */
  #contentBody .css-form-item-content-flex .flex.w-260px.pl-20px {
    width: 50% !important; /* 宽度改为一半 */
    margin: 0 auto !important; /* 居中显示 */
    padding-left: 0 !important;
    justify-content: center !important;
  }

  /* 优化智能选题按钮样式 */
  #contentBody .css-form-item-content-flex .flex.w-260px.pl-20px .css-btn {
    width: 100% !important;
    height: 45px !important;
    border-radius: 8px !important;
  }

  /* 优化智能选题按钮样式 - 与图片一致 */
  #contentBody .css-form-item-content-flex .css-btn.css-btn-primary.css-btn-shape-square.css-btn-size-large {
    width: 100% !important;
    height: 45px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-color: rgb(var(--primary-6)) !important;
    border: none !important;
  }

  /* 隐藏多余的提示文本，保持简洁的三行布局 */
  #contentBody .css-form-item-content-flex .ml-20px.w-123px.text-12px {
    display: none !important;
  }

  /* 优化文本域高度 */
  #contentBody .css-textarea,
  #contentBody textarea {
    width: 100% !important;
    height: 160px !important;
    font-size: 16px !important;
    padding: 12px 16px !important;
    resize: vertical !important;
    border-radius: 2px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
  }

  /* 优化智能选题按钮 */
  #contentBody .flex.w-260px {
    width: 100% !important;
    margin-top: 15px !important;
    padding-left: 0 !important;
  }

  /* 优化智能选题按钮的布局 */
  #contentBody .flex.w-260px > button {
    width: 100% !important;
    height: 45px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    background-color: rgb(var(--primary-6)) !important;
    border: none !important;
    color: white !important;
    transition: all 0.3s ease !important;
  }

  #contentBody .flex.w-260px > button:hover {
    background-color: rgb(var(--primary-6)) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgb(var(--primary-3)) !important;
  }

  /* 隐藏智能选题按钮旁边的文字，避免占用空间 */
  #contentBody .flex.w-260px > div.ml-20px {
    display: none !important;
  }

  /* 优化单选按钮组布局，改为垂直排列 - 与图片一致 */
  #contentBody .css-radio-group-direction-horizontal {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* 优化单选按钮样式 - 与图片一致 */
  #contentBody .css-radio {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #d9d9d9 !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  #contentBody .css-radio-icon {
    display: none !important;
  }

  #contentBody .css-radio:hover {
    border-color: rgb(var(--primary-6)) !important;
  }

  #contentBody .css-radio-checked {
    border-color: rgb(var(--primary-6)) !important;
    background-color: rgb(var(--primary-1)) !important;
  }

  /* 优化单选按钮标签 */
  #contentBody .css-radio-label {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
  }

  /* 优化图表公式选择器中的提示文本 */
  #contentBody .css-radio-label .text-\#FF9500 {
    display: block !important;
    margin-top: 8px !important;
    margin-left: 24px !important;
    font-size: 14px !important;
    border: 1px solid #FF9500 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    display: inline-block !important;
  }

  /* 优化格式选择器下方的提示文本 */
  #contentBody .css-form-item-extra {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
    color: #FF9500 !important;
  }

  /* 优化下拉选择器 */
  #contentBody .css-select-view {
    width: 100% !important;
    background-color: #ffffff !important;
  }

  /* 优化底部操作按钮 */
  #contentBody .flex.justify-center.mt-30px {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* 优化底部操作按钮样式 - 与图片一致 */
  #contentBody .flex.justify-center.mt-30px > button {
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    font-size: 16px !important;
    border-radius: 24px !important;
    font-weight: bold !important;
    background-color: rgb(var(--primary-6)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 12px rgb(var(--primary-3)) !important;
    transition: all 0.3s ease !important;
  }

  #contentBody .flex.justify-center.mt-30px > button:hover {
    background-color: rgb(var(--primary-6)) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 24px rgb(var(--primary-3)) !important;
  }

  /*!* 隐藏底部的功能列表，因为在移动端可能不需要 *!*/
  /*#contentBody .bg-\#F9F9F9 {*/
  /*  display: none !important;*/
  /*}*/

  /* 防止输入框在移动端获得焦点时被键盘遮挡 */
  #contentBody {
    padding-bottom: 10px !important; /* 增加底部内边距 */
  }

  /* 优化表单组的边距 */
  .css-form-item {
    margin-bottom: 8px !important;
    padding: 0 !important;
  }

  /* 确保placeholder文本在移动端清晰可见 */
  ::-webkit-input-placeholder {
    font-size: 15px !important;
    color: #999999 !important;
  }

  :-moz-placeholder {
    font-size: 15px !important;
    color: #999999 !important;
  }

  ::-moz-placeholder {
    font-size: 15px !important;
    color: #999999 !important;
  }

  :-ms-input-placeholder {
    font-size: 15px !important;
    color: #999999 !important;
  }

  /* 优化类型下拉框样式 - 在移动端显示 */
  #contentBody .type-selector {
    display: block !important;
  }

  #contentBody .type-dropdown {
    width: 100% !important;
    height: 45px !important;
    font-size: 15px !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #d9d9d9 !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
  }

  #contentBody .type-dropdown:focus {
    border-color: rgb(var(--primary-6)) !important;
    box-shadow: 0 0 0 3px rgba(82, 183, 103, 0.1) !important;
    outline: none !important;
  }

  #contentBody .alreadyChooseRef {
    width: 160px!important;
  }

  #contentBody .clearRefBtn {
    right: -12px!important;
    top: -20%!important;;
  }

  #contentBody .refTitle {
    font-size: 13px!important;
    width: 88% !important;
  }

  #contentBody .refTag {
    width: 80px!important;
  }


  #sourceDropdown {
    margin-left: -30px !important;
  }

  .css-list-item-main .css-list-item-content div:nth-child(2) div:nth-child(1) {
    width: 11.5rem !important;
  }

  .css-list-item-main .css-list-item-content div:nth-child(3) span {
    width: fit-content;
  }

  .step2_0 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  .step3_text {
    font-size: 15px !important;
    display: block !important;
    margin-top: 4px!important;
  }

  .step3_tip {
    font-size: 10px !important;
  }

  .w-240px {
    width: 120px !important;
  }

  .child-component-box {
    height: calc(100% - 151px) !important;
  }


  #headerStep .top-20px {
    top: -8px !important;
  }

  #headerStep .h-40px {
    height: 22px !important;
  }

  #headerStep .w-40px {
    width: 22px !important;
  }

  #headerStep .rounded-20px {
    border-radius: 11px !important;
  }

  #headerStep .leading-40px {
    line-height: 22px !important;
  }

  .titleLoaderDiv {
    margin-top: 3rem !important;
    margin-bottom: 5rem !important;
  }

  .validation-error-message {
    margin-left: 0px !important;
  }

  .requirementInput::placeholder {
    font-size: 12px!important;
  }
  /* 针对旧版本浏览器兼容 */
  .requirementInput:-ms-input-placeholder { /* IE10-11 */
    font-size: 12px!important;
  }
  .requirementInput::-ms-input-placeholder { /* Edge */
    font-size: 12px!important;
  }
  .requirementInput::-webkit-input-placeholder { /* Chrome/Safari/Opera */
    font-size: 12px!important;
  }

  #tip {
    width: 80% !important;
    left: 10% !important;
  }

  .box-item {
    width: 4.6rem !important;
  }


  .css-modal-wrapper {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto;
  }
  .css-modal {
    top: 5% !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .bg-white.rounded.p-20px.w-600px {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
  }
  .text-20px {
    font-size: 18px !important;
  }
  .text-52px {
    font-size: 40px !important;
  }
  .text-24px {
    font-size: 18px !important;
  }
  .border.border-#DDDDDD.mx-auto.mt-20px.w-200px.h-200px {
    width: 160px !important;
    height: 160px !important;
  }

  .px-110px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .step2_2 .reference-item-db {
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .step2_2 .reference-item-name {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    white-space: normal;
  }

  .step2_2 .flex.justify-between.items-center {
    flex-wrap: wrap;
    gap: 10px;
  }

  #submitDiv {
    width: 100%;
    margin: 0 auto;
  }
  #submitDiv .flex {
    space-x: 0 !important;
  }
  #submitDiv .w-full.max-w-300px {
    width: 100% !important;
    max-width: 300px !important;
    border-radius: 30px !important;
  }
  #chengRuoDiv {
    position: absolute !important;
    bottom: 3px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: auto !important;
    z-index: 1 !important;
    border-radius: 10px !important;
  }

  #submitDiv {
    width: auto !important;
    margin: 0 !important;
  }
  #submitDiv .flex {
    space-x: 30px !important;
  }
  #submitDiv .w-full.max-w-300px {
    width: 240px !important;
    max-width: none !important;
    position: static !important;
    border-radius: 30px !important;
  }
  #chengRuoDiv {
    position: static !important;
    width: 10rem !important;
    margin-left: 40px !important;
    margin-top: -16px !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
  }

  .quick-feature-card {
    text-align: center !important;
  }

  .quick-feature-icon {
    margin-left: 0 !important;
  }

  /* 优化顶部导航栏 */
  header > div > div:first-child > div:last-child {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    max-width: calc(100vw - 130px); /* 减去logo宽度和间距 */
  }

  /* 优化大背景元素 */
  .w-1020px {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
  }

  /* 隐藏可能导致横向滚动的固定背景 */
  .bg-url\(\/image\/rotate-bg\.png\) {
    display: none !important;
  }

  /* 优化主内容区 */
  .min-h-calc\(100vh-59px\) {
    min-height: calc(100vh - 59px);
    padding: 15px 10px;
  }

  /* 优化首页大标题 */
  .font-black.text-40px {
    font-size: 28px !important;
    text-align: center;
    line-height: 1.3;
  }

  /* 优化顶部功能区文字 */
  .mt-15px .text-18px {
    font-size: 14px !important;
  }

  /* 优化顶部功能图标的间距 */
  .flex.mt-15px > div:nth-child(2) {
    margin-left: 20px !important;
  }

  /* 优化下方功能区文字 */
  .mt-20px .text-18px {
    font-size: 14px !important;
    flex-direction: column;
    align-items: center;
  }

  /* 优化功能按钮大小和间距 */
  .flex.items-center.space-x-20px {
    flex-direction: column;
    gap: 10px !important;
  }

  .w-202px.h-53px {
    width: 90% !important;
    max-width: 280px;
    height: 48px !important;
    font-size: 18px !important;
  }

  /* 优化服务项目标签 */
  .min-w-103px {
    min-width: auto !important;
    font-size: 12px !important;
  }

  /* 优化服务项目容器 */
  .bg-#EEF8F0.flex {
    flex-wrap: wrap;
    justify-content: center;
  }

  /* 优化主要内容区块 */
  .w-550px {
    width: 100% !important;
  }

  /* 优化标题样式 */
  h1.text-39px {
    font-size: 24px !important;
  }

  /* 优化副标题文字 */
  .mt-23px.text-18px {
    font-size: 14px !important;
    text-align: center;
    padding: 0 10px;
  }

  /* 优化卡片布局 */
  .flex.justify-between.mt-50px {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .w-248px.h-260px {
    width: 90% !important;
    max-width: 280px;
  }

  /* 优化步骤卡片 */
  .mt-50px.flex.justify-between > div {
    width: 90% !important;
    max-width: 300px;
    margin-bottom: 30px;
  }

  /* 优化步骤卡片内的图片 */
  .w-289px.h-185px {
    width: 100% !important;
    height: auto !important;
  }

  /* 优化步骤卡片内的文本区域 */
  .w-289px.bg-#F8F8F8 {
    width: 100% !important;
    padding: 15px !important;
  }

  /* 优化卡片内的文字大小 */
  .text-22px {
    font-size: 18px !important;
  }

  /* 隐藏标题左右装饰图片 */
  .w-60px.h-24px {
    display: none !important;
  }

  /* 优化流程图样式 */
  .flex.mt-30px > div:first-child {
    display: none !important; /* 隐藏流程图的连接线部分 */
  }

  /* 调整右侧内容区 */
  .flex-1 {
    width: 100% !important;
  }

  /* 优化标签样式 */
  .border-#BAE2C2.rounded-lg {
    margin-bottom: 10px !important;
    font-size: 12px !important;
  }

  /* 移动端内容样式 - 优化滚动性能 */
  .mobile-only-content {
    display: block !important;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent;
    will-change: scroll-position;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  
  /* 优化移动端body滚动性能 */
  html, body {
    -webkit-overflow-scrolling: touch;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  
  /* 确保滚动容器性能 */
  #mobile-content {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    touch-action: pan-y;
    will-change: scroll-position;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  /* 桌面端内容在移动端隐藏 */
  .desktop-content {
    display: none !important;
  }

  /* 移动端专用样式 - 品牌头部 */
  .mobile-header {
    background: linear-gradient(135deg, rgb(var(--primary-6)) 0%, rgb(var(--primary-6)) 100%);
    padding: 30px 15px 20px;
    text-align: center;
    color: white;
    border-radius: 0 0 20px 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgb(var(--primary-3));
  }

  .mobile-header h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .mobile-header p {
    font-size: 14px;
    opacity: 0.9;
    line-height: 1.5;
  }

  /* 功能介绍区块样式 - 美化版本 */
  .feature-section {
    padding: 10px 0 10px;
    border-top: none;
  }

  .section-title {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
  }

  .section-title:after {
    content: '';
    display: block;
    width: 62px;
    height: 3px;
    background-color: rgb(var(--primary-6));
    margin: 8px 0 0 0;
    border-radius: 3px;
  }

  .feature-cards {
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .feature-card {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 25px 15px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .feature-content {
    flex: 1;
    text-align: left;
  }

  .feature-button {
    background-color: white;
    color: rgb(var(--primary-6));
    border: none;
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: bold;
    margin-top: 8px;
    cursor: pointer;
  }

  /* 智能写作大卡片样式 */
  .feature-card-large {
    width: 11rem;
    height: 10rem;
    background: linear-gradient(135deg, rgb(var(--primary-6)) 0%, rgb(var(--primary-6)) 100%);
    color: white;
    background-image: url('https://lebaoai.oss-cn-nanjing.aliyuncs.com/staticresource/newskin/bg1.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .feature-card-large .feature-icon {
    color: white !important;
  }

  .feature-card-large .feature-title {
    color: white;
  }

  .feature-card-large .feature-desc {
    color: rgba(255, 255, 255, 0.9);
  }

  /* 右侧小卡片容器 */
  .feature-card-small-container {
    width: 11rem;
    height: 10rem;
    max-height: 350px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  /* 右侧小卡片样式 */
  .feature-card-small {
    height: 4.4rem;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .feature-card-small .feature-icon {
    font-size: 32px;
  }

  .feature-card-small .feature-title {
    font-size: 0.95rem;
    color: rgba(var(--primary-6));
  }

  .feature-card-small .feature-desc {
    font-size: 0.62rem;
    color: rgba(var(--primary-6));
  }

  /* 手机端模式下，将降重复率小卡片的content1和content2改为左右并列布局 */
  .feature-card.feature-card-small {
    flex-direction: row !important;
    align-items: center;
    background-color: rgb(var(--primary-0));
  }

  .feature-content.content1 {
    width: 75%;
    flex: none;
    padding: 0.9rem 0;
  }

  .feature-icon.content2 {
    width: 25%;
    flex: none;
    display: flex;
    justify-content: center;
    background-image: url('https://lebaoai.oss-cn-nanjing.aliyuncs.com/staticresource/newskin/bg2.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
  }

  .feature-icon.content3 {
    width: 25%;
    flex: none;
    display: flex;
    justify-content: center;
    background-image: url('https://lebaoai.oss-cn-nanjing.aliyuncs.com/staticresource/newskin/bg3.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
  }

  /* 确保电脑端保持现有结构样式不变 */
  @media screen and (min-width: 769px) {
    .feature-card.feature-card-small {
      flex-direction: column !important;
    }

    .feature-content.content1,
    .feature-icon.content2 {
      width: auto !important;
      flex: auto !important;
    }
    .feature-icon.content3 {
      width: auto !important;
      flex: auto !important;
    }
  }

  .feature-card:active {
    transform: translateY(2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .feature-icon {
    font-size: 40px;
    margin-bottom: 12px;
  }

  .feature-card:nth-child(1) .feature-icon {
    color: rgb(var(--primary-6));
  }

  .feature-card:nth-child(2) .feature-icon {
    color: #4CAF50;
  }

  .feature-card:nth-child(3) .feature-icon {
    color: rgb(var(--primary-6));
  }

  .feature-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
  }

  .feature-desc {
    font-size: 0.71rem;
    color: #666;
    line-height: 1.4;
  }

  .quick-features {
    width: 100%;
    box-sizing: border-box;
  }

  .quick-feature-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    height: 3rem;
    max-width: 100%;
  }

  .quick-feature-card {
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 0px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(var(--primary-0));
  }

  .quick-feature-icon {
    font-size: 24px;
    color: rgb(var(--primary-6));
    margin-right: 0.3rem;
  }

  .quick-feature-title {
    font-size: 0.95rem;
    color: rgb(var(--primary-6));
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 步骤指南区块样式 - 美化版本 */
  .steps-section {
    padding: 30px 0 20px;
    border-top: 1px solid #f0f0f0;
    margin-top: 20px;
  }

  .steps-container {
    position: relative;
    padding-left: 10px;
  }

  .step-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    position: relative;
  }

  .step-number {
    width: 36px;
    height: 36px;
    background-color: rgb(var(--primary-6));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgb(var(--primary-3));
  }

  .step-content {
    flex: 1;
  }

  .step-title {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin-bottom: 6px;
  }

  .step-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
  }

  .step-divider {
    height: 30px;
    width: 2px;
    background-color: #e0e0e0;
    margin-left: 17px;
    margin-bottom: 10px;
  }

  /* 活动专区区块样式 - 美化版本 */
  .activity-section {
    padding: 30px 0 10px;
  }

  .activity-card {
    background: linear-gradient(135deg, rgb(var(--primary-6)) 0%, rgb(var(--primary-6)) 100%);
    background-image: url('https://oss.paperxie.cn/article/6345bb909dd043e49be2d0463c98d08b.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 25px;
    color: white;
    margin-bottom: 10px;
    height: 7rem;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 20px rgb(var(--primary-3));
    transition: transform 0.3s ease;
  }

  .activity-card:active {
    transform: scale(0.98);
  }

  .activity-icon {
    font-size: 52px;
    margin-right: 20px;
  }

  .activity-content {
    flex: 1;
  }

  .activity-title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .activity-desc {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  .activity-button {
    background-color: white;
    color: rgb(var(--primary-6));
    border: none;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  /* 常见问题区块样式 - 美化版本 */
  .faq-section {
    padding: 10px 0 10px;
    border-top: 1px solid #f0f0f0;
  }

  .faq-items {
    margin-bottom: 20px;
  }

  .faq-item {
    margin-bottom: 15px;
    padding: 15px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  .faq-item:last-child {
    margin-bottom: 0;
  }

  .faq-question {
    font-size: 0.9rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }

  .faq-question:before {
    content: 'Q';
    background-color: rgb(var(--primary-6));
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-right: 8px;
  }

  .faq-answer {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
    padding-left: 30px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* 限制3行 */
    -webkit-box-orient: vertical !important;
    word-break: break-word;
  }

  .more-faq {
    display: block;
    text-align: center;
    color: rgb(var(--primary-6));
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
  }

  .selfReferenceLabel {
    font-size: 14px!important;
  }

  #sourceDropdown {
    left: 26px !important;
    min-width: 160px !important;
  }

  #yearDropdown {
    left: -5px;
    min-width: 102px;
  }

  .w_dle_textarea {
    font-size: 14px;
  }

  .loaderText {
    margin-left: 5rem !important;
  }

  .loaderContent {
    margin-left: 4rem !important;
  }

  /* 调整弹窗容器大小 */
  .bg-white.rounded {
    width: 90% !important;
    margin: 0 auto;
    padding: 15px !important;
  }

  /* 支付方式容器样式 */
  .pay-methods-container {
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-top: 20px !important;
  }

  /* 每个支付选项样式 */
  .pay-methods-container .pay_item {
    justify-content: center !important;
    padding: 10px !important;
    border-bottom-width: 2px !important;
    margin: 0 5px 10px 5px !important;
    position: relative !important;
  }

  /* 支付图标样式 */
  .pay-methods-container .pay_item img {
    width: 60px !important;
  }

  /* 调整二维码区域大小 */
  #payZone {
    width: 152px !important;
    height: 152px !important;
    margin-top: 20px !important;
  }

  /* 调整价格文字大小 */
  #totalAmount {
    font-size: 40px !important;
  }

  .w-400px {
    width: 11rem !important;
  }

  .btns {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .btns button {
    flex-shrink: 0;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }

  .flex .btns {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .flex .btns button {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    width: 80px !important;
    max-width: 80px !important;
  }

  /* 活动项目 - 强制手机端显示为100%宽度 */
  .activityItem {
    width: 100% !important;
    flex: 1 0 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 15px !important;
    padding: 10px !important;
    height: auto !important;
    min-height: 200px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .index-article-list li {
    width: 100% !important;
  }

  .veshm-prc-title h2 sub {
    font-size: 13px!important;
  }


}

/* 桌面端隐藏类型下拉框 */
.type-selector {
  display: none !important;
}

/* 全面移动端滚动性能优化 */
@media screen and (max-width: 768px) {
    /* 优化html和body滚动性能 */
    html, body {
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        -webkit-tap-highlight-color: transparent;
    }

    /* 确保所有元素不会导致横向滚动 */
    * {
        max-width: 100%;
        box-sizing: border-box;
        touch-action: manipulation;
    }

    /* 优化滚动容器 */
    .scrollable, [overflow-y="auto"] {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        will-change: scroll-position;
    }

    /* 优化移动内容区域 - 增强版 */
    .mobile-only-content {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        will-change: scroll-position !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }
}