/*
Theme Name: kkddl
Author: kkddl
Description: a theme
Version: 5.6
License: CC BY 4.0
License URI: https://creativecommons.org/licenses/by/4.0/
*/



/* 全局样式 */
body 
{
    position: relative;
    padding: 0;
    margin: 0;
    height: 100vh;
    
    font-weight: 400;
    font-style: normal;

    cursor: default;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
::selection
{
    background-color: #272727;
    color: white;
}
a 
{
    text-decoration: none;
    color: black;
    transition-duration: 200ms;
}
a:hover 
{
    opacity: 0.7;
}

























/* 字体 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */

.navb , .search-field , .footer , .det  , .xiaoji span , 
.bemail button , .bemail input[type="email"]
{
    font-family: "ZCOOL XiaoWei" , sans-serif;
}
.bcd blockquote::before , .bcd blockquote::after  , .hopack , .morea ,
blockquote , .hoac li ,  .head , .bct h2 , .bct h3 , .bct h4 , .bct .wp-element-caption, 
.bemail
{
    font-family: "Noto Serif SC" , sans-serif;
}
body
{
    font-family: "Raleway", "Noto Sans SC";
}






























/* 动画效果 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */

.bcd , .head
{
    animation: fa 1s linear 1 forwards;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes fa {
    0% {
        transform: translatey(-10px) scale(1.01);
        opacity: 0.5;
    }
    100% {
        transform: translatey(0px) scale(1);
        opacity: 1;
    }
}































/* 布局控件 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */

.pos
{
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 38%;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    border-left: 4px rgb(255, 255, 255) solid;
    overflow-y: auto;
    overflow-x: hidden;
}
@media (max-width: 900px){.pos 
{
    width: 400px;
}}
@media (max-width: 600px){.pos 
{
    width: 100%;
    border-left: 0px solid white;
}}


.pos::-webkit-scrollbar {
  width: 6px;
}

.pos::-webkit-scrollbar-track {
  background: #ffffff;
}

.pos::-webkit-scrollbar-thumb {
  background: #cccccc;
}









































/* 小记 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */




.gdo
{
    width: 100%;
    overflow-x: auto;
    white-space: nowrap; 
    padding: 20px;
    margin: -20px;
    margin-right: -40px;
    padding-right: 40px;
    margin-left: -40px;
    padding-left: 40px;
}
@media (max-width: 600px)
{
    .gdo
    {
        margin-right: -20px;
        padding-right: 20px;
        margin-left: -20px;
        padding-left: 20px;
    }
}
.gdo::-webkit-scrollbar {
  height: 0px;
}




.xiaoji
{
    position: relative;
    height: 190px;
    overflow-y: hidden;
    padding: 22px;
    padding-top: 26px;
    width: 260px;
    border: 4px solid #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    background-color: rgb(243, 242, 242);
    display: inline-block;
    white-space: normal;
    border-radius: 14px;
    margin-right: 5px;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    box-sizing: border-box;
}



.xiaoji.zz
{
    width: 100% !important;
    box-sizing: border-box;
    margin-top: 10px;
    height: 180px;
}



.xiaoji span
{
    position: absolute;
    bottom: 15px;
    left: 20px;

    background-color: white;
    border: 1px solid rgba(136, 136, 136, 0.437);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.041);

    padding: 5px 9px;
    color: black;
    border-radius: 10px;
}
.xiaoji.i 
{
    border: none;
}
.xiaoji.i span
{
    background-color: rgba(101, 101, 101, 0.155);
    backdrop-filter: blur(10px) brightness(1.2);
    border-color: rgba(255, 255, 255, 0.447);
    
    color: white;

    text-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.xiaoji a 
{
    font-weight: bolder;
}
.xiaoji p 
{
    line-height: 1.2em;
}
.xjbt 
{
    border-bottom: 2px solid rgb(203, 203, 203);
}
.xjbt:hover
{
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.xjbt::after
{
    content: ' >';
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    padding-right: 2px;
    padding-left: 0;
}
.xjbt:hover::after
{
    padding-left: 2px;
    padding-right: 0;
}



.xiaoji.i a , .xiaoji.i p
{
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.269);
    color: white;
}
.xiaoji.i
{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (max-width: 600px)
{
    .xiaoji
    {
        border: none;
        background-color: white;
    }
}




.xiaoji.i.zz 
{
    height: 250px;
}
.xiaoji.i span
{
    z-index: 19;
    left: unset;
    right: 10px;
    bottom: 9px;
}
.xjimg 
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    white-space: nowrap; 


    padding-top: 4px;
    padding-left: 10px;
    padding-right: 80px;
}
.xjimg::-webkit-scrollbar
{
    height: 0;
}
.xjimg img 
{
    height: 60px;
    width: unset;
    margin-right: 3px;
    border-radius: 8px;
    border: 3px solid rgba(255, 255, 255, 0.895);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.06);

    transition-duration: 600ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* 首页特例 */
.xiaoji.sy 
{
    height: 250px;
}
.xiaoji.sy.i span
{
    bottom: 74px;
    right: unset;
    left: 10px;
}
.xiaoji.sy .xjimg
{
    width: calc(100% - 8px);
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}




























/* 布局1 homepage */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */



.hoac 
{
    margin-top: 15px;
    padding: 25px 25px;
    border: 4px solid #ffffff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    background-color: rgb(243, 242, 242);
    border-radius: 14px;
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
}
.hoac .hoi
{
    width: calc(100% + 70px);
    margin-left: -35px;
    margin-bottom: -15px;
    margin-right: -35px;
}
.hoac li 
{
    transition-duration: 300ms;


    font-size: 22px;
    margin-right: 10px;
    font-weight: 600;
    line-height: 1.4em;
}
.hoac li::marker
{
    content: ' ' !important;
}
.hoac li:hover 
{
    opacity: 0.7;
}
.hoac p
{
    line-height: 1.6em;
    font-size: 17px;
}
.hoac .det 
{
    position: absolute;
    bottom: 15px;
    border-radius: 13px;
    padding: 6px 10px;
    left: 20px;

    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.051);
}
.homepage h2
{
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 10px;
    margin-left: 8px;
}
.homepage span
{
    font-size: 14px;
}
@media (max-width: 600px)
{
    .hopack
    {
        border: none;
        background-color: white;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);   
    }
    .hoac
    {
        background-color: white;
        border: none;
    }
}














































































/* 文章头部 */
.hopack
{
    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;

    padding: 35px 25px 20px;
    margin-bottom: 10px;
    position: relative;
}
.hopack.i 
{
    color: white;
    padding-top: 100px;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.hopack h1
{
    font-size: 26px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.101);
}
.hopack .navb
{

    margin: 0;
}
.hopack p 
{
    font-weight: 600;
    font-size: 14px;
}

























































/* 头部 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */
.head
{
    padding: 45px;
    background-color: rgba(255, 255, 255, 0);
    color: white;
    border-bottom: 4px solid rgb(255, 255, 255);
    backdrop-filter: blur(30px);
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.155);
    padding-bottom: 20px;
    padding-top: 80px;
}
@media (max-width: 600px)
{
    .head
    {
        padding: 35px;
        padding-top: 80px;
    }
}











































/* 文章主体 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */
.bcd 
{
    padding: 40px;
    background-color: rgb(250, 250, 250);
    font-size: 17px;
    min-height: 38vh;
}



.bct.r 
{
    min-height: unset;
}
.bct 
{
    min-height: 31vh;
}
.bct p 
{
    margin: 20px 0;
    line-height: 1.9em;
    text-indent: 2em;
}
.bct p a
{
    border-bottom: 2px dashed rgba(0, 0, 0, 0.68);
    transition-duration: 200ms;
}
.bct p a:hover
{
    opacity: 0.7;
    border-bottom: 2px dashed rgba(0, 0, 0, 0.117);
}
.bct code 
{
    background-color: #00000011;
    color: rgb(0, 0, 0);
    font-size: 14px;
}
.bct li 
{
    line-height: 1.6em;
    margin-top: 5px;
    margin-bottom: 10px;
}
.bct strong
{
    border-bottom: 2px solid rgba(0, 0, 0, 0.68);
    font-size: large;
}
.bct blockquote
{
    padding: 30px;
    margin: 20px 0;
    padding: 0;
    font-weight: 600;
    font-size: larger;
    padding-left: 12px;
    border-left: 3px solid #000;
}
.bct blockquote p 
{
    text-indent: 0;
}
.bct h2 * , .bct h3 * , .bct h4 *
{
    border-bottom: none;
}
/* 整个块初始化 h2-counter */
.bct {
  counter-reset: h2counter;
}
/* h2：每遇到一个就重置 h3 */
.bct h2 {
  counter-reset: h3counter;
}
.bct h2::before {
  counter-increment: h2counter;
  content: counter(h2counter) ". ";
  font-weight: normal;
}
/* h3：每遇到一个就重置 h4 */
.bct h3 {
  counter-reset: h4counter;
}
.bct h3::before {
  counter-increment: h3counter;
  content: counter(h2counter) "." counter(h3counter) " ";
  font-weight: normal;
}
/* h4：三级编号 */
.bct h4::before {
  counter-increment: h4counter;
  content: counter(h2counter) "." counter(h3counter) "." counter(h4counter) " ";
  font-weight: normal;
}







.bct .wp-block-image
{
    margin: 0;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.104);
    overflow: hidden;
    margin: 40px -40px;
    position: relative;
}
.bct img 
{
    margin-bottom: -6px;
    width: 100%;
    height: unset;
}
.bct .wp-element-caption
{
    width: calc(100%);
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.106);
    color: white;
    backdrop-filter: blur(5px);

    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 600;
}
.wp-block-video
{
    width: 100%;
    box-sizing: border-box;

    margin: 10px 0;
    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;

    padding: 0;
    overflow: hidden;
}
.wp-block-video video
{
    width: 100%;
    margin: 0;
    margin-bottom: -5px;
}
.wp-block-audio
{
    margin: 0;
}
.wp-block-audio audio
{
    width: 100%;
    box-sizing: border-box;

    margin: 10px 0;
    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;

    overflow: hidden;
}
.wp-block-gallery
{
    margin: 10px 0px;
    padding: 0 40px;

    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;

    overflow: hidden;
}
.wp-block-gallery .wp-block-image
{
    margin-bottom: 0;
    margin-top: 0;
}
.wp-block-gallery .wp-element-caption
{
    background-color: rgb(238, 238, 238);
    color: rgb(0, 0, 0);
    backdrop-filter: blur(0px);

    position:relative;


    border-bottom: 4px solid white;
}
.wp-block-gallery > .wp-block-image:last-of-type .wp-element-caption
{
    border-bottom: none;
}




@media (max-width: 600px)
{
    .bcd 
    {
        padding: 25px;
        backdrop-filter: blur(18px);
    }
    .bct .wp-block-image
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .wp-block-gallery
    {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0 25px;
    }
    .wp-block-gallery .wp-block-image
    {
        margin-bottom: 0;
        margin-top: 0;
    }
}




























































/* 尾部 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */
.footer 
{
    border-top: 4px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.866);
    backdrop-filter: blur(35px) brightness(1.1);
    text-align: center;
    line-height: 1.5em;
    padding: 50px 20px 70px;
    margin-top: -4px;
}
.mps img 
{
    display: inline-block;
    height: 18px;
    margin-bottom: -2px;
}























































/* 其他功能 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */



.fy{
    text-align: right;
    padding-right: 40px;
    margin-bottom: 20px;
    margin-top: 8px;
}
.page-numbers.current
{
    font-size: large;
}























/* 导航 */
/* ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd */


.navb
{
    padding: 5px;
    font-size: 14px;
    background-color: white;
    display: inline-block;
    text-decoration: none;
    color: black;
    border-radius: 20px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.111);
    margin: 2px;
    border: 1px solid rgba(0, 0, 0, 0.595);
    transition-duration: 200ms;
    cursor: pointer;
}
.navb:hover 
{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.269);
    filter: brightness(0.9);
}






















/* 阅读更多 */
.morea
{
    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;

    padding: 25px;
    padding-top: 33px;
    margin: 10px 0;
}
.morea a
{
    border-bottom: 2px solid rgb(203, 203, 203);
    font-weight: 600;
    font-size: 24px;
}
.morea a:hover
{
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.morea a::after
{
    content: ' >';
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    padding-right: 2px;
    padding-left: 0;
}
.morea a:hover::after
{
    padding-left: 2px;
    padding-right: 0;
}





















/* 电子邮件注册 */
.bemail
{
    margin: 10px 0;
    padding: 25px;
    border: 4px solid rgb(255, 255, 255);
    background-color: #f4f4f4;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.114);
    border-radius: 14px;
    overflow: hidden;
    position: relative;
}
.bemail b , .bemail p , .bemail button
{
    z-index: 2;
    position: relative;
}
.bemail p 
{
    font-size: 15px;
}
.bmcc
{
    content:  ' ';
    display: block;
    width: 200px;
    height: 200px;
    background-color: #0b53000b;
    position: absolute;
    bottom: -80px;
    right: -80px;
    filter: blur(40px);
    border-radius: 50%;
    z-index: 0;
}
.bemail button , .bemail input[type="email"]
{
    padding: 5px;
    font-size: 14px;
    background-color: white;
    display: inline-block;
    text-decoration: none;
    color: black;
    border-radius: 20px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.111);
    border: 1px solid rgba(0, 0, 0, 0.595);
    transition-duration: 200ms;
    cursor: pointer;
    margin-bottom: 4px;
}
.bemail button:hover 
{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.269);
    filter: brightness(0.9);
}