@charset "utf-8";
.content-all-windows{overflow-y:visible!important}
.win-top .counter{color:var(--preset-s);font-size:14px;position:relative;max-width:88%;margin: 8% auto 7%;;z-index:1}
.win-top .counter div{display:inline-block;margin:auto 35px;padding:15px 0}
.win-top .counter div a:hover{color:var(--preset-f)}
.win-top .counter div a{color:inherit;display:inherit}
.win-top .counter h1{font-size:3rem;margin:0 auto;}
.win-top .counter h1 sup{font-size:32px;color:var(--preset-s);font-weight:normal}
.win-top .counter select{
    display: block;
}
.win-top .counter a:hover > p,
.win-top .counter a:hover > b{opacity:unset}
.win-top .counter p,
.win-top .counter b{
    opacity:.75;
}
.win-top .counter p{color:var(--preset-f);font-size:var(--min-size);margin: auto;}

body.dark .archive-tree{
    color: var(--preset-9);
}
body.dark .archive-tree ul li a{
    border-color: var(--preset-3a);
}
.archive-tree{
    max-width: 1102px;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    color: var(--preset-3a);
}
.archive-tree select{
    position: relative;
    z-index: 9;
}
.archive-tree h2{
    /*opacity: .75;*/
    margin: 35px auto 5px;
    border-bottom: 1px dashed rgb(100 100 100 / 20%);
    padding-bottom: 5px;
}
h2.disabled sup,
h2 sup.disabled{
    pointer-events: none;
    opacity: .32;
}
h2 sup{
    font-size: 12px;
    text-decoration: underline;
    opacity: .88;
    margin-left: 5px;
    cursor: pointer;
}
h2 sup:after{
    content: '['attr(data-load)']';
    opacity: .75;
    font-size: smaller;
    vertical-align: text-top;
}
@keyframes dot {
    33.33% {
        content: ".";
    }
    66.67% {
        content: "..";
    }
    100% {
        content: "...";
    }
}
/*h2 sup:before{*/
/*    content: '';*/
/*    opacity: .75;*/
/*    font-size: smaller;*/
/*    vertical-align: text-top;*/
/*}*/
h2 sup.loading:after{
    animation: dot .5s infinite steps(2, start);
    -webkit-animation: dot .35s infinite steps(2, start);
}
.archive-tree ul{
    padding: 0;
    max-height: 36vh;
    overflow: auto;
    position: relative;
    scroll-behavior: smooth;
    /*margin-left: 15px;*/
    transition: max-height 1s ease .5s;
}
.archive-tree ul li{
    max-width: 95%;
    margin: 0 auto;
    /*margin-bottom: 5px;*/
}
.archive-tree ul li:hover span{
    /*opacity: 1;*/
}
.archive-tree ul li a.link:hover > sup{
    opacity: 1;
}
.archive-tree ul li a.link:hover{
    color: var(--theme-color);
    border-color: currentColor!important;
    text-decoration: underline;
}
.archive-tree ul li a.link{
    line-height: 2;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 2px solid var(--preset-e);
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: var(--min-size-rem);
    transition: padding .35s ease;
}
.archive-tree ul li a:hover{
    padding-left: 10px;
}
.archive-tree ul li a{
    color: inherit;
}
.archive-tree ul li .timeline{
    width: 100%;
    opacity: .75;
    font-size: var(--min-size);
    display: inline-block;
    vertical-align: middle;
    /*margin-right: 15px;*/
    float: left;
}
.archive-tree ul li span:last-child:after{
    content: none;
}
.archive-tree ul li span:after{
    content: ' 、';
}
.archive-tree ul li span{
    display: inline-block;
    margin-left: 2px;
}
.archive-tree ul li em,
.archive-tree ul li sup{
    opacity: .5;
    font-size: var(--min-size);
    margin: auto 5px;
}
.archive-tree ul li sup{
    float: right;
}
.archive-tree ul li em{
    display: inline-block;
    float: right;
}

.cs-tree{
    margin: 15px auto;
    text-align: left;
}
.cs-tree .contributions{
    display: inline-block;
}
body.dark .cs-tree span{
    color: var(--preset-3a);
    border: 1px solid var(--preset-3a);
    /*border-color: var(--preset-4a);*/
}
body.dark .cs-tree span:before{
    border-color: var(--preset-2b);
    /*color: #9be9a8;*/
}

.stats{
    font-weight: bold;
    /*border-top: 1px dashed rgb(100 100 100 / 30%);*/
    /*padding: 10px 2px;*/
    padding: 0 2px 10px 2px;
    /* margin-top: 5px; */
    /*border-radius: 50px;*/
    font-size: 12px;
    /* float: right; */
    border-top-left-radius: 0;
    /*display: inline-block;*/
    display: block;
    /*background: rgb(200 200 200 / 10%);*/
}
.stats b{
    opacity: .75;
    font-weight: normal;
}

/*.cs-tree .today:hover::before,*/
.cs-tree span#edit:hover::before{
    content: attr(data-count)' spot on 'attr(data-dates);
}
.cs-tree span.today:hover::before{
    content: "today's comtribution";
}
.cs-tree span:hover::before,
.cs-tree span.dayto:hover::before{
    content: attr(data-dates);
    /*content: "future contributions";*/
}
.cs-tree span:before{
    content: none;
    color: white;
    background: var(--preset-3a);
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 9;
    font-size: 12px;
    padding: 6px 12px 8px 12px;
    border-radius: 50px;
    text-align: center;
    white-space: nowrap;
    border: 2px solid currentColor;
    /*font-weight: bold;*/
    /*-webkit-backdrop-filter: blur(10px);*/
    /*backdrop-filter: blur(10px);*/
}
.cs-tree .dayto,
.cs-tree .today,
.cs-tree span:hover{
    /*border-color: transparent;*/
    border-radius: 50%;
    z-index: 9;
}
.cs-tree span{
    display: inline-block;
    width: 10px;
    height: 10px;
    color: var(--preset-s);
    background: currentColor;
    border: 1px solid var(--preset-e);
    margin: 2px;
    border-radius: 2px;
    position: relative;
}
.cs-tree span#edit{
    border-color: currentColor;
}
@keyframes twinkler {
    0% {
        opacity: .5;
    }
    15% {
        opacity: 1;
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
body.dark .cs-tree span.today,
.cs-tree .today{
    color: var(--theme-color);
    /*color: var(--theme-color)!important;*/
    /*border-color: currentColor!important;*/
    animation: twinkler 1s infinite alternate ease;
    -webkit-animation: twinkler 1s infinite alternate ease;
}
.cs-tree .dayto:hover{
    opacity: .75;
}
.cs-tree .dayto{
    opacity: .5;
    color: var(--preset-e);
    z-index: 0;
}
/*.cs-tree span:last-child{*/
/*    margin-right: auto;*/
/*}*/
/*.cs-tree span{*/
/*    margin: 2px 24px 2px 0;*/
/*}*/
.cs_tips::before{
    content: 'Less ';
}
.cs_tips::after{
    content: ' More';
}
.cs_tips::before,
.cs_tips::after{
    font-size: 12px;
    /*font-weight: bold;*/
    opacity: .5;
}
.cs_tips{
    margin: auto;
    padding: 0;
    float: right;
}
body.dark .cs_tips li{
    color: var(--preset-3a);
    /*border-color: currentColor!important;*/
}
body.dark .cs_tips li:first-child{
    border-color: var(--preset-3a);
}
.cs_tips li{
    width: 10px;
    height: 10px;
    margin: -2px 3px!important;
    /*width: 3px;*/
    /*height: 12px;*/
    /*margin: -3px 1px!important;*/
    display: inline-block;
    color: var(--preset-s);
    background: currentColor;
    border: 1px solid var(--preset-e);
    border-radius: 2px;
}
.cs_tips li:not(:first-child){
    border-color: currentColor!important;
}
/*.cs_tips li:nth-child(2){*/
/*    color: #9be9a8!important;*/
/*}*/
/*.cs_tips li:nth-child(3){*/
/*    color: #40c463!important;*/
/*}*/
/*.cs_tips li:nth-child(4){*/
/*    color: #30a14e!important;*/
/*}*/
/*.cs_tips li:last-child{*/
/*    color: #216e39!important;*/
/*}*/

.archive-tree ul li .article + a,
.archive-tree ul li a.article{
    font-weight: bold;
}