/* 整站页面宽度缩小调整 开始*/
.main_screen {
    max-width: 1200px;
}
html{
    --margin: 1.25rem;
}
@media (max-width: 650px) {
    html {
        --margin: .75rem;
        --radius: .25rem;
    }
}
.index_block_swiper .index_block_swiper_third {
    width: 20rem;
}
.main_sidebar {
    width: 20rem;
}
/* 整站页面宽度缩小调整 结束*/


/* 手机端底部菜单栏外边窗无 */
@media (max-width: 650px) {
    section.cat_block.end_block {
    border: none;
    background: none;
    backdrop-filter: blur(0.2rem);
}    
}
section.cat_block.end_block, .cat_mainmenu_out {
    border: none;
    background: var(--background);
    backdrop-filter: blur(0.5rem);
}
.cat_block.end_block:hover {
    background: var(--background-color);
}
/* 手机端底部菜单栏外边窗无 */







/* AI摘要 CSS 修改 开始*/
/*文章段落 P 首行缩进2汉字字符*/
article .post_content>p,
article blockquote {
    text-indent: 2rem;
}


a.external_link:after {
    display: none;
}

.post-TianliGPT, .tianliGPT-explanation {
    border: none!important;
    background: var(--under-background)!important;
    box-shadow: 2px 2px 1px 1px #00000030;
}
.tianliGPT-explanation {
    border: none!important;
    background: var(--background)!important;
    box-shadow: inset 2px 2px 1px 1px #00000030;
    text-indent: 2rem;
}
.tianliGPT-title {
    color: var(--main)!important;
}
.tianliGPT-title-icon svg path {
    fill: var(--main)!important;
}
.tianliGPT-tag {
    background-color: transparent!important;
    color: var(--main);
    font-size: 14px;
    animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 3s ease-in-out infinite;
}
.blinking-cursor {
    background-color: var(--main)!important;
    width: 5px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

/* AI摘要 CSS 修改 结束*/

/* AI摘要 右侧 站点昵称动画 开始 */
@keyframes bg-shift {
    from {
      background-position: 0 50px;
    }
}
@keyframes swing {
    0% {
      transform-origin: top;
      transform: perspective(550px)rotatex(55deg);
}
    50% {
      transform: perspective(550px)rotatex(-55deg);
}
    100% {
      transform-origin: top;
      transform: perspective(550px)rotatex(55deg);
    }
}

@keyframes bg-shift2 {
    0% {
        background-position: 0 50px;
    }
    50% {
        background-position: 0 -50px;
    }
    100% {
        background-position: 0 50px;
    }
}  
/* AI摘要 右侧 站点昵称动画 结束*/

/* 文章内最后更新提示文字 样式背景 开始*/
.prompt-wrapper {
    background: var(--under-background);
    border-radius: var(--radius);
    padding: 10px;
    color: var(--main);
    -webkit-animation: overdue 2.5s ease-in-out; 
    animation: overdue 1.5s ease-in-out;
    box-shadow: 2px 2px 1px 1px #00000030;
}

.prompt-wrapper .prompt {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

.prompt span.text {
    color: #e5852a;
    padding-left: 10px;
    font-size: 18px;
    animation: xintiaostar .8s infinite cubic-bezier(.13, 1.04, .83, 1.28);
}

.prompt:after {
    content: "陌子夕生活录";
    font-size: 14px;
    font-weight: bold;
    margin-left: auto;
    padding-right: 1rem;
    color: var(--main);
    background: linear-gradient(transparent 30%, rgb(134 174 175), transparent 70%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px #00000000;
    animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 3s ease-in-out infinite;
}
/* 文章内最后更新提示文字 样式背景 结束*/


/*  文章内最后更新提示文字和邻居圈子提示样式背景 开始 */
.time {
    color: var(--main);
    font-size: 15px;
    background: var(--background);
    box-shadow: inset 2px 2px 1px 1px #00000030;
    border-radius: 8px;
    margin: 8px 0 0 0;
    margin-left: 2rem;
    padding: 8px 12px;
    line-height: 1.4;
    text-indent: 2rem;
}
.timespan {
    color: #e5852a;
    font-size: 16px;
    border-radius: 5px;
    margin: 5px 0 0 0;
    margin-left: 2rem;
}
.timeli {
    background: var(--background);
    box-shadow: inset 2px 2px 1px 1px #00000030;
    border-radius: 5px;
    margin: 5px 0 0 0;
    line-height: 150%;
    padding-top: 2px;
}
.timeli>li {
    background: url(/img/error.gif) no-repeat;
    background-size: 14px;
    background-position: left center;
    color: var(--main);
    margin: 0 0 0 6px;
    padding: 8px 12px;
    line-height: 1.4;
    padding-left: 18px;
    color: var(--color-red);
}
/*  文章内最后更新提示文字和邻居圈子提示样式背景 结束 */


/*  开屏页面自定义按钮背景色设置为无和按钮颜色高亮 开始 */
a.anniu, .user_icon a, .main_screen .user_avatar, img.avatar.ls-is-cached.lazyloaded, .welcome_type_E img.avatar.lazyloaded {
    background:none
    color: var(--main);
    background: none;
    box-shadow:none;
}
a.anniu:hover, span.anniu:hover {
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*  开屏页面自定义按钮背景色设置为无和按钮颜色高亮 结束 */


/* 点赞心跳动画 开始*/
.ri-heart-3-fill:before {
    content: "\ee08";
    display: inline-block;
    animation: xintiaostar .8s infinite cubic-bezier(.13, 1.04, .83, 1.28);
}

@-webkit-keyframes xintiaostar {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes xintiaostar {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
/* 点赞心跳动画 结束*/

/* 点了赞之后显示的红心 开始 */
.diary_lovers_avatar .likedavatar:first-child:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0icmVkIj48cGF0aCBkPSJNMjAuMjQzIDQuNzU3YTYgNiAwIDAgMSAuMjM2IDguMjM2bC04LjQ4IDguNDkyLTguNDc4LTguNDkyYTYgNiAwIDAgMSA2Ljc0LTkuNTUzTDYuMzQzIDcuMzU4bDEuNDE0IDEuNDE1TDEyIDQuNTNsLS4wMTMtLjAxNC4wMTQuMDEzYTUuOTk4IDUuOTk4IDAgMCAxIDguMjQyLjIyOHoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    color: red;
    opacity: 0.8;
    vertical-align: middle;
    animation: xintiaostar 1s infinite cubic-bezier(.13, 1.04, .83, 1.28);
}
/* 点了赞之后显示的红心 结束 */

/* 文章内提示文字 动画 */
@-webkit-keyframes overdue {
    0% {
        -webkit-clip-path: circle(0 at 0 0);
        clip-path: circle(0 at 0 0)
    }

    100% {
        -webkit-clip-path: circle(100%);
        clip-path: circle(100%)
    }
}

@keyframes overdue {
    0% {
        -webkit-clip-path: circle(0 at 0 0);
        clip-path: circle(0 at 0 0)
    }

    100% {
        -webkit-clip-path: circle(100%);
        clip-path: circle(100%)
    }
}


@keyframes svgico {
  0% {
  }
  50%{
    opacity: 0;
  }
  100% {
  }
}


/*页脚文字跳动画 开始*/
@-webkit-keyframes dithering {
	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) 
	}
}
/* 页脚文字跳动画 线束 */


/* 主页 图标 icon 图标 开始 */
.ri-home-4-line:before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M261.56 101.28a8 8 0 0 0-11.06 0L66.4 277.15a8 8 0 0 0-2.47 5.79L63.9 448a32 32 0 0 0 32 32H192a16 16 0 0 0 16-16V328a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v136a16 16 0 0 0 16 16h96.06a32 32 0 0 0 32-32V282.94a8 8 0 0 0-2.47-5.79Z'/%3E%3Cpath fill='white' d='m490.91 244.15l-74.8-71.56V64a16 16 0 0 0-16-16h-48a16 16 0 0 0-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0 0 43 267.56L250.5 69.28a8 8 0 0 1 11.06 0l207.52 198.28a16 16 0 0 0 22.59-.44c6.14-6.36 5.63-16.86-.76-22.97'/%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -3px;
}


/* 分类 图标 icon 图标 开始 */
.ri-menu-5-line:before {
  content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='14' x='1' y='4' fill='white'%3E%3Canimate id='svgSpinnersBarsFade0' fill='freeze' attributeName='opacity' begin='0;svgSpinnersBarsFade1.end-0.25s' dur='0.75s' values='1;0.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='9' y='4' fill='white' opacity='0.4'%3E%3Canimate fill='freeze' attributeName='opacity' begin='svgSpinnersBarsFade0.begin+0.15s' dur='0.75s' values='1;0.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='17' y='4' fill='white' opacity='0.3'%3E%3Canimate id='svgSpinnersBarsFade1' fill='freeze' attributeName='opacity' begin='svgSpinnersBarsFade0.begin+0.3s' dur='0.75s' values='1;0.2'/%3E%3C/rect%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -3px;
    transform: rotate(270deg);
}


/* 首页导航右上角菜单图标*/
.ri-apps-2-line:before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='9' height='9' x='1.5' y='1.5' fill='white' rx='1'%3E%3Canimate id='svgSpinnersBlocksScale0' attributeName='x' begin='0;svgSpinnersBlocksScale1.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='y' begin='0;svgSpinnersBlocksScale1.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='width' begin='0;svgSpinnersBlocksScale1.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='0;svgSpinnersBlocksScale1.end+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='13.5' y='1.5' fill='white' rx='1'%3E%3Canimate attributeName='x' begin='svgSpinnersBlocksScale0.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='y' begin='svgSpinnersBlocksScale0.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='width' begin='svgSpinnersBlocksScale0.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='svgSpinnersBlocksScale0.begin+0.15s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='13.5' y='13.5' fill='white' rx='1'%3E%3Canimate attributeName='x' begin='svgSpinnersBlocksScale0.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='y' begin='svgSpinnersBlocksScale0.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='width' begin='svgSpinnersBlocksScale0.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='svgSpinnersBlocksScale0.begin+0.3s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3Crect width='9' height='9' x='1.5' y='13.5' fill='white' rx='1'%3E%3Canimate id='svgSpinnersBlocksScale1' attributeName='x' begin='svgSpinnersBlocksScale0.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='1.5;.5;1.5'/%3E%3Canimate attributeName='y' begin='svgSpinnersBlocksScale0.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='13.5;12.5;13.5'/%3E%3Canimate attributeName='width' begin='svgSpinnersBlocksScale0.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3Canimate attributeName='height' begin='svgSpinnersBlocksScale0.begin+0.45s' dur='0.6s' keyTimes='0;.2;1' values='9;11;9'/%3E%3C/rect%3E%3C/svg%3E");
  background-color: currentColor;
  margin-bottom: -3px;
}
/* 归档 图标 */
.ri-markup-line {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-bottom: -3px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='10' height='10' x='1' y='1' fill='white' rx='1'%3E%3Canimate id='svgSpinnersBlocksShuffle30' fill='freeze' attributeName='x' begin='0;svgSpinnersBlocksShuffle3b.end' dur='0.2s' values='1;13'/%3E%3Canimate id='svgSpinnersBlocksShuffle31' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle38.end' dur='0.2s' values='1;13'/%3E%3Canimate id='svgSpinnersBlocksShuffle32' fill='freeze' attributeName='x' begin='svgSpinnersBlocksShuffle39.end' dur='0.2s' values='13;1'/%3E%3Canimate id='svgSpinnersBlocksShuffle33' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle3a.end' dur='0.2s' values='13;1'/%3E%3C/rect%3E%3Crect width='10' height='10' x='1' y='13' fill='white' rx='1'%3E%3Canimate id='svgSpinnersBlocksShuffle34' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle30.end' dur='0.2s' values='13;1'/%3E%3Canimate id='svgSpinnersBlocksShuffle35' fill='freeze' attributeName='x' begin='svgSpinnersBlocksShuffle31.end' dur='0.2s' values='1;13'/%3E%3Canimate id='svgSpinnersBlocksShuffle36' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle32.end' dur='0.2s' values='1;13'/%3E%3Canimate id='svgSpinnersBlocksShuffle37' fill='freeze' attributeName='x' begin='svgSpinnersBlocksShuffle33.end' dur='0.2s' values='13;1'/%3E%3C/rect%3E%3Crect width='10' height='10' x='13' y='13' fill='white' rx='1'%3E%3Canimate id='svgSpinnersBlocksShuffle38' fill='freeze' attributeName='x' begin='svgSpinnersBlocksShuffle34.end' dur='0.2s' values='13;1'/%3E%3Canimate id='svgSpinnersBlocksShuffle39' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle35.end' dur='0.2s' values='13;1'/%3E%3Canimate id='svgSpinnersBlocksShuffle3a' fill='freeze' attributeName='x' begin='svgSpinnersBlocksShuffle36.end' dur='0.2s' values='1;13'/%3E%3Canimate id='svgSpinnersBlocksShuffle3b' fill='freeze' attributeName='y' begin='svgSpinnersBlocksShuffle37.end' dur='0.2s' values='1;13'/%3E%3C/rect%3E%3C/svg%3E");
  background-color: currentColor;
}

/* 关于 图标 */
.ri-account-circle-line {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-bottom: -3px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='white' stroke-linejoin='round' stroke-width='4'%3E%3Cpath stroke-linecap='round' d='M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20' clip-rule='evenodd'/%3E%3Cpath fill='white' d='M24 23a5 5 0 1 0 0-10a5 5 0 0 0 0 10Z'/%3E%3Cpath stroke-linecap='round' d='M10.022 38.332C10.366 33.121 14.702 29 20 29h8c5.291 0 9.623 4.11 9.977 9.311'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
}

/* 茶馆 图标 */
.ri-cup-line {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-bottom: -3px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-opacity='0' d='M17 14V17a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V14z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.8s' dur='0.15s' values='0;0.3'/%3E%3C/path%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='48' stroke-dashoffset='48' d='M17 9v9a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V9z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='48;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='14' stroke-dashoffset='14' d='M17 14H20C20.55 14 21 13.55 21 13V10C21 9.45 20.55 9 20 9H17'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='14;28'/%3E%3C/path%3E%3C/g%3E%3Cmask id='lineMdCoffeeHalfEmptyTwotoneLoop0'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M8 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M12 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M16 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4'%3E%3CanimateMotion calcMode='linear' dur='3s' path='M0 0v-8' repeatCount='indefinite'/%3E%3C/path%3E%3C/mask%3E%3Crect width='24' height='0' y='7' fill='white' mask='url(%23lineMdCoffeeHalfEmptyTwotoneLoop0)'%3E%3Canimate fill='freeze' attributeName='y' begin='0.8s' dur='0.6s' values='7;2'/%3E%3Canimate fill='freeze' attributeName='height' begin='0.8s' dur='0.6s' values='0;5'/%3E%3C/rect%3E%3C/svg%3E");
  background-color: currentColor;
}


/* 邻居 图标 */
.ri-user-2-line-yl {
  display: inline-block;
  width: 1.25em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='white' d='M192 256c61.9 0 112-50.1 112-112S253.9 32 192 32S80 82.1 80 144s50.1 112 112 112m76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C51.6 288 0 339.6 0 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2M480 256c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96s43 96 96 96m48 32h-3.8c-13.9 4.8-28.6 8-44.2 8s-30.3-3.2-44.2-8H432c-20.4 0-39.2 5.9-55.7 15.4c24.4 26.3 39.7 61.2 39.7 99.8v38.4c0 2.2-.5 4.3-.6 6.4H592c26.5 0 48-21.5 48-48c0-61.9-50.1-112-112-112'/%3E%3C/svg%3E");
  background-color: currentColor;
}

/* bilibili 图标 */
.ri-bilibili-fill:before {
    content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='white' fill-rule='evenodd' d='M235.516 616.574c16.736-.741 32.287-1.778 47.69-2.074c66.797-1.185 132.409 6.814 194.762 31.998c30.51 12.296 59.984 26.517 86.495 46.516c21.772 16.444 26.512 36.887 16.588 67.108c-6.22 18.665-18.661 32.739-34.36 45.034c-37.028 28.888-75.832 54.96-120.412 69.626c-31.251 10.37-63.687 18.222-96.27 23.259c-42.803 6.666-86.2 9.629-129.447 13.628c-8.886.89-17.92-.296-26.807-.296c-4.591 0-5.776-2.37-5.924-6.37c-1.185-19.703-2.074-39.553-3.851-59.256c-2.222-25.48-4.74-50.96-7.702-76.292c-3.999-35.406-8.442-70.663-12.885-105.92c-4.592-37.184-9.331-74.22-13.774-111.403c-4.443-36.294-8.442-72.736-13.182-109.03c-5.332-41.48-11.256-82.96-16.884-124.439c-6.665-49.033-15.848-97.623-28.437-145.473c-.592-2.074 1.185-6.666 2.962-7.259c41.915-16.889 83.978-33.331 125.892-50.071c13.922-5.63 15.107-7.26 15.255 10.37c.148 75.107.444 150.214 1.63 225.321c.592 39.11 2.073 78.218 4.739 117.18c3.258 47.552 8.294 95.106 12.589 142.659c0 2.074.889 4 1.333 5.185m83.68 218.062a74372.3 74372.3 0 0 0 114.784-86.958c-4.74-6.815-109.303-47.85-133.89-53.33c6.221 46.367 12.59 92.587 19.107 140.288m434.12-14.387C733.38 618.113 716.544 413.756 678 210.584c12.553-1.481 25.106-3.258 37.806-4.295c14.62-1.332 29.388-1.925 44.009-3.11c12.257-1.036 16.835 2.222 17.574 14.217c2.215 32.134 4.135 64.268 6.35 96.403c2.953 43.388 6.055 86.925 9.156 130.314c2.215 31.246 4.135 62.64 6.646 93.886c2.805 34.207 5.907 68.267 9.008 102.474c2.215 25.175 4.283 50.497 6.793 75.672c2.658 27.247 5.612 54.495 8.418 81.742c.738 7.849 1.624 15.697 2.215 23.546c.296 4.294-2.067 4.887-6.055 4.442c-21.709-2.221-43.418-3.85-66.603-5.627M572 527.155c17.616-2.517 34.639-5.33 51.662-7.254c12.287-1.48 24.721-1.629 37.008-2.813c6.661-.593 10.954 1.776 11.99 8.29c2.813 17.322 5.773 34.79 7.846 52.26c3.405 29.017 6.07 58.182 9.178 87.199c2.664 25.464 5.329 50.78 8.29 76.243c3.256 27.24 6.809 54.333 10.213 81.425c1.037 7.995 1.777 16.137 2.813 24.872A9507.093 9507.093 0 0 0 636.245 857C614.929 747.15 593.612 638.189 572 527.155m382 338.821c-24.084 0-47.276.148-70.468-.296c-1.933 0-5.352-3.409-5.501-5.484c-3.568-37.05-6.69-73.953-9.96-111.004l-9.367-103.149c-3.27-35.42-6.393-70.841-9.663-106.262c-.149-2.074-.595-4.001-1.041-7.113c8.623-1.038 16.8-2.668 25.125-2.668c22.449 0 44.897.593 67.495 1.186c5.798.148 8.325 4.001 8.623 9.336c.743 11.116 1.784 22.083 1.784 33.198c.148 52.167-.149 104.483.297 156.65c.446 41.646 1.784 83.439 2.676 125.084zM622.069 480c-5.307-42.568-10.614-84.102-16.069-127.409c13.857-.148 27.715-.591 41.425-.591c4.57 0 6.634 2.513 7.076 7.538c3.686 38.725 7.519 77.45 11.499 117.654c-14.3.739-29.042 1.773-43.931 2.808M901 364.066c11.937 0 24.619-.148 37.45 0c6.417.148 9.55 2.672 9.55 10.244c-.448 36.224-.15 72.449-.15 108.525V491c-15.367-.742-30.139-1.485-46.7-2.227c-.15-41.124-.15-82.396-.15-124.707M568.569 489c-7.424-41.193-14.996-82.091-22.569-124.023c13.512-2.067 27.023-4.282 40.387-5.906c5.939-.738 4.9 4.43 5.197 7.678c1.633 13.879 2.82 27.61 4.305 41.488c2.376 21.704 4.752 43.408 6.979 64.965c.297 2.805 0 5.758 0 8.859c-11.284 2.362-22.569 4.577-34.299 6.939M839 365.16c12.718 0 25.435.148 38.004-.148c5.685-.149 7.78 1.038 7.63 7.563c-.449 17.352.15 34.704.3 52.204c.15 21.505 0 43.157 0 64.513c-12.868 1.335-24.09 2.373-36.209 3.708c-3.142-41.97-6.433-83.793-9.725-127.84'/%3E%3C/svg%3E");
  background-color: currentColor;
  margin-bottom: -3px;
}

/* 搜索 图标 */
.ri-search-2-line:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='white' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M21 38c9.389 0 17-7.611 17-17S30.389 4 21 4S4 11.611 4 21s7.611 17 17 17Z'/%3E%3Cpath stroke-linecap='round' d='M26.657 14.343A7.975 7.975 0 0 0 21 12a7.975 7.975 0 0 0-5.657 2.343m17.879 18.879l8.485 8.485'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -4px;
}


/* 虫洞 图标 */
.ri-eye-2-line:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='white'%3E%3Cpath d='M21 16a5 5 0 1 1-9.643-1.86a2 2 0 1 0 2.784-2.784A5 5 0 0 1 21 16'/%3E%3Cpath d='M15.984 24.969a8.984 8.984 0 1 0 0-17.97a8.984 8.984 0 0 0 0 17.97m0-2a6.984 6.984 0 1 1 0-13.97a6.984 6.984 0 0 1 0 13.97'/%3E%3Cpath d='M16.156 30.313c7.819 0 14.157-6.338 14.157-14.157C30.313 8.338 23.975 2 16.156 2C8.338 2 2 8.338 2 16.156c0 7.819 6.338 14.157 14.156 14.157m0-2C9.443 28.313 4 22.87 4 16.156C4 9.443 9.443 4 16.156 4c6.714 0 12.157 5.443 12.157 12.156c0 6.714-5.443 12.157-12.157 12.157'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -3px;
}


/* 开往 图标 */
.ri-subway-line:before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M2 22V8.85q0-2.125 1.1-3.687T6.2 2.8q1.35-.525 2.875-.662T12 2q1.4 0 2.925.138T17.8 2.8q2 .8 3.1 2.363T22 8.85V22zm7.1-2h5.75l-1.5-1.5H10.6zm-1.6-7h9V9h-9zm8 3.5q.425 0 .713-.288t.287-.712q0-.425-.288-.712T15.5 14.5q-.425 0-.712.288t-.288.712q0 .425.288.713t.712.287m-7 0q.425 0 .713-.288T9.5 15.5q0-.425-.288-.712T8.5 14.5q-.425 0-.712.288T7.5 15.5q0 .425.288.713t.712.287M4 20h3.5v-.5l1.05-1.05q-1.1-.15-1.825-.987T6 15.5V9q0-1.95 1.863-2.475T12 6q2.5 0 4.25.525T18 9v6.5q0 1.125-.725 1.963t-1.825.987l1.05 1.05v.5H20V8.85q0-1.5-.737-2.562T17.05 4.65q-1.1-.425-2.437-.537T12 4q-1.275 0-2.613.113T6.95 4.65q-1.475.575-2.212 1.638T4 8.85zm0 0h16z'/%3E%3C/svg%3E");
    background-color: currentColor;
    margin-left: 1px;
    margin-top: 2px;
}

/* 分类图标下的二级图标 */
.ri-arrow-right-double-line:before {
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='4' cy='12' r='3' fill='white'%3E%3Canimate id='svgSpinners3DotsFade0' fill='freeze' attributeName='opacity' begin='0;svgSpinners3DotsFade1.end-0.25s' dur='0.75s' values='1;0.2'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3' fill='white' opacity='0.4'%3E%3Canimate fill='freeze' attributeName='opacity' begin='svgSpinners3DotsFade0.begin+0.15s' dur='0.75s' values='1;0.2'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3' fill='white' opacity='0.3'%3E%3Canimate id='svgSpinners3DotsFade1' fill='freeze' attributeName='opacity' begin='svgSpinners3DotsFade0.begin+0.3s' dur='0.75s' values='1;0.2'/%3E%3C/circle%3E%3C/svg%3E");
    background-color: currentColor;
}


/* 时钟 图标 */
.ri-time-line:before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Crect width='2' height='7' x='11' y='6' fill='white' rx='1'%3E%3CanimateTransform attributeName='transform' dur='9s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3Crect width='2' height='9' x='11' y='11' fill='white' rx='1'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/rect%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -2px;
}

/* 留言图标 */
.ri-file-list-3-line:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M8 3c0-.6.4-1 1-1h6c.6 0 1 .4 1 1h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2zm6 1h-4v2H9a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2h-1zm-6 8c0-.6.4-1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m1 3a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    margin-bottom: -3px;
}

/* 评论窗口动画 开始 */
.OwO-textarea {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 2px;
}
textarea.OwO-textarea {
    background-image: url(https://mozixi.com/img/comment.gif);
    /* background-color: #ffffff; */
    transition: all 0.25s ease-in-out 0s;
}
textarea.OwO-textarea:focus {
    background-position-y: 110px;
    transition: all 0.25s ease-in-out 0s;
}
/* 评论窗口动画 结束 */

/* 取消默认的 文章，茶馆，关于 的默认图标*/
.ri-markup-line:before,.ri-cup-line:before,.ri-account-circle-line:before {
    display:none;
}


.likedavatar .avatar.lazyloaded:hover, .cat_block.item .avatar.ls-is-cached.lazyloaded:hover, .left .avatar.lazyloaded:hover {
    transform: scale(1.1) rotate(720deg);
    transition: all 1s !important;
	animation: light 3s ease-in-out infinite;
}
@keyframes light{
	0%{
		box-shadow: 0 0 2px #f00;
	} 
	25%{
		box-shadow: 0 0 8px #0f0;
	} 
	50%{
		box-shadow: 0 0 2px #00f;
	} 
	75%{
		box-shadow: 0 0 8px #0f0;
	} 
	100%{
		box-shadow: 0 0 2px #f00;
	}
}
.likedavatar .avatar.lazyloaded, .left .avatar.ls-is-cached.lazyloaded, .left .avatar.lazyloaded:hover {
    transition: all 1s;
}

.likedavatar .avatar.lazyloaded, .left .avatar.ls-is-cached.lazyloaded, .left .avatar.lazyloaded:hover {
    transition: all 1s;
}
@media (max-width: 650px) {
.cat_mainmenu_out .mobile_left .avatar {
    animation: xintiaostar .8s infinite cubic-bezier(.13, 1.04, .83, 1.28);
}
}

.index_block_swiper_third .avatar.lazyloaded:hover, .foot_left .avatar.ls-is-cached.lazyloaded:hover, /*.author_avatar .avatar.lazyloaded:hover,*/ .category_left.guestbook_visitors_block .avatar.ls-is-cached.lazyloaded:hover, .cat_login_user .api_avatar.avatar.ls-is-cached.lazyloaded, .cat_login_admin .avatar.ls-is-cached.lazyloaded, .category_left.guestbook_visitors_block .avatar.ls-is-cached.lazyloaded, .cat_topimg .welcome_type_E .infos .avatar {
    animation: xintiaostar .8s infinite cubic-bezier(.13, 1.04, .83, 1.28);
}
.Admin_anniu .avatar.ls-is-cached.lazyloaded:hover {
    animation: xintiaostar .8s infinite cubic-bezier(.13, 1.04, .83, 1.28);
    cursor: pointer;
}



/* 文章内最后更新提示文字 动画 开始*/
@-webkit-keyframes overdue {
    0% {
        -webkit-clip-path: circle(0 at 0 0);
        clip-path: circle(0 at 0 0)
    }

    100% {
        -webkit-clip-path: circle(100%);
        clip-path: circle(100%)
    }
}

@keyframes overdue {
    0% {
        -webkit-clip-path: circle(0 at 0 0);
        clip-path: circle(0 at 0 0)
    }

    100% {
        -webkit-clip-path: circle(100%);
        clip-path: circle(100%)
    }
}


@keyframes svgico {
  0% {
  }
  50%{
    opacity: 0;
  }
  100% {
  }
}
/* 文章内最后更新提示文字 动画 结束*/

/* 表格外边框 */
article table {
    border: none;
}
/* 表格外边框 */


/*  分割线强制替换默认站点名字为一句话开始 */
article hr::before {
    content: '\964c\5b50\5915\751f\6d3b\5f55  \02c9\5915\9633\65e0\522b\4e8b\ff0c\7b49\98ce\4e5f\7b49\4f60  _𝑴𝒐𝒛𝒊𝒙𝒊.𝒄𝒐𝒎'!important;
}
/*  分割线强制替换默认站点名字为一句话结束 */


/* 邮戳图章 开始 */
.index_block_swiper_third:before {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    z-index: 1;
    margin-top: -4.5rem;
    margin-left: -6rem;
}
/* 文章内增加图章 开始*/
@media (min-width: 650px) {
.aside_blogger_info {    /*这个是解决 .main section.cat_block.aside_blogger_info::before 只能显示一半的问题*/
    overflow: visible;
    border-radius: var(--radius);
}
.main section.cat_block.aside_blogger_info::before {
content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    margin-top: -4rem;
    margin-left: -6rem;
    z-index: 1;
}
}
.aside_blogger_info .back {
    border-radius: var(--radius);
}
/* 文章内增加图章 开始*/
.loading_logo {
    font-size: 3rem;
    line-height: 100% !important;
    color: var(--main);
}
.loading_logo:before {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    z-index: 9;
    margin-top: -8.5rem;
    margin-left: 8rem;
}

@media (max-width: 651px) {
section.cat_block.cat_announcement:after {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    z-index: 9;
    margin-top: 11rem;
    margin-left: 13rem;
}
}
/* 邮戳图章 结束 */


/* 欢迎页邮戳图章 开始 */
.cat_topimg .welcome_type_E .infos:before {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    margin-top: -2rem;
    margin-left: 15rem;
}
@media (max-width: 651px) {
.cat_topimg .welcome_type_E .infos:before {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    z-index: 9;
    margin-left: 15rem;
}
}
/* 欢迎页邮戳图章 结束 */



/* 手机端欢迎页 开始 */
@media (max-width: 651px) {
.loading_logo {
    font-size: 3rem;
    line-height: 100% !important;
    color: var(--main);
}

.loading_logo:before {
    content: "";
    position: absolute;
    background-image: url(https://mozixi.com/img/sealxy.svg);
    background-size: cover;
    width: 150px;
    height: 150px;
    z-index: 9;
    margin-top: -9rem;
    margin-left: 8rem;
    z-index: 1;
}
}
/* 手机端欢迎页 结束 */


/* 文章内公告栏陌子夕生活录换行 开始 */
.cat_announcement .left {
    flex-direction: column;
    height: auto;
}
}
/* 文章内公告栏陌子夕生活录换行 结束 */

/* 底部菜单栏的视频内容样式 开始 */
section.cat_block.end_block {
    display: flex;
    justify-content: space-between;
}
@media (min-width: 650px) {
.cat_block.end_block .back {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    margin-left: -7rem;
    z-index: -1;
    -webkit-mask: linear-gradient(to top, rgb(0 0 0 / .6), #000 6rem);
}
section.cat_block.end_block video.item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius);
}
}
@media (max-width: 650px) {
    .cat_block.end_block .back {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: -1;
    margin-left: .8rem;
    -webkit-mask: linear-gradient(to top, rgb(0 0 0 / 0), #000 5rem);
}
section.cat_block.end_block video.item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem 1rem 0rem 0rem;
}
}
/* 底部菜单栏的视频内容样式 开始 */

/* 说说页时间地点标签位置调整 开始*/
.cat_diary .diary_infos_top {
    padding: 0px 5px 0px 5px;
    left: 0px;
    gap: 0.3rem!important;
}
.cat_diary .diary_infos_top>span {
    box-shadow: 1px 1px 0px rgb(0 0 0 / 30%);
    padding: .2rem .2rem!important;
    background: var(--colorA);
    border: 1px solid var(--colorB);
    text-align: center;
}
/* 说说页时间地点标签位置调整 结束*/


/* 订阅公众号和加入QQ群边栏卡片样式 开始*/
/* wxgzh-card-shadow */
 .wx-card-widget {
  box-shadow: 0 8px 16px -4px #2c2d300c;
  background: #fff;
  border: 1px solid #e3e8f7;
  transition: 0.3s;
  border-radius: 12px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  padding: 1rem 1.2rem;
}

/* wxgzh-fanzhuan */
#wx-flip-wrapper {
    position: relative;
    width: 235px;
    height: 110px;
    z-index: 1;
}

#wx-flip-content {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: cubic-bezier(0, 0, 0, 1.29) 0.3s;
}

#wx-flip-wrapper:hover #wx-flip-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.wx-face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(/img/wechat/wx_face.png) center center no-repeat;
    background-size: 100%;
}

.wx-back.wx-face {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    background: url(/img/wechat/wx_code.png) center center no-repeat;
    background-size: 100%;
}

/* wxgzh-background */
.wx-card-widget#wx-card-wechat::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/img/wechat/gzh_cover.png) center center no-repeat;
    content: '';
}

.wx-card-widget#wx-card-wechat {
    background: var(--background);;  /* 微信绿色背景 #57bd6a;  */
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer;
    border: none;
    height: 110px;
}

.wx-card-widget#wx-card-wechat img {
    max-height: 110px;
    object-fit: cover;
}

/* QQG-card-shadow */
 .qqg-card-widget {
  box-shadow: 0 8px 16px -4px #2c2d300c;
  background: #fff;
  border: 1px solid #e3e8f7;
  transition: 0.3s;
  border-radius: 12px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  padding: 1rem 1.2rem;
}

/* QQG-fanzhuan */
#qqg-flip-wrapper {
    position: relative;
    width: 235px;
    height: 110px;
    z-index: 1;
}

#qqg-flip-content {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: cubic-bezier(0, 0, 0, 1.29) 0.3s;
}

#qqg-flip-wrapper:hover #qqg-flip-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.qqg-face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(img/wechat/qqg_face.png) center center no-repeat;
    background-size: 100%;
}

.qqg-back.qqg-face {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    background: url(img/wechat/qqg_code.png) center center no-repeat;
    background-size: 100%;
}

/* QQG-background */
.qqg-card-widget#qqg-card-wechat::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(img/wechat/qq_cover.png) center center no-repeat;
    content: '';
}

.qqg-card-widget#qqg-card-wechat {
    background: #00aef8;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer;
    border: none;
    height: 110px;
}

.qqg-card-widget#qqg-card-wechat img {
    max-height: 110px;
    object-fit: cover;
}
/* 订阅公众号和加入QQ群边栏卡片样式 结束*/


/* 显示自定义漂浮图案背景 开始*/
.main_screen {
    z-index: 2;
    position: relative;
}
/* 显示自定义漂浮图案背景 结束*/

/* 在说说页面下面翻页按钮下边距 开始*/
[class*=cat_pagination_] {
    margin-bottom: var(--margin)!important;
}
/* 在说说页面下面翻页按钮下边距 结束*/