@charset "utf-8";


/* （小）侧栏常用 */
.aside_first_block {
    display: flex;
    gap: var(--out);
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: var(--out);
}
.little_card_flex {
    display: flex;
    padding: var(--margin);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.clock_frame {
  width: calc((24rem - var(--margin)) / 2);
  height: calc((24rem - var(--margin)) / 2);
  box-sizing: content-box;
  padding: 0;    
  margin: 0;
  cursor: pointer;    
  overflow: hidden;
}
.clock_frame b{
    text-align: center;
    z-index: 5;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.clock_frame:last-child:nth-child(2n+1) {
    width: 100%;
}



/* （大）侧栏主要 */
aside .aside_top{
    height: 100%;
    width: 24rem;
}
aside .need_sticky {
    position: sticky;
    top: var(--margin);
}
.smalltext {
    font-size: 0.8rem;
    color: var(--B);
    vertical-align: middle;
    display: inline-flex;
    gap: 0.2rem;
    align-items: center;
}
.smalltext .postlist_post_tags {
    margin-top: 0;
    outline: 1px solid var(--theme-10);
    border-radius: 0.5rem;
    padding: 0.5rem;
}
.recent_comments {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0;
}


/* （大）侧栏第一个信息卡片 */
.author_flex.only_lightblog {
    display: none;
}
.author_flex {
    display: flex;
    gap: var(--margin);
    flex-direction: column;
    align-items: center;
    padding: calc(2 * var(--margin)) var(--margin);
    --one: rgb(255 255 255 / 50%);
    --two: rgb(255 255 255 / 80%);
}
.author_flex .top{
    position: relative;
}
.author_flex .top .online_time span{
    display:none;
}
.author_flex .top .online_time:hover span{
    display:inline-flex;
}
.author_flex .avatar{
    width: 5rem;
    height: 5rem;
    padding: 4px;
    background: var(--background);
}
.author_flex .title{
    font-size: 1.25rem;
    font-weight: bolder;
    text-align: center;
}
.author_flex .description{
    font-size: small;
    line-height: 1.75rem;
    text-align: center;
}
.author_flex .bottom,
.author_flex .bottom svg{
    height: 1.25rem;
    width: auto;
    fill: var(--main);
    color: var(--main);
    cursor: pointer;
    display: flex;
    gap: 1.5rem;
    align-items: center;
}
.author_flex .bottom a{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}




/* （小）侧栏欢迎卡片 */
.welcome_cover{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(135deg,var(--background),var(--under-background));
}
.welcome_bg{
    position: absolute;
    inset: 0;
}
.welcome_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(0px);
    transform: scale(1.15);
    transition: .3s;
}
.clock_frame:hover .welcome_bg img{
    opacity: 0.85;
    transform: scale(1.2);
}
.welcome_cover::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent,var(--background));
    z-index: 1;
}
.welcome_cover::after{
    content: '';
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: radial-gradient(circle,var(--theme-10),transparent 70%);
    z-index: 1;
}
.welcome_info{
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;
}
.welcome_title{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--main);
    line-height: 1.4;
    margin-bottom: .25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.welcome_desc{
    font-size: .75rem;
    color: var(--B);
    line-height: 1.5;
}



/* （小）侧栏时钟 */
.clock {
  width: 100%;
  height: 100%;
  background-color: var(--background);
  position: relative;
  overflow: hidden;
}
.clock::after {
  content: "";
  width: 120px;
  height: 120px;
  background-color: inherit;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.clock .marker {
  height: calc(100% - 25px);
  width: 3.2px;
  background-color: var(--B);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.clock .marker:nth-of-type(3n + 1) {
  background: var(--main);
}
.clock .marker:nth-of-type(2) {
  transform: rotate(30deg);
}
.clock .marker:nth-of-type(3) {
  transform: rotate(60deg);
}
.clock .marker:nth-of-type(4) {
  transform: rotate(90deg);
}
.clock .marker:nth-of-type(5) {
  transform: rotate(120deg);
}
.clock .marker:nth-of-type(6) {
  transform: rotate(150deg);
}

.clock .hand {
  transform-origin: center bottom;
  position: absolute;
  z-index: 3;
  bottom: 50%;
  left: 50%;
  width: 3px;
  transition: transform 1s linear;
}
.clock .hand.second {
  height: 55px;
  width: 1.25px;
  left: calc(50% - 1.5px);
  border-radius: 1.5px;
  background-color: #ec231e;
  box-shadow: 4px 6px 0 0 rgba(0, 0, 0, 0.15);
  transform: rotate(40deg);
  z-index: 9;
}
.clock .hand.second::before,
.clock .hand.second::after {
  content: "";
  background-color: inherit;
  position: absolute;
  border-radius: 50%;
  left: 50%;
}
.clock .hand.second::before {
  width: 12px;
  height: 12px;
  bottom: 0;
  transform: translate(-50%, 50%);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.clock .hand.second::after {
  width: 8px;
  height: 8px;
  top: 18px;
  transform: translate(-50%, 0);
  box-shadow: 4px 6px 2px 0 rgba(0, 0, 0, 0.15);
}
.clock .hand.minute {
  height: 50px;
  left: calc(50% - 2px);
  border-radius: 3px;
  background-color: var(--main);
}
.clock .hand.hour {
  height: 40px;
  width: 4px;
  left: calc(50% - 2.5px);
  border-radius: 3px;
  background-color: var(--main);
}
@-webkit-keyframes rotateArms {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateArms {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}


/* （小）侧栏木鱼 */
.muyu_card{
	height:11.25rem;
	width:100%;
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#8abbff;
	overflow:hidden;
}
html.darkmode .muyu_card{
	background: var(--background);
}
.muyu{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	height:4rem;
	margin-top:.5rem;
}
.muyu > img{
	width:3.8rem;
	user-select:none;
	cursor:pointer;
	transition:.2s;
	filter:drop-shadow(0 .3rem .4rem rgb(0 0 0 / 20%));
}
.muyu .gongde{
	position:absolute;
	top:-1rem;
	height:1rem;
}
.muyu .gongde-item{
	position:absolute;
	left:-3rem;
	width:6rem;
	text-align:center;
	color:#fff;
	font-size:.7rem;
	font-weight:600;
	text-shadow:0 .1rem .3rem rgb(0 0 0 / 25%);
	animation:muyu_float 1.5s ease forwards;
}
@keyframes muyu_float{
	0%{
		transform:translateY(0);
		opacity:0;
	}
	20%{
		opacity:1;
	}
	100%{
		transform:translateY(-2.5rem);
		opacity:0;
	}
}
.muyu .clickDown{
	transform:scale(.85);
}
.muyu_info{
	display:flex;
	gap:.8rem;
	margin-top:.3rem;
	color:#fff;
	font-size:.7rem;
}
.muyu_info div{
	display:flex;
	align-items:center;
	gap:.15rem;
}
.muyu_info b{
	font-size:1rem;
}
.muyu_level{
	margin-top:.35rem;
	padding:.15rem .7rem;
	border-radius:999px;
	background:rgb(255 255 255 / 25%);
	color:#fff;
	font-size:.65rem;
}










/* （小）侧栏纪念日 */
.count_card{
    height:100%;
    padding:1.25rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
}
.count_head{
    font-size:.8rem;
    color:var(--B);
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.count_num{
    margin: 1rem 0;
    font-size:3.5rem;
    line-height:1;
    font-weight:200;
    color:var(--main);
    letter-spacing:-.15rem;
}
.count_num::after{
    content:'天';
    font-size:.9rem;
    font-weight:400;
    color:var(--B);
    margin-left:.2rem;
}
.count_date{
    font-size:.7rem;
    color:var(--B);
    letter-spacing:.05rem;
}



/* （小）侧栏日历 */
.little_calendar{
    position:relative;
    justify-content:center;
    gap:.35rem;
}
.little_calendar::before{
    content:'';
    position:absolute;
    top:1rem;
    left:1rem;
    width:2rem;
    height:2rem;
    border-radius:50%;
    background:var(--theme-10);
}
.little_calendar::after{
    content:'';
    position:absolute;
    right:1rem;
    bottom:1rem;
    width:3rem;
    height:3rem;
    border-radius:50%;
    border:1px solid var(--A);
}
.calendar_week{
    font-size:.75rem;
    color:var(--B);
    text-transform:uppercase;
    letter-spacing:.15rem;
}
.calendar_day{
    font-size:4.5rem;
    font-weight:200;
    line-height:1;
    color:var(--main);
}
.calendar_date{
    font-size:.8rem;
    color:var(--C);
}

/* （小）网站统计信息 */
.blog_data_card{
	width:100%;
	height:11.25rem;
	padding:1rem;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.blog_data_grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:.65rem;
}

.blog_data_item{
	background:var(--P);
	border-radius:.8rem;
	padding:.7rem .3rem;
	text-align:center;
	transition:.3s;
}

.blog_data_item:hover{
	transform:translateY(-2px);
	background:#fff;
	box-shadow:0 .3rem 1rem rgb(0 0 0 / 5%);
}

.blog_data_item b{
	display:block;
	font-size:1.35rem;
	line-height:1.3;
	color:var(--main);
	font-weight:700;
}

.blog_data_item span{
	display:block;
	font-size:.75rem;
	color:var(--C);
	margin-top:.2rem;
}



/* （小）抽签 */
.fortune_card{
	width:100%;
	height:11.25rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
	overflow:hidden;
}
.fortune_result{
	width:4.5rem;
	height:4.5rem;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--P);
	border:1px solid var(--A);
	color:var(--main);
	font-size:1.25rem;
	font-weight:700;
	transition:.5s;
}
.fortune_result.loading{
	animation:fortuneRotate .7s infinite;
}
@keyframes fortuneRotate{
	0%{
		transform:rotateY(0);
	}
	100%{
		transform:rotateY(360deg);
	}
}
.fortune_result.daji{
	position:relative;
	overflow:hidden;
	background:linear-gradient(135deg,#fff7d6,#ffe08a,#ffd54f);
	color:#b45309;
	border:1px solid #fbbf24;
	box-shadow:
		0 0 .8rem rgba(251,191,36,.3),
		0 0 1.5rem rgba(251,191,36,.15);
	animation:dajiGlow 2s ease-in-out infinite alternate;
}
.fortune_result.daji::before{
	content:"";
	position:absolute;
	top:-50%;
	left:-100%;
	width:60%;
	height:200%;
	background:linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.6),
		transparent
	);
	transform:rotate(25deg);
	animation:dajiShine 3s linear infinite;
	pointer-events:none;
}
@keyframes dajiGlow{
	from{
		box-shadow:
			0 0 .8rem rgba(251,191,36,.25),
			0 0 1.5rem rgba(251,191,36,.1);
	}
	to{
		box-shadow:
			0 0 1rem rgba(251,191,36,.45),
			0 0 2rem rgba(251,191,36,.25);
	}
}
@keyframes dajiShine{
	from{
		left:-120%;
	}
	to{
		left:150%;
	}
}
.fortune_result.ji{
	background:rgb(22 163 74 / 12%);
	color:#16a34a;
	border-color:rgb(134 239 172 / 50%);
}

.fortune_result.xiong{
	background:rgb(220 38 38 / 12%);
	color:#dc2626;
	border-color:rgb(252 165 165 / 50%);
}
.fortune_text{
	margin-top:.7rem;
	font-size:.75rem;
	color:var(--main);
}
.fortune_btn{
	margin-top:.6rem;
	padding:.3rem 1.1rem;
	border:none;
	border-radius:999px;
    background: var(--theme-30);
    color: var(--main);
	font-size:.75rem;
	cursor:pointer;
	transition:.3s;
}
.fortune_btn:hover{
	transform:translateY(-2px);
	opacity:.85;
}
.fortune_btn:disabled{
	opacity:.5;
	cursor:not-allowed;
}













/* （大）近期评论 */
.cat_recentcomment_list{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:.8rem;
}
.cat_recentcomment_list:before{
    content:'';
    position:absolute;
    left:1rem;
    top:1rem;
    bottom:1rem;
    width:2px;
    border-radius:99px;
    background:var(--theme-10);
}
.cat_recentcomment_part{
    position:relative;
    display:flex;
    gap:.8rem;
    align-items:flex-start;
}
.cat_recentcomment_part .left{
    flex:none;
    position:relative;
    z-index:2;
}
.cat_recentcomment_part .left .avatar{
    display:block;
    width:2rem;
    height:2rem;
    object-fit:cover;
    background:var(--background);
    border:2px solid var(--background);
    box-shadow:0 0 0 1px var(--theme-10);
    padding:1px;
}
.cat_recentcomment_part .right{
    flex:1;
    min-width:0;
}
.cat_recentcomment_part .right .user{
    display:flex;
    align-items:center;
    gap:.4rem;
    margin-bottom:.4rem;
}
.cat_recentcomment_part .right .user .name{
    font-size:.88rem;
    font-weight:600;
    color:var(--main);
}
.cat_recentcomment_part .right .user time{
    margin-left:auto;
    font-size:.72rem;
    color:var(--B);
}
.cat_recentcomment_part .right .reply{
    position:relative;
    padding:.7rem .85rem;
    background:var(--under-background);
    border:1px solid var(--O);
    border-radius:.9rem;
    transition:.25s;
}
.cat_recentcomment_part:hover .reply{
    background:var(--theme-10);
    border-color:var(--theme-30);
}
.cat_recentcomment_part .right .reply a{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:.85rem;
    line-height:1.7;
    color:var(--C);
}
.cat_recentcomment_part:hover .reply a{
    color:var(--main);
}

/* （大）站点信息 */
aside .aside_copyright p a,
aside .aside_copyright p{
    color: var(--B);
    font-size: 0.8rem;
    line-height: 2rem;
}
.aside_copyright {
    margin: var(--out) 0 0 0;
}











/* （大）那年今日 */
.history_today{
    overflow:hidden;
}
.history_today_wrap{
    display:flex;
    flex-direction:column;
    gap:.7rem;
}
.history_today_item{
    position:relative;
    display:flex;
    align-items:center;
    gap:.9rem;
    padding:.9rem;
    background:var(--under-background);
    border:1px solid var(--O);
    border-radius:1rem;
    text-decoration:none;
    transition:.25s;
}
.history_today_item:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
    transform:translateY(-2px);
}
.history_year{
    flex-shrink:0;
    width:4rem;
    text-align:center;
}
.history_year .num{
    display:block;
    font-size:1.35rem;
    line-height:1;
    font-weight:700;
    color:var(--theme);
    transition:.25s;
}
.history_year .txt{
    display:block;
    margin-top:.2rem;
    font-size:.65rem;
    color:var(--B);
    letter-spacing:.05em;
}
.history_content{
    flex:1;
    min-width:0;
}
.history_content h4{
    margin:0;
    color:var(--main);
    font-size:.92rem;
    line-height:1.6;
    font-weight:600;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.history_tag{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    margin-top:.45rem;
    padding:.3rem .55rem;
    border-radius:999px;
    background:var(--P);
    color:var(--B);
    font-size:.72rem;
    line-height:1;
}
.history_today_item:hover .history_year .num{
    transform:scale(1.08);
}
.history_today_item:hover .history_content h4{
    color:var(--theme);
}















/* （大）推荐文章 */
.cat_recommend_list{
	display: flex;
    gap: .9rem;
    padding: .8rem;
    margin-bottom: .6rem;
    text-decoration: none;
    background: var(--under-background);
    border: 1px solid var(--O);
    border-radius: 1rem;
    transition: .25s;
    align-items: center;
}
.cat_recommend_list:last-child{
    margin-bottom:0;
}
.cat_recommend_list:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
    transform:translateY(-2px);
}
.cat_recommend_list .left{
    flex-shrink:0;
}
.cat_recommend_list .num{
    width:2rem;
    height:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:.7rem;
    background:var(--P);
    color:var(--B);
    font-size:.9rem;
    font-weight:700;
    transition:.25s;
}
.cat_recommend_list:nth-child(1) .num{
    background:var(--theme);
    color:#fff;
}
.cat_recommend_list:nth-child(2) .num{
    background:var(--theme-30);
    color:var(--theme);
}
.cat_recommend_list:nth-child(3) .num{
    background:var(--theme-10);
    color:var(--theme);
}
.cat_recommend_list .right{
    flex:1;
    min-width:0;
}
.cat_recommend_list .name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:var(--main);
    font-size:.88rem;
    line-height:1.6;
    transition:.25s;
}
.cat_recommend_list:hover .name{
    color:var(--theme);
}
.cat_recommend_list:hover .num{
    transform:scale(1.08);
}





/* （大）侧栏日历 */
table.calendar{
    width:100%;
    border-collapse:collapse;
    color:var(--main);
}
table.calendar tr{
    display:flex;
    gap:.2rem;
    margin-bottom:.2rem;
}
table.calendar th{
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--theme);
    padding: .4rem 0;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.6rem;
}
table.calendar td{
    flex:1 1 0;
    min-width:0;
    height:3rem;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:.7rem;
    background:var(--under-background);
    transition:.2s;
    overflow:hidden;
    cursor:default;
}
table.calendar td:not(.x):hover{
    background:var(--theme-10);
    transform:translateY(-2px);
}
table.calendar td.today:hover{
    background:var(--theme);
}
table.calendar td.x{
    background:none;
}
table.calendar .daynum{
    font-size:.9rem;
    font-weight:600;
    line-height:1;
    letter-spacing:0;
}
table.calendar td a{
    color:var(--theme);
    text-decoration:none;
}
table.calendar td .havepost{
    position:absolute;
    top:.35rem;
    right:.35rem;
    width:.35rem;
    height:.35rem;
    border-radius:50%;
    background:var(--theme);
    box-shadow:0 0 .5rem var(--theme-40);
}
table.calendar td.today{
    background:var(--theme);
    color:#fff;
}
table.calendar td.today a{
    color:#fff;
}
table.calendar td.today .havepost{
    background:#fff;
    box-shadow:none;
}
table.calendar td:after{
    display:block;
    font-size:.55rem;
    line-height:1;
    margin-top:.15rem;
    color:var(--B);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
}
table.calendar td.today:after{
    content:"今天";
    color:rgba(255,255,255,.85);
}
table.calendar tr td[rel='01-01']:after{content:"元旦";}
table.calendar tr td[rel='01-10']:after{content:"警察节";}
table.calendar tr td[rel='02-14']:after{content:"情人节";}
table.calendar tr td[rel='03-05']:after{content:"学雷锋";}
table.calendar tr td[rel='03-08']:after{content:"妇女节";}
table.calendar tr td[rel='03-12']:after{content:"植树节";}
table.calendar tr td[rel='03-15']:after{content:"消费日";}
table.calendar tr td[rel='04-01']:after{content:"愚人节";}
table.calendar tr td[rel='04-15']:after{content:"国安日";}
table.calendar tr td[rel='04-22']: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='05-12']:after{content:"护士节";}
table.calendar tr td[rel='05-18']:after{content:"博物馆";}
table.calendar tr td[rel='06-01']:after{content:"儿童节";}
table.calendar tr td[rel='06-05']:after{content:"环境日";}
table.calendar tr td[rel='06-26']: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='08-19']:after{content:"医师节";}
table.calendar tr td[rel='09-03']:after{content:"抗战胜";}
table.calendar tr td[rel='09-10']:after{content:"教师节";}
table.calendar tr td[rel='09-18']:after{content:"九一八";}
table.calendar tr td[rel='10-01']:after{content:"国庆节";}
table.calendar tr td[rel='10-24']:after{content:"程序员";}
table.calendar tr td[rel='10-31']:after{content:"万圣夜";}
table.calendar tr td[rel='11-08']:after{content:"记者节";}
table.calendar tr td[rel='11-11']:after{content:"光棍节";}
table.calendar tr td[rel='12-04']:after{content:"宪法日";}
table.calendar tr td[rel='12-24']:after{content:"平安夜";}
table.calendar tr td[rel='12-25']:after{content:"圣诞节";}

/* （大）侧栏搜索 */
.cat_aside_search .search{
    width:100%;
    margin:0;
}
.cat_aside_search .search .text{
    width:100%;
    height:2.6rem;
    padding:0 .9rem;
    box-sizing:border-box;
    background: var(--O);
    border:1px solid var(--O);
    border-radius:.8rem;
    color:var(--C);
    outline:none;
    transition:.25s;
}
.cat_aside_search .search .text::placeholder{
    color:var(--B);
}
.cat_aside_search .search .text:hover{
    border-color:var(--theme-30);
}
.cat_aside_search .search .text:focus{
    border-color:var(--theme-30);
    box-shadow:0 0 0 3px var(--theme-10);
}
.cat_aside_search .search_foot{
    margin-top:1rem;
}
.cat_aside_search .search_foot ul{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:.8rem;
    margin:0;
    padding:0;
    list-style:none;
}
.cat_aside_search .search_foot ul:before{
    content:'';
    position:absolute;
    left:.55rem;
    top:.7rem;
    bottom:.7rem;
    width:2px;
    border-radius:99px;
    background:var(--theme-10);
}
.cat_aside_search .search_foot li{
    position:relative;
    padding-left:1.7rem;
}
.cat_aside_search .search_foot li:before{
    content:'';
    position:absolute;
    left:.2rem;
    top:.35rem;
    width:.7rem;
    height:.7rem;
    border-radius:50%;
    background:#fff;
    border:2px solid var(--theme-30);
    box-sizing:border-box;
    z-index:1;
}
.cat_aside_search .search_foot li time{
    display:block;
    margin-bottom:.35rem;
    font-size:.72rem;
    color:var(--B);
}
.cat_aside_search .search_foot li span{
    display: inline-flex;
    padding: .65rem .8rem;
    background: var(--under-background);
    border: 1px solid var(--O);
    border-radius: .9rem;
    color: var(--C);
    font-size: .85rem;
    line-height: 1.65;
    transition: .25s;
    cursor: pointer;
    gap: 0.5rem;
}
.cat_aside_search .search_foot li:hover span{
    background:var(--theme-10);
    border-color:var(--theme-30);
    color:var(--main);
}



/* （大）侧栏目录 */
#post_menu{
    max-height:30rem;
    overflow-y:auto;
    padding:.3rem;
}
#post_menu::-webkit-scrollbar{
    width:3px;
}
#post_menu::-webkit-scrollbar-thumb{
    background:var(--theme-30);
    border-radius:10px;
}
.post_menu_item{
    position:relative;
    margin:.35rem 0;
}
.post_menu_text{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.65rem .8rem;
    color:var(--main);
    background:var(--under-background);
    border:1px solid var(--O);
    border-radius:.8rem;
    cursor:pointer;
    font-size:.88rem;
    font-weight:600;
    line-height:1.5;
    transition:.25s;
}
.post_menu_text:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
    color:var(--theme);
    transform:translateX(.2rem);
}
.post_menu_dot{
    width:.45rem;
    height:.45rem;
    flex-shrink:0;
    border-radius:50%;
    background:var(--theme-30);
    transition:.25s;
}
.post_menu_text:hover .post_menu_dot{
    background:var(--theme);
    transform:scale(1.3);
}
.post_menu_level_1>.post_menu_text .post_menu_dot{
    background:var(--theme);
}
.post_menu_children{
    position:relative;
    margin-left:1rem;
    padding-left:1rem;
}
.post_menu_children:before{
    content:"";
    position:absolute;
    left:.25rem;
    top:0;
    bottom:.5rem;
    width:1px;
    background:var(--O);
}
.post_menu_children .post_menu_text{
    background:transparent;
    border-color:transparent;
}
.post_menu_children .post_menu_text:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
}
article span[id^='menu']{
    position:absolute;
    scroll-margin-top:6rem;
}
/* 滚动监听高亮 */
.post_menu_text.active{
    background:var(--theme-30);
    border-color:var(--theme-30);
    transform:translateX(.2rem);
}
.post_menu_text.active .post_menu_dot{
    background:#fff;
    transform:scale(1.3);
}
.post_menu_children .post_menu_text.active{
    background:var(--theme-30);
    border-color:var(--theme-30);
}















/* （小）侧栏音乐小卡片 */
.aside_music.little_card_flex{
    padding:0;
}



/* （右）音乐侧栏 */
.music_menu_block .menu_top_title{
    display:flex;
}
.music_mode{
    display:flex;
    gap:.75rem;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:var(--margin) 0;
    padding:0 .75rem;
    z-index: 1;
}
.music_mode span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:2.6rem;
    height:2.6rem;
    background:var(--under-background);
    border:1px solid var(--O);
    border-radius:.9rem;
    cursor:pointer;
    transition:.25s;
}
.music_mode span:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
    color:var(--main);
    transform:translateY(-2px);
}
.music_mode span svg{
    fill:currentColor;
    color:var(--C);
    width:1.2rem;
    height:1.2rem;
}
.music_mode .music_mode_stop{
    display:none;
}
.music_mode .music_playmode_random,
.music_mode .music_playmode_radio{
    display:none;
}
.music_asidebar_title {
    padding-left: 1.5rem;
    color: var(--main);
    font-size: 1.25rem;
    font-weight: bold;
    width: 12rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.music_asidebar_author {
	padding-left: 1.5rem;
    color: var(--B);
    font-size: 0.8rem;
    line-height: 1.2rem;
    backdrop-filter: blur(1px);
    border-radius: 1rem;
    width: 9rem;
}
.music_asidebar_time {
	display: none;
	position: absolute;
    left: 0;
    bottom: 0.5rem;
    font-weight: bold;
    padding: 0.2rem;
    font-size: 0.75rem;
    border-radius: 0.2rem;
    padding-left: 1.5rem;
    color: var(--A);
}
.music_asidebar_wordstips{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--B);
    text-align: center;
}

aside .music_card{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    position:fixed;
    right:var(--margin);
    bottom:-10rem;
    z-index:10;
    width:18rem;
    padding:.75rem .9rem;
    background:var(--background);
    border:1px solid var(--O);
    border-radius:1rem;
    box-shadow:var(--box-shadow);
    transition:.3s;
}
/* ？？？ */
aside .music_card .left,
aside .music_card .right{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:3rem;
}

aside .music_card .middle{
    flex:1;
    min-width:0;
    font-size:.95rem;
    color:var(--main);
    font-weight:600;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
/* 音乐左上角小弹窗 */
.right_music_info{
    position:fixed;
    left:0;
    top:1rem;
    z-index:999;
    display:flex;
    align-items:center;
    gap:.6rem;
    height:2.8rem;
    padding: 0.3rem 0.5rem;
    background: var(--under-background);
    border: 1px solid var(--O);
    border-left: none;
    border-radius: 0 1.5rem 1.5rem 0;
    color:var(--C);
    box-shadow:var(--box-shadow);
    transition:.25s;
    cursor:pointer;
    transform:translate(-100%,0);
    -webkit-transform:translate(-100%,0);
}
.right_music_info:hover{
    border-color:var(--theme-30);
    color:var(--main);
}
.right_music_info_all{
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
}
.right_music_info_half{
    transform:translate(calc(-100% + 2.8rem),0);
    -webkit-transform:translate(calc(-100% + 2.8rem),0);
}
@media (max-width:650px){
    .right_music_info{
        top:5rem;
    }
}
.right_music_name{
    font-size:.9rem;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:.25rem;
    white-space:nowrap;
    font-weight: 600;
}
.music_mode_stop_anniu{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.music_mode_stop_anniu img{
    width:1.8rem;
    height:1.8rem;
    padding:0;
    border-radius:50%;
    animation:rotation 10s linear infinite;
    box-shadow:var(--box-shadow);
}
.music_mode_stop_anniu:hover .music_mode_stop_cover{
    opacity:1;
}
.music_mode_stop_cover{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    background:rgb(0 0 0 / 45%);
    border-radius:50%;
    width:1.8rem;
    height:1.8rem;
    transition:.25s;
    opacity:0;
}
.music_mode_stop_anniu svg{
    fill:#fff;
}
.music_menu_block{
    display:flex;
    position:fixed;
    right:-20rem;
    top:0;
    bottom:0;
    z-index:999;
    width:20rem;
    max-width:80vw;
    height:100%;
    padding:0;
    justify-content:flex-start;
    flex-direction:column;
    background:var(--background);
    border-left:1px solid var(--O);
    box-shadow:var(--box-shadow);
    transition:.25s;
}
.music_menu_list{
    padding:.75rem;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
}
.music_menu_list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:.8rem;
    margin-bottom:.5rem;
    background:var(--under-background);
    border:1px solid var(--O);
    border-radius:.9rem;
    color:var(--C);
    cursor:pointer;
    transition:.25s;
}
.music_menu_list li:hover{
    background:var(--theme-10);
    border-color:var(--theme-30);
    color:var(--main);
    transform:translateX(3px);
}
.music_menu_list li .name{
    display:flex;
    gap:.75rem;
    align-items:center;
    min-width:0;
}
.music_menu_list li .name .avatar{
    width:2.5rem;
    height:2.5rem;
    border-radius:.75rem;
    object-fit:cover;
    transition:.25s;
}
.music_menu_list li:hover .avatar{
    transform:scale(1.05);
}
.music_menu_list li .name .title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-width:12rem;
    line-height:1.5;
    font-size:.9rem;
}
.music_menu_list li .author{
    font-size:.8rem;
    color:var(--B);
    text-align:end;
}
#music_progress[type="range"] {
	-webkit-appearance: none;
    padding: 0;
	width: 100%;
	height: 2px;
    min-height: 0;
	border-radius: 4px;
	outline: none;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}
#music_progress[type="range"]::-webkit-slider-runnable-track{
    height:4px;
    border-radius:99px;
    background:var(--under-background);
    border:1px solid var(--O);
}
#music_progress[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	background: transparent;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzUwMzk1NTA3MjMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg5NTkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTAgNTUybS0zMDIgMGEzMDIgMzAyIDAgMSAwIDYwNCAwIDMwMiAzMDIgMCAxIDAtNjA0IDBaIiBmaWxsPSIjRkZDQjI0IiBwLWlkPSI4OTYwIj48L3BhdGg+PHBhdGggZD0iTTQ5Ny41OCA3MTFjLTMyLjA1IDAtNjIuNDgtOS4yNy04NS42OS0yNi4xLTI1LjI1LTE4LjMyLTM5LjczLTQ0LjQ3LTM5LjczLTcxLjc1czE0LjQ4LTUzLjQzIDM5LjczLTcxLjc1YzIzLjItMTYuODMgNTMuNjMtMjYuMSA4NS42OS0yNi4xIDEzLjgxIDAgMjUgMTEuMTkgMjUgMjVzLTExLjE5IDI1LTI1IDI1Yy0yMS4yOCAwLTQxLjgxIDYuMDQtNTYuMzIgMTYuNTctNy4xMyA1LjE3LTE5LjA5IDE2LjEyLTE5LjA5IDMxLjI4czExLjk2IDI2LjExIDE5LjA5IDMxLjI4YzE0LjUyIDEwLjUzIDM1LjA1IDE2LjU3IDU2LjMyIDE2LjU3czQxLjgxLTYuMDQgNTYuMzItMTYuNTdjNy4xMy01LjE3IDE5LjA5LTE2LjEyIDE5LjA5LTMxLjI4di0zNzQuN2E2MS4xNiA2MS4xNiAwIDAgMSAyNy4zMS01MWMxNy4wNi0xMS4zNiAzOC41Mi0xMy40NCA1Ny40MS01LjU2IDMyLjQ2IDEzLjU1IDY1LjQgMzIuMzQgOTcuOTIgNTUuODUgMTEuMTkgOC4wOSAxMy43IDIzLjcyIDUuNjEgMzQuOTFzLTIzLjcyIDEzLjctMzQuOTEgNS42MWMtMjkuNDEtMjEuMjYtNTguOTgtMzguMTYtODcuODktNTAuMjItNC43Ni0xLjk4LTguNTgtMC4yMS0xMC40MyAxLjAyLTEuODggMS4yNS01LjA0IDQuMTQtNS4wNCA5LjM5djM3NC42OWMwIDI3LjI4LTE0LjQ4IDUzLjQzLTM5LjczIDcxLjc1LTIzLjIgMTYuODMtNTMuNjMgMjYuMS04NS42OSAyNi4xeiIgZmlsbD0iIzMzMzMzMyIgcC1pZD0iODk2MSI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
	margin-top: -6px;
}
#music_progress[type="range"]::-moz-range-track{
    height:4px;
    border-radius:99px;
    background:var(--under-background);
    border:1px solid var(--O);
}
#music_progress[type="range"]::-moz-range-thumb {
	width: 16px;
	height: 16px;
	background: transparent;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzUwMzk1NTA3MjMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg5NTkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MTAgNTUybS0zMDIgMGEzMDIgMzAyIDAgMSAwIDYwNCAwIDMwMiAzMDIgMCAxIDAtNjA0IDBaIiBmaWxsPSIjRkZDQjI0IiBwLWlkPSI4OTYwIj48L3BhdGg+PHBhdGggZD0iTTQ5Ny41OCA3MTFjLTMyLjA1IDAtNjIuNDgtOS4yNy04NS42OS0yNi4xLTI1LjI1LTE4LjMyLTM5LjczLTQ0LjQ3LTM5LjczLTcxLjc1czE0LjQ4LTUzLjQzIDM5LjczLTcxLjc1YzIzLjItMTYuODMgNTMuNjMtMjYuMSA4NS42OS0yNi4xIDEzLjgxIDAgMjUgMTEuMTkgMjUgMjVzLTExLjE5IDI1LTI1IDI1Yy0yMS4yOCAwLTQxLjgxIDYuMDQtNTYuMzIgMTYuNTctNy4xMyA1LjE3LTE5LjA5IDE2LjEyLTE5LjA5IDMxLjI4czExLjk2IDI2LjExIDE5LjA5IDMxLjI4YzE0LjUyIDEwLjUzIDM1LjA1IDE2LjU3IDU2LjMyIDE2LjU3czQxLjgxLTYuMDQgNTYuMzItMTYuNTdjNy4xMy01LjE3IDE5LjA5LTE2LjEyIDE5LjA5LTMxLjI4di0zNzQuN2E2MS4xNiA2MS4xNiAwIDAgMSAyNy4zMS01MWMxNy4wNi0xMS4zNiAzOC41Mi0xMy40NCA1Ny40MS01LjU2IDMyLjQ2IDEzLjU1IDY1LjQgMzIuMzQgOTcuOTIgNTUuODUgMTEuMTkgOC4wOSAxMy43IDIzLjcyIDUuNjEgMzQuOTFzLTIzLjcyIDEzLjctMzQuOTEgNS42MWMtMjkuNDEtMjEuMjYtNTguOTgtMzguMTYtODcuODktNTAuMjItNC43Ni0xLjk4LTguNTgtMC4yMS0xMC40MyAxLjAyLTEuODggMS4yNS01LjA0IDQuMTQtNS4wNCA5LjM5djM3NC42OWMwIDI3LjI4LTE0LjQ4IDUzLjQzLTM5LjczIDcxLjc1LTIzLjIgMTYuODMtNTMuNjMgMjYuMS04NS42OSAyNi4xeiIgZmlsbD0iIzMzMzMzMyIgcC1pZD0iODk2MSI+PC9wYXRoPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	cursor: pointer;
}