/*此文件为2026海康添加的所有CSS样式存放地点*/


/* 底部二维码流动渐变边框美化 */
/* ========== 二维码流光边框（适配你当前原有HTML，无需修改HTML！） ========== */
.footer-miniimg.flex.at.hh.gap6 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  padding: 8px 0;
  overflow: visible;
}
/* 单个二维码父容器 */
.footer-miniimg.flex.at.hh.gap6 > div {
  position: relative;
  text-align: center;
}
/* 图片样式+hover对比度 */
.footer-miniimg.flex.at.hh.gap6 > div img {
  display: block;
}
.footer-miniimg.flex.at.hh.gap6 > div img:hover {
  filter: contrast(1.1);
}
.footer-miniimg.flex.at.hh.gap6 > div img:active {
  filter: contrast(0.9);
}
/* 流光伪元素：定位在父div，高度只包裹图片，mt6是文字上边距（6px） */
.footer-miniimg.flex.at.hh.gap6 > div::before,
.footer-miniimg.flex.at.hh.gap6 > div::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 1px;
  right: 1px;
  /* 重点：高度 = 图片高度，减掉下方文字mt6（6px），不会罩住文字 */
  height: calc(100% - 12px);
  border: 3px solid;
  border-image: linear-gradient(45deg, gold, deeppink) 1;
  pointer-events: none;
  z-index: 1;
  animation: clippath 3s linear infinite;
}
.footer-miniimg.flex.at.hh.gap6 > div::after {
  animation-delay: -1.5s;
}
@keyframes clippath {
  0%, 100% { clip-path: inset(0 0 96% 0); filter: hue-rotate(0deg); }
  25%      { clip-path: inset(0 96% 0 0); }
  50%      { clip-path: inset(96% 0 0 0); filter: hue-rotate(360deg); }
  75%      { clip-path: inset(0 0 0 96%); }
}


/* 代码块限制高度，长代码滚动 */
.enlighter-default .enlighter,
.wp-block-zibllblock-enlighter:not(:has(.enlighter)),
.enlighter-pre:not(:has(.enlighter)) {
max-height: 400px;
overflow-y: auto !important;
}
/* 全站背景图 */
body {
background-image: url("http://haik.cn/web/svg/beijing.svg");
background-position: center top;
background-repeat: repeat;
background-attachment: fixed;
background-size: auto;
}
/* 移动端 640px 以内，显示点赞按钮 */
@media (max-width:640px) {
.meta-right .meta-like {
display: unset !important;
}
}
/* 只修改页脚里面的wrapper，正文不受影响 */
#footer .wrapper {
    max-width: 1200px !important; /* 修改这里：1200窄 /1400适中 /1600很宽 */
}
@media (max-width:1440px){
    #footer .wrapper {
        max-width: 96% !important;
    }
}

/* 版权文字样式 */
.footer-copyright {
    font-size: 12px;
    color: #888;
    padding-top: 10px;
}
.footer-copyright a {
    color: #666;
}
.footer-copyright a:hover {
    color: #409eff;
}
/* 深色模式适配（子比dark-theme） */
body.dark-theme .footer-copyright {
    color: #aaa;
}
body.dark-theme .footer-copyright a {
    color: #ccc;
}
body.dark-theme .footer-copyright a:hover {
    color: #409eff;
}