a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: none;
}
      * {
        box-sizing: border-box;
      }
      /* 设置白色背景 */
      body {
        font-family: Arial, sans-serif;
        font-size: 16px; /* 设置基础字体为15px */
        background-color: #ffffff; /* 白色背景 */
        color: #000;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        overflow-x: hidden;
      }
      .container {
        min-height: 100vh;
        width: 100%;
        max-width: 600px; /* 宽度增加，确保三列布局 */
        background-color: #ffffff; /* 白色背景 */
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        position: relative;
      }

      /* Logo 样式，增加20px */
      .app-logo img {
        width: 120px; /* 默认大小100px + 20px */
        display: block;
        margin: 0 auto;
        margin-bottom: 10px !important; /* 非常小的底部间距 */
        border-radius: 15px;
      }

      .app-logo h2,
      .app-logo p {
        text-align: center;
        font-size: 1.025rem; /* 标题稍大一点，约18px */
        margin: 0 !important; /* 完全重置所有边距 */
        padding: 0 !important; /* 重置内边距 */
        margin-top: 2px !important; /* 非常小的上边距 */
        margin-bottom: 8px !important; /* 保持下边距 */
      }

      /* 卡片样式 */
      .download-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px; /* 减少按钮之间的间距 */
        flex-wrap: wrap;
        margin: 15px 0; /* 减少上下边距 */
        width: 100%;
      }
      .download-card {
        width: 180px; /* 设置固定宽度 */
        max-width: 45%; /* 在小屏幕上限制最大宽度 */
        /* background-color: #333; */
        background-color: #4A90E2; /* 蓝色背景 */
        border-radius: 10px;
        padding: 11px 12px; /* 减少上下内边距，从12px改为8px */
        margin: 0; /* 移除margin-bottom，使用gap代替 */
       /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s, box-shadow 0.3s;*/
        text-align: center;
        color: #ffffff; /* 白色文字 */
        flex-shrink: 0; /* 防止按钮被压缩 */
      }
      .download-card img {
        width: 100%;
        max-width: 60px;
      }
      .download-card p {
        font-size: 0.905rem; /* 下载按钮字体大一点，约14px */
        margin: 0;
      }
      .download-card:hover {
        /* transform: scale(1.05);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);*/
      }

      .advertisement {
        width: 100%;
        margin-bottom: 20px;
      }
      .app-description,
      .app-info {
        text-align: left;
        background-color: #fff;
        padding: 0 12px 0px 12px; /* 上0 右12px 下12px 左12px */
        border-radius: 8px;
        margin-bottom: 15px; /* 减少底部边距 */
        border: 1px solid #e0e0e0; /* 添加边框 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加轻微阴影 */
      }
	  .app-description span{
	  white-space: pre-line;
	  word-wrap: break-word;
	  font-size: 0.8125rem; /* 描述文本，约13px */
	  line-height: 1.6;
	  }

      .app-description h3,
      .app-info h3 {
        font-size: 0.9rem; /* 应用介绍/关于应用标题，约16px */
        margin-bottom: 8px; /* 减少标题底部边距 */
      }
      .app-description p,
      .app-info p {
        font-size: 0.8125rem; /* 正文字体，约13px */
        line-height: 1.6;
      }
      /* 遮罩 */
      .container .hide {
        display: none;
      }
      .container .show {
        display: block;
      }
      .container .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
      }
      .container .cover_throw {
        width: calc(76px / 2);
        height: calc(76px / 2);
        position: absolute;
        top: calc(23px / 2);
        right: calc(25px / 2);
      }
      .container .cover_throw img {
        width: 100%;
        height: 100%;
      }
      .cover .cover_text_wrap {
        position: absolute;
        top: calc(110px / 2);
        right: calc(50px / 2);
      }
      .cover .text_top {
        font-size: calc(28px / 2); /* 浮层大标题，约14px */
        font-weight: bold;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .cover .text_top img {
        width: calc(42px / 2);
        height: calc(42px / 2);
      }
      .cover .text_bottom {
        font-size: calc(18px / 2); /* 浮层小标题，约9px */
        font-weight: 400;
        color: #ffffff;
      }
      /* 响应式设计 */
      @media (max-width: 600px) {
        .container {
          padding: 15px;
        }
        .app-logo img {
          width: 80px;
        }
        .app-logo h2 {
          font-size: 1.0rem; /* 响应式标题，约16px */
          margin-top: 5px; /* 在响应式设计中也保持小间距 */
          margin-bottom: 8px;
        }
        .app-logo p,
        .app-description p,
        .app-info p {
          font-size: 0.85rem; /* 响应式正文，约12px */
        }
        .download-card img {
          max-width: 50px;
        }
        .download-buttons {
          flex-direction: column;
          align-items: center;
          gap: 15px;
        }
        .download-card {
          width: 200px;
          max-width: 90%;
        }
      }
      @media (min-width: 601px) and (max-width: 1024px) {
        .container {
          width: 90%;
        }
      }

      /* 新增样式 */
      .app-info {
       
        border-radius: 5px;
        margin-bottom: 20px;
      }

      .app-info h3 {
        font-size: 0.9rem; /* 关于应用标题，约16px */
        margin-bottom: 10px;
      }

      .app-info p {
        font-size: 0.8125rem; /* 关于应用内容，约13px */
        margin: 5px 0;
      }
	  

.download-buttons {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  gap: 15px; /* 按钮之间的间距 */
  flex-wrap: wrap;
  margin: 15px 0;
  width: 100%;
}

/* 确保按钮本身有适当的样式 */
.store-button {
  width: 120px !important;
  height: 40px !important;
  font-size: 8px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 在移动端保持水平排列 */
@media (max-width: 600px) {
  .download-buttons {
    flex-direction: row; /* 确保在小屏幕上也是水平排列 */
    gap: 10px; /* 减少间隙以适应小屏幕 */
  }
  
  .store-button {
    width: 45% !important; /* 使按钮宽度自适应 */
    max-width: 140px;
  }
}

	  
	  .loading-bar {
		  width: 80%; /* 横线总宽度 */
		  margin-left:10%;
		  margin-bottom:20px; /* 减少底部边距 */
		  height: 4px; /* 横线高度 */
		  background: #e0e0e0; /* 背景色 */
		  overflow: hidden;
		  position: relative;
		}

		.loading-bar::before {
		  content: '';
		  position: absolute;
		  width: 50px; /* 滚动条的宽度 */
		  height: 100%;
		  background: #3498db; /* 滚动条颜色 */
		  animation: slide 1.5s infinite linear; /* 动画效果 */
		}

		@keyframes slide {
		  0% {
			transform: translateX(-100%); /* 从左边开始 */
		  }
		  100% {
			transform: translateX(400%); /* 滚动到右边 */
		  }
		}
		.hidden{display:none;}
		#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;justify-content:center;}
		#overlayContent{width:80%;max-width:400px;background-color:white;padding:80px 0 0 0;border-radius:10px;text-align:left;color:#fff;font-size:14px;background-color:transparent;}
		#closeButton{margin-top:10px;margin-left:30%;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:15px;background-color:transparent;color:#fff;border:1px dashed #fff;}
		.circle{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:red;border-radius:50%;color:white;font-size:14px;font-weight:bold;text-align:center;line-height:50px;margin:5px;}
		.overlayImage{position:fixed;top:10px;right:10px;width:100px;height:auto;cursor:pointer;z-index:1001;}
		.ims{clear:both;display:block;font-size:6px;color:#ccc;width:100%;}
		.cad{margin-top:10px;width:100%;
		background-color: #fff;
        border-radius: 8px;
        margin-bottom: 15px; /* 减少底部边距 */
        border: 1px solid #e0e0e0; /* 添加边框 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加轻微阴影 */}
		
		.btnA{
			 align-items: center; margin-bottom: 10px; text-decoration: none; width: 115px; height: 40px; background: white; border-radius: 10px; border: 1px solid #000; overflow: hidden; padding: 0 5px;
		}
		.btnAIcon{
			margin-right: 12px;margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px;
		}
		.btnDiv{
			font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 11px; font-weight: bold; color: #333;
		}
		.btnDivText{
			font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 9px; color: #666;
		}
		
		/* 进度条容器 */
        .progress-bar {
            width: 80%; /* 占屏幕宽度的80% */
			margin-left:10%;
            max-width: 400px; /* 限制最大宽度，适配大屏幕 */
            height: 24px; /* 稍高以增强立体效果 */
            background-color: #e0e0e0; /* 浅灰背景 */
            border-radius: 12px; /* 圆角 */
            box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3), inset 0 -2px 5px rgba(0, 0, 0, 0.2); /* 凹陷效果 */
            overflow: hidden;
            position: relative;
        }

        /* 进度条填充 */
        .progress {
            width: 0; /* 初始宽度为0 */
            height: 100%;
            background-color: #0092F1; /* 蓝色填充 */
            border-radius: 12px; /* 与容器一致的圆角 */
            box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.3), inset 0 1px 2px rgba(0, 0, 0, 0.2); /* 填充的立体效果 */
            animation: progress-animation 3s linear forwards; /* 3秒动画 */
        }

        /* CSS动画 */
        @keyframes progress-animation {
            0% { width: 0; }
            100% { width: 100%; }
        }

        /* 响应式调整 */
        @media screen and (max-width: 600px) {
            .progress-bar {
                height: 20px; /* 小屏幕下稍减小高度 */
                border-radius: 10px;
            }
            .progress {
                border-radius: 10px;
            }
        }

        /* 百分比文本 */
        .progress-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff; /* 白色文字，对比蓝色背景 */
            font-weight: bold;
            font-size: 12px;
            text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); /* 增强文字可读性 */
            z-index: 10; /* 确保文本在进度条之上 */
        }