/*
Theme Name: hakoniwa
Description: hakoniwa主题
Author: hakoniwa_YEiNi
Version: 0.1
*/

html
{
    scroll-behavior:smooth;
    scroll-padding-top:100px;
}

/*页面布局*/
body
{
    margin:0;
    padding:0;
    background:#f5f5f5;
}

/*首页图片布局*/
.img-container
{
    height:100vh;
    width:100vw;
    position:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    z-index:-1;
}

/*首页头部图片*/
.img-center
{
    height:100vh;
    width:100%;
    position:absolute;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

/*文章容器*/
.container
{
    position:absolute;
    top:100vh;
    width:100%;
    background:rgba(238,238,238,0.7);
    min-height:100vh;
}

.container-trans
{
    height:50px;
    background-image:linear-gradient(to bottom,#fff,transparent);
}

.main_container
{
    margin:0 10vw;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.main_container .first_title_blank
{
    font-size:10px;
    color:#505050;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-bottom:50px;
}

.main_container .first_title_blank i
{
    font-size:20px;
}

.main_container .first_title_blank h1
{
    margin:5px 0;
}

.list_left,
.list_right
{
    max-height:300px;
    border-radius:15px;
}

.post_list
{
    height:300px !important;
    width:820px !important;
    background:rgba(255,255,255,0.8);
    margin:40px 0;
    border-radius:15px;
    display:flex;
    flex-direction:row;
    transition:box-shadow 1s;
}

.post_list:hover
{
    box-shadow:0px 0px 15px 15px rgba(255,255,255,0.4);
}

.post_list .post_img
{
    height:300px !important;
    width:500px !important;
    overflow:hidden;
}

.post_list .post_img_inner
{
    height:300px !important;
    width:500px !important;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    transition:transform 0.5s ease-in-out;
}

.post_list .post_img_inner:hover
{
    transform:scale(1.2);
}

.list_left .post_list .post_img
{
    border-radius:15px 0 0 15px;
}

.list_right .post_list .post_img
{
    border-radius:0 15px 15px 0;
}

.post_list .post_excerpt
{
    height:280px !important;
    width:320px !important;
    padding:20px;
    margin:0;
    color:#505050;
}

.list_left .post_list .post_excerpt
{
    border-radius:0 15px 15px 0;
}

.list_right .post_list .post_excerpt
{
    border-radius:15px 0 0 15px;
}

.post_list .post_excerpt p
{
    max-height:230px !important;
    width:280px !important;
    overflow:hidden;
}

.post_data,
.post_meta,
.post_title
{
    font-size:12px;
    font-family:"STKaiti";
    color:#fff;
    background:rgba(80 80,80,0.2);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    padding:10px;
    border-radius:5px;
    width:fit-content;
}

.post_sticky
{
    color:#ffff00;
}

.list_left .post_data
{
    position:relative;
    top:-330px;
    left:10px;
}

.list_left .post_meta
{
    transform:translate(-100%,-100%);
    position:relative;
    top:-330px;
    left:490px;
}

.list_left .post_title
{
    font-size:20px;
    width:fit-content;
    max-width:460px;
    transform:translate(0,-100%);
    position:relative;
    top:-120px;
    left:10px;
    overflow:hidden;
}

.list_right .post_data
{
    position:relative;
    top:-330px;
    left:330px;
}

.list_right .post_meta
{
    transform:translate(-100%,-100%);
    position:relative;
    top:-330px;
    left:810px;
}

.list_right .post_title
{
    font-size:20px;
    width:fit-content;
    max-width:460px;
    transform:translate(0,-100%);
    position:relative;
    top:-120px;
    left:330px;
    overflow:hidden;
}

/*页码布局*/
.pagination
{
    margin:20px;
    display:flex;
    justify-content:center;
}

.pagination .page-numbers
{
    background:rgba(255,255,255,0.7);
    color:#000;
    border-radius:5px;
    width:40px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    text-decoration:none;
}

.pagination .current
{
    background:rgba(0,0,0,0.7);
    color:#fff;
}

.pagination .nav-links .prev,
.pagination .nav-links .next
{
    width:auto;
    border-radius:5px;
    padding:0 10px;
}

.pagination .navlinks .dots
{
    width:auto;
    background:none; 
}

/*顶栏布局*/
header
{
    width:100%;
    margin-bottom:20px;
    z-index:9999;
}

.site-header
{
    top:0;
    left:50%;
    transform:translate(-50%,0);
    width:100%;
    position:fixed;
    padding:15px 20px;
}

.site-header .site-top
{
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
}

.site-header .site-top .site-title
{
    height:40px;
    width:150px;
    border-radius:40px;
    background:rgba(255,255,255,0.7);
    border-style:solid;
    border-width:1px;
    border-color:#fff;
    box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.site-header .site-top .site-blank
{
    width:20px;
}

.site-header .site-top .site-block
{
    height:40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;
    border-radius:40px;
    background:rgba(255,255,255,0.7);
    border-style:solid;
    border-width:1px;
    border-color:#fff;
    box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.site-header .site-top .site-block a
{
    font-weight:bold;
    font-family:"STKaiti";
}

.site-header .site-top .site-title img
{
    height:32px;
    vertical-align:middle;
}

.site-header .site-top .site-block .searchbox,
.site-header .site-top .site-block .site-split
{
    width:35px;
    height:35px;
    border-radius:35px;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s;
}

.site-header .site-top .site-block .searchbox:hover
{
    color:#fff;
    background:#000;
    cursor:pointer;
}

.site-header .site-top .site-block .site-split .site-menu nav
{
    position:relative;
    float:right;
}

header #nav-bar .navbar-nav
{
    display:flex;
    justify-content:center;
    list-style-type:none;
    padding-inline-start:0;
}

header #nav-bar .navbar-nav li
{
    color:#fff;
    margin-left:5px;
    padding:8px 15px;
}

header #nav-bar .navbar-nav li:hover
{
    height:20px;
    background:#303030;
    border-radius:20px;
}

header #nav-bar .navbar-nav li a
{
    color:#606060;
    text-decoration:none;
    text-wrap:nowrap;
    display: block;
    height: 20px;
}

header #nav-bar .navbar-nav li:hover a
{
    color:#fff;
    text-decoration:none;
}

/*顶栏搜索框*/
#header_search_box
{
    position:fixed;
    z-index:99999;
    width:100vw;
    height:100vh;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

#header_search_box #search_close
{
    top:0;
    font-size:40px;
    float:right;
    margin:0 20px;
}

#header_search_box #search_close:hover
{
    cursor:pointer;
}

#header_search_box .screen-reader-text,
#header_search_box #searchsubmit
{
    display:none;
}

#header_search_box #s
{
    position:absolute;
    top:50vh;
    left:50vw;
    transform:translate(-50%,-50%);
    font-size:16px;
    background:rgba(240,240,240,0.7);
    width:40vw;
    height:50px;
    padding:12px 24px;
    border-radius:50px;
    color:#666;
    border:2px solid #505050;
    font-family:"STKaiti";
}

/*首页中心布局*/
.site-center
{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.site-center .site-icon
{
    width:10vh;
    height:10vh;
    border-radius:10vh;
    transition:box-shadow 0.5s;
}

.site-center .site-icon img
{
    width:10vh;
    height:10vh;
    object-fit:cover;
    border-radius:10vh;
    transition:rotate 1s;
}

.site-center .site-icon img:hover
{
    rotate:360deg;
}

.site-center .site-icon:hover
{
    box-shadow:0px 0px 4px 4px rgba(0,0,0,0.6);
}

.site-center .site-name h1
{
    font-size:60px;
    color:#f5f5f5;
    text-shadow:0px 0px 8px #525860;
    font-family:"STKaiti";
    white-space:nowrap;
    -webkit-user-select:none;
    user-select:none;
}

.site-center .site-cited
{
    width:81vh;
    height:180px;
    border-radius:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:rgba(240,240,240,0.7);
    box-shadow:0px 0px 4px 4px rgba(160,160,160,0.2);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    padding:20px;
}

.site-center .site-cited h3
{
    color:#525860;
    font-family:"STKaiti";
    text-indent:2em;
    font-size:16px;
}

.site-center .site-exlink
{
    margin:40px 0px 0px 0px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

.site-center .site-exlink div
{
    width:40px;
    height:35px;
    border-radius:10px;
    margin:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(240,240,240,0.7);
    font-size:20px;
    transition:box-shadow 0.5s;
}

.site-center .site-exlink div i
{
    color:#525860;
}

.site-center .site-exlink div:hover
{
    box-shadow:0px 0px 4px 4px rgba(160,160,160,0.8);
}

/*页脚信息*/
.main_footer
{
    margin-bottom:40px;
    display:flex;
    flex-direction:column;
    text-align:center;
}

.main_footer div,
.main_footer h3
{
    font-size:10px;
    font-family:"STKaiti";
    color:#d0d0d0;
    margin:0;
}

/*文章详情页样式*/
.single_container
{
    margin:0;
    padding-top:80px;
    margin-bottom:60px;
    display:flex;
    justify-content:center;
}

.single_bg
{
    top:0;
    margin:0;
    height:100vh;
    width:100vw;
    position:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    z-index:-1;
}

.single_container .single_info
{
    padding:10px;
    position:fixed;
    top:20vh;
    left:5vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:140px;
    font-size:10px;
    font-family:"STKaiti";
    color:#525860;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.single_container .single_info .single_icon
{
    width:10vh;
    height:calc(10vh + 20px);
    border-radius:10vh;
    margin:0 calc((140px - 10vh)/2);
}

.single_container .single_info .single_icon p
{
    margin:0;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

.single_container .single_info .single_icon img
{
    width:10vh;
    height:10vh;
    object-fit:cover;
    border-radius:10vh;
}

.single_container .single_info .single_date,
.single_container .single_info .single_update,
.single_container .single_info .single_view,
.single_container .single_info .single_comment,
.single_container .single_info .single_categories,
.single_container .single_info .single_words
{
    margin:5px 0;
}

.single_container .single_tag
{
    padding:10px;
    position:fixed;
    top:55vh;
    left:5vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:140px;
    font-size:12px;
    font-family:"STKaiti";
    color:#525860;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.single_container .single_tag i
{
    font-size:14px;
    margin-bottom:5px;
}

.single_container .single_tag a
{
    margin:2px 0;
    color:#000;
    text-decoration:none;
    font-style:italic;
    transition:all 0.5s;
}

.single_container .single_tag a:hover
{
    color:#fff;
    text-shadow:0px 0px 12px #000;
}

.single_container .single_article
{
    width:50vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px 60px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.single_container .single_article a
{
    color:#c00000;
    text-decoration:none;
}

.single_container .single_article a:hover
{
    text-decoration:underline;
}

.single_container .heimu
{
    background:#000;
    transition:all 0.1s;
}

.single_container .heimu:hover
{
    color:#fff;
}

.single_container .single_article figure
{
    padding:0 40px;
}

.single_container .single_article figure img
{
    height:100%;
    width:100%;
    object-fit:contain;
}

.single_container .single_article .article_title
{
    text-align:center;
    font-size:40px;
    font-weight:bold;
    margin-bottom:40px;
}

.single_container .single_toc
{
    padding:10px;
    position:fixed;
    width:140px;
    top:20vh;
    right:5vw;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.article_comments
{
    position:relative;
    left:50%;
    transform:translate(-50%,0%);
    width:50vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px 60px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin-bottom:40px;
}

/*评论区*/
.comment_box h4
{
    margin:36px 0;
}

.comment_box nav a
{
    color:#525860;
}

.comment_box .comment_list
{
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
    mix-blend-mode:multiply;
    border-color:#d0d0d0;
    border-radius:10px;
    list-style-type:none;
    padding:20px;
    margin:20px;
}

.comment_box .comment_list .comment_header
{
    display:flex;
    flex-direction:row;
}

.comment_box .comment_list .comment_header .avatar
{
    border-radius:36px;
    display:flex;
    align-items:center;
}

.comment_box .comment_list .comment_header .comment_meta
{
    flex-grow:1;
    font-size:12px;
    font-family:"STKaiti";
    -webkit-user-select:none;
    user-select:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    overflow:hidden;
}

.comment_box .comment_list .comment_header .comment_meta i
{
    margin:0 4px;
}

.comment_box .comment_list .comment_header .comment_meta .comment_content
{
    width:50%;
    white-space:nowrap;
}

.comment_box .comment_list .comment_header .comment_meta .comment_time
{
    width:50%;
    white-space:nowrap;
    text-align:right;
}

.comment_box .comment_list .comment_header .comment_meta .comment_location
{
    width:50%;
    white-space:nowrap;
    display:flex;
    flex-direction:row;
}

.comment_box .comment_list .comment_header .comment_meta .reply
{
    width:50%;
    white-space:nowrap;
    display:flex;
    justify-content:end;
}

.comment_box .comment_list .comment_header .comment_meta .reply a
{
    text-decoration:none;
}

.comment_box .comment_list .comment_header .comment_meta .reply .reply_icon
{
    width:20px;
    color:#000;
    display:flex;
    align-items:center;
    padding:2px 0;
    border-radius:4px;
}

.comment_box .comment_list .comment_header .comment_meta .reply .reply_icon:hover
{
    color:#fff;
    background:#606060;
}

.comment_box .children
{
    background:rgba(240,240,240,0.7);
    mix-blend-mode:multiply;
    border-color:#d0d0d0;
    border-radius:10px;
    list-style-type:none;
    padding:20px;
    margin:20px;
}

.comment_box .children .comment_list
{
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    padding:0;
    margin:0;
}

.comment_box .children .children
{
    padding:20px 5px 5px 20px;
    margin:20px 5px 5px 20px;
}

.comment_box .comment-navigation .nav-links
{
    display:flex;
    flex-direction:row;
    justify-content:center;
    mix-blend-mode:multiply;
}

.comment_box .comment-navigation .nav-links .nav-previous,
.comment_box .comment-navigation .nav-links .nav-next
{
    width:30px;
    height:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 10px;
    border-color:#525860;
    border-radius:10px;
    background:rgba(240,240,240,0.7);
    transition:all 0.5s;
}

.comment_box .comment-navigation .nav-links .nav-previous:hover,
.comment_box .comment-navigation .nav-links .nav-next:hover
{
    box-shadow:0 0 5px #505050;
}

.comment_box .comment-navigation .nav-links .nav-previous a,
.comment_box .comment-navigation .nav-links .nav-next a
{
    width:100%;
    display:flex;
    justify-content:center;
    text-decoration:none;
}

.comment_box .comment-form
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.comment_box .comment-respond .comment-form-comment
{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.comment_box .comment-respond .comment-form-comment textarea
{
    width:100%;
    padding:20px;
    display:block;
    height:180px;
    margin-bottom:10px;
    background-color:transparent;
    resize:vertical;
    font-size:14px;
    border:2px solid #505050;
    border-radius:10px;
    line-height:1.5;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
}

.comment_box .comment-respond .comment-form-author
{
    margin-right:5%;
    width:30%;
}

.comment_box .comment-respond .comment-form-email
{
    width:30%;
}

.comment_box .comment-respond .comment-form-url
{
    margin-left:5%;
    width:30%;
}

.comment_box .comment-respond .comment-form-author input,
.comment_box .comment-respond .comment-form-email input,
.comment_box .comment-respond .comment-form-url input
{
    padding:15px;
    width:100%;
    font-size:14px;
    margin:0;
    background:transparent;
    border:2px solid #505050;
    border-radius:10px;
    line-height:1.5;
    box-sizing:border-box;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
}

.comment_box .comment-respond .comment-form-cookies-consent input
{
    vertical-align:middle;
    margin:0;
    width:16px;
    height:16px;
}

.comment_box .comment-respond .form-submit
{
    width:100%;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
}

.comment_box .comment-respond .form-submit input
{
    width:40%;
    padding:20px;
    display:block;
    margin-bottom:10px;
    background-color:transparent;
    font-size:14px;
    border:2px solid #f5f5f5;
    border-radius:10px;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
    transition:all 0.5s ease-in-out;
}

.comment_box .comment-respond .form-submit input:hover
{
    background:#505050;
    color:#fff;
    box-shadow:0px 0px 4px 4px rgba(255,255,255,0.9);
}

.comment_box .comment-respond .comment-reply-title a
{
    color:#000;
    text-decoration:none;
    pointer-events:none;
}

.comment_box .comment-respond .comment-reply-title small
{
    float:right;
    border-radius:5px;
    background:rgba(240,240,240,0.7);
    padding:2.2px 5px;
    transition:all 0.5s;
}

.comment_box .comment-respond .comment-reply-title small:hover
{
    color:#f5f5f5;
    background:rgba(50,50,50,0.7);
    box-shadow:0px 0px 4px 4px rgba(255,255,255,0.9);
}

.comment_box .comment-respond .comment-reply-title small a
{
    color:inherit;
    pointer-events:auto;
}

.comment_emoji
{
    border-radius:5px;
    padding:0 10px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
    max-height:100px;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#606060 transparent;
    -webkit-scrollbar-track:transparent;
}

.comment_emoji img
{
    width:32px;
    height:32px;
    margin:6px;
}

.comment_box .comment_list img
{
    width:20px;
    height:20px;
    vertical-align:middle;
}

.comment_box .comment_list p
{
    align-items:center;
}

/*TOC样式*/
#toc
{
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
    font-family:"STKaiti";
    white-space:nowrap;
}

#toc a
{
    text-decoration:none;
}

#toc ul
{
    padding:0 0 0 16px;
    margin:8px 0;
    list-style-type:none;
}

#toc ul li
{
    margin-bottom:10px;
    color:#333333;
    font-size:16px;
    margin:0px;
}

#toc ul ul li
{
    padding-left:15px;
    font-size:14px;
}

#toc ul ul ul li
{
    padding-left:15px;
    font-size:12px;
}

#toc ul ul ul ul li
{
    padding-left:15px;
    font-size:11px;
}

#toc ul ul ul ul ul li
{
    padding-left:15px;
    font-size:10px;
}

#toc ul ul ul ul ul ul li
{
    padding-left:15px;
    font-size:9px;
}

#toc li:last-child
{
    margin-bottom:0;
}

#toc li a
{
    color:#525860;
    transition:text-shadow 0.5s;
}

#toc li a:hover
{
    text-shadow:0px 0px 6px #fff;
}

#toc .active a
{
    background:#525860;
    color:#f5f5f5;
    padding:2px 5px;
    border-radius:2px;
}

/*上下文章结果页*/
.article_nextprev_post
{
    position:relative;
    left:50%;
    transform:translate(-50%,0%);
    width:calc(50vw + 80px);
    height:calc(14vw + 45px);
    display:flex;
    flex-direction:row;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin-bottom:40px;
}

.article_nextprev_post a
{
    color:#303030;
    text-decoration:none;
}

.article_nextprev_post .article_prev_post,
.article_nextprev_post .article_next_post
{
    width:calc(25vw + 40px);
    height:calc(14vw + 45px);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.article_nextprev_post .article_prevnext_post_filter
{
    width:100%;
    height:calc(100% - 40px);
    background:rgba(0,0,0,0.4);
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:20px;
    transition:all 0.5s;
}

.article_nextprev_post .article_prevnext_post_filter:hover
{
    background:rgba(0,0,0,0.2);
}

.article_nextprev_post .prev_post_text
{
    color:#f5f5f5;
    text-shadow:0px 0px 8px #fff;
    font-family:"STKaiti";
}

.article_nextprev_post .article_prev_post,
.article_nextprev_post .article_prev_post .article_prevnext_post_filter
{
    border-radius:10px 0 0 10px;
    justify-content:start;
    text-align:start;
}

.article_nextprev_post .article_next_post,
.article_nextprev_post .article_next_post .article_prevnext_post_filter
{
    border-radius:0 10px 10px 0;
    justify-content:end;
    text-align:end;
}

.article_nextprev_post .article_prev_post i,
.article_nextprev_post .article_next_post i
{
    margin:10px;
    font-size:24px;
    color:#f5f5f5;
}

/*搜索页样式*/
.search_contain,
.archive_contain,
.nofound_contain
{
    top:0 !important;
    padding-top:80px !important;
    padding-bottom:120px !important;
    min-height:calc(100vh - 200px) !important;
}

.search_contain .main_footer,
.archive_contain .main_footer,
.nofound_contain .main_footer
{
    position:absolute;
    bottom:0;
    left:50vw;
    transform:translate(-50%,0);
}

.main_tip
{
    font-size:20px;
    font-family:"STKaiti";
    font-weight:bold;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.main_tip_img
{
    height:320px;
    margin:80px;
    box-shadow:0 0 10px #f5f5f5;
}

.main_tip_img img
{
    height:100%;
}

/*时光轴*/
.timeline_container .timeline_header
{
    padding:10px;
    position:fixed;
    top:20vh;
    left:5vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:140px;
    font-size:12px;
    font-family:"STKaiti";
    color:#525860;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.timeline_container .timeline_header .main_header
{
    font-size:24px;
    font-weight:bold;
    color:#333333;
    text-align:center;

}

.timeline_container .timeline_header .sub_header
{
    font-size:14px;
    text-align:center;
    margin-bottom:10px;
}

.timeline_container .timeline_header .sub_header
{
    font-size:14px;
    text-align:center;
    margin-bottom:10px;
}

.timeline_container .timeline_header a
{
    color:#525860;
    text-decoration:none;
    text-wrap:nowrap;
    padding:0 2px;
    margin-left:20px;
    border-radius:2px;
    transition:all 0.2s;
}

.timeline_container .timeline_header a:hover
{
    color:#f5f5f5;
    background:#606060;
}

.timeline_container .main_container
{
    padding-left:calc(5vw + 120px);
    padding-right:5vw;
    min-height:calc(100vh - 135px);
}

.timeline_container .art_content .year_box
{
    width:50vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px 60px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin:80px 0;
}

.timeline_container .art_content .year_box .post_count
{
    text-align:end;
    font-size:12px;
    font-family:"STKaiti";
    color:#808080;
    font-style:italic;
}

.timeline_container .art_content .year_box h3
{
    margin-left:80px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:"STKaiti";
    font-weight:bold;
}

.timeline_container .art_content .year_box .al_mon
{
    font-family:"STKaiti";
    font-weight:bold;
}

.timeline_container .art_content .year_box .al_post_list
{
    margin-left:40px;
}

.timeline_container .art_content .year_box li
{
    list-style-type:none;
}

.timeline_container .art_content .year_box .al_mon::before
{
    position:absolute;
    background:#fff;
    height:18px;
    width:18px;
    border-radius:9px;
    content:"";
    box-shadow:1px 1px 1px #bbb;
    left:155px;
    transform:translate(0,3px);
}

.timeline_container .art_content .year_box .al_mon::after
{
    position:absolute;
    background:#505050;
    height:12px;
    width:12px;
    border-radius:6px;
    content:"";
    left:158px;
    transform:translate(0,6px);
}

.timeline_container .art_content .year_box .al_mon_list
{
    overflow:hidden;
}

.timeline_container .art_content .year_box .al_mon_list::before
{
    height:calc(100% - 130px);
    width:4px;
    background:#505050;
    position:absolute;
    left:162px;
    content:"";
    top:90px;
}

.timeline_container .art_content .year_box .al_li li::before
{
    position:absolute;
    background:#fff;
    height:12px;
    width:12px;
    border-radius:6px;
    content:"";
    box-shadow:1px 1px 1px #bbb;
    left:158px;
    transform:translate(0,6px);
}

.timeline_container .art_content .year_box .al_li li::after
{
    position:absolute;
    background:#505050;
    height:8px;
    width:8px;
    border-radius:4px;
    content:"";
    left:160px;
    transform:translate(0,8px);
}

.timeline_container .art_content .year_box .al_li li a
{
    color:#303030;
    text-decoration:none;
    transition:all 0.2s;
}

.timeline_container .art_content .year_box .al_li li a:hover
{
    text-decoration:underline;
}

.timeline_container .art_content .year_box .al_li li span
{
    font-size:12px;
    color:#525860;
    font-family:"STKaiti";
}

/*友情链接*/
.friendlink_container
{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.friendlink_container .friendlink_tip
{
    margin:80px 0;
    padding:40px;
    width:840px;
    font-size:16px;
    font-family:"STKaiti";
    color:#525860;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:40px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.friendlink_container .friendlink_tip a
{
    color:#c00000;
    text-decoration:none;
}

.friendlink_container .friendlink_tip a:hover
{
    text-decoration:underline;
}

.friendlink_container .friend_line
{
    margin:40px 0;
    padding:0;
    width:960px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.friendlink_container .friend_line a
{
    width:180px;
    height:240px;
    margin:20px 30px;
    text-decoration:none;
}

.friendlink_container .friend_line .link_contain
{
    width:100%;
    height:100%;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    display:flex;
    flex-direction:column;
    align-items:center;
}

.friendlink_container .friend_line .link_contain .link_img img
{
    width:72px;
    height:72px;
    border-radius:72px;
    margin-top:20px;
}

.friendlink_container .friend_line .link_contain .link_name
{
    margin:10px 20px;
    font-size:16px;
    font-family:"STKaiti";
    color:#525860;
    font-weight:bold;
}

.friendlink_container .friend_line .link_contain .link_say
{
    margin:10px 20px;
    max-height:78px;
    font-size:12px;
    font-family:"STKaiti";
    color:#525860;
    font-weight:bold;
    overflow:hidden;
}

/*快捷导航*/
.quicknavigation_container .subside_nav
{
    padding:20px;
    position:fixed;
    top:20vh;
    left:5vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:140px;
    font-size:12px;
    font-family:"STKaiti";
    color:#525860;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:10px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.quicknavigation_container .subside_nav .subside_all_nav
{
    margin:6px;
    padding:0 2px;
    border-radius:2px;
    -webkit-user-select:none;
    user-select:none;
    transition:all 0.2s;
}

.quicknavigation_container .subside_nav .subside_all_nav:hover
{
    color:#f5f5f5;
    background:#606060;
}

.quicknavigation_container .main_container
{
    padding-left:calc(5vw + 120px);
    padding-right:5vw;
    min-height:calc(100vh - 135px);
}

.quicknavigation_container .main_container .mainside_nav
{
    width:50vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px 60px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin-top:80px;
    margin-bottom:20px;
    min-height:calc(100vh - 276px);
}

.quicknavigation_container .main_container .mainside_nav .sidebar-title,
.quicknavigation_container .main_container .mainside_nav .widget-title
{
    padding:12px 0;
    font-size:20px;
    font-family:"STKaiti";
    color:#525860;
    font-weight:bold;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    text-indent:5px;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ol li
{
    padding:10px;
    border-bottom-style:solid;
    border-width:1px;
    border-color:#c0c0c0;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ol a,
.quicknavigation_container .main_container .mainside_nav .widget-content ul a
{
    color:#000;
    text-decoration:none;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ol li .wp-block-latest-comments__comment-author,
.quicknavigation_container .main_container .mainside_nav .widget-content ol li .wp-block-latest-comments__comment-link
{
    font-weight:bold;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ol li .wp-block-latest-comments__comment-author
{
    pointer-events: none;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ol li time
{
    font-size:10px;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ul li
{
    border-bottom-style:solid;
    border-width:1px;
    border-color:#c0c0c0;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ul .cat-item a,
.quicknavigation_container .main_container .mainside_nav .widget-content ul li a
{
    color:#000;
    text-decoration:none;
    width:calc(25vw - 20px);
    padding:10px;
}

.quicknavigation_container .main_container .mainside_nav .widget-content ul li:hover,
.quicknavigation_container .main_container .mainside_nav .widget-content ol li:hover
{
    background:rgba(160,160,160,0.2);
}

.ajax_wait
{
    position:fixed;
    z-index:9999;
    top:50vh;
    left:50vw;
    transform:translate(-50%,-50%);
    font-family:"STKaiti";
    color:#525860;
    font-weight:bold;
    font-size:20px;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 10px #d0d0d0;
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.ajax_wait img
{
    margin:10px;
}

/*聊天室*/
.livingroom_container
{
    margin:0;
    padding-top:80px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.liveroom_box h4
{
    margin:36px 0;
}

.liveroom_box .liveroom_list
{
    background:rgba(240,240,240,0.7);
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
    mix-blend-mode:multiply;
    border-color:#d0d0d0;
    border-radius:10px;
    list-style-type:none;
    padding:20px;
    margin:20px;
}

.liveroom_box .liveroom_list .liveroom_header
{
    display:flex;
    flex-direction:row;
}

.liveroom_box .liveroom_list .liveroom_header .avatar
{
    border-radius:36px;
    display:flex;
    align-items:center;
}

.liveroom_box .liveroom_list .liveroom_header .liveroom_meta
{
    flex-grow:1;
    font-size:12px;
    font-family:"STKaiti";
    -webkit-user-select:none;
    user-select:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    overflow:hidden;
}

.liveroom_box .liveroom_list .liveroom_header .liveroom_meta i
{
    margin:0 4px;
}

.liveroom_box .liveroom_list .liveroom_header .liveroom_meta .liveroom_content
{
    width:50%;
    white-space:nowrap;
}

.liveroom_box .liveroom_list .liveroom_header .liveroom_meta .liveroom_time
{
    width:50%;
    white-space:nowrap;
    text-align:right;
}

.liveroom_box .liveroom_list .liveroom_header .liveroom_meta .liveroom_location
{
    width:50%;
    white-space:nowrap;
    display:flex;
    flex-direction:row;
}

.liveroom_box .children
{
    background:rgba(240,240,240,0.7);
    mix-blend-mode:multiply;
    border-color:#d0d0d0;
    border-radius:10px;
    list-style-type:none;
    padding:20px;
    margin:20px;
}

.liveroom_box .children .liveroom_list
{
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    padding:0;
    margin:0;
}

.liveroom_box .children .children
{
    padding:20px 5px 5px 20px;
    margin:20px 5px 5px 20px;
}

.liveroom_box .liveroom_list img
{
    width:20px;
    height:20px;
    vertical-align:middle;
}

.liveroom_box .liveroom_list p
{
    align-items:center;
}

.liveroom_box .liveroom_box_meta
{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-family:"STKaiti";
}

.liveroom_box .liveroom_box_meta h6
{
    text-align:right;
}

.livingroom_container
{
    display:flex;
    flex-direction:row;
    justify-content:center;
}

.livingroom_container .article_comments
{
    left:0;
    transform:translate(0,0);
    width:60vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:0px 60px;
    padding-bottom:40px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin:0 5vw;
    margin-bottom:40px;
    height:calc(100vh - 160px);
}

.livingroom_container .input_textarea
{
    width:20vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-style:solid;
    border-width:1px;
    border-color:#d0d0d0;
    border-radius:20px;
    box-shadow:0 0 20px #d0d0d0;
    background:rgba(240,240,240,0.7);
    padding:20px 20px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    margin-right:5vw;
    margin-bottom:40px;
    height:calc(100vh - 160px);
}

.livingroom_container .input_textarea .comment-form
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.livingroom_container .input_textarea .comment-respond .comment-form-comment
{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.livingroom_container .input_textarea .comment-respond .comment-form-comment textarea
{
    width:100%;
    padding:20px;
    display:block;
    height:140px;
    margin-bottom:10px;
    background-color:transparent;
    resize:vertical;
    font-size:14px;
    border:2px solid #505050;
    border-radius:10px;
    line-height:1.5;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
}

.livingroom_container .input_textarea .comment-respond .comment-form-author,
.livingroom_container .input_textarea .comment-respond .comment-form-email,
.livingroom_container .input_textarea .comment-respond .comment-form-url
{
    margin:5px 5%;
    width:90%;
}

.livingroom_container .input_textarea .comment-respond .comment-form-author input,
.livingroom_container .input_textarea .comment-respond .comment-form-email input,
.livingroom_container .input_textarea .comment-respond .comment-form-url input
{
    padding:5px;
    width:100%;
    font-size:12px;
    margin:0;
    background:transparent;
    border:2px solid #505050;
    border-radius:10px;
    line-height:1.5;
    box-sizing:border-box;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
}

.livingroom_container .input_textarea .comment-respond .comment-form-cookies-consent input
{
    vertical-align:middle;
    margin:0;
    width:16px;
    height:16px;
}

.livingroom_container .input_textarea .comment-respond .form-submit
{
    width:100%;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
}

.livingroom_container .input_textarea .comment-respond .form-submit input
{
    width:40%;
    padding:20px;
    display:block;
    margin-bottom:10px;
    background-color:transparent;
    font-size:14px;
    border:2px solid #f5f5f5;
    border-radius:10px;
    -webkit-backdrop-filter:blur(1px);
    backdrop-filter:blur(1px);
    transition:all 0.5s ease-in-out;
}

.livingroom_container .input_textarea .comment-respond .form-submit input:hover
{
    background:#505050;
    color:#fff;
    box-shadow:0px 0px 4px 4px rgba(255,255,255,0.9);
}

.livingroom_container .input_textarea .comment-respond .comment-reply-title a
{
    color:#000;
    text-decoration:none;
    pointer-events:none;
}

.livingroom_container .input_textarea .comment-respond .comment-reply-title small
{
    float:right;
    border-radius:5px;
    background:rgba(240,240,240,0.7);
    padding:2.2px 5px;
    transition:all 0.5s;
}

.livingroom_container .input_textarea .comment-respond .comment-reply-title small:hover
{
    color:#f5f5f5;
    background:rgba(50,50,50,0.7);
    box-shadow:0px 0px 4px 4px rgba(255,255,255,0.9);
}

.livingroom_container .input_textarea .comment-respond .comment-reply-title small a
{
    color:inherit;
    pointer-events:auto;
}

.liveroom_box .liveroom_comment
{
    max-height:calc(100vh - 255px);
    overflow-y:scroll;
}

.livingroom_container .ban_reply
{
    font-size:12px;
    text-align:center;
}

.livingroom_container .ban_reply a
{
    color:#c00000;
    text-decoration:none;
}

.livingroom_container .ban_reply a:hover
{
    text-decoration:underline;
}

/*留言板*/
.commentboard_blank
{
    height:80px;
}