body {
  font-family: Arial, sans-serif;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  margin: 5px;
  cursor: pointer;
  background-color: #007bff;
}

.tag a {
  text-decoration: none;
  font-weight: bold; /* 加粗字体 */
  color: white; /* 字体颜色 */
  text-shadow: 
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000; /* 黑色边框效果 */
}

.tag:hover {
  opacity: 0.8;
}

.tag-containers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tagss {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  margin: 5px;
  cursor: pointer;
  background-color: #007bff;
}

.tagss a {
  text-decoration: none;
  font-weight: bold; /* 加粗字体 */
  color: white; /* 字体颜色 */
  text-shadow: 
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000; /* 黑色边框效果 */
}

.tagss:hover {
  opacity: 0.8;
}

/* 针对 span 元素的高对比度样式 */
.seospan span {
  color: #000000;  /* 黑色文本 */
  background-color: #ffffff;  /* 白色背景 */
}

/* 针对 li 元素的高对比度样式 */
.seoli li {
  color: #000000;  /* 黑色文本 */
  background-color: #ffffff;  /* 白色背景 */
}


/* 针对 div 元素的高对比度样式 */
.seodiv div {
  color: #000000;  /* 黑色文本 */
  background-color: #ffffff;  /* 白色背景 */
}

.seodawei {
  color: #000000;  /* 黑色文本 */
  background-color: #ffffff;  /* 白色背景 */
}

/* 增加对比度并添加下划线 */
.seodada a {
  color: #0056b3;
  font-weight: bold;
  text-decoration: underline;
}

/* 确保悬停时也有足够的对比度和可见性 */
.seodada a:hover, a:focus {
  color: #003580;
  font-weight: bold;
  text-decoration: underline;
}
button, input[type="submit"], input[type="button"], .newfunction{
  font-weight: bold; /* 加粗字体 */
  color: white; /* 字体颜色 */
  text-shadow: 
      -1px -1px 0 #000,  
       1px -1px 0 #000,
      -1px  1px 0 #000,
       1px  1px 0 #000; /* 黑色边框效果 */
}

.centered {
  text-align: center;
}
/* 通用按钮样式 */
button, 
.page_link {
    width: auto; /* 如果设置了固定宽度，可以考虑使用auto或更小的宽度 */ 
    height: auto; /* 如果设置了固定高度，可以考虑使用auto或更小的高度 */
    padding: 5px;     /* 为触控目标增加内边距，以增大可点击区域 */
    margin: 5px;            /* 增加触控目标之间的间距 */
    font-size: 14px;        /* 设置合理的字体大小，确保内容清晰可见 */
    border-radius: 4px;     /* 增加按钮的圆角，提升视觉效果 */
    background-color: #007BFF;  /* 设置按钮的背景色 */
    color: #fff;            /* 设置按钮文字颜色 */
    border: none;           /* 移除默认边框 */
    cursor: pointer;        /* 鼠标悬停时显示指针 */
}

button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
.page_link:hover {
    background-color: #0056b3; /* 设置按钮悬停时的背景色 */
}

button:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus, 
.page_link:focus {
    outline: none;          /* 移除默认的焦点边框 */
    box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.5); /* 添加自定义的焦点样式 */
}

/* 针对移动设备的优化 */
@media (max-width: 768px) {
    button,
    input[type="submit"], 
    .page_link {
        padding: 5px;        /*在移动设备上进一步增大触控区域 */
        font-size: 14px;     /* 增大字体大小，提升可读性 */
        width: auto; /* 如果设置了固定宽度，可以考虑使用auto或更小的宽度 */ 
        height: auto;
    }
}

/* 针对特定的元素调整样式 */
.mac_verify {
    /*min-width: 48px;          保证验证输入框的最小宽度 */
    padding: 10px;           /* 为验证输入框增加内边距 */
    margin: 5px 0;           /* 增加输入框与其他元素的垂直间距 */
}

.comment_submit {
   /* min-width: 48px;          保证提交按钮的最小宽度 */    /* 为提交按钮增加内边距 */
    margin: 5px;             /* 增加按钮与其他元素的间距 */
}
.seo-text {
  font-weight: bold; /* 字体加粗 */
  color: white; /* 字体颜色，可以根据需要调整 */
  text-shadow: 
      -1px -1px 0 #00f,  
       1px -1px 0 #00f,
      -1px  1px 0 #00f,
       1px  1px 0 #00f; /* 添加蓝色的边框效果 */
}
.seo-hight dt{
  width: auto;
  height: 50px !important;  
}
p.other{
  display: none; /* 默认不显示 */
}
li.p2:hover p.other {
  display: block; /* 显示p元素 */
}