/*朋友圈*/
.al_year{margin-left:-55px}

.cat-des p {
    display: inline-block;
    padding-left: 10px
}

h1 {
    clear: both
}

h1.cat-title {
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    padding-right: 15px;
    border-right: 1px dashed #ddd;
    color: #0084FE
}

 

header.page-header {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    color: #9C9C9C
}

/*.links {
    margin-bottom: 80px
}
*/
.links ul {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 100%;
    display: inline-block
}

.links ul li {
    height: 110px;
    width: 32%;
    float: left;
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin: 4px 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 10px
}


.links ul li img {
    float: left;
    /*box-shadow: inset 0 0 10px #0084FE;*/
    padding: 5px;
    opacity: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    margin-top: 3px;
    width: 70px;
    height: 70px;
    padding: 1px;
    border-radius: 100%
}

 

.links ul li:hover img {
    /*transform: rotate(360deg);*/

    /*-webkit-transform: rotate(360deg);*/

    /*-moz-transform: rotate(360deg);*/

    /*-o-transform: rotate(360deg);*/

    /*-ms-transform: rotate(360deg)*/
}

 

span.sitename {
    font-size: 20px;
    /*margin-top: 85px;*/
    margin-left: 8px;
    /*color: #000;*/

    /*padding-bottom: 10px;*/
    padding-left: 10px;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}

 .links span i 
 {
    padding-left: 10px; 
 }
 

.linkdes {
    padding-left: 10px;
    /*color: #000;*/
    font-size: 14px;
    /*padding: 4px 0;*/
    margin-left: 8px;
    /*border-top: 1px dotted #0084FE;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
    -webkit-transition: all .5s;
    transition: all .5s
}

 @media screen and (max-width: 768px){
.links ul li {
    width: 100%;
}
}

.link-title {
    font-weight: 400;
    color: #1f2d3d;
    padding-left: 10px;
    border-left: none;
    margin: 20px 0 20px
}

 .link-description{
     margin-bottom: 1rem;
    line-height: 1;
    margin-left: 10px;
 }

.link-title span.link-fix {

    /*padding-left: 10px;*/

    /*border-left: 3px solid #0084FE;*/

}

 .page-top-card {
    background-size: cover;
    background-position: center;
    height: 22rem;
    padding: 10px 2.7rem;
    border-radius: 20px;
    color: #fff;
    position: relative;
}

span.content-item-title {
    font-size: 2.3em;
    font-weight: 700;
    position: absolute;
    top: 0.6em;
}
.content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: calc(100% - 5.4rem);
    bottom: 1rem;
}
a.banner-button {
    cursor: pointer;
    color: #fff!important;
    backdrop-filter: saturate(180%) blur(20px);
    background: rgb(120 120 120 / 30%);
    padding: 5px 15px;
    border-radius: 100px;
    text-decoration: none!important;
}
a.banner-button i {
    margin-right: 5px;
}

.links ul li:before {
    content: "";
    background-color: #0084FE;
    -webkit-transform: skew(45deg, 0);
    transform: skew(45deg, 0);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: -60px;
    z-index: -1;
    -webkit-transition: all .5s;
    transition: all .5s
}

 

.links ul li:hover {
    /*border: 1px solid #0084FE*/
    background: #4976f5;
    border-color: #4976f5;
}

.links a:focus,.links a:hover {
    outline: 0;
    text-decoration: none;
}

.links ul li:hover:before {
    width: 180%
}

 

.links ul li:hover .linkdes {
    /*border-top: 1px dashed #fff*/
}

.links .flink-item-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(35%,35%);
    transition: .5s;
    width: 120px;
    height: 120px;
    opacity: .2;
    border-radius: 9999px;
    overflow: hidden;
    
}

 

span.linkss-title {
    font-size: 25px;
    text-align: center;
    display: block;
    margin: 50px 0 30px;
    letter-spacing: 5px
}

 

.mashiro-tips {
    opacity: 0;
    width: 250px;
    height: auto;
    min-height: 70px;
    margin: -20px 20px;
    padding: 5px 10px;
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    transition: box-shadow .2s ease;
    background: #fff;
    color: #212121;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    animation-delay: 5s;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-name: shake;
    animation-timing-function: ease-in-out
}

 

@keyframes shake {

    2% {

        transform: translate(.5px, -1.5px) rotate(-.5deg)

    }

    4% {

        transform: translate(.5px, 1.5px) rotate(1.5deg)

    }

    6% {

        transform: translate(1.5px, 1.5px) rotate(1.5deg)

    }

    8% {

        transform: translate(2.5px, 1.5px) rotate(.5deg)

    }

    10% {

        transform: translate(.5px, 2.5px) rotate(.5deg)

    }

    12% {

        transform: translate(1.5px, 1.5px) rotate(.5deg)

    }

    14% {

        transform: translate(.5px, .5px) rotate(.5deg)

    }

    16% {

        transform: translate(-1.5px, -.5px) rotate(1.5deg)

    }

    18% {

        transform: translate(.5px, .5px) rotate(1.5deg)

    }

    20% {

        transform: translate(2.5px, 2.5px) rotate(1.5deg)

    }

    22% {

        transform: translate(.5px, -1.5px) rotate(1.5deg)

    }

    24% {

        transform: translate(-1.5px, 1.5px) rotate(-.5deg)

    }

    26% {

        transform: translate(1.5px, .5px) rotate(1.5deg)

    }

    28% {

        transform: translate(-.5px, -.5px) rotate(-.5deg)

    }

    30% {

        transform: translate(1.5px, -.5px) rotate(-.5deg)

    }

    32% {

        transform: translate(2.5px, -1.5px) rotate(1.5deg)

    }

    34% {

        transform: translate(2.5px, 2.5px) rotate(-.5deg)

    }

    36% {

        transform: translate(.5px, -1.5px) rotate(.5deg)

    }

    38% {

        transform: translate(2.5px, -.5px) rotate(-.5deg)

    }

    40% {

        transform: translate(-.5px, 2.5px) rotate(.5deg)

    }

    42% {

        transform: translate(-1.5px, 2.5px) rotate(.5deg)

    }

    44% {

        transform: translate(-1.5px, 1.5px) rotate(.5deg)

    }

    46% {

        transform: translate(1.5px, -.5px) rotate(-.5deg)

    }

    48% {

        transform: translate(2.5px, -.5px) rotate(.5deg)

    }

    50% {

        transform: translate(-1.5px, 1.5px) rotate(.5deg)

    }

    52% {

        transform: translate(-.5px, 1.5px) rotate(.5deg)

    }

    54% {

        transform: translate(-1.5px, 1.5px) rotate(.5deg)

    }

    56% {

        transform: translate(.5px, 2.5px) rotate(1.5deg)

    }

    58% {

        transform: translate(2.5px, 2.5px) rotate(.5deg)

    }

    60% {

        transform: translate(2.5px, -1.5px) rotate(1.5deg)

    }

    62% {

        transform: translate(-1.5px, .5px) rotate(1.5deg)

    }

    64% {

        transform: translate(-1.5px, 1.5px) rotate(1.5deg)

    }

    66% {

        transform: translate(.5px, 2.5px) rotate(1.5deg)

    }

    68% {

        transform: translate(2.5px, -1.5px) rotate(1.5deg)

    }

    70% {

        transform: translate(2.5px, 2.5px) rotate(.5deg)

    }

    72% {

        transform: translate(-.5px, -1.5px) rotate(1.5deg)

    }

    74% {

        transform: translate(-1.5px, 2.5px) rotate(1.5deg)

    }

    76% {

        transform: translate(-1.5px, 2.5px) rotate(1.5deg)

    }

    78% {

        transform: translate(-1.5px, 2.5px) rotate(.5deg)

    }

    80% {

        transform: translate(-1.5px, .5px) rotate(-.5deg)

    }

    82% {

        transform: translate(-1.5px, .5px) rotate(-.5deg)

    }

    84% {

        transform: translate(-.5px, .5px) rotate(1.5deg)

    }

    86% {

        transform: translate(2.5px, 1.5px) rotate(.5deg)

    }

    88% {

        transform: translate(-1.5px, .5px) rotate(1.5deg)

    }

    90% {

        transform: translate(-1.5px, -.5px) rotate(-.5deg)

    }

    92% {

        transform: translate(-1.5px, -1.5px) rotate(1.5deg)

    }

    94% {

        transform: translate(.5px, .5px) rotate(-.5deg)

    }

    96% {

        transform: translate(2.5px, -.5px) rotate(-.5deg)

    }

    98% {

        transform: translate(-1.5px, -1.5px) rotate(-.5deg)

    }

    0%,

    100% {

        transform: translate(0, 0) rotate(0)

    }

}

 

@-webkit-keyframes glitch-loop-1 {

    0% {

        clip: rect(36px, 9999px, 9px, 0)

    }

    25% {

        clip: rect(25px, 9999px, 99px, 0)

    }

    50% {

        clip: rect(50px, 9999px, 102px, 0)

    }

    75% {

        clip: rect(30px, 9999px, 92px, 0)

    }

    100% {

        clip: rect(91px, 9999px, 98px, 0)

    }

}

 

@keyframes glitch-loop-1 {

    0% {

        clip: rect(36px, 9999px, 9px, 0)

    }

    25% {

        clip: rect(25px, 9999px, 99px, 0)

    }

    50% {

        clip: rect(50px, 9999px, 102px, 0)

    }

    75% {

        clip: rect(30px, 9999px, 92px, 0)

    }

    100% {

        clip: rect(91px, 9999px, 98px, 0)

    }

}

 

@-webkit-keyframes glitch-loop-2 {

    0% {

        top: -1px;

        left: 1px;

        clip: rect(65px, 9999px, 119px, 0)

    }

    25% {

        top: -6px;

        left: 4px;

        clip: rect(79px, 9999px, 19px, 0)

    }

    50% {

        top: -3px;

        left: 2px;

        clip: rect(68px, 9999px, 11px, 0)

    }

    75% {

        top: 0;

        left: -4px;

        clip: rect(95px, 9999px, 53px, 0)

    }

    100% {

        top: -1px;

        left: -1px;

        clip: rect(31px, 9999px, 149px, 0)

    }

}

 

@keyframes glitch-loop-2 {

    0% {

        top: -1px;

        left: 1px;

        clip: rect(65px, 9999px, 119px, 0)

    }

    25% {

        top: -6px;

        left: 4px;

        clip: rect(79px, 9999px, 19px, 0)

    }

    50% {

        top: -3px;

        left: 2px;

        clip: rect(68px, 9999px, 11px, 0)

    }

    75% {

        top: 0;

        left: -4px;

        clip: rect(95px, 9999px, 53px, 0)

    }

    100% {

        top: -1px;

        left: -1px;

        clip: rect(31px, 9999px, 149px, 0)

    }

}

 

.art .art-content #archives a:before,

.art .art-content .al_mon_list li:before {

    content: none

}

 

#archives ul {
    list-style: none;
    margin-bottom: 0;
    left: -45px
}

 

#archives li {
    list-style: none
}

 

#archives li>ul,li>ol {
    margin-left: -2.7em
}

 

#archives h3 {
    margin-top: 0;
    margin-bottom: 0
}

 

.art-content #archives .al_mon_list {
    position: relative;
    padding: 10px 0;
    display: inline-block;
    vertical-align: middle
}

 

.art .art-content #archives a {
    color: #000
}

 

.art .art-content #archives a:hover {
    color: #0084FE

}

 

.art .art-content #archives .al_year {
    padding-left: 100px

}

 

.art .art-content .al_mon_list .al_post_list>li,
.art-content #archives .al_mon_list .al_mon {
    position: relative;
    color: #0084FE;
}

 

.art-content #archives .al_mon_list .al_mon,
.art-content #archives .al_mon_list span {
    padding: 0;
    border-radius: 0;
    margin: 0;
    color: #0084FE;
    background: 0 0;
    font-weight: 400
}

 

.art .art-content #archives a {
    font-weight: 400
}

 

.art .art-content .al_mon_list {
    width: 100%
}

 

.art .art-content .al_mon_list .al_post_list>li:before {
    position: absolute;
    left: 116px;
    background: #fff;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    top: 6px;
    content: ""
}

 

.art .art-content .al_mon_list .al_post_list>li:after {
    position: absolute;
    left: 118px;
    background: #0084FE;
    height: 8px;
    width: 8px;
    border-radius: 6px;
    top: 8px;
    content: ""
}

 

.art-content #archives .al_mon_list .al_mon:before {
    position: absolute;
    left: 113px;
    background: #fff;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    top: 3px;
    content: ""

}
.art-content #archives .al_mon_list .al_mon:after {
    position: absolute;
    left: 116px;
    background: #0084FE;
    height: 12px;
   width: 12px;
    border-radius: 6px;
    top: 6px;
    content: ""
}

.art .art-content .al_mon_list .al_post_list>li {
    padding-left: 140px
}

.art-content #archives .al_mon,
.art-content #archives .al_mon_list .al_post_list {
    display: block
}

.art-content #archives .al_mon_list:before {
    max-height: 100%;
    height: 100%;
    width: 4px;
    background: #0084FE;
    position: absolute;
    left: 120px;
    content: "";
    top: 0

}

 

.art .art-content .al_mon_list .al_post_list>li:before,
.art-content #archives .al_mon_list .al_mon:before {
    -webkit-box-shadow: 1px 1px 1px #bbb;
    box-shadow: 1px 1px 1px #bbb
}

 

.art .art-content .al_mon_list .al_post_list>li:after,

.art-content #archives .al_mon_list .al_mon:after {
    background: #0084FE
}

 .art-content #archives{margin-left:16%}

 #al_expand_collapse{margin-right:30%}

 #page .type-page {margin:0 18%}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .admin-btn{background: #8486f8;padding: 2px 10px;color: #fff;border-radius: 4px;}
.admin-guanli{visibility:hidden;position: absolute;min-width: 80px;background-color: var(--main-bg-color);padding: 10px 5px;z-index: 99;border-radius: var(--main-radius);box-shadow: 0 0 10px rgba(0,0,0,.1);right: -40px;margin-top: -40px;}
.xy_hide:hover>.admin-guanli{visibility:unset;}
.xy_hide:hover>.admin-btn{color: #fff;background: #6d6fd8;}
.f12{font-size:12px;}
.xypro_describe {position: relative;border: 1px dashed #dcdfe6;line-height: 26px;}
.xypro_describe_title {position: absolute;top: 0;left: 8px;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #fff;padding: 0 5px;color: #303133;font-weight: 500;max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xypro_describe_content{color: #606266;padding: 18px 15px 30px;}
.yq{width: 100%;max-width: 100%;table-layout: fixed;color: #909399;margin-bottom: 18px;border-top: 1px solid #ebeef5;border-left: 1px solid #ebeef5;}
.yq thead th {font-weight: 500;background: #ebeef5;text-align: center;padding: 8px;border-bottom: 1px solid #ebeef5;border-right: 1px solid #ebeef5;}
.yq_link td {text-align: center;padding: 8px;border-bottom: 1px solid #ebeef5;border-right: 1px solid #ebeef5;text-overflow: ellipsis;
    white-space: nowrap;overflow: hidden;}
.xy_li {text-align: center;font-size: 16px;line-height: 30px;}
.xy_li::marker {content: "#" counter(list-item) " ";color: var(--theme-color);}
.xy-mask {background-color: rgba(0,0,0,.5);}
.xy_height_hide{height: 300px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xy_height_hide_p{background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);width: 100%;z-index: 1;position: absolute;bottom: 0;margin: 0;height: 100px;}
.xy_height_hide_p2{text-align: center;bottom: 0;z-index: 2;position: absolute;left: 0;right: 0;cursor: pointer !important;}
.xy-more-btn{width: 20px;height: 20px;background-color: var(--main-bg-color);border: 1px solid rgb(237, 237, 237);border-radius: 50%;line-height: 18px;}

code{font-family: "lovely";}
.xy_callout ol li::marker {content: "#" counter(list-item) " ";color: var(--theme-color);}
.xy_callout {padding: 20px;border: 1px solid #e4e4e4;border-left-width: 5px;border-radius: 6px;line-height: 30px;font-weight: 600;border-left-color: var(--theme-color); margin-top: 15px; }
.xy_content>h5{margin: 0;font-weight:600;font-size: 24px;line-height: 32px;padding:20px 0;text-align: center;}
.xy_checkbox:checked{background:var(--theme-color);-webkit-appearance: none;position: relative;border-radius: 2px;width: 15px;height: 15px;vertical-align: -2px;}
.xy_content h5:before {content: '「';color: var(--theme-color);font-weight: 600;margin-left: 5px;}
.xy_content h5:after {content: '」';color: var(--theme-color);font-weight: 600;margin-right: 5px;}
/**.xy_checkbox:checked:after {content:'';width: 6px;height: 10px;position: absolute;top: 1px;left: 5px;border: 2px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}**/
.wp-posts-content li{margin-bottom: 0;}
.xy-width{padding:0 30px 30px;}
.wp-posts-content ol>li>span{color: var(--theme-color);}

#wenz-yqlj {  
    background-color: transparent; /* 设置背景为全透明 */ 
    padding: 0px;
    box-shadow: 0 0 0px
}

@media screen and (max-width:500px){.xy-width{padding:10px;}.wp-posts-content ol:not(.blocks-gallery-grid){margin:0;}.xy_hide{display:none;}.title-h-center{display:none;}.xy-mask {background-color: rgb(0 0 0 / 5%);}}
@media screen and (min-width:500px){.xy-width-190{width: 190px;}.xy-width-100{width: 100px;}}

@media screen and (min-width:768px){
/* 媒体查询，针对小屏幕设备（例如手机） */  
.page-top-card {  
        height: 35rem; /* 在手机上设置较小的高度 */  
        /* 其他可能需要的样式 */  
    }  
    
}