/* 订阅内容样式 */
.si.si-close.text-primary {
  color: #dc3545 !important; 
}


div[style*="opacity: 0.3;"] span {
  color: #000 !important; 
}


div[style*="opacity: 0.3;"] {
  opacity: 1 !important;
}

div i.si.si-check.text-primary {
  color: #28a745 !important;
}

/* 立即订阅按钮样式 */
.btn.btn-alt-primary {
  background-color: #495057 !important;  /* 深灰色背景，和 #343a40 协调 */
  border-color: #495057 !important;      /* 同色系边框 */
  color: #fff !important;                /* 白色文字，突出 */
  border-radius: 0.3rem !important;      /* 圆角 */
  transition: all 0.3s ease;             /* 平滑过渡 */
}

.btn.btn-alt-primary:hover {
  background-color: #4e5d6c !important;  /* 更深的灰绿色，增加对比 */
  border-color: #4e5d6c !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;  /* 增强阴影效果 */
}

.btn.btn-alt-primary:active {
  background-color: #3e4a52 !important;  /* 更深的颜色，用户点击时的视觉反馈 */
  border-color: #3e4a52 !important;
  transform: scale(0.98);               /* 按下时按钮缩小 */
}

.btn.btn-alt-primary:focus {
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important; /* 蓝色聚焦光圈 */
  outline: none;  /* 去掉默认聚焦样式 */
}

/*增加使用文档分类标题加粗*/
#main-container .content.content-full .v2board-knowledge-search-bar ~ .row .block-title {
    color: #343a40;
    font-weight: bold;
}

/*增加下单验证按钮边框*/
.block .btn.btn-primary {
  border: 1px solid #d3d3d3;  /* 浅灰色边框 */
  color: #fff;                /* 保持白色文字 */
  padding: 0.5rem 1rem;      /* 调整按钮内边距 */
  border-radius: 0.375rem;    /* 圆角 */
  transition: all 0.3s ease;  /* 平滑过渡效果 */
}


.block .btn.btn-primary:hover {
  border-color: #b0b0b0;  /* hover 时边框颜色稍微加深 */
}


.block .btn.btn-primary:active {
  border-color: #999;      /* 点击时边框变为深灰色 */
  transform: scale(0.98);   /* 按钮按下时缩小 */
}


/* 针对 .btn-1 下载按钮添加样式 */
a.btn-1 {
  display: inline-block;                  /* 设置为行内块元素 */
  background-color: #4CAF50;              /* 更柔和的绿色背景 */
  color: #fff;                            /* 白色文字 */
  padding: 0.5rem 1rem;                  /* 内边距 */
  border-radius: 0.375rem;                /* 圆角效果 */
  text-decoration: none;                  /* 去掉默认链接下划线 */
  font-size: 1rem;                        /* 设置字体大小 */
  transition: all 0.3s ease;              /* 平滑过渡效果 */
}

/* Hover 悬停时的效果 */
a.btn-1:hover {
  background-color: #388E3C;              /* 悬停时深绿色 */
  color: #fff;                            /* 保持文字颜色为白色 */
  text-decoration: none;                  /* 去掉悬停时的下划线 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影 */
}

/* 点击时的效果 */
a.btn-1:active {
  background-color: #2C6B3F;              /* 点击时背景色加深 */
  transform: scale(0.98);                  /* 按钮缩小效果 */
}