/* 按钮样式 */
    .oauth-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: white;
      font-weight: bold;
      padding: 10px;
      margin: 8px 0;
      border-radius: 6px;
      font-size: 14px;
      transition: 0.3s;
    }
    .oauth-btn.google { background: #db4437; }
    .oauth-btn.google:hover { background: #e35b4b; }
    .oauth-btn.line { background: #00c300; }
    .oauth-btn.line:hover { background: #33d633; }
    .oauth-btn img { width: 18px; height: 18px; margin-right: 8px; }

    /* 自定义标题样式 */
    .swal2-title.custom-title {
      font-size: 20px !important; /* 可自行调整标题大小 */
      font-weight: bold !important;
      text-align: center;
    }

    /* 弹窗内容居中 */
    .swal2-html-container {
      text-align: center;
      font-size: 14px;
    }

    /* 关闭按钮样式 */
    .swal2-close {
      font-size: 20px;
      color: #888;
    }
    .swal2-close:hover { color: #333; }

    /* 响应式适配 */
    @media (max-width: 480px) {
      .swal2-popup {
        width: 90% !important;
      }
      .oauth-btn { font-size: 16px; padding: 12px; }
    }
    
/* ------------------ 下载区整体容器 ------------------ */
.dlbox { 
  margin: 10px auto; 
  background:#fff; 
  border:1px solid #e5e5e5;
  border-radius:6px; 
  font-family:"Microsoft YaHei",sans-serif;
  font-size:14px;
  color:#333;
}

/* 标题栏 */
.dlbox-title { 
  background:#f5f7fa; 
  padding:5px 10px; 
  border-bottom:1px solid #e5e5e5;
  font-size:16px; 
  font-weight:600; 
  color:#0070ba; 
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* 标题右侧 VIP 标签 */
.dlbox-title-vip {
  font-size:12px;
  font-weight:600;
  color:#fff;
  background:#e67e22;
  padding:2px 6px;
  border-radius:3px;
}

/* 头部信息 */
.dlbox-header { 
  padding:10px 15px; 
  border-bottom:1px dashed #e5e5e5;
  background:#fcfcfc;
}

.dlbox-price { 
  margin:0; 
  font-size:14px; 
  color:#666; 
}
.dlbox-price span {
  color:#e74c3c;
  font-weight:600;
}

/* 下载列表 */
.dlbox-body { 
  padding:5px 5px;
}
.dlbox-list { 
  display:flex; 
  flex-direction:column; 
  gap:8px; 
}
.dlbox-item { 
  display:flex; 
  align-items:center; 
  justify-content:space-between;
  padding:8px 10px;
  border:1px solid #e0e0e0;
  border-radius:4px;
  transition:background 0.2s;
}
.dlbox-item:hover { 
  background:#f0f8ff; 
}

/* 下载按钮 */
.dlbox-btn { 
  max-width: 100%;
  color:#000; 
  padding:6px 14px; 
  border-radius:4px; 
  font-size:14px; 
  font-weight:500; 
  text-decoration:none; 
  transition:0.2s;
}
.dlbox-btn:hover { 
  background:#005a8c; 
}

/* 下载名称 */
.dlbox-item span {
  flex:1;
  font-size:14px;
  color:#333;
}
.dlbox-item i {
  margin-right:6px;
  color:#0070ba;
}

/* ------------------ VIP 区域 ------------------ */
.vip-section {
  max-width: 600px;
  margin: 30px auto;
  padding: 5px;
  font-family: "Microsoft YaHei", sans-serif;
  color: #333;
}

.vip-intro {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.vip-box {
  border: 1px dashed #d4af37; /* 金色虚线框 */
  border-radius: 8px;
  background: #fffbea;
  padding: 20px;
  text-align: center;
  margin-top: 20px; /* 距离顶部 20px */
}

.vip-box p {
  margin: 10px 0;
  font-size: 15px;
  color: #444;
}

.vip-btn {
  display: inline-block;
  background: #d4af37;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 15px;
  cursor: pointer;
  margin-top: 12px;
  text-decoration: none;
}

.vip-btn:hover {
  background: #c29e2e;
}

.vip-content {
  padding: 10px;
  background: #f9f9f9;
  border-radius: 8px;
  line-height: 1.6;
}

/* ------------------ 图集容器样式 ------------------ */
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; /* 图片之间的间距 */
  margin-top: 10px;
  justify-content: left; /* 居中对齐 */
}

.image-item {
  width: 48%; /* 桌面端每行显示2个 */
  box-sizing: border-box;
}

.image-item img {
  width: 100%; /* 图片宽度充满容器 */
  height: auto; /* 保持图片比例 */
  border-radius: 8px; /* 可选，圆角效果 */
}

/* 移动端屏幕适配 */
@media (max-width: 450px) {
  .image-item {
    width: 100%; /* 移动端每行显示1个 */
  }
}

/* ------------------ 页面基础样式 ------------------ */
body {
  background: #fff!important;
}

.menuList {
  display: none;
}
.leftMenu:hover>.menuList {
  display: block;
}