/*
Theme Name: Cherry
Theme URI: http://www.huitheme.com
Description: Designed for writing, named after cherry.
Author: Crazy uncle
Author URI: http://www.huitheme.com
Version: 1.7
*/
@charset "UTF-8";
body{font-family:Songti SC,SimSun,sans-serif;color:#333;font-size:14px;}
p{margin-top:0;margin-bottom:10px;}
ol,
ul,
dl{padding:0;margin:0;list-style:none;}
a{color:#333;text-decoration:none;background-color:transparent;}
a:hover{color:#333;text-decoration:none;}
*:focus,
textarea:focus,
button:focus,
input:focus{box-shadow:none;outline:0}
img{border:0;max-width:100%;height:auto;}
html::-webkit-scrollbar{width:5px;background:#fff;}
html::-webkit-scrollbar-thumb{background:#222;}
html.dark::-webkit-scrollbar{width:5px;background:#212121;}
html.dark::-webkit-scrollbar-thumb{background:#333;}
#wp-admin-bar-wp-logo{display:none!important}
.show_m{-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.f300{font-weight:300}
@media (min-width:1200px){
    .container{max-width:1260px;}
}

/*drak*/
.dark body{background:#191919;color:#c9c9c9;}
.dark a{color:#c9c9c9;}
.dark img{filter:brightness(80%);}
.dark .post-loop{background:#191919;}
.dark .footer{background:#191919;}
.dark .post-loop .post-box{background:#212121;}
.dark .no-more{color:#191919;}
.dark .post_list .post_loop_more a{background:#2a2a2a;border:1px solid #2a2a2a;color:#888;}
.dark .post_list .post_beici{color:#555c;}
.dark .post_list .post_loop_more a:last-child{background:#2a2a2a;color:#888;}
.dark .spinner .spinner-grow{color:#4d4d4d;}
.dark .post-loop .post-box .mod-archive-list{border-left:2px solid #2b2b2b;}
.dark .wznrys blockquote{border:2px solid #323232;}
.dark #comments form.comment-form .comment-form-comment textarea{background:#272727;color:#7b7b7b;}
.dark #comments form.comment-form p input{background-color:#272727;color:#7b7b7b;}
.dark .theme-switch i{color:#eed215;}
.dark .sidebar_box{background:#191919;}
.dark .author_show_box{background:#242424;}
.dark .author_post{border-top:1px solid #1f1f1f;}
.dark .widget{background:#242424;}
.dark .widget-title:after{background:#1e1f1f;}
.dark .widget_nav_menu .menu li a{background:#323232;}
.dark .widget_search #s{background:#323232;}
.dark .widget_hot_tags .tagcloud a{background:#323232;}
.dark .widget_comment_ul li{border-bottom:1px solid #292929;}
.dark .widget_hot_tags .tagcloud a.hot:before{border:3px solid #242424;}
.dark .post_go{border:2px solid var(--bs-main);}
.dark .js-toc li{border-right:3px solid #353535;}
.dark .js-toc li a{color:#888888;}

/*head*/
.headbox{background:var(--bs-main);position:sticky;top:0px;z-index:3;padding-top:30px;}
@keyframes wrapper-gradient{
    0%{transform:translateY(-100%);}
    100%{transform:translateY(0);}
}
@keyframes img-gradient{
    0%{transform:translateY(100%);}
    100%{transform:translateY(0);}
}
.fixednav{z-index:5;top:-30px;animation:wrapper-gradient 0.3s linear;}
.nei_top{background:var(--bs-main);height:150px;}

/*head_top*/
.head_top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 0px;}
.head_top .logo{font-size:20px;margin-bottom:0px;color:#fff;text-transform:uppercase;font-weight:bold;display:flex;align-items:center;font-family:PingFang SC,Microsoft YaHei;}
.head_top .logo:hover{color:#fff;}
.head_top .logo img{height:30px;margin-right:12px;}
.head_top .logo b{}
.head_top .top_right{display:flex;align-items:center;}
.head_top .top_icon{margin-right:-10px;display:flex;}
.head_top .top_icon .top_icon_btn{color:#fff;background:none;border:none;cursor:pointer;padding:8px 15px;}
.head_top .top_icon .top_icon_btn i{}
.head_top .top_icon .top_icon_btn:hover{background:#0000001a;}

/*nav*/
.header-menu{margin-right:20px;}
.header-menu .header-menu-ul{font-size:0px;}
.header-menu .header-menu-ul li{display:inline-block;position:relative;}
.header-menu .header-menu-ul li:hover{background:#ffffff24;}
.header-menu .header-menu-ul li a{padding:10px 18px;display:block;font-size:12px;color:#fff;}
.header-menu .header-menu-ul li .sub-menu{display:none;position:absolute;top:38px;background:#fff;width:200px;box-shadow:0 1px 2px #00000036;z-index:5;padding:10px 15px 8px 15px;}
.header-menu .header-menu-ul li .sub-menu li{width:100%;}
.header-menu .header-menu-ul li .sub-menu li a{font-size:12px;color:#333;padding:8px 0px 8px 6px;}
.header-menu .header-menu-ul li .sub-menu li a:after{display:none}
.header-menu .header-menu-ul li .sub-menu li a:hover{color:#c62641;text-indent:5px;transition:.2s;}
.header-menu .header-menu-ul li .sub-menu li:hover{background:none;}
.header-menu .header-menu-ul li .sub-menu .sub-menu{position:absolute;left:200px;top:0px;}
.header-menu .header-menu-ul li.menu-item-has-children>a:after{content:'\F282';font-family:'bootstrap-icons';margin-left:5px;font-size:12px;transform:scale(0.7);display:block;position:absolute;right:3px;top:10px;}
.header-menu .header-menu-ul li .sub-menu .menu-item-has-children a:after{content:'\F282';font-family:'bootstrap-icons';display:block;float:right;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.header-menu .header-menu-ul li.current-menu-item,
.header-menu .header-menu-ul li.current-menu-parent,
.header-menu .header-menu-ul li.current-menu-ancestor{background:#00000014;}
@media (max-width:992px){
    .header-menu{display:none;}
}

/*index banner left*/
#banner{background:var(--bs-main);position:sticky;top:98px;padding:0px 0px 150px 0px;}
#banner .carousel-indicators{bottom:220px;margin-bottom:0px;}
#banner .carousel-indicators button{width:13px;height:13px;border-radius:50%;margin:0px 6px;}
#banner .carousel-control-prev,
#banner .carousel-control-next{opacity:0;}
#banner .carousel-control-prev i,
#banner .carousel-control-next i{font-size:18em;transition:all 0.6s ease;color:#0000000d;}
#banner:hover .carousel-control-prev{opacity:1;}
#banner:hover .carousel-control-next{opacity:1;}
.banner_loop{padding:150px 0px 120px 0px;text-align:center;color:#fff;position:relative;margin:60px 0px 60px 0px;}
.banner_loop .beici{position:absolute;font-size:26rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;color:rgba(0,0,0,.1);font-weight:bolder;}
.post_list .center{left:0px!important;right:0px;}
.banner_loop h2{font-size:3.6rem;margin-bottom:2rem;position:relative;z-index:1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;}
.banner_loop h2 a{color:#fff;}
.banner_loop h2 a:hover{}
.banner_loop .banner_loop_info{position:relative;z-index:1;}
.banner_loop .banner_loop_info span{position:relative;padding:0px 20px;font-size:16px;}
.banner_loop .banner_loop_info span a{color:#fff;padding-bottom:4px;}
.banner_loop .banner_loop_info span a:hover{border-bottom:1px solid #fff;}
@media (max-width:768px){
    #banner{top:90px;}
    #banner .carousel-indicators{display:flex;justify-content:center;right:0;left:0;bottom:8px;}
    .banner_loop h2{font-size:2.2rem;display:inline-block;line-height:1.5;}
    .banner_loop .banner_loop_info span{font-size:14px;padding:0px 10px;}
    #banner .carousel-control-prev,
    #banner .carousel-control-next{display:none;}
}

/*index_post_loop*/
.post-loop{z-index:4;background-color:#fff;position:relative;background-image:url(assets/img/xt.svg);background-attachment:fixed;}
.post-loop .post-box{background:#fff;box-shadow:0 30px 50px 0 #01010126;padding:100px 200px;top:-120px;position:relative;}
.post-box .post-box-txt{margin-bottom:100px;}
.post-box .post-box-txt img{margin:0px auto 30px auto;display:block;border-radius:50%;}
.post-box .post-box-txt .latest_post{text-align:center;padding-bottom:20px;position:relative;font-size:24px;font-weight:300;letter-spacing:3px;margin-bottom:30px;}
.post-box .post-box-txt .latest_post:after{content:"";position:absolute;width:50px;height:1px;background:rgba(51,51,51,0.2);bottom:0px;left:calc(50% - 25px);}
.post-box .post-box-txt p{line-height:1.8;color:#666;margin-bottom:0px;font-size:18px;font-weight:300;text-align:justify;}
.post-loop .post-box .post_loop{}
.post_list{margin-bottom:180px;position:relative;}
.post_list:last-child{margin-bottom:100px;}
.post_list .post_beici{position:absolute;font-size:14em;font-weight:bolder;opacity:0.1;left:-70px;top:-100px;margin:0px;}
.post_list h2{margin-bottom:20px;font-size:36px;line-height:1.4;position:relative;font-weight:bold;}
.post_list h1{margin-bottom:20px;font-size:40px;line-height:1.4;font-weight:bold;}
.post_list .post_loop_info{margin-bottom:30px;color:#888888;position:relative;}
.post_list .post_loop_info span{font-weight:300;position:relative;padding-right:30px;}
.post_list .post_loop_info span a{color:#888888;padding-bottom:3px;}
.post_list .post_loop_info span a:hover{border-bottom:1px solid #333;}
.post_list .post_loop_info span:before{position:absolute;content:"/";right:12px;color:#ccc;}
.post_list .post_loop_info span:last-child:before{display:none;}
.post_list p{font-size:16px;font-weight:300;line-height:2;color:#4d4d4d;margin-bottom:40px;}
.post_list .post_loop_more{position:relative;}
.post_list .post_loop_more a{background:var(--bs-main);color:#fff;padding:13px 40px;margin-right:15px;display:inline-block;border:1px solid var(--bs-main);font-size:12px;}
.post_list .post_loop_more a:hover{}
.post_list .post_loop_more a i{margin-right:5px;}
.post_list .post_loop_more a:last-child{background:none;color:var(--bs-main);}
.post_loop_img{margin-bottom:30px;}
.post_loop_img a{display:block;position:relative;}
.post_loop_img a:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#00000052;opacity:0;transition:opacity .5s ease-in-out;}
.post_loop_img a:hover:after{opacity:1;}
.post_loop_img a img{}
.post-loop .post-box .mod-archive-name{font-size:36px;margin-bottom:40px;font-weight:bold;}
.post-loop .post-box .mod-archive-name small{font-size:16px;margin-left:10px;color:#888;}
.post-loop .post-box .mod-archive-list{border-left:2px solid #f0f0f0;margin-left:20px;margin-bottom:50px;padding-left:30px;}
.post-loop .post-box .mod-archive-list li{font-size:18px;margin-bottom:25px;display:flex;}
.post-loop .post-box .mod-archive-list li time{}
.post-loop .post-box .mod-archive-list li a{transition:all 0.3s ease;}
.post-loop .post-box .mod-archive-list li a:hover{padding-left:15px;}
@media (max-width:768px){
    .post-loop .post-box{padding:40px 25px;}
    .post-loop .post-box .latest_post{margin-bottom:50px;}
    .post-loop .post-box .post_loop .post_list{margin-bottom:120px;}
    .post-loop .post-box .post_loop .post_list .post_beici{display:none;}
    .post-loop .post-box .post_loop .post_list h2{font-size:24px;}
    .post-loop .post-box .post_loop .post_list p{font-size:14px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
    .post-loop .post-box .post_loop .post_list .post_loop_more{display:none;}
    .post-loop .post-box .mod-archive-list{margin-left:0px;padding-left:25px;}
}
.spinner{text-align:center;display:block;}
.spinner .spinner-grow{width:3rem;height:3rem;color:var(--bs-main);}
.no-more{opacity:0;text-align:center;color:#eaeaea;font-weight:300;font-size:30px;letter-spacing:8px;}

/*footer*/
.footer{background:#fff;position:relative;z-index:5;padding-bottom:50px;text-align:center;background-image:url(assets/img/xt.svg);background-attachment:fixed;}
.footer h3{font-size:26px;color:#383838;margin-bottom:15px;text-transform:uppercase;font-weight:bold;}
.footer p{color:#9f9f9f;margin-bottom:5px;line-height:2;font-weight:300;}
.footer p a{color:#7a7a7a;}

/*single*/
.post_head_title{margin-bottom:70px;}
.post_tag{margin:50px 0px 100px 0px;}
.post_tag a{background:var(--bs-main);display:inline-block;margin-right:10px;padding:6px 25px;font-size:14px;color:#fff;margin-bottom: 10px;}
.post-author{margin-bottom:120px;}
.post_about_author{text-align:center;position:relative;font-size:20px;font-weight:300;letter-spacing:3px;padding-bottom:20px;margin-bottom:60px;font-weight:bold;}
.post_about_author:after{content:"";position:absolute;width:50px;height:1px;background:rgba(51,51,51,0.2);bottom:0px;left:calc(50% - 25px);}
.post_author{display:flex;}
.post_author img{margin-right:40px;border-radius:50%;width:80px;height:80px;}
.post_author .author_txt{}
.post_author .author_txt h4{font-size:20px;margin-bottom:15px;padding-top:8px;font-weight:bold;}
.post_author .author_txt p{margin-bottom:30px;font-weight:300;font-size:16px;line-height:1.8;}
.post_author .author_txt a{display:inline-block;background:var(--bs-main);color:#fff;padding:8px 40px;font-weight:300;}
.post_author .author_txt a:hover{box-shadow:0 10px 20px 0 #01010126;transition:.6s;}
.post-comment{}
.post-related{padding-bottom:100px;}
.post_related_list{margin-bottom:30px;}
.post_related_list a img{margin-bottom:20px;}
.post_related_list a h2{font-size:18px;line-height:1.4;margin-bottom:0px;text-align:center;}
.post_related_list a{display:block;}
@media (max-width:768px){
    .post_author{display:flex;flex-direction:column;align-items:center;}
    .post_author img{margin:0px 0px 20px 0px;}
    .post_author .author_txt{text-align:center;}
    .post_tag{text-align:center;}
    .post_tag a{margin:0px 5px;}
    .post_related_list a h2{font-size:14px;}
}

/*zw*/
.wznrys{font-size:18px;text-align:justify;}
.wznrys hr{height:20px;border:none;position:relative;padding:0px;margin:10px 0px 25px 0px;}
.wznrys hr:after{content:"";width:100%;height:1px;background-color:#e2e2e2;position:absolute;top:10px;z-index:1;}
.wznrys hr:before{content:"";position:absolute;width:8px;height:8px;background-color:#ababab;left:50%;top:50%;transform:rotate(45deg);z-index:2;margin-top:-4px;margin-left:-4px;}
.wznrys .post-image{padding-bottom:20px}
.wznrys p{line-height:2;padding-bottom:20px;margin-bottom:0;margin-top:0;}
.wznrys h1,
.wznrys h2,
.wznrys h3,
.wznrys h4,
.wznrys h5,
.wznrys h6{margin-bottom:25px;margin-top:0px;line-height:30px;font-weight:bold;}
.wznrys h1{font-size:22px;}
.wznrys h2{font-size:20px;}
.wznrys h3{font-size:18px;}
.wznrys h4{font-size:16px;}
.wznrys h5{font-size:14px;}
.wznrys h6{font-size:14px;}
.wznrys ol,
.wznrys ul{margin-bottom:30px;list-style:disc;}
.wznrys ol li,
.wznrys ul li{margin-left:24px;margin-bottom:12px;line-height:2;}
.wznrys ol li a,
.wznrys ul li a{border-bottom:1px solid #3ca5f6;color:#3ca5f6;}
.wznrys p img{max-width:100%;height:auto}
.wznrys blockquote{position:relative;border:2px solid rgba(0,0,0,.1);padding:45px 30px 40px 30px;margin:40px 0px;}
.wznrys blockquote:before{content:"\F6B0";font-family:'bootstrap-icons';background:var(--bs-main);position:absolute;top:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;color:#fff;left:calc(50% - 20px);}
.wznrys blockquote p{padding:0px 0px 5px 0px;font-weight:bold;font-size:18px;font-style:inherit;}
.wznrys blockquote cite{padding-bottom:0px;display:flex;font-size:16px;font-style:inherit;color:#777;}
.wznrys .aligncenter{clear:both;display:block;margin:0 auto;}
.wznrys .alignright{float:right;margin:25px 0px 10px 20px;}
.wznrys .alignleft{float:left;margin:25px 20px 10px 0px;}
.wznrys .wp-caption{max-width:100%;}
.wznrys .wp-caption p.wp-caption-text{text-align:center;padding-bottom:0px;margin-bottom:25px;font-size:12px;color:#888;font-weight:300;}
.wznrys p a{border-bottom:1px solid var(--bs-main);color:var(--bs-main);margin:0 4px}
.wznrys strong{font-weight:bold;}
.wznrys .crayon-table tr:nth-child(odd){background:none;}
.wznrys .wp-block-image{margin-bottom:30px;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure{border:none!important;}
.wznrys figure.wp-block-video video{width:100%;}
.wznrys figcaption{font-size:12px;font-weight:300;margin:15px 0px!important;text-align:center;}
.wznrys .wp-block-gallery figcaption{margin:0!important;}
.wznrys .wp-block-table{}
.wznrys .wp-block-table table{border:1px solid #e9e9e9;font-size:14px;margin-bottom:20px;border-right:none;border-bottom:none;}
.wznrys .wp-block-table table{}
.wznrys .wp-block-table table tr{border-bottom:1px solid #e7e7e7;}
.wznrys .wp-block-table table tr td,
.wznrys .wp-block-table table tr th{padding:12px 20px;border-right:1px solid #e7e7e7;}
.wznrys .wp-block-audio{margin-bottom:40px;}
.wznrys .wp-block-cover{margin-bottom:40px;}
.wznrys .wp-block-cover .wp-block-cover__inner-container{margin:0px 10%;}
.wznrys .wp-block-search{margin-bottom:30px;}
.wznrys .wp-block-search .wp-block-search__label{display:none;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper{background:#ebe9e9;padding:15px 20px;border-radius:5px;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:#fff;border:none;border-radius:10px 0px 0px 10px;text-indent:15px;color:#a7a6a6;}
.wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background-color:#dc3544;margin-left:0px;border:none;font-size:14px;color:#fff;border-radius:0px 10px 10px 0px;padding:8px 25px;}
.wznrys .has-text-align-left{text-align:left;}
.wznrys .has-text-align-center{text-align:center;}
.wznrys .has-text-align-right{text-align:right;}

/* code */
.wznrys pre.wp-block-code{margin:20px 0px 30px 0px;position:relative;background:var(--bs-main);padding-top:36px;border-radius:5px;border:1px solid #efefef;}
.wznrys pre.wp-block-code code{font-size:13px;line-height:1.8;padding:15px 20px;}
.wznrys pre.wp-block-code code:before{content:attr(class);position:absolute;top:6px;right:20px;color:#00000030;text-transform:uppercase;}
.wznrys pre.wp-block-code code table{border:none;line-height:1.8;margin:0;width:100%;}
.wznrys pre.wp-block-code code table tr{}
.wznrys pre.wp-block-code code table tr:nth-child(odd){background:none;}
.wznrys pre.wp-block-code code table tr:last-child{border-bottom:none;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers{width:30px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{text-align:center;color:#d3d3d3;font-weight:300;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n:before{padding-right:10px;}
.wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #eaeaea;padding-left:20px;}
.wznrys pre.wp-block-code code table tr td{border:none;text-align:inherit;line-height:inherit;}
.wznrys pre.wp-block-code:before{content:"";position:absolute;border-radius:50%;background:#fc625d;width:12px;height:12px;left:14px;top:12px;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2;}
.dark .wznrys pre.wp-block-code{border:1px solid #000000;}
.dark .wznrys pre.wp-block-code code{background:#000;}
.dark .wznrys pre.wp-block-code code table tr td.hljs-ln-numbers .hljs-ln-n{color:#222;}
.dark .wznrys pre.wp-block-code code table tr td.hljs-ln-code{border-left:1px solid #222;}

.wznrys .wp-block-image{margin-bottom:30px;}
.wznrys .wp-block-image figure{}
.wznrys .wp-block-image figure img{}
.wznrys .wp-block-image figure.aligncenter{}
.wznrys .wp-block-image figure.aligncenter img{display:block;margin:auto;}
.wznrys figure.wp-block-gallery{display:flex;flex-wrap:wrap;--wp--style--unstable-gallery-gap:25px;gap:25px;}

.wznrys .has-text-align-left{text-align:left;}
.wznrys .has-text-align-center{text-align:center;}
.wznrys .has-text-align-right{text-align:right;}

/*font-size*/
.wznrys .has-small-font-size{font-size:12px;}
.wznrys .has-medium-font-size{font-size:14px;}
.wznrys .has-large-font-size{font-size:16px;}
.wznrys .has-x-large-font-size{font-size:18px;}

/*font-color*/
.has-black-color{color:#000000}
.has-black-background-color{background-color:#000000}
.has-cyan-bluish-gray-color{color:#ABB8C3}
.has-cyan-bluish-gray-background-color{background-color:#ABB8C3}
.has-white-color{color:#FFFFFF}
.has-white-background-color{background-color:#FFFFFF}
.has-pale-pink-color{color:#F78DA7}
.has-pale-pink-background-color{background-color:#F78DA7}
.has-vivid-red-color{color:#CF2E2E}
.has-vivid-red-background-color{background-color:#CF2E2E}
.has-luminous-vivid-orange-color{color:#FF6900}
.has-luminous-vivid-orange-background-color{background-color:#FF6900}
.has-luminous-vivid-amber-color{color:#FCB900}
.has-luminous-vivid-amber-background-color{background-color:#FCB900}
.has-light-green-cyan-color{color:#7BDCB5}
.has-light-green-cyan-background-color{background-color:#7BDCB5}
.has-vivid-green-cyan-color{color:#00D084}
.has-vivid-green-cyan-background-color{background-color:#00D084}
.has-pale-cyan-blue-color{color:#8ED1FC}
.has-pale-cyan-blue-background-color{background-color:#8ED1FC}
.has-vivid-cyan-blue-color{color:#0693E3}
.has-vivid-cyan-blue-background-color{background-color:#0693E3}
.has-vivid-purple-color{color:#9B51E0}
.has-vivid-purple-background-color{background-color:#9B51E0}





/*fy*/
.posts-nav{text-align:center;margin-bottom:30px}
.posts-nav .page-numbers{color:var(--bs-main);display:inline-block;padding:7px 15px;font-size:12px;background-color:#efefef;margin:0 2px;font-family:Arial;transition:all .6s;}
.posts-nav .current,
.posts-nav .page-numbers:hover{color:#fff;background-color:var(--bs-main);}

/*link page*/
.link_box{margin:30px 0px;}
.link_box h2{font-size:22px;font-weight:bold;}
.link_box p{font-weight:300;color:#9e9e9e;}
.link_box a{color:var(--bs-main);transition:all 0.3s ease;}
.link_box a:hover{padding-left:15px;}

/*right-slide*/
.right-slide-header{display:flex;align-items:center;justify-content:space-between;padding:44px 40px;background:var(--bs-main);color:#fff;}
.right-slide-header .right-slide-title{margin-bottom:0;text-transform:uppercase;}
.right-slide-header button{background:none;border:none;margin:0px;padding:0px;}
.right-slide-header button i{color:#ffff;font-size:26px;}
.sidebar_canvas{height:100vh;overflow-y:auto;}
.sidebar_box{padding:30px;background:#efefef;}

/*widget*/
.widget{margin-bottom:20px;position:relative;overflow:hidden;border-radius:4px;background:#fff;padding:20px 25px;}
.widget-title{font-size:16px;text-transform:uppercase;margin-bottom:35px;position:relative;padding-left:1.25rem;}
.widget-title:before{content:'';position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:5px;background:var(--bs-main);}
.widget-title:after{content:'';position:absolute;height:1px;background:#f7f7f7;left:-22px;bottom:-15px;right:-22px;width:calc(100% + 44px);}
.widget_text .textwidget{}
.widget_text .textwidget p{font-size:12px;}

/*widget kuaixun*/
.widget_recent_entries{}
.widget_recent_entries ul{margin-left:5px;}
.widget_recent_entries ul li{border-left:2px solid #eaeef5;padding-bottom:20px;padding-left:20px;position:relative;}
.widget_recent_entries ul li a{margin-bottom:6px;display:block;font-size:13px;}
.widget_recent_entries ul li span{color:#7d7d7d;display:block;font-weight:300;font-size:12px;}
.widget_recent_entries ul li:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.widget_recent_entries ul li:before{content:"";position:absolute;background-color:#fff;height:4px;width:4px;border-radius:50%;left:-3px;top:8px;z-index:9;}
.widget_recent_entries ul li:after{content:"";position:absolute;background-color:var(--bs-main);height:14px;width:14px;border-radius:50%;left:-8px;top:3px;transition:.6s;border:3px solid #fff;}
.widget_recent_entries ul li:hover:after{background-color:#ffc109;}

/*widget tags*/
.widget_hot_tags .tagcloud{}
.widget_hot_tags .tagcloud a{font-size:13px!important;padding:5px 10px;display:inline-block;margin-right:6px;margin-bottom:6px;border-radius:3px;background-color:#f5f5f5;position:relative;}
.widget_hot_tags .tagcloud a:hover{background:var(--bs-main);color:#fff;}
.widget_hot_tags .tagcloud a.hot:before{content:"";position:absolute;width:12px;height:12px;background:var(--bs-main);border-radius:50%;top:-2px;right:0px;border:3px solid #fff;}

/*widget search*/
.widget_search .searchform{position:relative;}
.widget_search .screen-reader-text{display:none;}
.widget_search #s{width:100%;height:36px;border:none;text-indent:10px;font-size:14px;border-radius:8px;overflow:hidden;background:#f5f5f5;font-weight:300;}
.widget_search #searchsubmit{width:60px;height:36px;border:none;background:var(--bs-main);color:#fff;position:absolute;right:0px;font-size:12px;border-radius:0px 8px 8px 0px;}

/*widget comment*/
.widget_comment_ul{}
.widget_comment_ul li{display:flex;padding-bottom:15px;border-bottom:1px solid #f4f4f4;margin-bottom:15px;}
.widget_comment_ul li img{margin-right:13px;width:24px;height:24px;flex-shrink:0;border-radius:50%;display:block;}
.widget_comment_ul li .widget_comment_info{}
.widget_comment_ul li .widget_comment_info a{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.widget_comment_ul li .widget_comment_info span{display:block;font-size:12px;color:#9e9c9c;margin-top:5px;font-weight:300;}
.widget_comment_ul li .widget_comment_info span em{margin-right:5px;font-style:inherit;}
.widget_comment_ul li:last-child{margin:0px;padding:0px 0px 5px 0px;border:none;}

/*widget hot_post*/
.widget_hot_post{}
.widget_hot_post .widget_hot_li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.widget_hot_post .widget_hot_li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.widget_hot_post .widget_hot_li .hot_post_info{}
.widget_hot_post .widget_hot_li .hot_post_info h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.widget_hot_post .widget_hot_li .hot_post_info h4 a{}
.widget_hot_post .widget_hot_li .hot_post_info p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}
.widget_hot_post .widget_hot_li:last-child{margin:0px;}
.widget_hot_post .widget_hot_li:first-child{position:relative;}
.widget_hot_post .widget_hot_li:first-child img{width:100%;margin:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info{position:absolute;bottom:0px;width:100%;height:100%;color:#fff;padding:15px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;z-index:9;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4{margin-bottom:0px;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info h4 a{color:#fff;}
.widget_hot_post .widget_hot_li:first-child .hot_post_info p{color:#fff;}
.widget_hot_post .widget_hot_li:first-child:before{position:absolute;content:'';width:100%;height:100%;top:0px;right:0px;z-index:1;opacity:0.6;background:linear-gradient(to top,black,#ffffff00);}

/*widget_admin_show*/
.author_show_box{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px;}
.author_show_box .author_show_head{text-align:center;z-index:9;position:relative;padding:30px 30px 0px 30px;}
.author_show_box .author_show_head img{border-radius:50%;margin-bottom:15px;}
.author_show_box .author_show_head h3{font-size:16px;margin-bottom:15px;}
.author_show_box .author_show_head p{font-weight:300;line-height:1.8;margin-bottom:15px;font-size:14px;text-align:justify;}
.author_show_box .author_show_info{text-align:center;padding:5px 0px 20px 0px;color:#6a6a6a;font-size:12px;}
.author_show_box .author_show_info span{margin:0px 10px;}
.author_show_box .author_show_info span i{margin-right:8px;}
.author_show_box .author_show_info span b{font-weight:inherit;}
.author_post{padding:20px 22px 0px 22px;border-top:1px solid #f6f5f5;}
.author_post li{display:flex;align-items:center;margin-bottom:20px;position:relative;}
.author_post li img{width:75px;margin-right:15px;flex-shrink:0;border-radius:4px;}
.author_post li .author_title{}
.author_post li .author_title h4{font-size:13px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:5px;font-weight:inherit;}
.author_post li .author_title h4 a{}
.author_post li .author_title p{margin:0px;font-size:12px;color:#9b9b9b;font-weight:300;}

/*widget_nav_menu*/
.widget_nav_menu{}
.widget_nav_menu .menu{}
.widget_nav_menu .menu li{display:inline-block;}
.widget_nav_menu .menu li a{font-size:13px!important;padding:5px 10px;display:inline-block;margin-right:6px;margin-bottom:6px;border-radius:3px;background-color:#f5f5f5;position:relative;}
.widget_nav_menu .menu li a:hover{background:var(--bs-main);color:#fff;}

/*post go*/
.post_go{border:2px solid #ececec;padding:20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.post_go .post_left{display:flex;justify-content:flex-start;align-items:center;margin-right:50px;}
.post_go .post_left img{width:120px;margin-right:20px;}
.post_go .post_left .post_info{}
.post_go .post_left .post_info .post_name_h2{font-size:16px;margin-bottom:10px;font-weight:bold;line-height:1;}
.post_go .post_left .post_info p{font-size:14px;line-height:1.5;margin-bottom:0px;padding-bottom:0px;}
.post_go .post_url{flex-shrink:0;background:var(--bs-main);color:#fff;padding:8px 20px;font-size:14px;border-radius:6px;}
@media (max-width:768px){
    .post_go{display:flex;flex-direction:column;}
    .post_go .post_left{margin-right:0;}
    .post_go .post_left img{width:70px;}
    .post_go .post_left .post_info .post_name_h2{margin-bottom:0px;line-height:1.3;}
    .post_go .post_left .post_info p{display:none;}
    .post_go .post_url{margin-top:20px;width:100%;text-align:center;}
}

/*gototop*/
.scrollToTopBtn{background-color:var(--bs-main);border:none;border-radius:50%;color:white;cursor:pointer;font-size:16px;height:48px;width:48px;position:fixed;bottom:30px;right:30px;z-index:100;opacity:0;transform:translateY(100px);transition:all .5s ease;}
.scrollToTopBtn:hover{background:#323232;color:#fff;}
.showBtn{opacity:1;transform:translateY(0)}

/*toc*/
.js-toc{position:fixed;right:20px;top:50vh;text-align:right;height:48vh;overflow-y:auto;margin-top:-20vh;}
.js-toc li{margin:0px;border-right:3px solid #dfdfdf;padding-right:12px;margin-right:8px;}
.js-toc li a{font-size:12px;color:#333;padding:8px 0px;display:block;text-decoration:underline;}
.js-toc li ul{margin-right:5px;padding:5px 0px;}
.js-toc li.is-active-li{border-right:3px solid var(--bs-main);}
@media (max-width:768px){
    .js-toc{display:none;}
}

.nopic_des{position:fixed;width:100%;height:100%;background:#ffffff;top:0px;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;text-align:center;line-height:2;}
.nopic_des a{background:#3556f3;margin-top:20px;padding:8px 45px;font-size:16px;color:#fff;}

/*next_prev_posts 移值Mango*/
.next_prev_posts{display:table;width:100%;margin-bottom:20px;}
.next_prev_posts .prev_next_box{width:50%;float:left;position:relative;display:block;}
.next_prev_posts .prev_next_box a{display:block;padding:30px 20px;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.next_prev_posts .prev_next_box a:after{content:'';position:absolute;background-color:rgba(0,0,0,.46);left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:0;}
.next_prev_posts .prev_next_box .prev_next_info{z-index:1;position:relative;}
.next_prev_posts .prev_next_box .prev_next_info small{font-size:16px;}
.next_prev_posts .prev_next_box .prev_next_info p{margin-top:10px;margin-bottom:0px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.next_prev_posts .prev_next_box.nav_next .prev_next_info{text-align:right;}
@media (max-width:768px){
    .next_prev_posts .prev_next_box a{padding:15px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
    .next_prev_posts .prev_next_box .prev_next_info small{font-size:12px;}
    .next_prev_posts .prev_next_box .prev_next_info p{font-size:12px;margin-top:5px;}
}

/*post_prev_next*/
.dark .post_prev_next .post-page-numbers{background-color:#292929;}
.post_prev_next{display:flex;align-items:center;justify-content:center;margin:35px 0px}
.post_prev_next .post-page-numbers{background:#eaeaea;padding:5px 13px;margin:0px 3px;font-size:12px;}
.post_prev_next .post-page-numbers span{}
.post_prev_next .post-page-numbers.current{background:#4270f5;color:#fff;}

/*自定义*/
.post-related{padding-bottom:0}
.next_prev_posts .prev_next_box a {
  display: block;
  padding: 30px 20px;
  color: #fff;
  /* 移除原有的background相关属性，交给伪元素处理 */
  position: relative; /* 作为伪元素的定位容器 */
  z-index: 1;
  overflow: hidden;
  /* 确保a标签是块级且能撑起高度 */
  text-decoration: none; /* 可选，去除链接下划线 */
}

/* 用伪元素承载背景图 */
.next_prev_posts .prev_next_box a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit; /* 继承a标签的background-image */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; /* 关键：让背景图铺满容器 */
  transition: transform 0.5s linear; /* 动画改为transform缩放 */
  z-index: -1; /* 放在文字下方 */
  transform: scale(1); /* 初始缩放比例 */
}

/*  hover时缩放伪元素 */
.next_prev_posts .prev_next_box a:hover::before {
  transform: scale(1.1); /* 对应原110%的缩放效果 */
}

/* 月度归档页面美化 - 折叠交互版 */
/* 基础样式补充 */
.archive-desc {
    color: #94a3b8;
    font-size: 15px;
    margin: 10px 0 30px 0;
    padding-left: 2px;
}

.collection-section {
    margin-bottom: 20px;
}

/* 月度归档网格布局 */
.collection-grid.archives {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

/* 月度卡片外层容器 */
.archive-card-wrapper {
    width: 100%;
}

/* 月度卡片样式 */
.archive-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #fef7fb 0%, #fcf1f7 100%);
    border-radius: 12px;
    text-decoration: none;
    color: #334155;
    font-weight: 600;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* 卡片前置渐变装饰 */
.archive-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #ec4899, #8b5cf6);
    border-radius: 12px 0 0 12px;
}

/* 卡片hover效果 */
.archive-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(236, 72, 153, 0.12);
    background: linear-gradient(135deg, #fcf1f7 0%, #faf0f5 100%);
}

/* 卡片激活状态（展开时） */
.archive-card.active {
    border-radius: 12px 12px 0 0;
    background: linear-gradient(135deg, #faf0f5 0%, #f8e5ee 100%);
    box-shadow: 0 3px 8px rgba(236, 72, 153, 0.1);
}

/* 日期文字 */
.archive-date {
    font-size: 16px;
    display: flex;
    align-items: center;
}

/* 文章数量 */
.archive-count {
    font-size: 14px;
    color: #ec4899;
    background: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(236, 72, 153, 0.08);
}

/* 折叠图标 */
.archive-toggle-icon {
    font-size: 14px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease;
}

.archive-card.active .archive-toggle-icon {
    background: #ec4899;
    color: #fff;
}

/* 月度文章列表（默认隐藏） */
.archive-post-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    padding: 0 20px;
}

/* 文章列表ul */
.archive-post-items {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

/* 单个文章项 */
.archive-post-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s ease;
}

.archive-post-item:last-child {
    border-bottom: none;
}

.archive-post-item:hover {
    padding-left: 8px;
}

/* 文章时间 */
.archive-post-item .mod-archive-time {
    font-size: 13px;
    color: #94a3b8;
    min-width: 50px;
    margin-right: 10px;
}

/* 文章标题链接 */
.archive-post-item a {
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.archive-post-item a:hover {
    color: #999;
    text-underline-offset: 2px;
}

/* 无文章提示 */
.archive-post-empty {
    padding: 20px 0;
    color: #94a3b8;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

/* 全局无归档提示 */
.mod-archive-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #94a3b8;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .collection-grid.archives {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .archive-card {
        padding: 15px 20px;
    }
    
    .archive-date {
        font-size: 15px;
    }
}

/* 年份归档页面美化 - 折叠交互版（与月度归档风格统一） */
/* 基础样式补充 */
.archive-desc {
    color: #94a3b8;
    font-size: 15px;
    margin: 10px 0 30px 0;
    padding-left: 2px;
}

.collection-section {
    margin-bottom: 20px;
}

/* 年份归档网格布局 */
.collection-grid.years {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

/* 年份卡片外层容器 */
.year-card-wrapper {
    width: 100%;
}

/* 年份卡片样式（与月度归档风格统一，调整主色为蓝紫渐变） */
.year-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: linear-gradient(135deg, #f0f4ff 0%, #e0e7ff 100%);
    border-radius: 12px;
    text-decoration: none;
    color: #334155;
    font-weight: 600;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* 卡片前置渐变装饰（蓝紫渐变，与月度归档区分） */
.year-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #6366f1, #8b5cf6);
    border-radius: 12px 0 0 12px;
}

/* 卡片hover效果 */
.year-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(99, 102, 241, 0.12);
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
}

/* 卡片激活状态（展开时） */
.year-card.active {
    border-radius: 12px 12px 0 0;
    background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
    box-shadow: 0 3px 8px rgba(99, 102, 241, 0.1);
}

/* 年份文字 */
.year-date {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

/* 文章数量 */
.year-count {
    font-size: 14px;
    color: #6366f1;
    background: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.08);
}

/* 折叠图标 */
.year-toggle-icon {
    font-size: 14px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease;
}

.year-card.active .year-toggle-icon {
    background: #6366f1;
    color: #fff;
}

/* 年份文章列表（默认隐藏） */
.year-post-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    padding: 0 20px;
}

/* 文章列表ul */
.year-post-items {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

/* 单个文章项 */
.year-post-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s ease;
}

.year-post-item:last-child {
    border-bottom: none;
}

.year-post-item:hover {
    padding-left: 8px;
}

/* 文章时间（复用原有类名） */
.year-post-item .mod-archive-time {
    font-size: 13px;
    color: #94a3b8;
    min-width: 50px;
    margin-right: 10px;
}

/* 文章标题链接 */
.year-post-item a {
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.year-post-item a:hover {
    color: #999;
    text-underline-offset: 2px;
}

/* 无文章提示 */
.year-post-empty {
    padding: 20px 0;
    color: #94a3b8;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

/* 全局无归档提示 */
.mod-archive-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #94a3b8;
}

/* 响应式适配（与月度归档一致） */
@media (max-width: 768px) {
    .collection-grid.years {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .year-card {
        padding: 15px 20px;
    }
    
    .year-date {
        font-size: 16px;
    }
}

/* 标签页面美化 - 酒红色 #c62541 定制版 */
/* 基础样式补充（保留） */
.archive-desc {
    color: #94a3b8;
    font-size: 15px;
    margin: 10px 0 30px 0;
    padding-left: 2px;
}

.collection-section {
    margin-bottom: 20px;
}

/* 标签归档网格布局（保留） */
.collection-grid.tags {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

/* 标签卡片外层容器（保留） */
.tag-card-wrapper {
    width: 100%;
}

/* 核心：标签卡片样式（基于 #c62541 定制） */
.tag-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    /* 酒红色渐变背景（浅到深，清新不刺眼） */
    background: linear-gradient(135deg, #fdf2f8 0%, #fef7fb 100%);
    border-radius: 12px;
    text-decoration: none;
    color: #334155;
    font-weight: 600;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* 左侧渐变条（#c62541 渐变） */
.tag-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #c62541, #a11e36);
    border-radius: 12px 0 0 12px;
}

/* 卡片hover效果 */
.tag-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(198, 37, 65, 0.15);
    background: linear-gradient(135deg, #fef7fb 0%, #fce4ec 100%);
}

/* 卡片激活状态（展开时） */
.tag-card.active {
    border-radius: 12px 12px 0 0;
    background: linear-gradient(135deg, #fef7fb 0%, #fbcfe8 100%);
    box-shadow: 0 3px 8px rgba(198, 37, 65, 0.1);
}

/* 标签名称 */
.tag-name {
    font-size: 16px;
    display: flex;
    align-items: center;
}

/* 标签文章数量（主色 #c62541） */
.tag-count {
    font-size: 14px;
    color: #c62541;
    background: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(198, 37, 65, 0.08);
}

/* 折叠图标 */
.tag-toggle-icon {
    font-size: 14px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.2s ease;
}

/* 展开时图标背景（#c62541） */
.tag-card.active .tag-toggle-icon {
    background: #c62541;
    color: #fff;
}

/* 标签文章列表（默认隐藏，保留） */
.tag-post-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    padding: 0 20px;
}

/* 文章列表ul（保留） */
.tag-post-items {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

/* 单个文章项（保留） */
.tag-post-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s ease;
}

.tag-post-item:last-child {
    border-bottom: none;
}

.tag-post-item:hover {
    padding-left: 8px;
}

/* 文章时间（复用原有类名，保留） */
.tag-post-item .mod-archive-time {
    font-size: 13px;
    color: #94a3b8;
    min-width: 50px;
    margin-right: 10px;
}

/* 文章标题链接（hover时用 #c62541） */
.tag-post-item a {
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.tag-post-item a:hover {
    color: #999;
    text-underline-offset: 2px;
}

/* 无文章提示（保留） */
.tag-post-empty {
    padding: 20px 0;
    color: #94a3b8;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

/* 全局无标签提示（保留） */
.mod-archive-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
    color: #94a3b8;
}

/* 响应式适配（保留） */
@media (max-width: 768px) {
    .collection-grid.tags {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 12px;
    }
    
    .tag-card {
        padding: 15px 20px;
    }
    
    .tag-name {
        font-size: 15px;
    }
}