/* 暗色主题星空背景样式 */
.dark-theme {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.dark-theme body {
    background: #22313f;
    position: relative; 
}

.dark-theme #starsContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; 
    pointer-events: none;
    z-index: -1;
}

.dark-theme #starsBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    opacity: .5;
}

.dark-theme #starsBox span {
    display: inline-block;
    width: auto;
    position: absolute;
    border-radius: 100%;
    transition: 100s linear;
}

.payvip-icon {
    color: #ffffff;
    --this-color: #ffffff;
    border-radius: 10px;
    background-image: linear-gradient(150deg,#6a11cb 30%,#2575fc 100%);
}






/*弹窗提醒*/
.qmsg.qmsg-wrapper {
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-size:13px;
  font-variant:tabular-nums;
  line-height:1;
  list-style:none;
  font-feature-settings:"tnum";
  position:fixed;
  top:96px;
  left:0;
  z-index:9999999;
  width:100%;
  pointer-events:none;
  color:#000;
}
.qmsg .qmsg-item {
  padding:8px;
  text-align:center;
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  position:relative;
}
.qmsg .qmsg-item .qmsg-count {
  text-align:center;
  position:absolute;
  left:-4px;
  top:-4px;
  background-color:#FF3355;
  color:#fff;
  font-size:12px;
  line-height:16px;
  border-radius:2px;
  display:inline-block;
  min-width:16px;
  height:16px;
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
}
.qmsg .qmsg-item:first-child {
  margin-top:-8px;
}
.qmsg .qmsg-content {
  text-align:left;
  position:relative;
  display:inline-block;
  padding:10px 16px;
  background:#fff;
  border-radius:4px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  pointer-events:all;
  max-width:80%;
  min-width:80px;
}
.qmsg-content > div {
  display:flex;
  align-items:center;
}
.qmsg .qmsg-content [class^="qmsg-content-"] {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:flex;
  align-items:center;
}
.qmsg .qmsg-content .qmsg-content-with-close {
  padding-right:20px;
}
.qmsg .qmsg-icon {
  display:inline-block;
  color:inherit;
  font-style:normal;
  text-align:center;
  text-transform:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
  top:0;
  margin-right:8px;
  font-size:16px;
}
.qmsg .qmsg-icon svg {
  display:inline-block;
}
.qmsg .qmsg-content-info .qmsg-icon {
  color:#1890ff;
  user-select:none;
}
.qmsg .qmsg-icon-close {
  position:absolute;
  top:11px;
  right:5px;
  padding:0;
  overflow:hidden;
  font-size:12px;
  line-height:22px;
  background-color:transparent;
  border:none;
  outline:none;
  cursor:pointer;
  color:rgba(0,0,0,.45);
  transition:color .3s;
}
.qmsg .qmsg-icon-close:hover>svg path {
  stroke:#555;
}
.qmsg .animate-turn {
  animation:MessageTurn 1s linear infinite;
  -webkit-animation:MessageTurn 1s linear infinite;
}
@keyframes MessageTurn {
  0% {
  -webkit-transform:rotate(0deg);
}
25% {
  -webkit-transform:rotate(90deg);
}
50% {
  -webkit-transform:rotate(180deg);
}
75% {
  -webkit-transform:rotate(270deg);
}
100% {
  -webkit-transform:rotate(360deg);
}
;}@-webkit-keyframes MessageTurn {
  0% {
  -webkit-transform:rotate(0deg);
}
25% {
  -webkit-transform:rotate(90deg);
}
50% {
  -webkit-transform:rotate(180deg);
}
75% {
  -webkit-transform:rotate(270deg);
}
100% {
  -webkit-transform:rotate(360deg);
}
;}@-webkit-keyframes MessageMoveOut {
  0% {
  max-height:150px;
  padding:8px;
  opacity:1;
}
to {
  max-height:0;
  padding:0;
  opacity:0;
}
;}@keyframes MessageMoveOut {
  0% {
  max-height:150px;
  padding:8px;
  opacity:1;
}
to {
  max-height:0;
  padding:0;
  opacity:0;
}
;}@-webkit-keyframes MessageMoveIn {
  0% {
  transform:translateY(-100%);
  transform-origin:0 0;
  opacity:0;
}
to {
  transform:translateY(0);
  transform-origin:0 0;
  opacity:1;
}
;}@keyframes MessageMoveIn {
  0% {
  transform:translateY(-100%);
  transform-origin:0 0;
  opacity:0;
}
to {
  transform:translateY(0);
  transform-origin:0 0;
  opacity:1;
}
;}@-webkit-keyframes MessageShake {
  0%,100% {
  transform:translateX(0px);
  opacity:1;
}
25%,75% {
  transform:translateX(-4px);
  opacity:0.75;
}
50% {
  transform:translateX(4px);
  opacity:0.25;
}
;}@keyframes MessageShake {
  0%,100% {
  transform:translateX(0px);
  opacity:1;
}
25%,75% {
  transform:translateX(-4px);
  opacity:0.75;
}
50% {
  transform:translateX(4px);
  opacity:0.25;
}
;}





@media (max-width: 768px) {
  .post-excerpt {
    display: none !important;
  }
}
.ontop.tabbar-item.show{
  
    opacity: 1;
    background: #ffffff00!important;

}
.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}
.parallax {
  fill: var(--body-bg-color);
}
.parallax > use {
  animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  opacity: 0.5;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  opacity: 0.6;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  opacity: 0.7;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  opacity: 1;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}


.header-slider-search .search-input {
    max-width: 500px !important;
}
.search-input button {
    background-color: var(--this-bg, #0088ff);
    width: 60px;  
    padding: 8px 6px;  
    border-radius: 20px;  
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:-6px;
}

.search-input button svg {
    color: #fff !important;  
    fill: #fff !important;  
}


.search-input button {
    font-size: 14px;
    color: #fff !important;
    background-color: var(--this-bg, #0088ff);
    width: 70px;
    padding: 6px 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -6px;
    white-space: nowrap;
}

.search-input button {
    gap: 2.2px;
}



.search-input button {
    background-color: var(--this-bg, #0088ff);
    width: 60px;  
    padding: 8px 6px;  
    border-radius: 20px;  
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:-6px;
}

.search-input button svg {
    color: #fff !important;  
    fill: #fff !important;  
}


  /* 基础浮动按钮样式 */
.float-right {
    position: fixed;
    bottom: 140px;
    right: 10px;
    z-index: 1030;
    text-align: center;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    transition: .3s;
}

.float-right-radius {
    background: var(--main-bg-color);
    border-radius: var(--main-radius);
    box-shadow: 0 0 10px var(--main-shadow);
    position: relative;
    transition: color .2s, background .3s, opacity .3s, box-shadow .3s, transform .3s;
}

.float-right.vela-float .float-btn:not(.wait-pay-btn) {
    padding: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    background-color: #fff0;
}

.float-right.vela-float .float-btn .hover-show-con {
    right: 45px;
}

/* VIP按钮样式 */
.vela-vip-btn {
    display: block;
    width: 50px;
    line-height: 50px;
    border: 0;
    color: #fff;
    background: var(--theme-color);
    border-radius: var(--main-radius);
    box-shadow: 0 0 10px var(--focus-color-opacity6);
    font-size: 14px;
    padding: 4px 5px 10px;
    cursor: pointer;
    transition: color .2s, background .3s, opacity .3s, box-shadow .3s, transform .3s;
}

.vela-vip-btn svg {
    display: block;
    color: currentColor;
    font-size: 20px;
    margin: 5px auto;
    transition: all 0.2s ease-in-out;
}

.vela-vip-btn i {
    display: block;
    color: currentColor;
    font-size: 20px;
    margin: 5px auto;
    transition: all 0.2s ease-in-out;
}

.vela-vip-btn span {
    display: block;
    line-height: 1.3;
    transition: all 0.2s ease-in-out;
}

.vela-vip-btn:hover svg {
    transform: translateY(-4px);
    opacity: 0;
}

.vela-vip-btn:hover i {
    transform: translateY(-4px);
    opacity: 0;
}

.vela-vip-btn:hover span {
    transform: translateY(-14px);
}

/* 通用按钮样式 */
.vela-btn {
    text-align: center;
    padding: 0 5px;
    text-decoration: none;
    height: 50px;
    font-size: 12px;
    color: #999;
    border: 0;
    overflow: hidden;
    cursor: pointer;
    width: 50px;
}

.vela-btn i {
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}

.vela-btn svg {
    display: block;
    color: currentColor;
    font-size: 20px;
    margin: 15px auto;
}

.vela-btn span {
    display: none;
    font-size: 14px;
    height: 50px;
    line-height: 1.3;
    padding-top: 6px;
}

/* 主题切换按钮特殊样式 */
.vela-btn.theme-toggle-btn:hover i {
    display: none;
}

.vela-btn.theme-toggle-btn:hover span {
    display: block;
    opacity: 1;
    transform: none;
}

.vela-btn .fa-toggle-theme::after,
.vela-btn .fa-toggle-theme::before {
    height: 2em;
}

/* 全屏按钮样式 */
.float-btn.fullscreen-toggle {
    color: var(--theme-color);
}

.float-btn.fullscreen-toggle:hover {
    color: var(--hover-theme-color);
}




/*鎮诞缇庡寲寮€濮�*/
.vela-vip-btn {
	display: block;
  bottom: 140px;
	width: 50px;
	line-height: 50px;
	border: 0;
	color: #fff;
	background: var(--theme-color);
	border-radius: var(--main-radius);
	box-shadow: 0 0 10px var(--focus-color-opacity6);
	font-size: 14px;
	padding: 4px 5px 10px;
	cursor: pointer;
	transition: color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s
}

.vela-vip-btn svg {
	display: block;
	color: currentColor;
	font-size: 20px;
	margin: 5px auto;
	transition: all 0.2s ease-in-out
}

.vela-vip-btn i {
	display: block;
	color: currentColor;
	font-size: 20px;
	margin: 5px auto;
	transition: all 0.2s ease-in-out
}

.vela-vip-btn span {
	display: block;
	line-height: 1.3;
	transition: all 0.2s ease-in-out
}

.vela-vip-btn:hover svg {
	transform: translateY(-4px);
	opacity: 0
}

.vela-vip-btn:hover i {
	transform: translateY(-4px);
	opacity: 0
}

.vela-vip-btn:hover span {
	transform: translateY(-14px)
}

.vela-btn {
	text-align: center;
	padding: 0 5px;
	text-decoration: none;
	height: 50px;
	font-size: 12px;
	color: #999;
	border: 0;
	overflow: hidden;
	cursor: pointer;
	width: 50px
}

.vela-btn i {
	display: block;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	transition: all 0.2s ease-in-out
}

.vela-btn svg {
	display: block;
	color: currentColor;
	font-size: 20px;
	margin: 15px auto;
	transition: all 0.2s ease-in-out
}

.vela-btn span {
	display: block;
	font-size: 14px;
	height: 50px;
	line-height: 1.3;
	padding-top: 6px;
	transform: translate(0,-38px);
	opacity: 0;
	transition: all 0.2s ease-in-out
}

.vela-btn:hover span {
	transform: translate(0,-50px);
	opacity: 1
}

.vela-btn:hover i {
	transform: translate(0,-5px);
	opacity: 0
}

.vela-btn:hover svg {
	transform: translate(0,-5px);
	opacity: 0
}

.vela-btn .fa-toggle-theme::after,.vela-btn .fa-toggle-theme::before {
	height: 2em
}

.float-right-radius {
	background: var(--main-bg-color);
	border-radius: var(--main-radius);
	box-shadow: 0 0 10px var(--main-shadow);
	position: relative;
	transition: color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s
}

.float-right.vela-float .float-btn:not(.wait-pay-btn) {
	padding: 0 !important;
	margin-top: 0 !important;
	width: 100%;
	background-color: #fff0
}

.float-right.vela-float .float-btn .hover-show-con {
	right: 45px
}


/* 调整二维码按钮图标大小 */
.qrcode-btn .fa-qrcode {
    font-size: 24px !important; /* 自定义大小 */
    margin: 4px auto !important; /* 自定义边距 */
    display: block; /* 确保margin: auto生效 */
}





.index-tab ul>li.active {
    background: linear-gradient(137deg,#b53ab8 0%,#ff3542 50%,#ff9f40 100%);
    --main-color: #fff
}


/**彩色滚动条样式*/
::-webkit-scrollbar {
width: 10px;
height: 1px;
}
::-webkit-scrollbar-thumb {
background-color: #12b7f5;
background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #f6f6f6;
}
/*页码样式微调*/
.pagenav .current, .pagenav .page-numbers, .pagenav a {
    border: 0;
    padding: 8px 14px;
    background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color));
    -webkit-box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    box-shadow: 0 0 8px 0 rgba(95, 95, 95, .15);
    border-radius: 6px;
}
#zibpay_modal, .modal-open .modal {
    background: url(/wp-content/themes/zibll/tp/100.png);
    backdrop-filter: blur(10px) !important;
}
/*文章随机彩色标签开始*/
.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}
/*文章随机彩色标签结束 */
/*浮动圆点标题美化*/
.article-content > .wp-posts-content > h2,
.article-content .wp-posts-content > h1,
.article-content .wp-posts-content > h3 {
    z-index: 1;
}

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

.article-content .wp-posts-content h2::before,
.article-content .wp-posts-content h1::before,
.article-content .wp-posts-content h3::before {
    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::before,
.article-content .wp-posts-content h1::after {
    background: linear-gradient(#409eff, transparent) !important;
}

.article-content .wp-posts-content h2::before,
.article-content .wp-posts-content h2::after {
    background: linear-gradient(#00ff62, transparent) !important;
}

.article-content .wp-posts-content h3::before,
.article-content .wp-posts-content h3::after {
    background: linear-gradient(#ff9800, transparent) !important;
}

.article-content .wp-posts-content h1::before {
    height: 35px !important;
    width: 35px !important;
}

.article-content .wp-posts-content h2::before {
    height: 30px !important;
    width: 30px !important;
}

.article-content .wp-posts-content h3::before {
    height: 25px !important;
    width: 25px !important;
}

.article-content .wp-posts-content h2::after,
.article-content .wp-posts-content h1::after,
.article-content .wp-posts-content h3::after {
    content: "";
    opacity: 0.6;
    position: absolute;
    transition: 0.4s;
    border-radius: 50%;
}

.article-content .wp-posts-content h2::after {
    top: -15px;
    left: 15px;
    width: 10px;
    height: 10px;
}

.article-content .wp-posts-content h1::after {
    top: -13px;
    left: 25px;
    width: 13px;
    height: 13px;
}

.article-content .wp-posts-content h3::after {
    top: -17px;
    left: 12px;
    width: 8px;
    height: 8px;
}

/*网站评论美化*/
.bili-dyn-item__ornament {
    position: sticky;
    /*right: 48px;*/
    top: 18px;
    margin-top: -10px;
    float: right;
}
.bili-dyn-ornament__type--3 {
    height: 44px;
    width: 146px;
}
.bili-dyn-ornament img {
    height: 100%;
    width: 100%;
}
.bili-dyn-ornament__type--3 span {
    font-family: num !important;
    font-size: 12px;
    position: absolute;
    right: 54px;
    top: 15px;
    transform: scale(.88);
    transform-origin: right;
}
  @font-face {
                font-family: num;
                src: url('data:font/ttf;base64,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AGMAbwBtAFIAZQBlAEoAaQAtAEIAaQBnAFIAdQBpAHgAYQBpAG4ALQBCAGwAYQBjAGsARwBCAFYAMQAuADAAQwBvAHAAeQByAGkAZwBoAHQAKABjACkAIAAyADAAMQA1ACAAUgBFAEUASgBJACAAlQAQAFsAVwBdAOUAYgA/AA0ACgBTAGgAYQBuAGcAIABoAGEAaQAgAFIAdQBpACAAWABpAGEAbgAgAEMAcgBlAGEAdABpAHYAZQAgAEQAZQBzAGkAZwBuACAAQwBvAC4AIABMAHQAZAAuAP8ADAANAAoATgAKAG0AdwCVABAAfgC/AFIAGwBhAA8AiwC+AIsAoQBnAAkAlgBQAFEAbABTAPgADQAKAHcAdwB3AC4AcgBlAGUAagBpAC4AYwBvAG0ADQAKAFEAUQA6ADIANwA3ADAAOAA1ADEANwAzADMADQAKAE0AYQBpAGwAOgBSAGUAZQBqAGkAZgBvAG4AdABAAG8AdQB0AGwAbwBvAGsALgBjAG8AbQACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAA4AAAARABMAFAAVABYAFwAYABkAGgAbABwAMQAyAAA=');
            }
/*手机适配*/
@media (max-width: 420px){
.bili-dyn-ornament__type--3 {
    width: 11rem !important;
}
}
/*编辑器三点美化*/
.enlighter::before {
    content: "";
    display: block;
    background: #fc625d;
    top: 9px;
    left: 15px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    margin: 0px 2px -7px;
    z-index: 1;
    position: absolute;
}
.enlighter-overflow-scroll.enlighter-v-standard .enlighter {
    padding: 35px 0 12px 0;
}


.posts-mini {
    background-size: cover!important;
    margin-bottom: 5px!important;
    padding: 15px!important;
}

.pllv {
    font-size: calc(1em + 12px);
}
.pllv {
    transform: translateY(2px);
}

/*导航栏字体加粗*/
ul.nav {font-weight: 700;}

.nav.navbar-nav.show {
  filter: url(#blur);
}
/*仿哔哩哔哩弹窗背景*/
.payvip-modal {
  background-image: url(/wp-content/themes/zibll/tp/11.png),url(/wp-content/themes/zibll/tp/22.png);
  background-position: 0 100%,100% 100%;
  background-repeat: no-repeat,no-repeat;
  background-size: 20%;
}


.jb-yellow, .order-type-3 .pay-tag {
    --this-bg: linear-gradient(135deg,#ec28ff 10%,#289fff 100%);
}
.new-swiper{
border-radius:9px;
}
.text-sm{
border-radius:9px;
}

.graphicad{
border-radius:6px;
}
.d-flex.auto-url-list{
border-radius:6px;
}

/*标题下划线*/
.posts-item .item-heading>a {background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom;background-size: 0 2px;transition: background-size 1300ms }.posts-item .item-heading>a:hover {background-position-x: left;background-size: 100% 5px }.article-title>a {background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom;background-size: 0 2px;transition: background-size 1300ms }.article-title>a:hover {background-position-x: left;background-size: 100% 5px }.zib-widget .text-ellipsis>a {background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom;background-size: 0 2px;transition: background-size 1300ms }.zib-widget .text-ellipsis>a:hover {background-position-x: left;background-size: 100% 5px }.zib-widget .text-ellipsis-2>a {background: linear-gradient(to right, #ec695c, #61c454) no-repeat right bottom;background-size: 0 2px;transition: background-size 1300ms }.zib-widget .text-ellipsis-2>a:hover {background-position-x: left;background-size: 100% 5px }


/*评论背景图*/
textarea#comment {
  background-color:transparent;
  background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(/wp-content/themes/zibll/tp/55.gif
) right 10px bottom 0px no-repeat;
  background-size: contain;
  -moz-transition:ease-in-out 0.45s;
  -webkit-transition:ease-in-out 0.45s;
  -o-transition:ease-in-out 0.45s;
  -ms-transition:ease-in-out 0.45s;
  transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
/*评论背景图 结束*/
.but.btn-input-expand.input-quick.mr6 {
    display: none;
}


.index-tab {
	text-align: center
}

.badg.radius,.but.radius,.radius>.but {
	border-radius: 3px
}

.index-tab ul>li {
	border-radius: 5px
}


.post-excerpt {
	background-color: var(--body-bg-color);
	padding: 10px;
	border-radius: 6px;
	height: 4.4em;
	margin-bottom: 10px
}

body,body * {
	font-weight: 550!important
}


@font-face {
	font-family:AlimamaFangYuanTiVF-Thin;src:url("/AlimamaFangYuanTiVF-Thin.woff2") format("woff2")
}

* {
	font-family: AlimamaFangYuanTiVF-Thin,-apple-system,BlinkMacSystemFont,sans-serif
}
.posts-item.card .item-heading {
	font-size: 17px
}
#footer-animal{position:relative;width:100%}#footer-animal .animal-wall{position:absolute;bottom:0;width:100%;height:36px;max-width:none;background:#bcb0a4 url(/demo/footer_wall.avif) repeat center;background-size:auto 100%;box-shadow:0 4px 7px rgba(0,0,0,.15)}#footer-animal img.animal{position:relative;max-width:min(974px,100%);margin:0 auto;display:block}#footer{position:relative;background:#e68282;background-attachment:scroll;background-position:bottom;background-size:cover}#footer-wrap{position:relative;padding:40px 20px;text-align:center}#footer-wrap{padding:50px 5% 35px 5%;display:flex;flex-wrap:wrap;position:relative}#footer-wrap > div{width:50%}#footer-left{text-align:left}.footer-title{font-size:30px;color:#fff}#footer-right{text-align:right;margin-top:auto}#footer-right p,#footer-right a{color:#fff}.footer-totop{position:absolute;top:20px;left:50%;transform:translateX(-50%)}.footer-totop i{font-size:2rem;animation:footerToTop 1.2s linear infinite;color:#fff}.footer-info a{margin-left:20px;transition:0.2s;text-decoration:none}.footer-info a:hover img{filter:none !important;transition:0.2s}.footer-service img{height:30px;filter:brightness(1000%);margin-left:20px;margin-top:10px;transition:0.2s}.footer-service img:hover{filter:brightness(100%);transition:0.2s}@keyframes footerToTop{0%{transform:translateY(0)}60%{transform:translateY(-25%)}100%{transform:translateY(0)}}@media screen and (max-width:768px){#footer-wrap > div{width:100%;text-align:center}.wordcount{margin:0 auto}}@media screen and (max-width:1023px){#footer-animal .animal-wall{height:4vw}.wordcount{width:100%;margin:10px 0;padding:0 5px;color:#F8F9F9;text-align:justify;text-align-last:center;line-height:1.6;box-sizing:border-box}}@media screen and (min-width:998px){.wordcount{width:70%}}.wordcount{color:#F8F9F9}

/*底部板块三图片border*/
.footer-miniimg {
  p{
    position: relative;
    &:hover {
        filter: contrast(1.1);
    }
    
    &:active {
        filter: contrast(0.9);
    }
    &::before,
    &::after{
        content: "";
        border: 2px solid;
        border-image: linear-gradient(45deg, gold, deeppink) 1;
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        animation: clippath 3s infinite ;
    }
    &::before{
        animation: clippath 3s infinite -1.5s linear;
    }
  }
}

@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%);
  }
  
}