/*
Theme Name: CFBlog
Theme URI: https://www.sgcd.net
Author: CFBlog Team
Author URI: https://www.sgcd.net
Description: Minimal theme providing REST settings (head_html, site_icp, site_footer_text), links endpoint, and moments CPT.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: cfblog
*/
@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{--main-color:52 73 94;--main:rgb(var(--main-color));--C:rgb(var(--main-color) / 70%);--B:rgb(var(--main-color) / 40%);--A:rgb(var(--main-color) / 20%);--O:rgb(var(--main-color) / 5%);--under-background:#f7f7f7e6;--background:#fff;--box-shadow:0px 7px 15px 0px #a48fff30;--radius:1rem;--margin:2rem}
body{font-family:user,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:var(--under-background)}
html,body{scroll-behavior:smooth}
a{text-decoration:none;color:var(--main);-webkit-transition:0.2s;transition:0.2s}
a:hover{color:var(--theme)}
li{list-style:none}
input,textarea,select{font-family:monospace,emoji;list-style:none;font-size:0.9rem;border-radius:0.5rem;border:unset;padding:0.5rem;height:auto;line-height:1.5rem;background:var(--O);color:var(--main);width:100%}
input::placeholder,textarea::placeholder,select::placeholder{color:var(--B)}
svg{width:1rem;height:auto}
.loading_circle{position:fixed;display:none;right:0.2rem;top:0.2rem;animation:rotation 3s linear infinite;-webkit-animation:rotation 3s linear infinite}
.loading_circle svg{width:1.5rem;fill:var(--theme-60)}
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}.title_block_title svg,.cat_menu svg{fill:var(--C)}
img{-webkit-transition:0.5s;transition:0.5s}
img.lazyloading{-webkit-filter:blur(2rem);filter:blur(2rem);opacity:0}
img.lazyloaded{filter:blur(0);-webkit-filter:blur(0);opacity:1}
.send_anniu_style{cursor:pointer;color:var(--main);background:var(--O);border-radius:0.5rem;padding:0.5rem 0.75rem;width:100%;text-align:center;-webkit-transition:0.5s;transition:0.5s;font-family:monospace;font-size:0.9rem;border:unset}
.send_anniu_style:hover{color:#fff;background:var(--theme-60)}
.menu_off,.mobile_menu{display:none}
.avatar{width:3.25rem;height:3.25rem;vertical-align:middle;border-radius:50%;padding:0.2rem;box-shadow:var(--box-shadow);background:var(--background);-o-object-fit:cover;object-fit:cover}
.main_screen{position:relative;margin:var(--margin) auto;width:calc(100vw - 2 * var(--margin) auto);max-width:75rem;min-height:calc(100vh - 2 * var(--margin))}
.main{display:flex;width:100%;margin:0 auto}
.main_body{flex:1;width:calc(100% - 20rem - var(--margin))}
.main_sidebar{width:24rem;margin-left:var(--margin);display:flex;flex-direction:column;visibility:visible;opacity:1;-webkit-transition:0.5s;transition:0.5s}
.cat_block{padding:var(--margin);color:var(--main);background:var(--background);border-radius:var(--radius);width:100%;margin-bottom:var(--margin);-webkit-transition:0.2s;transition:0.2s}
.title_block{position:relative;padding-left:calc(1.5 * var(--margin))}
.title_block_title{gap:0.5rem;display:flex;align-items:baseline;flex-direction:column}
.title_block_title h1{font-size:1.25rem;line-height:2.25rem}
.cat_pagination_page{display:flex;align-items:center;justify-content:center;margin-top:var(--margin);gap:0.5rem}
.cat_pagination_page li.active a{background:var(--theme);color:#fff;font-weight:500}
.cat_pagination_page a{display:flex;padding:0.5rem;font-size:0.9rem;width:1.75rem;height:1.75rem;background:var(--background);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}
.cat_pagination_page span.next{cursor:pointer}
.cat_pagination_page li.active a:hover{cursor:not-allowed}
.cat_top{z-index:9;display:flex;gap:var(--margin);flex-direction:column;align-items:center;margin-bottom:var(--margin);height:17.5rem;justify-content:center}
.cat_top .logo{position:relative}
.cat_top .logo p{position:absolute;right:-0.5rem;bottom:0;background:var(--theme);padding:0.1rem 0.2rem;border-radius:0.5rem;color:#fff;font-size:0.9rem}
.cat_top .logo img{width:8.5rem;height:8.5rem;box-shadow:none}
.cat_top .words{display:flex;flex-direction:column;gap:0.5rem;align-items:center}
.cat_top .webtitle{font-size:2rem;font-weight:bold;-webkit-transition:0.5s;transition:0.5s}
.cat_top .description{position:relative;font-size:0.9rem;opacity:0.7;text-align:center;line-height:1.5rem;width:500px;max-width:70vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--main);padding-top:0.5rem;-webkit-transition:0.5s;transition:0.5s}
.cat_top .description:before{content:"";width:100%;height:1px;top:0;left:0;position:absolute;z-index:-2;opacity:0.5;background:-webkit-gradient(linear,left top,right top,color-stop(0%,var(--background)),color-stop(35%,var(--main)),color-stop(65%,var(--main)),color-stop(100%,var(--background)))}
.cat_menu{position:sticky;top:0;width:100%;z-index:10;display:flex;gap:1rem;justify-content:space-between}
.cat_menu .left{display:flex;flex-direction:row;flex-wrap:wrap}
.cat_menu .left .item .bottom_infos{display:none}
.cat_menu .right{display:flex;justify-content:center;align-items:center;gap:var(--margin);font-size:1.25rem}
.cat_menu .right .anniu{cursor:pointer}
.cat_menu .right .anniu.percentage{display:none}
.cat_menu .right .percentage .num{display:flex;justify-content:center;font-size:1rem;height:1.5rem;font-weight:bold;letter-spacing:0;align-items:baseline;color:var(--C)}
@media (min-width:650px){.cat_menu .right .percentage .num:after{content:'%';font-size:smaller}
}.cat_menu .item{position:relative;display:flex;text-align:center;font-size:1rem;justify-content:center;flex-direction:row;cursor:pointer;-webkit-transition:0.5s;transition:0.5s}
.cat_menu .item:hover{color:var(--theme)}
.cat_menu .item .title{display:inline-flex;position:relative;align-items:center;padding:calc(var(--margin) / 2);text-align:left;height:2.5rem}
.cat_menu .item:after{content:"";position:absolute;background:var(--theme);left:0;right:0;bottom:0;width:0.25rem;height:0.25rem;border-radius:50%;margin:0 auto;opacity:0;-webkit-transition:0.5s;transition:0.5s}
.cat_menu .item:hover:after{opacity:1}
.cat_menu .item.arrow:after{font-family:serif;content:'ˇ';width:auto;font-size:1.5rem;bottom:0.2rem;background:unset;color:var(--B);opacity:1}
.cat_menu .item.arrow:hover:after{color:var(--theme)}
.cat_menu .item .mainmenu_nav_child{position:absolute;display:flex;min-width:10rem;-webkit-transform:translateY(2.5rem);-moz-transform:translateY(2.5rem);-ms-transform:translateY(2.5rem);-o-transform:translateY(2.5rem);transform:translateY(2.5rem);opacity:0;visibility:hidden;-webkit-transition:0.2s;transition:0.2s;flex-direction:column;align-items:center;flex-wrap:nowrap;background:var(--background);width:auto;border-radius:var(--radius);box-shadow:var(--box-shadow);z-index:1;padding:calc(var(--margin) / 2)}
.cat_menu .item:hover .mainmenu_nav_child{opacity:1;visibility:visible;-webkit-transform:translateY(3rem);-moz-transform:translateY(3rem);-ms-transform:translateY(3rem);-o-transform:translateY(3rem);transform:translateY(3rem)}
.cat_menu .item .mainmenu_nav_child a{padding:calc(var(--margin) / 2);text-align:center;border-radius:var(--radius);font-size:0.9rem;width:100%}
.cat_menu .item .mainmenu_nav_child a:hover{background:var(--theme-80);color:#fff}
.postlist_head{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:1rem}
.postlist_head .middle{display:flex;gap:0.5rem;width:100%;flex-direction:column}
.postlist_head .middle .top{font-weight:bold;font-size:1.25rem;color:var(--C)}
.postlist_head .middle .top .title{padding:calc(var(--margin) / 2);line-height:3rem;font-size:1.5rem;font-weight:bold}
.postlist_head .middle .bottom{font-size:smaller;color:var(--B)}
.postlist_head .right{font-size:2.5rem;opacity:0.5;cursor:-webkit-grabbing}
.postlist_head .right img,.postlist_head .right svg{width:2.5rem;height:2.5rem}
.postlist_head .right:hover{animation:jump .3s .12s ease;-webkit-animation:jump .3s .12s ease;-moz-animation:jump .3s .12s ease}
.postlist_foot{margin-top:1rem;font-size:0.8rem;display:flex;gap:0.5rem;color:var(--B);align-items:center;flex-direction:row;flex-wrap:wrap}
.postlist_foot .avatar{width:1.25rem;height:1.25rem}
.postlist_tags{font-size:1rem;margin-top:var(--margin);font-weight:bold;display:flex;column-gap:1rem;row-gap:0.5rem;flex-direction:row;flex-wrap:wrap}
.postlist_tags span,.postlist_tags a{position:relative;display:flex;gap:0.2rem;color:var(--B);border-radius:0.5rem;font-size:0.9rem;word-break:keep-all;-webkit-transition:0.5s;transition:0.5s;align-items:center}
.postlist_tags a:hover{color:var(--C)}
.postlist_tags .pinglun:before{content:'♡';color:var(--theme-30);font-family:Arial}
.postlist_tags a:not(:first-child):before{content:'#';color:var(--A);font-family:Arial}
.postlist_info{padding-left:4.4rem}
.postlist_title{line-height:2.25rem;font-size:1.25rem;margin:1rem 0;font-weight:bold;display:flex;gap:0.5rem}
.postlist_title a{display:block;word-break:break-word;cursor:pointer;color:var(--C);-webkit-transition:0.5s;transition:0.5s}
.postlist:hover .postlist_title a{color:var(--theme)}
.postlist_album{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(0.5 * var(--margin));max-width:400px}
.postlist_album img{aspect-ratio:1;display:block;width:100%;height:100%;border-radius:var(--radius);box-shadow:var(--box-shadow);object-fit:cover}
.postlist_album .postlist_gallery{position:relative;cursor:zoom-in}
.postlist_album .postlist_gallery .mask{position:absolute;display:flex;background:rgb(0 0 0 / 40%);inset:0;color:#fff;font-size:1.5rem;border-radius:var(--radius);justify-content:center;align-items:center}
.postlist_album .postlist_gallery .mask svg{fill:#fff}
.postlist_abstract{line-height:2.5rem;min-height:5rem;word-break:break-all;font-size:1rem;margin:1rem 1rem 1rem 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;color:var(--C)}
.postlist_album[num='1']{max-height:400px;grid-template-columns:repeat(1,1fr)}
.postlist_album[num='1'] img{aspect-ratio:unset;max-height:400px;max-width:100%;width:auto}
.postlist_album[num='2'],.postlist_album[num='4']{grid-template-columns:repeat(2,1fr)}
.postlist_album[num='3'],.postlist_album[num='6'],.postlist_album[num='8']{grid-template-columns:repeat(3,1fr)}
.postlist_album[num='5']{grid-template-columns:repeat(6,1fr)}
.postlist_album[num='7']{grid-template-columns:repeat(4,1fr)}
.postlist_album[num='3'] .postlist_gallery:nth-child(1){grid-area:1 / 1 / 3 / 3}
.postlist_album[num='3'] .postlist_gallery:nth-child(2){grid-area:1 / 3 / 2 / 4}
.postlist_album[num='3'] .postlist_gallery:nth-child(3){grid-area:2 / 3 / 3 / 4}
.postlist_album[num='5'] .postlist_gallery:nth-child(1){grid-area:1 / 1 / 5 / 5}
.postlist_album[num='5'] .postlist_gallery:nth-child(2){grid-area:1 / 5 / 3 / 7}
.postlist_album[num='5'] .postlist_gallery:nth-child(3){grid-area:3 / 5 / 5 / 7}
.postlist_album[num='5'] .postlist_gallery:nth-child(4){grid-area:5 / 1 / 7 / 4}
.postlist_album[num='5'] .postlist_gallery:nth-child(5){grid-area:5 / 4 / 7 / 7}
.postlist_album[num='5'] .postlist_gallery:nth-child(4) img{aspect-ratio:unset}
.postlist_album[num='5'] .postlist_gallery:nth-child(5) img{aspect-ratio:unset}
.postlist_album[num='6'] .postlist_gallery:nth-child(1){grid-area:1 / 1 / 3 / 3}
.postlist_album[num='6'] .postlist_gallery:nth-child(2){grid-area:1 / 3 / 2 / 4}
.postlist_album[num='6'] .postlist_gallery:nth-child(3){grid-area:2 / 3 / 3 / 4}
.postlist_album[num='6'] .postlist_gallery:nth-child(4){grid-area:3 / 1 / 4 / 2}
.postlist_album[num='6'] .postlist_gallery:nth-child(5){grid-area:3 / 2 / 4 / 3}
.postlist_album[num='6'] .postlist_gallery:nth-child(6){grid-area:3 / 3 / 4 / 4}
.postlist_album[num='7'] .postlist_gallery:nth-child(1){grid-area:1 / 1 / 3 / 3}
.postlist_album[num='7'] .postlist_gallery:nth-child(2){grid-area:1 / 3 / 3 / 5}
.postlist_album[num='7'] .postlist_gallery:nth-child(3){grid-area:3 / 1 / 5 / 3}
.postlist_album[num='7'] .postlist_gallery:nth-child(4){grid-area:3 / 3 / 4 / 4}
.postlist_album[num='7'] .postlist_gallery:nth-child(5){grid-area:3 / 4 / 4 / 5}
.postlist_album[num='7'] .postlist_gallery:nth-child(6){grid-area:4 / 3 / 5 / 4}
.postlist_album[num='7'] .postlist_gallery:nth-child(7){grid-area:4 / 4 / 5 / 5}
.postlist_album[num='8'] .postlist_gallery:nth-child(8){grid-area:3 / 2 / 4 / 4}
.postlist_album[num='8'] .postlist_gallery:nth-child(8) img{aspect-ratio:3}
.cat_archive_next{display:flex;align-items:center;justify-content:center;margin-top:var(--margin)}
.cat_archive_next .next{color:var(--C);padding:0.5rem 0.75rem;font-size:0.9rem;background:var(--background);border-radius:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:0.2s;-webkit-transition:0.2s;letter-spacing:2px;cursor:pointer}
.cat_archive_next .over{font-size:small;color:var(--A);padding:0.5rem;text-align:center}
.cat_categorymenu{display:flex;flex-wrap:wrap;gap:1rem}
.cat_categorymenu a:last-child{margin-right:auto}
.cat_categorymenu a{display:inline-block;font-size:0.9rem;margin-bottom:0}
aside .recent_comments{position:sticky;top:8.5rem}
.cat_recentcomment_list{display:flex;position:relative;flex-direction:row;line-height:2rem;align-items:center;gap:0.75rem}
.cat_recentcomment_list:last-child{padding-bottom:0}
.cat_recentcomment_list .left .num{color:#fff;background:var(--A);width:0.9rem;height:0.9rem;font-size:.75rem;line-height:.9rem;border-radius:2px;text-align:center;display:inline-block;vertical-align:middle;letter-spacing:0}
.cat_recentcomment_list:nth-of-type(1) .left .num{background:var(--theme)}
.cat_recentcomment_list:nth-of-type(2) .left .num{background:var(--theme-60)}
.cat_recentcomment_list:nth-of-type(3) .left .num{background:var(--theme-30)}
.cat_recentcomment_list .right{width:100%;position:relative;display:flex;flex-direction:column;gap:0.5rem}
.cat_recentcomment_list .right .user{display:flex;justify-content:space-between;align-items:center}
.cat_recentcomment_list .right .user time{color:var(--B);font-size:smaller}
.cat_recentcomment_list .right .user .name{font-weight:bold;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;overflow:hidden;width:100%;flex:1;text-align:left;line-height:1.5rem}
.cat_recentcomment_list .right .reply{font-size:0.9rem;line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}
aside .aside_info_card p{color:var(--B);font-size:small;line-height:1.5rem}
.links_part_grid{display:grid;gap:var(--margin);grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}
.links_part_grid_item{display:flex;position:relative;flex-direction:column;align-items:center;margin-bottom:0;gap:1rem}
.links_part_grid_item .links_description{font-size:0.9rem;color:var(--B)}
.links_part_grid_item .links_author{font-size:larger;font-weight:bold}
.little_card_title{text-align:left;font-size:0.75rem;color:var(--B);gap:0.25rem;padding-bottom:1rem}
.cat_guidang{display:flex;flex-direction:row;gap:var(--margin);margin-top:var(--margin)}
.cat_guidang .item{display:flex;flex-direction:row;flex-wrap:nowrap;color:var(--B);align-items:baseline;gap:1rem;padding:0.5rem 0}
.cat_guidang .item span{font-size:small;width:3rem;flex-shrink:0;text-align:right}
.cat_guidang .item a{line-height:2rem}
html.darkmode{--main-color:232 243 255;--under-background:#171c28e6;--background:#222734;filter:brightness(0.8);-webkit-filter:brightness(0.8)}
@media (max-height:800px){#post_menu{max-height:20rem}
.recent_comments .cat_recentcomment_list:nth-child(4){display:none}
}@media (max-width:1000px){.main_screen{margin:var(--margin);width:calc(100vw - 2 * var(--margin) auto)}
.main_sidebar{display:none}
.cat_menu{flex-direction:column;align-items:center}
}@media (max-width:650px){html{--radius:0.5rem;--margin:1rem}
.main_screen{margin:calc(2 * var(--margin)) var(--margin) calc(6 * var(--margin))}
.postlist_info{padding-left:0}
#comments .cat_comment_respond_form .head{flex-direction:column}
.postlist_abstract{-webkit-line-clamp:4}
.cat_menu{padding:0}
.cat_menu .left{display:flex;position:fixed;left:0;right:auto;top:0;bottom:0;z-index:50;width:20rem;max-width:80vw;height:100%;padding:var(--margin);transform:unset;overflow-y:auto;justify-content:flex-start;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;background:var(--background);left:-20rem;-webkit-transition:0.5s;transition:0.5s}
.cat_menu .left .item{justify-content:flex-start;flex-direction:column;align-items:flex-start;border-top:1px dashed var(--A);width:100%;padding:1rem 0}
.cat_menu .left .item .bottom_infos{display:block;font-size:0.9rem;color:var(--B);padding:0.5rem}
.cat_menu .left .item .bottom_infos a{color:var(--B);padding:0}
.cat_menu .item:hover:after{opacity:0}
.cat_menu .left .item:first-child{border-top:unset}
.cat_menu .left .item.arrow:after{content:''}
.cat_menu .item .mainmenu_nav_child:before{content:'';position:absolute;top:0;left:-0.5rem;width:0.2rem;height:100%;background:var(--theme-30)}
.cat_menu .item .mainmenu_nav_child{flex-direction:row;flex-wrap:wrap;position:relative;opacity:1;padding:0;margin-left:1.5rem;visibility:visible;box-shadow:unset;transform:unset!important}
.cat_menu .item .mainmenu_nav_child a{width:auto;box-shadow:var(--box-shadow);margin:0.5rem}
.cat_menu .right{padding:0.75rem;background:var(--background);box-shadow:var(--box-shadow);border-radius:2.5rem;position:fixed;bottom:0;left:50%;transform:translateX(-50%);margin-bottom:var(--margin)}
.cat_menu .right .anniu{width:2.5rem;height:2.5rem;line-height:1.6rem;display:flex;border-radius:50%;box-shadow:var(--box-shadow);justify-content:center;align-items:center}
.cat_menu .right .anniu:active{box-shadow:inset var(--box-shadow)}
.cat_menu .right .anniu svg{width:1.2rem}
.mobile_menu{display:block}
.menu_off{width:100vw;height:100vh;background:var(--A);display:block;position:fixed;inset:0;left:-100vw;backdrop-filter:blur(0.5rem);-webkit-transition:0.5s;transition:0.5s}
}*[cat_title]{overflow:hidden;position:relative}
*[cat_title]:before,*[cat_title]:after{position:absolute;z-index:10;opacity:0;transform:translate3d(-50%,0,0);transition:300ms ease}
*[cat_title]:before{content:attr(cat_title);top:calc(-1.5em - 6px - 5px);left:50%;padding:3px 6px;line-height:1.5;border-radius:4px;background-color:rgba(0,0,0,0.8);color:#fff;font-size:1rem;white-space:nowrap;box-sizing:content-box}
*[cat_title]:after{content:"\20";top:-5px;left:50%;border:5px solid transparent;border-top-color:rgba(0,0,0,0.8)}
*[cat_title]:hover{overflow:visible}
*[cat_title]:hover:before,*[cat_title]:hover:after{opacity:1;transform:translate3d(-50%,-3px,0)}
article,.postlist{-webkit-animation:fadeInUp 0.5s .2s ease both;-moz-animation:fadeInUp 0.5s .2s ease both;animation:fadeInUp 0.5s .2s ease both}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}.postlist_out .postlist>.top{display:none}
.postlist_out.list_item .postlist>.top{display:flex;flex-direction:row;flex-wrap:nowrap}
.postlist_out.list_item .top img{height:11.25rem;object-fit:cover;border-radius:0.5rem;aspect-ratio:4/3;margin-right:1.5rem}
.postlist_out.list_item .postlist_head,.postlist_out.list_item .postlist_info .postlist_title,.postlist_out.list_item .postlist_info .postlist_album,.postlist_out.list_item .postlist_info .postlist_abstract{display:none}
.postlist_out.list_item .top .postlist_abstract{-webkit-line-clamp:3;margin:0}
.postlist_out.list_item .postlist_title{margin-top:0.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.postlist_out.list_item .postlist_info{padding:0}
.postlist_out.list_item .postlist_tags{margin-top:0.75rem;border-top:1px dashed var(--A);padding-top:1rem}
@media (max-width:650px){.postlist_out.list_item .top img{height:7.5rem;aspect-ratio:1;margin-right:1rem}
.postlist_out.list_item .top .postlist_abstract{-webkit-line-clamp:2;line-height:2rem;min-height:4rem}
}

@charset "utf-8";article{position:relative;padding:var(--margin) calc(1.5 * var(--margin));margin-bottom:var(--margin);color:var(--main);background:var(--background);border-radius:var(--radius);text-align:justify}
.post_overtime{font-size:0.9rem;line-height:2rem;height:auto;margin:var(--margin) 0;background:var(--O);padding:0.5rem 1rem;border-radius:var(--radius)}
.article_end{font-size:small;color:var(--A);line-height:1.75rem;display:flex;justify-content:space-between}
.article_tags{font-size:0.9rem;color:var(--A);line-height:1.75rem}
.article_tags a{color:var(--B);-webkit-transition:0.5s;transition:0.5s}
.article_tags a:hover{color:var(--main)}
.cat_tips{position:relative;border-radius:var(--radius);color:#fff;line-height:2rem;padding:0.75rem 1.5rem}
.cat_tips a{color:#fff}
.cat_tips_info{background:#20a0ff;background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit-linear-gradient(left,#20a0ff,#20b8ff);background:linear-gradient(90deg,#20a0ff,#20b8ff)}
.cat_tips_success{background:#61be33;background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit-linear-gradient(left,#61be33,#8fce44);background:linear-gradient(90deg,#61be33,#8fce44);text-shadow:0 -1px #61be33}
.cat_tips_warning{background:#ff953f;background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit-linear-gradient(left,#ff953f,#ffb449);background:linear-gradient(90deg,#ff953f,#ffb449);text-shadow:0 -1px #ff953f}
.cat_tips_error{background:#ff4949;background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-linear-gradient(left,#ff4949,#ff7849);background:linear-gradient(90deg,#ff4949,#ff7849);text-shadow:0 -1px #ff4949}
.cat_tips:before{color:#fff;border-radius:50%;display:flex;position:absolute;width:1.5rem;height:1.5rem;left:-0.75rem;top:-0.75rem;-webkit-box-shadow:0 0 0 2.5px #fff;box-shadow:0 0 0 2.5px #fff;font-weight:bold;text-align:center;align-items:center;justify-content:center;letter-spacing:0}
.cat_tips_info:before{background:#20a0ff;background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit-linear-gradient(bottom,#0092ff,#20b8ff);background:linear-gradient(0deg,#0092ff,#20b8ff);content:"i"}
.cat_tips_success:before{background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit-linear-gradient(bottom,#52bb1d,#95d34b);background:linear-gradient(0deg,#52bb1d,#95d34b);content:"✓";text-shadow:0 -1px #61be33}
.cat_tips_warning:before{background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit-linear-gradient(bottom,#ff8f35,#ffc149);background:linear-gradient(0deg,#ff8f35,#ffc149);content:"!";text-shadow:0 -1px #ff953f}
.cat_tips_error:before{background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit-linear-gradient(bottom,#ff3838,#ff7849);background:linear-gradient(0deg,#ff3838,#ff7849);content:"×";text-shadow:0 -1px #ff4949}
article h2,article h3,article h4,article h5,article h6{position:relative;line-height:2rem;padding:1.5rem 0}
article h2{font-size:1.5rem;counter-increment:h2;counter-reset:h3}
article h3{font-size:1.35rem;counter-increment:h3;counter-reset:h4}
article h4{font-size:1.25rem;counter-increment:h4;counter-reset:h5}
article h5{font-size:1.15rem;padding:1rem 0}
article h6{font-size:1.05rem;padding:0.5rem 0}
article h2::before{color:var(--theme);font-size:smaller;letter-spacing:0;padding-right:0.5rem}
article h3::before{color:var(--theme);font-size:smaller;letter-spacing:0;padding-right:0.5rem}
article h4::before{color:var(--theme);font-size:smaller;letter-spacing:0;padding-right:0.5rem}
article h5::before{content:'#';color:var(--theme);font-size:smaller;padding-right:0.5rem}
article h6::before{content:'##';color:var(--theme);font-size:smaller;padding-right:0.5rem}
article .post_content>p{line-height:2.5rem;word-break:break-all;font-size:1rem;margin:1rem 0}
article .post_content hr{color:var(--B);border:0;font-size:0.75rem;padding:0.5rem 0;position:relative;border-bottom:2px dashed var(--theme-60);margin:3rem 0}
article .post_content hr::before{position:absolute;line-height:0px;right:0}
article .post_content del,article .post_content s{color:var(--B)}
article .post_content strong{color:var(--theme)}
article .post_content u{border-bottom:2px solid var(--theme-80);text-decoration:unset;margin:0 0.25rem}
article .post_content .e{border-bottom:2px dashed var(--theme-80);text-decoration:unset}
article .post_content a{margin:0 0.25rem;color:var(--theme);position:relative;word-break:break-word;cursor:pointer;background:linear-gradient(90deg,var(--theme-60),var(--theme-60)) no-repeat left 100% / 0 2px;-webkit-transition:0.5s;transition:0.5s}
article .post_content a:hover{background:linear-gradient(90deg,var(--theme-60),var(--theme-60)) no-repeat left 100% / 100% 2px}
article .post_content:not(.article_tags) a:not(.footnote-backref):not(.footnote-ref):after{content:'↷';font-size:0.9rem}
article .post_content sup a:after,article .post_content .footnotes a:after{content:' '}
article .post_content a:hover:before{visibility:visible;-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
article .post_content blockquote{border-left:4px solid var(--theme-80);padding:calc(0.5 * var(--margin)) var(--margin);border-radius:var(--radius);margin:var(--margin) 0;-webkit-transition:0.5s;transition:0.5s;line-height:2.5rem;word-break:break-all;font-size:0.9rem;background:var(--O)}
article .post_content blockquote:hover{border-left-color:var(--theme-30)}
article .post_content code:not([class]){padding:0.2rem 0.3rem;margin:auto 0.2rem;font-size:0.75rem;vertical-align:bottom;background:var(--C);border-radius:0.25rem;color:#fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;letter-spacing:0}
article .post_content ol li,article .post_content ul li{line-height:1.75rem;transition:color 0.2s;font-size:0.9rem;margin:0 0 0 2rem;padding:0.5rem;border-radius:var(--radius);-webkit-transition:0.5s;transition:0.5s}
article .post_content ul li:hover{background:var(--O)}
article .post_content ul li::before{content:'🔹';font-size:0.75rem;margin-right:0.5rem;width:1rem;border-radius:var(--radius);position:absolute;transform:translateX(-1.5rem);-webkit-transition:0.5s;transition:0.5s}
article .post_content ul li:hover::before{content:'🔸'}
article .post_content ol li:hover{background:var(--O)}
article .post_content ol li::before{content:counter(list-item) ".";color:var(--theme-60);margin-right:0.5rem;position:absolute;transform:translateX(-1.5rem);-webkit-transition:0.5s;transition:0.5s}
article .post_content ol li:hover::before{color:var(--theme)}
article .post_content table{margin:1rem 0;border-collapse:collapse;border:1px solid var(--A);border-spacing:0;width:100%}
article .post_content table thead{background:var(--theme-60);color:#fff}
article .post_content table thead th{padding:0.5rem}
article .post_content table tbody td{border:1px dashed var(--theme-30);padding:0.5rem;word-break:break-all;-webkit-transition:0.5s;transition:0.5s}
cat_article_hide{display:block;background:repeating-linear-gradient(135deg,var(--theme-10),var(--theme-10) 1rem,var(--background) 0,var(--background) 2rem)!important;text-align:center;padding:5rem!important;text-indent:0;color:var(--theme);border-radius:var(--radius)}
article .post_content .cat_article_show_word{color:var(--C);font-size:0.8rem;line-height:2rem;-webkit-transition:0.5s;transition:0.5s}
article .post_content .cat_block{font-size:0.9rem;border:1px solid var(--A)}
article .post_content .cat_block a{color:var(--main)}
article .post_content .cat_block a:after{content:''!important}
article .post_content .copy-to-clipboard-button{box-shadow:none!important;background:unset!important;color:var(--theme)!important}
article .post_content .copy-to-clipboard-button span:before{content:'☍复制代码';margin:0.5rem 0;display:block}
article .post_content .code-toolbar{display:grid}
article .post_content pre[class*=language-].line-numbers{font-size:0.75rem;border-radius:var(--radius)}
article .post_content pre[class*=language-].line-numbers .code-toolbar code span{word-break:break-all}
cat_post_image{display:block;margin:1rem 0}
cat_gallery>cat_post_image{margin:0}
cat_post_image img{display:block;border-radius:var(--radius);max-width:100%;margin:auto;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_gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--margin);margin:1rem 0}
cat_gallery img{display:block;border-radius:var(--radius);max-width:100%;margin:auto;aspect-ratio:1;object-fit:cover;box-shadow:var(--box-shadow)}
cat_music{background:var(--O);width:100%;height:100%;display:block;padding:1rem var(--margin);border-radius:var(--radius)}
cat_music span{display:flex;padding:0.5rem;gap:0.5rem}
cat_music span svg{fill:var(--main)}
.cat_cancel_comment_reply{display:none}
#comments{scroll-margin-top:8.5rem}
#comments .cat_comment_respond_form{display:flex;flex-direction:column;margin-bottom:0;gap:0.5rem;width:100%}
#comments .cat_comment_respond_form .replyavatar img{width:3rem;height:3rem}
#comments .cat_comment_respond_form .top{display:flex;gap:0.5rem}
#comments .cat_comment_respond_form .foot .right{display:flex;gap:0.5rem;flex-direction:row}
#comments .cat_comment_respond_form .head{display:flex;width:100%;align-items:center;gap:0.5rem}
#comments .cat_comment_respond_form .head .list{width:100%}
#comments .cat_comment_respond_form .body textarea{min-height:150px;resize:vertical}
#comments_is_off{font-size:small;color:var(--A);padding:0.5rem;text-align:center}
cat_article_video{display:block}
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}
#comments .cat_comment_replyout{margin:1rem}
#comments > ol > li{background:var(--background);border-radius:var(--radius);padding:var(--margin);margin-top:var(--margin);position:relative}
#comments .cat_comment_body{display:flex;position:relative;scroll-margin-top:11.5rem}
#comments .cat_comment_body .content{min-width:0;flex:1}
#comments .cat_comment_body .content .substance{display:table;width:auto;max-width:60%;margin:0.5rem;padding:0.5rem 0.75rem;background:var(--O);color:var(--main);word-break:break-all;line-height:1.75rem;border-radius:var(--radius)}
#comments .cat_comment_body .content .substance.iscat{margin-left:auto}
#comments .cat_comment_body .avatar{width:3rem;height:3rem}
#comments .cat_comment_reply{position:relative;margin-bottom:auto}
#comments .cat_comment_reply .replymengban{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);text-align:center;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:var(--radius);position:absolute;top:0;right:0;font-size:1.5rem;cursor:pointer}
#comments .cat_comment_body:hover .replymengban{opacity:1;background:var(--background);color:var(--main);visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#comments .content .user:hover .user_infocard{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#comments .huomiaoreply{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative}
#comments .huomiaoreply > .cat_comment_replyout > .cat_comment_body .cat_comment_reply + .content{order:-1}
#comments .cat_comment_body .content .user{display:inline-block;align-items:center;margin:0 0.5rem;color:var(--main);font-weight:bolder}
#comments .huomiaoreply .cat_comment_body .content .user,#comments .huomiaoreply .cat_comment_body .content .commentinfos{display:block}
#comments .cat_comment_body .content .user .author i{font-weight:bolder}
#comments .cat_comment_body .content .commentinfos{align-items:center;font-size:0.75rem;color:var(--B);margin:0.5rem}
#comments .cat_comment_parent:hover .commentinfos{opacity:1}
#comments .comment_emoji_block{height:7.5rem;overflow-y:auto}
#comments .comment_emoji_block span{font-size:1.5rem;padding:0.5rem 0.4rem;line-height:2.5rem;cursor:pointer}
#comments .chat-right > .cat_comment_body{justify-content:flex-end}
#comments .chat-right > .cat_comment_body .cat_comment_reply{order:1;margin-left:0.5rem}
#comments .chat-right > .cat_comment_body .cat_comment_reply + .content{order:0;text-align:right}
#comments .chat-right .cat_comment_body .content .substance{margin-left:auto;background:var(--theme-30);color:#fff}
html.darkmode #comments .chat-right .cat_comment_body .content .substance{background:var(--theme-60)}
#comments .chat-left > .cat_comment_body{justify-content:flex-start}
#comments .chat-left > .cat_comment_body .cat_comment_reply{order:0;margin-right:0.5rem}
#comments .chat-left > .cat_comment_body .cat_comment_reply + .content{order:1;text-align:left}
#comments .chat-left .cat_comment_body .content .substance{margin-right:auto}
#comments .cat_comment_body{gap:0.5rem}
.cat_code_block{margin:1.5rem 0;border-radius:8px;overflow:hidden;background:#282c34;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.cat_code_header{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;background:#21252b;border-bottom:1px solid #181a1f}
.cat_code_lang{color:#abb2bf;font-size:0.85rem;font-weight:bold;font-family:"Courier New",monospace}
.cat_code_copy{padding:0.25rem 0.75rem;background:var(--theme,#ff6a6a);color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.8rem;transition:all 0.3s}
.cat_code_copy:hover{opacity:0.8;transform:translateY(-1px)}
.cat_code_block pre{margin:0;padding:1rem;overflow-x:auto;background:#282c34}
.cat_code_block code{display:block;color:#abb2bf;font-family:"Courier New",Consolas,Monaco,monospace;font-size:0.9rem;line-height:1.6;white-space:pre}
.cat_code_block code .keyword{color:#c678dd}
.cat_code_block code .string{color:#98c379}
.cat_code_block code .comment{color:#5c6370;font-style:italic}
.cat_code_block code .number{color:#d19a66}
.cat_code_block code .function{color:#61afef}