@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    scrollbar-width: thin;
    letter-spacing: 0.1rem;
}

::-webkit-scrollbar {
	width:8px;
	height:8px
}
::-webkit-scrollbar-thumb {
    border-radius:10px;
    border: 2px solid transparent;
    background-clip: padding-box;
	background-color: var(--theme-60);
    background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);
}
::-webkit-scrollbar-thumb:hover{
    background-color: var(--theme);
}
::-webkit-scrollbar-track {
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:10px;
	background-color:rgba(73,177,245,.2);
	display:none;
}
::-webkit-scrollbar-track-piece {
	display:none;
}
::-moz-selection {
	color:#fff;
	background:var(--theme-60);
}
::selection {
	color:#fff;
	background:var(--theme-60);
}
html {
	/* 默认颜色 */
	/* --theme在head.php */
	--main-color: 52 73 94;
	--background-color-num: 246 247 255;
	--background-white-num: 255 255 255;
	--main: rgb(var(--main-color));
    --colorG: rgb(var(--main-color) / 80%);
    --colorF: rgb(var(--main-color) / 70%);
    --colorE: rgb(var(--main-color) / 60%);
    --colorD: rgb(var(--main-color) / 50%);
    --colorC: rgb(var(--main-color) / 35%);
    --colorB: rgb(var(--main-color) / 20%);
    --colorA: rgb(var(--main-color) / 10%);
	--color-red: #f56c6c;
	--color-grey: #ededed;
	--color-white: #fff;
    --under-background: #f7f8f9;
    --bbs-background: var(--background);
    --diary-background: var(--background);
    --fragment-background: var(--background);
    --qa-background: var(--background);
    --background-color: rgb(var(--background-white-num));
    --background-fill: rgb(var(--background-color-num));
    --background: rgb(var(--background-color-num) / 80%);
    
	/* 默认样式 */
    --blur: blur(1rem);
    --blur2: saturate(5) var(--blur);
	--radius: 0.5rem;
	--text-shadow: 1px 2px 1px var(--colorB);
	--title-shadow: 1px 2px 1px var(--theme-30);
	--box-shadow: 0px 7px 15px 0px #a48fff30;
	--margin: 2rem;
	--gap: 1.5rem;
    --border: 1px solid var(--color-grey);
	
	/* read */
	--main-read-color: 80 50 0;
	--main-read: rgb(var(--main-read-color));
    --background-image: url('data:image/webp;base64,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');
    --background-colorA-read: #ffdab7 var(--background-image);
    --background-colorB-read: #ffe6cc var(--background-image);
    --box-shadow-read: 0px 7px 15px 0px rgb(80 50 0 / 10%);
}
body {
    overflow-x:hidden;
    background: var(--under-background);
}
html, body {
  scroll-behavior: smooth;
}
button {
    border:unset;
}
.pjax_loading {
    display: flex;
    text-align: center;
    justify-content: center;
    position: fixed;
    align-items: center;
    background: var(--under-background);
    flex-direction: column;
    height: 100%;
    width: 100%;
    top: 0;
    margin: 0;
    z-index: 101;
}
.pjax_title {
    font-size: 2rem;
    margin: 0 0 1rem 0;
    font-weight: bold;
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    text-shadow: 1px 1px 3px var(--theme-30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pjax_tip {
    color: var(--colorB);
    font-size: 0.9rem;
    text-shadow: 1px 1px 3px var(--colorB);
}
.loading_pjax{
    display: none;
    flex-direction: column;
    align-items: center;
}












.pjax_loading .gegga {
  width: 0;
}
.pjax_loading .snurra {
  filter: url(#gegga);
}
.pjax_loading .stopp1 {
  stop-color: var(--th_B);
}
.pjax_loading .stopp2 {
  stop-color: var(--th_A);
}
.pjax_loading .halvan {
  animation: Snurra1 10s infinite linear;
  stroke-dasharray: 180 800;
  fill: none;
  stroke: url(#gradient);
  stroke-width: 23;
  stroke-linecap: round;
}
.pjax_loading .strecken {
  animation: Snurra1 3s infinite linear;
  stroke-dasharray: 26 54;
  fill: none;
  stroke: url(#gradient);
  stroke-width: 23;
  stroke-linecap: round;
}
.pjax_loading .skugga {
  filter: blur(5px);
  opacity: 0.3;
  position: absolute;
  transform: translate(3px, 3px);
}
@keyframes Snurra1 {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -403px;
  }
}
.pjax_loading .loading_tiao{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pjax_loading .loading_tiao .avatar {
    width: 5rem;
    height: 5rem;
    position: absolute;
    box-shadow: 0px 0px 20px 0px var(--theme-30);
    padding: 0;
}


.main_screen{
    margin: var(--margin) auto;
    width: calc(100vw - 2 * var(--margin) auto);
    max-width: 1500px;
    min-height: calc(100vh - var(--margin));
}
/* 菜单样式（吸附悬浮） */
.main_screen.menu_xifu {
    margin: calc(4 * var(--margin)) auto calc(3.2 * var(--margin));
}
.main{
    display: flex;
    width: 100%;
    margin: 0 auto;
}
.main_body{
    flex: 1;
    width: calc(100% - 25rem - var(--margin));
}
.main_sidebar{
    width: 25rem;
    margin-left: var(--margin);
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
a {
    text-decoration: none;
    color: var(--main);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
a:not(.gallery_for_imagealt):not(.postlist_left):not(.postlist_indexswiper_left):not(.mainmenu_nav_child a):not(.anniu):not(.category_left a):hover {
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
li {
    list-style: none;
}
form.sent_link_form{
    display: flex;
    flex-direction: column;
    gap: var(--margin);
}
input, textarea, select{
    list-style: none;
    border-radius: var(--radius)!important;
    border: unset;
    padding: 0.5rem;
    height: auto;
    background:var(--colorA);
    color: var(--main);
    width: 100%;
    flex: 1;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--main);
}
/* 图片下文字描述 */
.cat_post_album_text_in {
    position: absolute;
    bottom: 0;
    margin: 0.5rem;
    border-radius: var(--radius);
    color: #fff;
    line-height: 1.5rem;
    padding: 0.2rem 0.5rem;
    background: #1e29385c;
    cursor: pointer;
}
.cat_post_album_text {
    position: absolute;
    border-radius: var(--radius);
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    background: linear-gradient(to top, rgb(52 73 94 / 70%) 0%,rgb(52 73 94 / 20%) 3rem,rgb(52 73 94 / 10%) 4rem, #fff0);
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    pointer-events: none;
    flex-direction: column;
    z-index: 1;
}
.main_sidebar .relatedposts_card .cat_post_album_text,
.cat_pic_post_D .cat_post_album_text,
.cat_index_section_imagepost .cat_post_album_text,
.postlist_grid .cat_post_album_text {
    border-radius: calc(var(--radius)  - 3px * 1.414);
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: 3px;
}
.cat_post_album_text p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5rem;
    max-height: 3.75rem;
    font-size: 0.8rem;
    padding: 0 0.5rem;
    word-break: break-all;
    text-align: center;
    color: var(--color-white);
    text-shadow: 0 0.2rem 0.3rem rgb(0 0 0 / 70%);
}

.link_sq_category_choose input[type="radio"]{
    display: none;
}
.link_sq_category_choose input[type="radio"] + span{
    position: relative;
}
.link_sq_category_choose input[type="radio"]:checked + span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.5rem;
    background: var(--theme-30);
    border-radius: var(--radius);
    left: 0;
    bottom: 0.25rem;
}
/* 夜间模式 */



/* 常用 */
.avatar {
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: var(--box-shadow);
    padding: 0.25rem;
}
.big_avatar {
    max-width: 10.5rem;
    height: 100%;
}
.cat_block {
    padding: var(--margin);
    color: var(--main);
    box-shadow: var(--box-shadow);
    background: var(--background);
    border-radius: var(--radius);
    border: var(--border);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.cat_block_padding {
    padding: var(--margin);
    background: var(--background-color);
    border-radius: var(--radius);
    z-index: 1;
}
article,section {
    margin-bottom: var(--margin);
}
.center_title{
    color: var(--main);
    font-size: 1.5rem;
    font-weight: bolder;
    text-shadow: var(--text-shadow);
    position: relative;
    margin-bottom: 1px;
    padding: 2rem 1rem 1rem;
}
.center_title::before {
    content: '';
    position: absolute;
    top: 2.25rem;
    bottom: 1.25rem;
    left: 0;
    width: 4px;
    border-radius: 2px;
    background: linear-gradient(to bottom, var(--th_A), var(--th_B));
}
.center_title.unfound_title,
.cat_index_section_postpaihang .center_title.unfound_title{
    position: relative;
    text-shadow: unset;
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    margin-left: var(--gap);
    -webkit-text-fill-color: transparent;
    width: fit-content;
}
.anniu {
    padding: 0.5rem;
    cursor: pointer;
    box-shadow: var(--box-shadow);
    height: 2rem;
    line-height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    font-size: 1rem;
    letter-spacing: 0;
    gap: 0.25rem;
}
.anniu:active {
    box-shadow: inset var(--box-shadow);
}
.anniu i{
    line-height: 1.25rem;
    letter-spacing: 0;
}
.anniu_on {
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    color: var(--color-white);
    /*box-shadow: 0px 0px 3px 2px var(--theme-30);*/
}
.anniu_on>p:not(.agreed_num):not(.afterlike) {
    background: linear-gradient(to right, var(--th_A), var(--th_B))!important;
    color: var(--color-white);
    /*box-shadow: 0px 0px 3px 2px var(--theme-30);*/
}
.anniu_on_event {
    pointer-events: none;
}
.cat_hide {
    display:none;
}
.cat_hide_margin {
    margin :0;
}
.jBox-Tooltip .jBox-container {
    border-radius: var(--radius);
    background: var(--main);
    line-height: 1rem;
    font-size: 0.9rem;
    box-shadow: 3px 2px 6px rgb(0 0 0 / 30%);
    color: var(--background-color);
}
.jBox-Tooltip .jBox-pointer:after {
    background: var(--main);
}
.jBox-pointer-bottom, .jBox-pointer-top {
    height: 9px;
}
.jBox-pointer-left, .jBox-pointer-right {
    width: 9px;
}
.jBox-wrapper {
    pointer-events: none;
}
.jBox-content {
    padding: 0.1rem 0.5rem 0.15rem;
    line-height: 1.5rem;
    display: flex;
    gap: 0.5rem;
}
.jBox-content svg,
.jBox-content img,
.jBox-content i{
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}
.jBox-Notice .jBox-container{
    color: var(--main);
    background: var(--background-color);
}
img.lazyloading {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: blur(2rem);
  filter: blur(2rem);
  opacity: 0;
}
img.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0);
    opacity: 1;
}
.shijian {
    position: absolute;
    top: 0.5rem;
    left: -4rem;
    color: var(--colorC);
    font-size: 2rem;
    font-weight: bolder;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: right;
    width: 3rem;
}
.cat_comment_card{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--margin);
    gap: 0.25rem;
}
.cat_comment_card .cat_comment_card_show{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cat_comment_card .cat_comment_card_hide {
    display: none;
}
.cat_comment_card:hover .cat_comment_card_show {
    display: none;
}
.cat_comment_card:hover .cat_comment_card_hide {
    display: block;
}
.cat_comment_little_media_card{
    display: inline-block;
}
.amap-ctrl-overlay-layer,.amap-logo,.amap-copyright {
    display: none!important;
}


/* --------------------------------------------------------------------- */
/* 常用弹窗 */
.cat_tanchuang {
    background: var(--under-background);
    position: fixed;
    top: 50%;
    left: 50%;
    color: var(--main);
    padding: 0.9rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--radius);
    max-width: 90vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 50;
    overflow: hidden;
    flex-wrap: wrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%, -50%) scale(1.2);
    -moz-transform: translateY(-50%, -50%) scale(1.2);
    -ms-transform: translateY(-50%, -50%) scale(1.2);
    -o-transform: translateY(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
}
.cat_tanchuang_on {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%, -50%) scale(1);
    -moz-transform: translateY(-50%, -50%) scale(1);
    -ms-transform: translateY(-50%, -50%) scale(1);
    -o-transform: translateY(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
#douban_out_card {
    top: var(--margin);
    left: auto;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}
.cat_tanchuang_display {
    display: flex;
}
#cat_tanchuang_off {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 49;
    margin: auto;
    text-align: center;
    background-color: var(--background);
    -webkit-backdrop-filter: var(--blur);
    backdrop-filter: var(--blur);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.Out_Print_anniu,
.cat_tanchuang_close {
    position: absolute;
    z-index: 1;
    right: var(--margin);
    top: var(--margin);
    font-size: 1.25rem;
    color: var(--main);
    width: 2rem;
}
/* 登录弹窗 */
#login_cute_card {
    text-align: center;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
#login_cute_card .left{
    position: relative;
    width: 20rem;
    height: 20rem;
}
#login_cute_card .left .item{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#login_cute_card .left .item.shadow{
    display: none;
}
#login_cute_card .left .date{
    position: absolute;
    top: 0;
    color: var(--color-white);
    font-size: 2rem;
    padding: 1rem;
}
#login_cute_card .right{
    padding: 1rem 2rem;
    width: 18rem;
}
#login_cute_card .changeicon_user,
#login_cute_card .changeicon_admin {
    font-size: 1.5rem;
    color: var(--colorB);
    position: absolute;
    top: 1rem;
    cursor: pointer;
}
#login_cute_card li{
    height: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#login_cute_card li input{
    margin: 0.5rem;
    width: auto;
}
#login_cute_card li i{
    color: var(--main);
}
#login_cute_card .do_login_in,
#login_cute_card #user_login_botton {
    display: inline-block;
    margin: 0.5rem;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    border: none;
    background: var(--theme-80);
    color: #fff;
    font-size: 0.875rem;
    cursor: pointer;
    font-family: 'catfont';
}
#login_cute_card label {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}
/* 一言弹窗 */
#yiyan_card {
    display: flex;
    flex-direction: column;
}
#yiyan_card .title{
    font-size: 1.5rem;  
    line-height: 3rem;
}
#yiyan_card .desc{
    font-size: 1.1rem;    
    line-height: 2rem;
}
#douban_out_card,
#read_card{
    width: calc(1200px + 2*var(--margin));
    height: 100%;
    flex-direction: column;
    align-items: center;
    gap: var(--margin);
    justify-content: flex-start;
    overflow-y: auto;
    flex-wrap: nowrap;
    background: unset;
    box-shadow: unset;
    border-radius: unset;
}
/* 豆瓣弹窗 */
#douban_out_card {
    padding: calc(2 * var(--margin));
}
#douban_out_card::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
#douban_out_card .title{
    font-size: large;
    text-align: center;
}
#douban_out_card .tip{
    font-size: smaller;
    color: var(--colorD);
    text-align: center;
    line-height: 1.5rem;
}
#douban_out_card .tip b{
    color: var(--theme);
}
#douban_out_card .img img{
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    aspect-ratio: unset;
    max-width: 90vw;
    max-height: 20rem;
}
#douban_out_card .desc{
    line-height: 2rem;
}
#douban_out_card .desc h2{
    line-height: 5rem;
}
#douban_out_card .desc img{
    width: 100%;
    border-radius: var(--radius);
    max-width: 800px;   
}

.article_title_douban .arrow_card{
    width: 4rem;
    transform: translate(-4rem , 0%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: -1;
}
.article_title_douban i{
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0.5rem;
    justify-content: flex-end;
    font-size: 1.25rem;
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.article_title_douban {
    display: flex;
    justify-content: center;
}
.article_title_douban .a_part{
    display: flex;
    height: 15.625rem;
    transform: translate(2rem , 0%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.article_title_douban:hover .a_part{
    transform: translate(0.75rem , 0%);
}
.article_title_douban:hover .arrow_card{
    transform: translate(-1.5rem , 0%);
}
.article_title_douban .cat_block{
    padding: 0;
    cursor: pointer;
}
.article_title_douban .cat_block:first-child{
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
}
.article_title_douban .cat_block img{
    height: 100%;
    width: auto;
    border-radius: var(--radius);
    aspect-ratio: unset;
    object-fit: cover;
}

/* 搜索弹窗 */
#search_card {
    width: calc(1200px + 2*var(--margin));
    height: 100%;
    gap: var(--margin);
    overflow-y: auto;
    background: unset;
    box-shadow: unset;
    border-radius: unset;
}
#search_card::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
#search_card .name {
    font-size: 1.5rem;
    padding: 1rem 0 1rem;
    justify-content: center;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--colorB);
    text-align: center;
}
#search_card .search {
    display: flex;
    align-items: center;
    width: 100%;
    gap: var(--margin);
    margin-bottom: var(--margin);
}
#search_card .search input {
    flex: 1;
    padding: 0.75rem;
    outline: 1px solid var(--colorA);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#search_card .search input:focus {
    outline: 1px solid var(--theme);
}
#search_card .search button{
    font-size: 1.5rem;
    vertical-align: middle;
    background: #fff0;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: var(--main);
    padding: 0.5rem;
}
#search_card .search button:hover{
    color: var(--theme);
}



table.calendar {
    width: 100%;
    color: var(--main);
}
table.calendar tbody {
    margin-top: var(--margin);
    display: block;
}
table.calendar tr {
    display: flex;
}
table.calendar tr th {
    flex: 1;
    height: 2.5rem;
}
table.calendar tr td {
    text-align: center;
    color: var(--colorE);
    padding: 0.5rem 0 1.5rem;
    margin: 0.1rem 0;
    border: 1px solid #fff0;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    cursor: default;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
table.calendar tr td .daynum {
    letter-spacing: 0;
}
table.calendar tr td a {
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
table.calendar tr td:not(.x):not(.today):hover {
    border: var(--border);
}
table.calendar tr td.today {
    background: linear-gradient(to bottom, var(--th_A), var(--th_B));
    color: var(--color-white);
    border: unset;
    box-shadow: 0px 2px 6px 2px var(--theme-30);
}
table.calendar tr td.today a {
    color: var(--color-white);
}
table.calendar tr td.darkday {
    background: var(--colorA);
}
table.calendar tr td:after{
    white-space: nowrap;
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    pointer-events: none;
    text-align: center;
    height: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}
table.calendar tr td:hover:after{
    opacity: 1;
}
table.calendar tr td:after{
    white-space: nowrap;
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    pointer-events: none;
    text-align: center;
    height: 0;
}
table.calendar td.today:after {
    content: "今天";
}
table.calendar tr td[rel='01-01']:after{content: "元旦";}
table.calendar tr td[rel='02-14']:after{content: "情人节";}
table.calendar tr td[rel='03-12']:after{content: "植树节";}
table.calendar tr td[rel='04-01']:after{content: "愚人节";}
table.calendar tr td[rel='05-01']:after{content: "劳动节";}
table.calendar tr td[rel='05-04']:after{content: "青年节";}
table.calendar tr td[rel='06-01']:after{content: "儿童节";}
table.calendar tr td[rel='07-01']:after{content: "建党节";}
table.calendar tr td[rel='08-01']:after{content: "建军节";}
table.calendar tr td[rel='09-10']:after{content: "教师节";}
table.calendar tr td[rel='10-01']:after{content: "国庆节";}
table.calendar tr td[rel='11-11']:after{content: "光棍节";}
table.calendar tr td[rel='12-25']:after{content: "圣诞节";}
table.calendar td .havepost:before {content: "🔹";}
table.calendar td .havediary:after {content: "🔸";}
table.calendar td .havepost:before,
table.calendar td .havediary:after {
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    font-size: 0.75rem;
    pointer-events: none;
    text-align: center;
    height: 0;
    width: 0.7rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    justify-content: space-evenly;
}
table.calendar td:hover .havepost:before,
table.calendar td:hover .havediary:after{
    opacity: 0;
}
#jl_viewHistory {
    width: 100%;
    text-align: left;
}
#jl_viewHistory ul{
    display: flex;
    flex-direction: column;
}
#jl_viewHistory ul li{
    display: inline-flex;
    justify-content: space-between;
    font-size: 0.9rem;
    flex-direction: column;
    padding: 0.5rem;
    border: 1px dashed #fff0;
    border-bottom-color: var(--colorA);
    border-radius: 0.5rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#jl_viewHistory ul li a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    cursor: pointer;
}
#jl_viewHistory ul li a h1{
    display: inline;
    font-size: 0.9rem;
    font-weight: unset;
}
#jl_viewHistory ul li time {
    color: var(--colorD);
    font-size: 0.75rem;
}
#jl_viewHistory ul li:last-child{
    border-bottom: unset;  
}

/* 打赏分享 */
#dashang_card,
#share_card{
    text-align: center;
    gap: 0.5rem;
}
#share_card .left .cat_copy {
    font-size: 0.9rem;
    cursor: pointer;
    color: var(--colorE);
}
#dashang_card .avatar,
#share_card .avatar{
    width: 8rem;
    height: 8rem;
    border-radius: 0.9rem;
}
#dashang_card .title,
#share_card .title{
    line-height: 1.6rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-shadow: var(--text-shadow);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 15rem;
}
#dashang_card .button,
#share_card .button{
    display: flex;
    gap: 0.9rem;
    margin-top: 0.5rem;
    justify-content: center;
}

/* aplayer */
meting-js {
    display: block;
    margin: var(--margin) 0;
}

cat_article_video {
    display: block;
    margin: var(--margin) auto;
    max-width: 800px;
}
cat_article_video iframe,
cat_article_video video{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    display: block;
    border-radius: var(--radius);
    object-fit: cover;
}
.postlist cat_article_video{
    position: relative;
    display: flex;
    padding: 3px;
    z-index: 1;
    aspect-ratio: 16 / 11;
    justify-content: center;
    align-items: center;
}
.postlist cat_article_video iframe,
.postlist cat_article_video video{
    aspect-ratio: unset;
    height: 100%;
}
.postlist cat_article_video .play_icon{
    position: absolute;
    font-size: 5rem;
    color: var(--color-white);
}
/* 文章图片 */
cat_post_image img {
    display: block;
    border-radius: var(--radius);
    max-width: 100%;
    cursor: zoom-in;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
cat_post_image img:hover{
    filter: blur(0) brightness(0.75);
    -webkit-filter: blur(0) brightness(0.75);
}
/* 图片的魔方 */
cat_post_album_cube{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: var(--margin);
    margin: var(--margin) 0;
}
cat_post_album_cube img{
    display: block;
    border-radius: var(--radius);
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
cat_post_album_count {
    display: grid;
    grid-gap: var(--margin);
    margin: var(--margin) 0;
    align-items: center;
}
.PWAhidden {
    display: none;
}
#divInstall {
    margin: 0.5rem 1rem;
    background: #4fb94f;
    color: #fff;
    font-size: 0.8rem;
}
.menu_xifu .cat_mainmenu_out{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    border-radius: 0 0 var(--radius) var(--radius);
}
.menu_xifu .end_block{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    border-radius: var(--radius) var(--radius) 0 0;
}

/* 顶部菜单 */
.cat_mainmenu_out {
    position: sticky;
    top: var(--margin);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    background: var(--background);
    z-index: 9;    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--margin);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.cat_mainmenu_out:hover {
    background: var(--background-color);
}
@media (min-width: 650px) {
    .cat_mainmenu_out.fixed_mode {
        position: relative;
        top: auto; /* 关键调整 */
    }
}
.cat_mainmenu_out .index_menu,
.cat_mainmenu_out .left_menu{    
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.cat_mainmenu_out .index_menu .item{
    padding: 0 0.5rem;
    height: 1rem;
}
.cat_mainmenu_out .left_menu .item:before{
    content: '';
    display: inline-block;
    height: 1.5rem;
    margin: 0 1rem;
    border-left: 1px solid var(--colorA);
}
.cat_mainmenu_out .index_menu .item .title,
.cat_mainmenu_out .left_menu .item .title{
    display: inline-flex;
    height: calc(var(--margin) + 2rem);
    gap: 0.25rem;
    align-items: center;
}
.cat_mainmenu_out .left_bread{
    display: none;
    gap: 0.25rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.cat_mainmenu_out .mobile_left {
    display: none;
}
.cat_mainmenu_out .left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: auto;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    overflow-y: hidden;
    scrollbar-width: none; /* 火狐浏览器支持的样式 */
    scrollbar-color: transparent transparent; /* 火狐浏览器支持的样式 */
}
.cat_mainmenu_out .right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap);
    font-size: 1.25rem;
    margin-left: 1rem;
}
.cat_mainmenu_out .right>.pjax_anniu_area {
    display: flex;
    gap: var(--gap);
}
.cat_mainmenu_out .right>.pjax_anniu_area a:hover{
    color: var(--color-white)!important;
    -webkit-text-fill-color: unset!important;
}
.cat_mainmenu_out .right>.pjax_anniu_area a.anniu {
    width: 2rem;
}
.cat_mainmenu_out .right .pjax_anniu_area .ToMenu_anniu {
    display: none;
}
.cat_mainmenu_out .left::-webkit-scrollbar { 
    height: 0rem!important;
}

.cat_mainmenu_out .item{
    display: flex;
    height: calc(var(--margin) + 2rem);
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    cursor: pointer;
    gap: 0.25rem;
}
.cat_mainmenu_out .item .title{    
    transition: 0.2s;
    -webkit-transition: 0.2s;
    color: var(--main);
    width: max-content;
}
.cat_mainmenu_out .item .title:hover{
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cat_mainmenu_out .item .logo {
    max-width: 1.25rem;
    line-height: 100%;
}
.cat_mainmenu_out .item .logo i {
    text-shadow: var(--title-shadow);
    line-height: unset;
}
.cat_mainmenu_out .item .weblogo {
    width: auto;
    height: 2rem;
    padding: 0;
}
.cat_mainmenu_out .item .word{
    font-size: 1.15rem;
    font-weight: bolder;
    display: -webkit-box;
    line-height: 2rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}
.cat_mainmenu_out .item .arrow{
    color: var(--colorD);
    font-size: 0.75rem;
    pointer-events: none;
}
.cat_mainmenu_out .item .arrow::marker{
    content: '';
}
.cat_mainmenu_out .item .mainmenu_nav_child {
    position: absolute;
    display: flex;
    -webkit-transform: translateX(1rem) translateY(1rem);
    -moz-transform: translateX(1rem) translateY(1rem);
    -ms-transform: translateX(1rem) translateY(1rem);
    -o-transform: translateX(1rem) translateY(1rem);
    transform: translateX(1rem) translateY(1rem);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    background: var(--background-color);
    backdrop-filter: var(--blur2);
    -webkit-backdrop-filter: var(--blur2);
    width: auto;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
    z-index: 2;
    padding: 2.5px;
    border: 1px solid var(--colorA);
}
.cat_down_menu {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    z-index: 1;
    background: var(--background-color);
    border-radius: var(--radius);
}
/*.cat_mainmenu_out .item .mainmenu_nav_child:hover {*/
/*    border: 1px solid var(--theme-60);*/
/*}*/
.cat_mainmenu_out .item .mainmenu_nav_child.mainmenu_tool_child {
    -webkit-transform: translateX(0) translateY(1rem);
    -moz-transform: translateX(0) translateY(1rem);
    -ms-transform: translateX(0) translateY(1rem);
    -o-transform: translateX(0) translateY(1rem);
    transform: translateX(0) translateY(1rem);
}
.cat_mainmenu_out .item:hover .mainmenu_nav_child {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(1rem) translateY(0);
    -moz-transform: translateX(1rem) translateY(0);
    -ms-transform: translateX(1rem) translateY(0);
    -o-transform: translateX(1rem) translateY(0);
    transform: translateX(1rem) translateY(0);
}

.cat_mainmenu_out .item:hover .mainmenu_nav_child.mainmenu_tool_child{
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}
.cat_mainmenu_out .default_menu_item .mainmenu_nav_child a {
    padding: 0.5rem;
    text-align: center;
    font-size: 0.9rem;
    width: 100%;
}

.cat_mainmenu_out .width_menu_item .mainmenu_nav_child{
    width: calc(100% - 2rem);
    left: 0;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 3px;
    flex-direction: column;
}
.cat_mainmenu_out .width_menu_item .mainmenu_nav_child .cat_post_album_text{
    max-width: 100%;
    width: calc(100% - 6px);
    border-radius: 0 0 var(--radius) var(--radius);
    height: auto;
    aspect-ratio: 1/1.414;
}
.cat_mainmenu_out .width_menu_item .mainmenu_nav_child .cat_menu_category_choose_all_lie{
    width: 8rem;
    border: 1px solid #fff0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-right: 1px solid var(--colorA);
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}
.cat_mainmenu_out .width_menu_item .mainmenu_nav_child .cat_menu_category_choose_all_lie nav{
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    width: 100%;
    padding-left: 0.5rem;
    margin-left: 0.2rem;
    border-left: 1px dashed rgb(var(--main-color) / 5%);
}
.cat_mainmenu_out .width_menu_item .mainmenu_nav_child .cat_menu_category_choose_all_lie:last-child{    
    border-right: 1px dashed #fff0;
}

/* 辅助菜单 */
.cat_categorymenu{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    /*height: 100%;*/
    padding: 0.5rem;
    background: var(--background-color);
    border-radius: var(--radius);
    z-index: 1;
}
.cat_categorymenu li{
    height: auto;
    font-size: 0.9rem;
    gap: 0.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}
.cat_mainmenu_out .left nav a{
    border-radius: var(--radius);
}
.cat_mainmenu_out .left nav a:hover{
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    color: var(--color-white);
    box-shadow: 0px 2px 6px 2px var(--theme-30);
    -webkit-text-fill-color: unset;
}
.cat_mainmenu_out .right .anniu:hover{
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    color: var(--color-white);
    -webkit-text-fill-color: unset;
}
.cat_mainmenu_out .right .anniu:hover a{
    color: #fff;
}
.cat_categorymenu li a{
    display: flex;
    word-break: break-all;
    align-items: baseline;
    gap: 0.25rem;
    padding: 0.5rem;
    width: 100%;
    border-radius: var(--radius);
}
.cat_categorymenu li a:hover{
    background: linear-gradient(to right, var(--th_A), var(--th_B))!important;
    color: var(--color-white)!important;
    box-shadow: 0px 2px 6px 2px var(--theme-30)!important;
    -webkit-text-fill-color: unset!important;
}
.cat_categorymenu li .category_nav_child {
    position: fixed;
    display: flex;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    margin-top: 3.2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    flex-direction: column;
    flex-wrap: nowrap;
    background: var(--background-color);
    backdrop-filter: var(--blur2);
    -webkit-backdrop-filter: var(--blur2);
    width: auto;
    max-width: 10rem;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow);
    z-index: 2;
    border: var(--border);
    padding: 3px;
}
.cat_categorymenu li .category_nav_child .category_nav_child_span {
    display: flex;
    z-index: 2;
    padding: 0.4rem;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--background-color);
    border-radius: var(--radius);
}
.cat_categorymenu li .category_nav_child .category_nav_child_span:first-child {
    left: 0;
}
.cat_categorymenu li .category_nav_child .category_nav_child_span a {
    padding: 0.2rem;
    text-align: center;    
    justify-content: center;
    min-width: 5rem;
}
.cat_categorymenu li:hover .category_nav_child {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.cat_mainmenu_out .item .mainmenu_nav_child .tool_children {
    grid-template-columns: repeat(3,1fr);
    display: grid;
    gap: 1rem;
    background: var(--background-color);
    border-radius: var(--radius);
    border-top: 1px dashed var(--colorA);
    padding: 1rem;
    z-index: 1;
}
.cat_mainmenu_out .item .mainmenu_nav_child .tool_children a {
    font-size: 1rem;
    padding: 0;
}
.cat_mainmenu_out .item .mainmenu_nav_child .tool_children .anniu {
    width: 2rem;
}
/* 手机菜单==aside.css */


/* 分页 */
[class*=cat_pagination_]{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--margin);
}
[class*=cat_pagination_] li {
    margin-left: 5px;
}
[class*=cat_pagination_] li.active a {
    background: var(--theme);
    color: #fff;
    font-weight: 500;
}
[class*=cat_pagination_] span.next,
[class*=cat_pagination_] a,
[class*=cat_pagination_] .word{
    display: flex;
    color: var(--colorE);
    padding: 0.5rem;
    font-size: 0.9rem;
    width: 1.75rem;
    height: 1.75rem;
    background: var(--background);
    box-shadow: var(--box-shadow);
    border: var(--border);
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    justify-content: center;
    align-items: center;
    letter-spacing: 0;
}
[class*=cat_pagination_] span.next{
    cursor: pointer;
}
[class*=cat_pagination_] span.next i{
    letter-spacing: 0;
}
[class*=cat_pagination_] li a:hover{
    background: var(--colorA);
}
[class*=cat_pagination_] li.active a:hover{
    background: var(--theme-80)!important;
}

/* 文章列表布局 */
[id*=tourmap_archive_]{
    display: flex;
    aspect-ratio: 16 / 11;
    pointer-events: none;
    border-radius: var(--radius);
    margin: 3px;
    z-index: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.postlist_img,
.postlist_img_zt{
    position: relative;
    display: block;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
    /*background: var(--colorB);*/
    border-radius: var(--radius);
    padding: 3px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.postlist_img_zt{
    object-position: top left;
}
.postlist_grid{
    display: grid;
    position: relative;
    gap: var(--gap);
}
.postlist_grid .item{
    border-radius: var(--radius);
}
.postlist {
    position: relative;
    display: flex;
    padding: 0;
}
.postlist_grid .item:not(.bone) .postlist:not(.zhuanti_block):hover .postlist_left{
    /*outline: 2px solid var(--theme);*/
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.postlist_grid .item:not(.bone) .postlist.zhuanti_block:before,
.postlist_grid .item:not(.bone) .postlist:not(.zhuanti_block) .postlist_left::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border: 3px solid transparent;
  border-radius: var(--radius);
  transition: all .4s ease-out;
}
.postlist_grid .item:not(.bone) .postlist.zhuanti_block:after,
.postlist_grid .item:not(.bone) .postlist:not(.zhuanti_block) .postlist_left::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border: 3px solid transparent;
  border-radius: var(--radius);
  transition: all .4s ease-out;
}
.postlist_grid .item:not(.bone) .postlist.zhuanti_block:hover:before,
.postlist_grid .item:not(.bone) .postlist.zhuanti_block:hover:after,
.postlist_grid .item:not(.bone) .postlist:not(.zhuanti_block):hover .postlist_left::before,
.postlist_grid .item:not(.bone) .postlist:not(.zhuanti_block):hover .postlist_left::after{
  width: 100%;
  height: 100%;
  opacity: 1;
  border: 3px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, var(--background-color), var(--background-color)), linear-gradient(135deg, var(--th_A), var(--th_B));
}

.animation_border::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border: 3px solid transparent;
  border-radius: var(--radius);
  transition: all .4s ease-out; /* 添加过渡效果 */
}
.animation_border::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border: 3px solid transparent;
  border-radius: var(--radius);
  transition: all .4s ease-out; /* 添加过渡效果 */
}
.animation_border:hover::before,
.animation_border:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  border: 3px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, var(--background-color), var(--background-color)), linear-gradient(135deg, var(--th_A), var(--th_B));
}


.animation_border_in {
    position: relative;
    padding: 0.25rem 0.5rem;
    background: var(--background-color);
    border-radius: var(--radius);
    z-index: 1;
}






.zhuanti_block .postlist_right {
    background: var(--background-color);
}
.zhuanti_block_pic {
    display: none;
}
.cardtype .zhuanti_block .zhuanti_block_pic{
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);    
    z-index: 1;
    margin: 3px;
    border-radius: var(--radius);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /*-webkit-mask: linear-gradient(to top, rgb(0 0 0 / 0%), #000000 15rem);*/
    object-fit: cover;
    object-position: top left;
}
.cardtype .postlist.zhuanti_block:hover .zhuanti_block_pic{
    object-position: bottom right;
}
.postlist.zhuanti_block:hover .postlist_img_zt{
    object-position: bottom right;
}
.postlist_left {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    border-radius: var(--radius);
    outline: 2px solid #fff0;
    width: 15rem;
    z-index: 3;
}
.postlist_info{
    position: absolute;
    color: var(--color-white);
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 2;
    text-shadow: 2px 2px 10px var(--colorG);
    font-size: 0.8rem;
}
.postlist_logo{
    font-size: 1.5rem;
    padding: 1rem 0.5rem;
    line-height: 0.8rem;
    left: 0;
    top: 0;
}
.postlist_time{
    right: 0;
    bottom: 0;
}
.postlist_title{
    left: 0;
    bottom: 0;
}
.postlist_ys{
    right: 0;
    top: 0;
}
.postlist_right{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    z-index: 2;
    gap: 0.5rem;
    padding: calc(var(--margin) / 3);
    /*background: var(--background-color);*/
    border-radius: var(--radius);
    -webkit-mask: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000000 1rem);
    margin: 3px;
}
.cardtype .postlist_right{
    background: var(--background);
}
.postlist_right_title {
    margin: auto 0;
}
.postlist_right_title .post_title{
    line-height: 1.75rem;
    align-self: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.postlist_grid .shijian,
.postlist_right_abstract{
    display: none;
}
.postlist_right_title .post_title.qa_title{
    -webkit-line-clamp: 3;
}
.qa_logo{
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.postlist_right_info {
    color: var(--colorF);
    text-overflow: ellipsis;
    align-items: center;
    font-size: 0.75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.25rem;
}
.postlist_right_info .tiny_info {
    display: inline-flex;
    align-items: center;
    letter-spacing: 0;
    margin-right: 0.2rem;
}
.postlist_right_info .tiny_info i{
    line-height: 1rem;
}
.postlist_right_info a {
    color: var(--colorF);
    margin-left: 0.2rem;
    font-size: 0.8rem;
}
.postlist_right_category,
.postlist_right_tags {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    align-items: center;
    color: var(--colorC);
    font-size: 0.75rem;
}
.postlist_right_category a{
    border-radius: 0.2rem;
    padding: 0.2rem 0.3rem;
    font-size: 0.75rem;
    word-break: keep-all;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2rem;
    line-height: 1rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: var(--theme-10);
    border: 2px solid #fff0;
    opacity: 0.5;
}
.postlist_right_tags a{
    border-radius: 0.2rem;
    padding: 0.2rem 0.3rem;
    font-size: 0.75rem;
    word-break: keep-all;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4rem;
    line-height: 1rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: var(--colorA);
    border: 2px solid #fff0;
    opacity: 0.5;
}
.postlist_right_tags a:hover{
    -webkit-text-fill-color: unset;
    background: var(--colorA);
}
.postlist_right_category a:hover,
.postlist_right_tags a:hover{
    border: 2px solid var(--theme);
}
.postlist_right_category a:not(.goods_tag):before{
    /*content: '\f3a9';*/
    /*color: var(--theme);*/
    /*font-family: 'remixicon';*/
}
.postlist_right_tags a:not(.goods_tag):before{
    content: '\edfc';
    font-family: 'remixicon';
}
.postlist_corner{
    display: inline-block;
    position: absolute;
    top: 0.7rem;
    right: -1.2rem;
    transform: rotate(45deg);
    width: 5rem;
    text-align: center;
    line-height: 1.25rem;
    background: var(--theme);
    color: #fff;
    font-size: 0.8rem;
    clip-path: polygon(75% 0,100% 100%,0% 100%,25% 0);
    z-index: 3;
}
.goods_tag {
    cursor: default;
}
/* title */
.category_left {
    display: block;
    position: relative;
    float: left;
}
.category_img {
    width: 10rem;
    height: 100%;
    aspect-ratio: 1 / 1.414;
    object-fit: cover;
    position: absolute;
    border-radius: var(--radius);
}
.category_right{
    padding-left: var(--margin);
}
.category_right_title{
    font-size: 1.1rem;
    line-height: 2.75rem;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    flex-direction: row;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.category_right_text li{
    line-height: 2rem;
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--colorE);
}
.category_right_introduction {
    text-indent: 2em;
    line-height: 1.6rem;
    overflow: hidden;
    bottom: var(--margin);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 0.9rem;
}
.category_child {
    padding: 3px;
    display: flex;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}
.category_child p{
    padding: 0.5rem;
    z-index: 1;
    background: var(--background-color);
    border-radius: var(--radius);
}
/*.category_child:hover {*/
/*    background: linear-gradient(to right, var(--th_A), var(--th_B));*/
/*    color: var(--color-white);*/
/*    box-shadow: 0px 2px 6px 2px var(--theme-30);*/
/*}*/
.swiper_category_tab {
    -webkit-mask: linear-gradient(to left, rgb(0 0 0 / 0%), #000000 10rem);
}
.swiper-slide.category_child {
    width: unset!important;
    margin: 0.5rem 1rem 0.5rem 0;
}
.swiper-slide.category_child.category_child_cut p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 2.5px;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 25%, calc(0.25 * var(--gap)) 50%, 0% 75%);
    background-color: var(--theme-10);
}
.swiper-slide.category_child.category_child_cut.anniu_on p:before {
    background-color: var(--color-grey);
}
.tag_item {
    display: inline-block;
}
/* 公告 */
.cat_announcement {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 2rem;    
    color: var(--main);
}
.cat_announcement .left{
    display: inline-flex;
    margin-right: 0.5rem;
    word-break: keep-all;
    font-size: 1rem;
    padding-right: 0.5rem;
    line-height: 2rem;
    text-shadow: var(--text-shadow);
    align-items: center;
    font-weight: bolder;
    border-right: 1px solid var(--colorA);
    height: 1rem;
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*transform: skew(-10deg);*/
}
.cat_announcement .right{
    display: inline-flex;
    margin-left: 0.5rem;
    word-break: keep-all;
    font-size: 0.75rem;
    padding-left: 0.5rem;
    align-items: center;
    border-left: 1px solid var(--colorA);
    height: 1rem;
    flex: 0 0 auto;
}
.cat_announcement .swiper_index_announcement .swiper-wrapper {
    height: 2rem;
}
.cat_announcement .swiper_index_announcement .swiper-wrapper .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cat_announcement .swiper_index_announcement .swiper-wrapper .swiper-slide .item{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all;
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
}
.cat_announcement .swiper_index_announcement .swiper-wrapper .swiper-slide .item i{
    text-shadow: var(--title-shadow);
}
/* 首页的公告栏 */
.cat_announcement .title {
    font-size: 2rem;
    line-height: 4rem;
    font-weight: bold;
    position: relative;
    margin-left: 1.2rem;
}
.cat_announcement .title:before {
    content: '';
    position: absolute;
    top: 1.2rem;
    bottom: 1.2rem;
    left: calc(-1.2rem + 2px);
    width: 5px;
    border-radius: 2px;
    background: linear-gradient(to bottom, var(--th_A), var(--th_B));
}
.cat_announcement .part{
    display: flex;
    justify-content: space-between;
}
.cat_announcement .part .part_left{
    flex: 1;
    height: 6rem;
}
.cat_announcement .part .part_right {
    flex: 1;
    line-height: 2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 6rem;
    font-size: 0.9rem;
}
.cat_announcement .part .part_right .text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 6rem;
}
.cat_announcement .part .part_right .item{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.cat_announcement .part .part_right .item:nth-child(4){display:none;}
.cat_announcement .part .part_right .item:nth-child(5){display:none;}
.cat_announcement .part .part_right .item .avatar{
    width: 1rem;
    height: 1rem;
    padding: 0;
    box-shadow: unset;
}
/* 幻灯片 */
.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom:unset;
	left:unset;
	width:auto;
	right:10px;
	top:0;
}
.swiper-pagination-bullet-active{
    background: var(--theme);
}
.swiper {
    --swiper-navigation-size:0;
    width: 100%;
    border-radius: var(--radius);
}
.swiper[swiper_id=user_sidebar] img{
    display: block;
    height: 10rem;
}
.swiper-horizontal .swiper-wrapper {
    height: auto;
}
.swiper-slide {
    width: 100%!important;
}
.swiper-slide:not(.post_title_area_infos) a:not(.cat_userpage_link){
    position: relative;
    align-items: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2rem;
    word-break: break-all;
    height: 100%;
    border-radius: var(--radius);
}
.postlist_indexswiper_left {
    border-radius: var(--radius) 0 0 var(--radius)!important;
}
.swiper-slide .postlist_right_title a{
    -webkit-line-clamp: 2!important;
}
.swiper img{
    object-fit: cover;
}
a.external_link:after {
    content: " \f0f4";
    font-family: "remixicon";
    font-size: 0.75rem;
    line-height: 0rem;
}
/* 移除主菜单和子菜单的 external_link 符号 */
/* .default_menu_item a.external_link::after {
    content: none !important;
} */


/* 自定义菜单 */
#cat_menu {
    display: none;
    position: absolute;
    background: var(--background-color);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    color: var(--main);
    box-shadow: var(--box-shadow);
    border: var(--border);
    border-radius: var(--radius);
    font-size: 1rem;
    line-height: 2rem;
    padding: 3px;
    z-index: 999999;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
/*#cat_menu:hover{*/
/*    outline: 2px solid var(--theme);*/
/*}*/
#cat_menu ul{
    padding: 0.25rem;
    border-top: 1px dashed var(--colorB);
}
#cat_menu ul:first-child{
    border-top: 0;
}
#cat_menu ul.icons {
    font-size: 1.1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}
#cat_menu ul.text,
#cat_menu ul.image{
    display: none;
}
#cat_menu ul button,
#cat_menu ul li{
    display: flex;
    gap: 0.25rem;
    flex-direction: row;
    padding: 0.25rem 0.6rem;
    margin: 0.25rem 0;
    cursor: pointer;
    border-radius: var(--radius);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#cat_menu ul li a{
    width: 100%;
    display: flex;
    gap: 0.25rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
}
#cat_menu ul li a i{
    width: 1.6rem;
    text-align: center;
}
#cat_menu ul.icons button,
#cat_menu ul.icons li{
    justify-content: center;
}
#cat_menu ul button{
    font-size: 1rem;
    background: unset;
    font-family: unset;
    color: var(--main);
    align-items: center;    
    width: 100%;
    line-height: 2rem;
}
#cat_menu ul button:hover,
#cat_menu ul li:hover{
    background: linear-gradient(to right, var(--th_A), var(--th_B));
    color: var(--color-white);
    box-shadow: 0px 2px 6px 2px var(--theme-30);
    -webkit-text-fill-color: unset;
}
#cat_menu ul button:hover a,
#cat_menu ul li:hover a{
    color: var(--color-white);
    -webkit-text-fill-color: unset;
}
#cat_menu ul svg{
    fill: var(--main);
    height: 2rem;
}
#cat_menu ul button:hover svg,
#cat_menu ul li:hover svg{
    fill: var(--color-white);
}



/* welcome */
.cat_topimg{
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 100;
    top: 0;    
    background: var(--background);
    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.cat_topimg .ri-arrow-down-line {
    position: absolute;
    -webkit-animation: scroll_down 1.5s infinite;
    -moz-animation: scroll_down 1.5s infinite;
    animation: scroll_down 1.5s infinite;
    color: var(--color-white);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: calc(100% - 1rem);
    pointer-events: none;
}
.cat_topimg .infos{
    display: flex;
    text-align: center;
    justify-content: center;
    position: absolute;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    top: 0;
    margin: 0;
}
.cat_topimg .infos .avatar_web_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(1.5 * var(--margin));
}
.cat_topimg .infos .avatar{
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: var(--background);
}
.cat_topimg .infos .web_title{
    font-size: 2rem;
    color: var(--color-white);
    text-shadow: 1px 1px 8px var(--background);
}
.cat_topimg .infos .web_desc{
    font-size: 1.2rem;
    color: var(--color-white);
    text-shadow: 1px 1px 8px var(--background);
    padding: 1rem;
}
.cat_topimg .medias{
    min-height: 100%;
    height: 100vh;
    width: 100%;
    filter: brightness(0.8);
    -webkit-filter: brightness(0.8);
}
.cat_topimg .medias .item{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.cat_topimg .medias .item.shadow{
    position: absolute;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=);
}
.cat_topimg .medias .date {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--color-white);
    font-size: 3rem;
    padding: 1rem;
}
.cat_topimg [class*=welcome_type_]{
    position: relative;
}
input.blog_password {
    background: var(--colorG);
    width: 10rem;
    height: 2rem;
    border: 1px solid transparent;
    padding: 0 1rem;
    color: #fff;
    border-radius: 1rem 0 0 1rem!important;
}
input.blog_password::placeholder {
    color: #fff;
}
.blog_password_submit{
    position: relative;
    border: none;
    background: var(--theme-60);
    color: #fff;
    border-radius: 0 1rem 1rem 0;
    padding: 0 0.5rem;
    cursor: pointer;
    line-height: 2rem;
    display: inline-block;
}
@media (min-width:651px) {
    .cat_topimg .welcome_type_B .infos .web_title,
    .cat_topimg .welcome_type_B .infos .web_desc,
    .cat_topimg .welcome_type_B .ri-arrow-down-line,
    .cat_topimg .welcome_type_C .infos .web_title,
    .cat_topimg .welcome_type_C .infos .web_desc,
    .cat_topimg .welcome_type_C .ri-arrow-down-line{
        color: var(--main);
    }
    /* A */
    /* B */
    .cat_topimg .welcome_type_B .medias{
        width: 50%;
        left: 0;
        right: auto;
    }
    .cat_topimg .welcome_type_B .infos{
        width: 50%;
        left: auto;
        right: 0;
        background: var(--background);
    }
    /* C */
    .cat_topimg .welcome_type_C {
        position: absolute;
        margin: auto;
        width: 600px;
        height: 400px;
        border-radius: var(--radius);
        box-shadow: var(--box-shadow);
        outline: 1px solid var(--colorB);
        inset: 0;
    }
    .cat_topimg .welcome_type_C .medias{
        height: 100%;
        width: 50%;
        left: 0;
        right: auto;
    }
    .cat_topimg .welcome_type_C .medias .item{
        filter: brightness(0.8);
        -webkit-filter: brightness(0.8);
        border-radius: var(--radius) 0 0 var(--radius);
    }
    .cat_topimg .welcome_type_C .infos{
        width: 50%;
        left: auto;
        right: 0;
        background: var(--background);
        backdrop-filter: var(--blur);
        -webkit-backdrop-filter: var(--blur);
        border-radius: 0 var(--radius) var(--radius) 0;
    }
    .cat_topimg .welcome_type_C .infos .avatar {
        width: 6rem;
        height: 6rem;
    }
    /* D */
    .cat_topimg .welcome_type_D .infos{
        justify-content: space-between;
        padding: 2rem 0 3rem;
    }
    .cat_topimg .welcome_type_D .infos .avatar{
        width: 4rem;
        height: 4rem;
    }
    .cat_topimg .welcome_type_D .infos .avatar_web_title {
        flex-direction: row;
    }
    /* E */
    .cat_topimg .welcome_type_E .infos{
        width: 100%;
        max-width: 800px;
        align-items: flex-start;
        margin: auto;
        padding: var(--margin);
        inset: 0;
    }
    .cat_topimg .welcome_type_E .infos .avatar_web_title {
        align-items: flex-start;
    }
    .cat_topimg .welcome_type_E .infos .avatar{
        width: 8rem;
        height: 8rem;
    }
    .cat_topimg .welcome_type_E .infos .web_desc {
        text-align: left;
        padding-left: 0;
    }
    .cat_topimg .welcome_type_E .infos .web_title{
        font-size: 3rem;
        text-align: left;
    }
}
@media (min-width:1301px) {
    .cat_topimg .welcome_type_C {
        width: 1000px;
        height: 600px;
    }
    .cat_topimg .welcome_type_C .infos .avatar {
        width: 10rem;
        height: 10rem;
    }
}



.doubanlinkanniuout{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 2.5rem;
    word-break: break-all;
    position: fixed;
    inset: auto auto 3rem auto;
    background: var(--background-color);
    padding: 0.5rem 1rem;
	color: var(--main);
    box-shadow: var(--box-shadow);
    border-radius: var(--radius);
    border: var(--border);
    opacity: 0.7;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin: 0 1rem;
}

.doubanlinkanniu{
    inset: auto auto 3rem auto;
    background: var(--background-color);
	color: var(--main);
}
.doubanlinkanniu:hover{
	background: linear-gradient(to right, var(--th_A), var(--th_B));
    text-shadow: 1px 1px 3px var(--theme-30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}