@-webkit-keyframes above-title-scale{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-filter:none;filter:none;-webkit-transform:scale(1);transform:scale(1)}}@keyframes above-title-scale{0%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}to{opacity:1;-webkit-filter:none;filter:none;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes above-down-effect{0%,to{top:0;opacity:.4}50%{top:-16px;opacity:1;-webkit-filter:none;filter:none}}@keyframes above-down-effect{0%,to{top:0;opacity:.4}50%{top:-16px;opacity:1;-webkit-filter:none;filter:none}}.index .main>.container{padding:0}.index .header .above{height:100vh}.index .header .above:before{position:absolute;width:100%;height:100%;content:''}.index .header .above-info{position:absolute;top:43%;padding:0 .5rem;width:100%}.index .header .above-title{font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.15);line-height:1.5;color:var(--above-one-color);-webkit-animation:above-title-scale 1s;animation:above-title-scale 1s;-webkit-transition:font-size .3s;transition:font-size .3s}.index .header .above-subtitle{font-size:1.3rem;-webkit-animation:above-title-scale 2s;animation:above-title-scale 2s;-webkit-transition:font-size .3s;transition:font-size .3s}.index .header .above-subtitle--text{text-shadow:2px 2px 4px rgba(0,0,0,.15);line-height:1.5;color:var(--above-two-color)}.index .header .above-down-icon{font-size:1.8rem;padding-bottom:10px}.index .header .above-down-icon i{position:relative;-webkit-animation:above-down-effect 1.5s infinite;animation:above-down-effect 1.5s infinite;color:var(--above-two-color);cursor:var(--cursor-pointer)}@media (max-width:768px){.index#Butterfly .header .above-title{font-size:1.9rem}.index#Butterfly .header .above-subtitle{font-size:1rem}.index#Butterfly .main>.container{padding:0}}.posts .item .cover.pt-top::before{content:'置顶';position:absolute;left:0;background:linear-gradient(135deg,#fd7a64 10%,#fb2d2d 100%);color:#fff;top:20px;font-size:.8rem;z-index:50;padding:0 7px;line-height:2;border-radius:0 50px 50px 0}.posts .item .cover img{-o-object-fit:cover;object-fit:cover}.posts .item .cover img[data-ll-status=loaded]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.posts .item .info-title{color:var(--text-obs-color);-webkit-transition:color .2s;transition:color .2s}.posts .item .info-title:hover,.posts .item .info-wrap .wp.category .lk:hover{color:var(--link-hover-color)}.posts .item .info-wrap{margin:6px 0;font-size:90%}.posts .item .info-wrap .wp .point:last-child{display:none}.posts .item .info-wrap .fk{margin:0 .2rem 0 .1rem}.posts.list>.item{height:16rem}.posts.list>.item:not(:first-child){margin-top:20px}.posts.list>.item .cover{width:43%;height:100%}.posts.list>.item .info{padding:0 40px}.posts.list>.item .info-title{font-size:1.6rem;line-height:1.4}.posts.list>.item .text{line-height:1.8}.posts.tile,.posts.tile>.item{-webkit-box-direction:normal;-moz-box-direction:normal}.posts.tile{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.posts.tile>.item{height:20rem;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;width:32.3%;margin:0 1% 20px 0}.posts.tile>.item .cover{width:100%;height:12rem}.posts.tile>.item .info{width:100%;padding:25px 30px 10px}.posts.tile>.item .info-title{font-size:1.2rem;-webkit-line-clamp:1;line-height:1.2}.posts.tile>.item .info-wrap{font-size:80%}.posts.tile>.item .info-wrap .category .cys .lk:not(:first-child),.posts.tile>.item .info-wrap .category .cys .point:not(:first-child){display:none}.posts.tile>.item .text{display:none}@media (max-width:1200px){#Butterfly .posts.tile .item{width:47%;margin:0 3% 20px 0}}@media (max-width:768px){#Butterfly .posts.list .item{height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#Butterfly .posts.list .cover{width:100%;height:200px}#Butterfly .posts.list .info{padding:20px 20px 30px;width:100%}#Butterfly .posts.list .info-title{font-size:1.3rem}#Butterfly .posts.list .info-wrap{font-size:88%}#Butterfly .posts.tile .item{width:100%;margin-bottom:20px}}@media (max-width:650px){#Butterfly .posts.list .text{-webkit-line-clamp:1}}