.title-asli{margin-bottom:10px}
.title-asli .icon{filter:grayscale(1);opacity:.3;background:url(assets/img/arm-1.png) no-repeat center;width:40px;height:40px;background-size:100%}
.title-asli .name{margin:4px 15px}
.title-asli .name.rt-align{margin-right:0;margin-left:0}
.title-asli .more{margin:11px 0;padding:0 15px;border-right:1px rgba(255, 255, 255, 0.15) solid;color:rgba(255, 255, 255, 0.5)}
.title-asli .more i{margin-right:7px}
.title-asli .desc{line-height:2;padding:10px 20% 15px}
.title-asli .desc .exit{padding:2px 11px;margin-right:15px;display:inline-block}
.title-asli .desc .exit:hover{opacity:.8}
.title-asli .more:hover,.mini-p:hover .title a{color:#83acf7}
html.light-mode .title-asli .icon{opacity:1;background:url(assets/img/arm-2.png) no-repeat center;background-size:100%;filter:grayscale(0)}
html.light-mode .title-asli .rt-rang2,html.light-mode .title-asli .more:hover,html.light-mode .mini-p:hover .title a{color:#414146}
html.light-mode .title-asli .more{border-right-color:rgba(0, 0, 0, 0.07);color:#666;font-weight:bold}
html.light-mode .mini-p .hover{background-color:rgba(69, 73, 80, 0.8)}
html.light-mode .mini-p .title a{color:#444}
html.light-mode .mini-p.series-type::before,html.light-mode .mini-p.series-type::after{background-color:#333}
html.light-mode .mini-list{box-shadow:0 3px 4px rgba(8,7,9,.071)}
html.light-mode .mini-list:hover .inside .title a{color:#5492ff}
html.light-mode .title-asli .desc{color:#666}

.archive-page{padding:60px 0}
.archive-page .entery{margin-top:5px}
.archive-page .entery.arcx{margin-bottom:20px}
.archive-page .entery .mini-p{width:calc(14.28% - 30px);margin:20px 15px}
.archive-page .entery .mini-list{width:calc(25% - 20px);margin:10px}

.mini-p{width:150px;margin:10px 0 0 15px}
.mini-p .pic{background-color:var(--blur);height:220px}
.mini-p .title{margin-top:8px;line-height:2}
.mini-p .title a{height:56px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.mini-p:hover .title a{color:var(--color2)}
.light-mode .mini-p figure{box-shadow:0 3px 4px rgba(8,7,9,.071)}
.light-mode .mini-p .title a{color:#666}
.light-mode .mini-p:hover .title a{color:var(--color) !important}

.rt-bgx{top:0;right:0;z-index:-1;max-height:600px}
.rt-bgx img{z-index:-1;opacity:.1}
.rt-bgx::before{content:"";position:absolute;bottom:-2px;right:0;height:100%;background:linear-gradient(to bottom, transparent, var(--body));width:100%;float:right}


@media only screen and (max-width:1190px){
.archive-page .entery .mini-p{width:calc(16.66% - 30px)}
.archive-page .entery .mini-list{width:calc(33.33% - 20px)}
}
@media only screen and (max-width:1020px){
.archive-page .entery .mini-p{width:calc(20% - 30px)}
}
@media only screen and (max-width:920px){
.archive-page .entery{margin-top:0}
.rt-bgx{top:59px}
.archive-page{padding:30px 0 90px}
.title-asli .icon{width:35px;height:35px;display:none}
.title-asli .more{margin:8px 0;float:left;padding-left:0;border-right:0}
.title-asli .name{font-size:15px;margin:5px 0}
.title-asli .name.rt-align{width:100%;font-size:17px}
.title-asli .desc{font-size:13px;padding:0 10% 15px}
.title-asli .desc span.rt-13{font-size:12px}

}
@media only screen and (max-width:840px){
.archive-page .entery .mini-p{width:calc(25% - 30px)}
.archive-page .entery .mini-list{width:calc(50% - 20px)}
}
@media only screen and (max-width:670px){
.archive-page .entery .mini-p{width:calc(33.33% - 30px)}
}
@media only screen and (max-width:670px){
.archive-page .entery .mini-p{width:calc(33.33% - 20px);margin:10px}
}
@media only screen and (max-width:560px){
.archive-page .entery .mini-list{width:100%;margin:0 0 15px}
}
@media only screen and (max-width:490px){
.mini-p .pic{height:190px}
}
@media only screen and (max-width:450px){
.mini-p .pic{height:160px}
}
@media only screen and (max-width:410px){
.archive-page .entery .mini-p{width:calc(50% - 20px)}
.mini-p .pic{height:220px}
}
@media only screen and (max-width:370px){
.mini-p .pic{height:200px}
}