.evan-big-banner{position:relative;width:100%;height:calc(50vh + 50px);display:flex;margin-top:-4rem;justify-content:center;align-items:center;flex-direction:column;background-color:transparent;background-position:center;background-size:cover;overflow:hidden;transition:height 1.6s ease-in-out;background-image:url(http://imgapi.xl0408.top/index.php)}.evan-big-banner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-520;pointer-events:none;background:linear-gradient(90deg,rgba(247,149,51,.1),rgba(243,112,85,.1) 15%,rgba(239,78,123,.1) 30%,rgba(161,102,171,.1) 44%,rgba(80,115,184,.1) 58%,rgba(16,152,173,.1) 72%,rgba(7,179,155,.1) 86%,rgba(109,186,130,.1)) no-repeat center 0;background-size:cover}.evan-big-banner img{-o-object-fit:cover;object-fit:cover}.evan-big-banner .infomation{position:absolute;line-height:2}.evan-big-banner .infomation .title{font-size:2rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 .1875rem .3125rem #1c1f21;letter-spacing:.3rem}.evan-big-banner .infomation .desctitle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#f3f3f3;font-size:1rem;padding:0 1rem;text-shadow:0 .1875rem .3125rem #1c1f21}.evan-big-banner .infomation .hitokoto_text{text-shadow:none}.evan-big-banner .infomation .hitokoto_form{font-size:14px;text-shadow:none}.evan-big-banner .infomation .evan-tiktok-text{animation:uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running}.evan-big-banner .evan-big-banner_bottom{width:100%;position:absolute;left:0;bottom:-5px}.evan-big-banner .evan-big-banner_bottom .waves-svg{width:100%;height:3rem;fill:var(--wave-color)}.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s;opacity:.9}.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s;opacity:.8}.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s;opacity:.9}.evan-big-banner .evan-big-banner_bottom .waves-svg .parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}.evan-big-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=)}@media (max-width:768px){.evan-big-banner{margin-top:0;height:40vh}.evan-big-banner .infomation .title{font-size:1.5rem}.evan-big-banner .infomation .desctitle{font-size:.9rem}.evan-big-banner .evan-big-banner_bottom .waves-svg{height:3rem}}@keyframes uk-text-shadow-glitch{0%{text-shadow:none}25%{text-shadow:-2px -2px 0 #ff004f,2px 2px 0 #00f7ef}50%{text-shadow:2px -2px 0 #ff004f,-2px 2px 0 #00f7ef}75%{text-shadow:-2px 2px 0 #ff004f,2px -2px 0 #00f7ef}100%{text-shadow:2px 2px 0 #ff004f,-2px -2px 0 #00f7ef}}@keyframes uk-flicker{0%{opacity:0}10%{opacity:.6;transform:scale(.8)}20%{opacity:0}40%{opacity:1}50%{opacity:.2;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.evan-big-banner_goto{position:absolute;left:50%;transform:translateX(-50%);bottom:100px}.evan-big-banner_goto .index-goto-icon{font-size:24px;color:#fff;animation:aniIndexGotoIcon 2s ease-in-out infinite;display:inline-block}@keyframes aniIndexGotoIcon{0%{transform:translateY(0)}50%{transform:translateY(15px)}100%{transform:translateY(0)}}.parallax>use{animation:move-forever 12s linear infinite}.parallax>use:nth-child(1){animation-delay:-2s}.parallax>use:nth-child(2){animation-delay:-2s;animation-duration:5s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:3s}@keyframes move-forever{0%{transform:translate(-90px,0)}100%{transform:translate(85px,0)}}.evan-big-banner_bottom{width:100%;height:40px;position:relative;overflow:hidden;z-index:1;background:var(--footer-bg)}.editorial{display:block;width:100%;height:40px;margin:0}.evan-friends .sub-text{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.evan-friends .evan-f-left{display:flex;align-items:center;justify-content:center;transition:all .5s ease-in-out}.evan-friends .evan-f-left .f-avatar{width:45px;height:45px;box-sizing:border-box;border-radius:50%;overflow:hidden;transition:all .2s ease-in-out;border:2px solid var(--fcolor)}.evan-friends .evan-f-left .f-avatar .avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;margin:0}.evan-friends .evan-f-left .f-avatar .avatar:hover{transform:none}.evan-friends .evan-f-right{flex-grow:1;display:flex;flex-direction:column;align-items:start;justify-content:center;box-sizing:border-box;gap:4px}.evan-friends .joe_detail__friends-item .contain{border:2px solid var(--fcolor);border-radius:8px}.evan-friends .joe_detail__friends-item .contain .title::after{display:none}.evan-friends .joe_detail__friends-item .contain .content .desc{-webkit-line-clamp:1}.evan-friends .title{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1em;color:var(--fcolor)}.evan-friends .content{font-size:.85em;color:var(--main)}.evan-friends .contain{display:flex;align-items:center;position:relative;transition:all .2s ease-in-out;gap:10px}.evan-friends .contain:hover{box-shadow:var(--fcolor) 0 1px 4px}.evan-friends .contain::before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;background-color:var(--fcolor)!important;transform:scale(0);transition:all .5s ease-in-out;transform-origin:right bottom;border-bottom-left-radius:12px}.evan-friends .contain:hover .f-avatar{transform:scale(1.1);box-shadow:var(--fcolor) 0 1px 4px}