用子比自带的日夜间模式切换刷新-zibll美化交流分享社区-zibll子比主题-zibll子比社区

用子比自带的日夜间模式切换刷新

子比自带的日夜间模式切换刷新后又它自行切到日间模式了,有大佬晓得问题在哪里卜

add_action('wp_footer', function() {
?>
<style>
.bounce-text{animation: bounceSmall 1.7s infinite;}
@keyframes bounceSmall {0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.shake-input{animation: shake 0.5s ease; border-color:#ff4d4f !important;}
@keyframes shake {0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-5px);}40%,80%{transform:translateX(5px);}}
.error-tips{color:#ff4d4f; font-size:12px; margin-top:8px; display:none;}
.error-tips.show{display:block;}

.zib-wechat-fans-box{
    display:flex; align-items:center; gap:32px; padding:24px; margin:16px 0; border-radius:12px; flex-wrap:wrap; justify-content:center;
    border:1px solid #e5e9ef; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.08);
    background:url(https://img.alicdn.com/imgextra/i4/3190733564/O1CN01BCHrY61cCMiQAH5P9_!!3190733564.png) center/cover no-repeat;
    position:relative;
}
.zib-wechat-fans-box::before{
    content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px;
    background:rgba(255,255,255,0.92); z-index:0;
}
.zib-wechat-fans-box > *{position:relative; z-index:1;}

.qr-box{width:180px; text-align:center; flex-shrink:0;}
.qr-img{border-radius:8px; overflow:hidden;}
.qr-img img{width:165px; height:165px; display:block;}
.qr-txt{color:#333; margin-top:8px;}

.code-box{flex:1; min-width:280px; text-align:center;}
.code-title{font-size:16px; color:#fb7299; margin-bottom:20px;}
.code-form{display:flex; gap:12px; flex-wrap:wrap; max-width:350px; margin:0 auto;}
.code-input{width:180px; height:40px; padding:0 12px; border-radius:6px; border:1px solid #e5e9ef; background:#fff; color:#333;}
.code-btn{height:40px; padding:0 20px; border:none; border-radius:6px; background:#fb7299; color:#fff; cursor:pointer;}

.tips-box{width:240px; padding:20px; border-radius:12px; border:1px solid #e5e9ef; background:#f9f9f9; line-height:1.8; color:#333;}

html.dark .zib-wechat-fans-box{
    border-color:#333842;
    box-shadow:0 2px 12px rgba(0,0,0,0.3);
}
html.dark .zib-wechat-fans-box::before{
    background:rgba(26,28,34,0.94);
}

html.dark .qr-txt{
    color:#c9cdd4;
}

html.dark .code-input{
    background:#1a1c22;
    border-color:#333842;
    color:#e5e9ef;
}
html.dark .code-input::placeholder{
    color:#86909c;
}

html.dark .tips-box{
    border-color:#333842;
    background:#22262e;
    color:#c9cdd4;
}
html.dark .tips-box b{
    color:#ff7d7d;
}

@media(max-width:768px){
    .zib-wechat-fans-box{flex-direction:column; padding:16px; gap:16px;}
    .code-input,.code-btn{width:100%;}
}
</style>

 

请登录后发表评论