@charset "utf-8";

/* 仿哔哩哔哩弹窗背景 */
body .payvip-modal,
#app .payvip-modal {
  background-image: 
    url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01zWJtdh1QbIhbcKakX_!!2210123621994.png),
    url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01nUULwt1QbIhdvLeL7_!!2210123621994.png);
  /* 背景定位：左下角 、 右下角 */
  background-position: left bottom, right bottom;
  /* 背景不重复 */
  background-repeat: no-repeat, no-repeat;
  /* 背景尺寸：适配弹窗宽度的20%（可根据需求调整，如25%更贴合B站） */
  background-size: 20% auto; /* 改为auto保证图片比例不变形 */
  /* 可选：固定背景不随弹窗滚动（若弹窗有滚动条） */
  background-attachment: local;
  /* 补充：确保弹窗有足够高度，背景图能正常显示 */
  min-height: 300px; /* 可根据你的弹窗内容调整 */
  /* 可选：避免背景图被内容遮挡（若有多层元素） */
  position: relative;
  z-index: 1;
}
/*vip背景开始*/
.vip-card{
background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png);
  background-size: auto;
background-size: 115%;
}
.sub-vip-card .vip-card{
background-size: 175%;
}
.payvip-icon{
background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png);
}
/*vip背景结束*/
/*=====================================分界线=====================================*/
/* 文章标题样式H1 - H2  结束*/ 
.article-content > .wp-posts-content > h1,
.article-content .wp-posts-content > h2,
.article-content .wp-posts-content > h3 {
  z-index: 1;
}

.article-content > .wp-posts-content > h1:hover::before,
.article-content > .wp-posts-content > h2:hover::before,
.article-content > .wp-posts-content > h1:hover::after,
.article-content > .wp-posts-content > h2:hover::after,
.article-content > .wp-posts-content > h3:hover::before {
  transform: scale(1.2) !important;
  transform-origin: center !important;
  transition: 0.4s;
}

/* h1 样式 */
.article-content .wp-posts-content h1::before,
.article-content .wp-posts-content h1::after {
  background: linear-gradient(#3390ff, transparent) !important; /* h1 的颜色 */
}

.article-content .wp-posts-content h1::before {
  height: 40px !important;
  width: 40px !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
  border-radius: 50% !important;
  top: -5px !important;
  left: -10px !important;
  z-index: 1;
}

.article-content .wp-posts-content h1::after {
  content: "";
  opacity: 0.6;
  position: absolute;
  transition: 0.4s;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  top: -20px;
  left: 20px;
}

/* h2 样式 */
.article-content .wp-posts-content h2::before,
.article-content .wp-posts-content h2::after {
  background: linear-gradient(#33ff57, transparent) !important; /* h2 的颜色 */
}

.article-content .wp-posts-content h2::before {
  height: 30px !important;
  width: 30px !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
  border-radius: 50% !important;
  top: -5px !important;
  left: -10px !important;
  z-index: 1;
}

.article-content .wp-posts-content h2::after {
  content: "";
  opacity: 0.6;
  position: absolute;
  transition: 0.4s;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: -15px;
  left: 15px;
}

/* h3 样式 */
.article-content .wp-posts-content h3::before {
  height: 20px !important;
  width: 20px !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
  background: linear-gradient(#3390ff, transparent) !important; /* h3 的颜色 */
  border-radius: 50% !important;
  top: -5px !important;
  left: -10px !important;
  z-index: 1;
}
/*文章标题H1 - H2  结束*/
/*=====================================分界线=====================================*/
/*子比主题鼠标选中文字颜色样式*/
::selection {
    background: transparent;
    color:#0045FF;
}

/*=====================================分界线=====================================*/
/*文章标题渐变彩色文字*/
.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: -100% 0
  }
}
/*文章标题渐变彩色文字*/
/*=====================================分界线=====================================*/
/*用户中心头像圆形*比子网络 www.bllzi.com */
.author-header .avatar-img {
    --this-size: 95px;
}
.author-header .avatar-img .avatar {
    border-radius: 50px;
}
.item-meta .avatar-mini {
    transform: translateY(-6px);
    right: -3px;
}
.forum-posts {
    --this-padding: 15px 20px;
    padding: var(--this-padding);
    display: flex;
    transition: .3s;
    position: relative;
    margin-left: 6px;
}
.user-info {
margin-left: 10px;
}
/*用户中心头像圆形*比子网络 BLLZI.COM */
/*=====================================分界线=====================================*/
/*彩色昵称开始*/
.display-name{
background-image: -webkit-linear-gradient(90deg, #07c160, #fb6bea 25%, #3aedff 50%, #fb6bea 75%, #28d079);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-size: 100% 600%;
animation: wzw 10s linear infinite;
}
@keyframes wzw {
0% {
background-position: 0 0;
}
100% {
background-position: 0 -300%;
}
}
/*彩色昵称 结束*/
/*=====================================分界线=====================================*/
/*文章卡片排列X5*/
@media (min-width: 700px) {
.posts-item.card {
width: calc(20% - 16px);
}
}
/*=====================================分界线=====================================*/
/*文章列表悬停边框美化*/
.card {
    box-shadow: 0.3em 0.3em 0.7em #00000015;
    border: rgba(0, 0, 0, .05) 0.2em solid;
   }
.card:hover {
    border: #006fff 0.2em solid;
    transition: border 1s;
   }
/*=====================================分界线=====================================*/  
/*子比主题增加仿mac三个点*/
.posts-item.card {
    padding: 35px 10px 10px 10px!important;
}
    .posts-item {
    position: relative !important;
}
    .posts-item.card::before {
    content: "";
    display: block;
    background: #fc625d;
    top: 13px;
    left: 15px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
    margin: 0px 2px -7px;
    z-index: 1000;
    position: absolute;
}
/*=====================================分界线=====================================*/
/*评论美化 - 蓝色款*/
body{
    --acg-color:#f8fdff;
}
.dark-theme{
    --acg-color:#323335;
}
.comment .list-inline>.comt-main {
    border-color: #71baff80;
    background-color: var(--acg-color);
    background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png);
}
.comment .list-inline>li {
    vertical-align: top;
    border-radius: 5px;
    margin: 0 15px 15px;
    border: 1px solid;
    position: relative;
    display: flow-root;
    padding: 10px;
}
/*=====================================分界线=====================================*/
/*文章卡片模式果冻弹跳效果*/
posts.posts-item.card.ajax-item:hover{-webkit-animation:jumps-data-v-6bdef187 1.2s ease 1;animation:jumps-data-v-6bdef187 1.2s ease 1;}@-webkit-keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1) scaleY(1)}}@keyframes jumps-data-v-6bdef187{0%{transform:translate(0)}10%{transform:translateY(5px) scaleX(1.2) scaleY(.8)}30%{transform:translateY(-13px) scaleX(1) scaleY(1) rotate(5deg)}50%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(0) scaleX(1.1) scaleY(.9) rotate(0)}70%{transform:translateY(-4px) scaleX(1) scaleY(1) rotate(-2deg)}80%{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}85%{transform:translateY(0) scaleX(1.05) scaleY(.95) rotate(0)}to{transform:translateY(0) scaleX(1) scaleY(1)}}
/*=====================================分界线=====================================*/
/*文章列表多种动画效果美化*/
.posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}
/*=====================================分界线=====================================*/
/*首页用户图标更改为用户头像*/
.avatar-img-diy {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 30px;
    width: var(--this-size);
    height: var(--this-size);
}
/*=====================================分界线=====================================*/
/*卡片模式时间显示功能*/
.posts-item {
    position: relative;
}

.post-time-absolute {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    z-index: 2;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.white-theme .post-time-absolute {
    background: rgba(255, 255, 255, 0.25);
    color: #2d3748;
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

.dark-theme .post-time-absolute {
    background: rgba(15, 15, 15, 0.3);
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
    .post-time-absolute {
        top: 10px;
        right: 10px;
        padding: 6px 12px;
        font-size: 11px;
        backdrop-filter: blur(15px) saturate(160%);
        -webkit-backdrop-filter: blur(15px) saturate(160%);
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .post-time-absolute {
        top: 8px;
        right: 8px;
        padding: 5px 10px;
        font-size: 10px;
        border-radius: 8px;
    }
}

.post-time-absolute:hover {
    transform: translateY(-2px) scale(1.02);
    backdrop-filter: blur(25px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
}

.white-theme .post-time-absolute:hover {
    background: rgba(255, 255, 255, 0.35);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.dark-theme .post-time-absolute:hover {
    background: rgba(20, 20, 20, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

@supports not (backdrop-filter: blur(10px)) {
    .post-time-absolute {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    
    .white-theme .post-time-absolute {
        background: rgba(255, 255, 255, 0.85);
    }
    
    .dark-theme .post-time-absolute {
        background: rgba(0, 0, 0, 0.75);
    }
}

.post-time-absolute:active {
    transform: translateY(0) scale(0.98);
    transition-duration: 0.1s;
}
/*=====================================分界线=====================================*/
/*猫爪
.title-theme {
    padding: 0px 0px 0px 45px!important;
    background: url(https://oss.bllzi.com/assets/custom/svg/20250306195527974-biaoti.svg) 10px center no-repeat;
    background-size: 30px 20px;
    color: #566889;
}
.title-theme:before {
display:none;
}
.wp-posts-content>h1.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://oss.bllzi.com/assets/custom/svg/20250306195527974-biaoti.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h2.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://oss.bllzi.com/assets/custom/svg/20250306195527974-biaoti.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h3.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://oss.bllzi.com/assets/custom/svg/20250306195527974-biaoti.svg) 10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h4.wp-block-heading{
    padding: 0px 0px 0px 45px!important;
    background: url(https://oss.bllzi.com/assets/custom/svg/20250306195527974-biaoti.svg)  10px center no-repeat;
    background-size: 30px 20px;
}
.wp-posts-content>h1.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h2.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h3.wp-block-heading:before{
    display:none;
}
.wp-posts-content>h4.wp-block-heading:before{
    display:none;
}*/
/*=====================================分界线=====================================*/
/*超链接下波浪线*/
.wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite linear}
@keyframes waveMove{from{background-position:0 100%}
to{background-position:-20px 100%}
}
/*超链接下波浪线结束*/
/*=====================================分界线=====================================*/
/*内容页下标签随机颜色*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
/*=====================================分界线=====================================*/
/*首页登录按钮SVG改成头像*/
.avatar-img-diy {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 30px;
    width: var(--this-size);
    height: var(--this-size);
}
/*=====================================分界线=====================================*/
/*内容页侧边评论美化*/
.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}
/*=====================================分界线=====================================*/
/*首页搜索框的左侧icon搜索图标按钮美化*/
@media screen and (min-width: 850px)
{.header-slider-search .line-form .icon
  {color:#fff;}.header-slider-search .line-form .icon{color:#fff;background-color:var(--theme-color);border-radius:0 50px 50px 0;cursor:pointer;padding:15px;display:block;height:52px;width:100px;padding-right:4px;line-height:0;margin-right:-26px;border:none;position:absolute;right:0;top:-14px;}.line-form:hover{box-shadow:0 2px 30px 0 #fff;}.filter-blur .header-slider-card .zib-widget,.filter-blur .header-slider-search .line-form{overflow:hidden;}}ul li .list-img a .avatar-lg img.avatarbox_Miniimgbox {display: none;}
/*=====================================分界线=====================================*/
/*子比主题 – 用户中心过渡样式美化*/
.absolute::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 58%;
    right: 0;
    bottom: 0;
    transform: scale(1.01);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%);
}  
/*首页幻灯片过渡效果*/
.swiper-slide::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 58%;
    right: 0;
    bottom: 0;
    transform: scale(1.01);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%);
}
/*=====================================分界线=====================================*/
/*全站评论表情包每行显示5个样式CSS，非必要*/
.dropdown-smilie .smilie-icon {
          width: 48px !important;
          }
          .smilie-icon {
          width: 48px !important;
          }
     /*隐藏首页及分类页隐藏头像点赞*/
.item-meta {display: none;}     
/*=====================================分界线=====================================*/
/*--全站底部 —— 随机推荐 收藏本站 —— 弹窗代码--*/
/* 底部导航 start */
.my-face {
    animation: my-face 5s infinite ease-in-out;
    color: #00f1ff;
    display: inline-block;
    margin: 0 5px;
}
@-webkit-keyframes my-face {
    2%, 24%, 80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }
    4%, 68%, 98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }
    38%, 6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }
    8%, 86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }
    10%, 72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }
    12%, 64%, 78%, 96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }
    14%, 54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }
    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }
    18%, 22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }
    20%, 36%, 46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }
    26%, 50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }
    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }
    30%, 40%, 62%, 76%, 88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }
    32%, 34%, 66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }
    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }
    44%, 70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }
    48%, 74%, 82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }
    52%, 56%, 60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }
    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }
    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }
    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }
    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}
@keyframes my-face {
    2%, 24%, 80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }
    4%, 68%, 98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }
    38%, 6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }
    8%, 86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }
    10%, 72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }
    12%, 64%, 78%, 96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }
    14%, 54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }
    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }
    18%, 22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }
    20%, 36%, 46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }
    26%, 50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }
    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }
    30%, 40%, 62%, 76%, 88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }
    32%, 34%, 66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }
    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }
    44%, 70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }
    48%, 74%, 82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }
    52%, 56%, 60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }
    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }
    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }
    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }
    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}
/* end */
@media (max-width: 800px){.footwaveline{display: none;}}
#footgundong{margin-left:20px;overflow: overlay;display: inline-flex;text-align: right;}
.item-foot{color: var(--minor);height: 45px;line-height: 45px;transition: color 0.35s;white-space: nowrap;}
.swal-footer{text-align:center;}
.swal-button {font-size: 20px;}
.count>svg,.count>text{display:none;}
.wz-span {
    border: 1px solid #bbbbbb;
    height: auto;
    color: #bbbbbb;
    font-size: 10px;
    border-radius: 2px;
    padding: 0 2px;
}
/*底部导航*/
/*=====================================分界线=====================================*/
/*--文章页侧边子比滚动公告框--*/
@keyframes move {
        0% {
            transform: translateX(0px);
        }

        100% {
            transform: translateX(-200%);
        }
    }

    .show-notice {
        width: 100%;
        overflow: hidden;
    }

    .show-notice-hello {
        float: left;
        width: 15%;
        background-color: var(--theme-color);
    }

    .show-notice-inner {
        float: left;
        width: 80%;
        margin-left: 2%;
        overflow: hidden;
    }

    .show-notice-move-text {
        font-size: 15px;
        color: var(--main-color);
        white-space: nowrap;
        animation: move 10s linear infinite;
    }

/*=====================================分界线=====================================*/
/**过年灯笼*/
.deng-box {
  position: fixed;
  top: 40px;
  right: -20px;
  z-index: 999;
}
 
.deng-box1 {
  position: fixed;
  top: 40px;
  z-index: 999;
}@media screen and (max-width: 768px){.deng-box{position: fixed; top: 23px; right: 0; z-index: 999;}.deng-box1 { position: fixed; top: 23px; z-index: 999; right: auto; }}<br>
}
 
.deng-box1 .deng {
  position: relative;
  width: 120px;
  height: 90px;
  margin: 50px;
  background: #d8000f;
  background: rgba(216, 0, 15, 0.8);
  border-radius: 50% 50%;
  -webkit-transform-origin: 50% -100px;
  -webkit-animation: swing 5s infinite ease-in-out;
  box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
}
 
.deng {
  position: relative;
  width: 120px;
  height: 90px;
  margin: 50px;
  background: #d8000f;
  background: rgba(216, 0, 15, 0.8);
  border-radius: 50% 50%;
  -webkit-transform-origin: 50% -100px;
  -webkit-animation: swing 3s infinite ease-in-out;
  box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
 
.deng-a {
  width: 100px;
  height: 90px;
  background: #d8000f;
  background: rgba(216, 0, 15, 0.1);
  margin: 12px 8px 8px 10px;
  border-radius: 50% 50%;
  border: 2px solid #dc8f03;
}
 
.deng-b {
  width: 45px;
  height: 90px;
  background: #d8000f;
  background: rgba(216, 0, 15, 0.1);
  margin: -4px 8px 8px 26px;
  border-radius: 50% 50%;
  border: 2px solid #dc8f03;
}
 
.xian {
  position: absolute;
  top: -20px;
  left: 60px;
  width: 2px;
  height: 20px;
  background: #dc8f03;
}
 
.shui-a {
  position: relative;
  width: 5px;
  height: 20px;
  margin: -5px 0 0 59px;
  -webkit-animation: swing 4s infinite ease-in-out;
  -webkit-transform-origin: 50% -45px;
  background: #ffa500;
  border-radius: 0 0 5px 5px;
}
 
.shui-b {
  position: absolute;
  top: 14px;
  left: -2px;
  width: 10px;
  height: 10px;
  background: #dc8f03;
  border-radius: 50%;
}
 
.shui-c {
  position: absolute;
  top: 18px;
  left: -2px;
  width: 10px;
  height: 35px;
  background: #ffa500;
  border-radius: 0 0 0 5px;
}
 
.deng:before {
  position: absolute;
  top: -7px;
  left: 29px;
  height: 12px;
  width: 60px;
  content: " ";
  display: block;
  z-index: 999;
  border-radius: 5px 5px 0 0;
  border: solid 1px #dc8f03;
  background: #ffa500;
  background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
 
.deng:after {
  position: absolute;
  bottom: -7px;
  left: 10px;
  height: 12px;
  width: 60px;
  content: " ";
  display: block;
  margin-left: 20px;
  border-radius: 0 0 5px 5px;
  border: solid 1px #dc8f03;
  background: #ffa500;
  background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
 
.deng-t {
  font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;
  font-size: 3.2rem;
  color: #dc8f03;
  font-weight: bold;
  line-height: 85px;
  text-align: center;
}
 
.night .deng-t, 
.night .deng-box, 
.night .deng-box1 {
  background: transparent !important;
}
 
@-moz-keyframes swing {
  0% {
    -moz-transform: rotate(-10deg)
  }
 
  50% {
    -moz-transform: rotate(10deg)
  }
 
  100% {
    -moz-transform: rotate(-10deg)
  }
}
 
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(-10deg)
  }
 
  50% {
    -webkit-transform: rotate(10deg)
  }
 
  100% {
    -webkit-transform: rotate(-10deg)
  }
}@media screen and (max-width: 768px){.deng-box{position: fixed; top: 23px; right: -50px; z-index: 999;}.deng-box1 { position: fixed; top: 23px; z-index: 999; right: -20px; }}<br>
/*=====================================分界线=====================================*/