:root{--costom-font-color:#000;--custom-menu-color:#fff;--custom-global-gradient:#fff;--custom-header-bg:rgba(29,30,31,.5);--custom-box-shadow:0 3px 6px 3px rgba(7,17,27,.06);--custom-card-hover-box-shadow:0 3px 6px 3px rgba(7,17,27,.15);--custom-border-radius:1px solid hsla(0,0%,66%,.7);--radius-wrap:20px}[data-mode=dark]{--costom-font-color:#b8b8b8;--custom-menu-color:var(--costom-font-color);--custom-global-gradient:#282828;--custom-header-bg:rgba(29,30,31,.5);--custom-box-shadow:0 3px 6px 3px rgba(7,17,27,.06);--custom-border-radius:1px solid hsla(0,0%,66%,.7)}#Joe{background:var(--custom-global-gradient)}.mask_title{display:none}.joe_header{position:fixed}.joe_header .joe_header__above{background:transparent;box-shadow:none}.joe_header .joe_header__above .joe_dropdown__link-icon,.joe_header .joe_header__above .joe_header__above-searchicon,.joe_header .joe_header__above .joe_header__above-slideicon{color:var(--custom-menu-color)!important}.joe_header .joe_header__above .item,.joe_header .joe_header__above .joe_dropdown__link a{font-weight:600}.joe_header .joe_header__above-nav .item{color:var(--custom-menu-color)}.joe_header .joe_header__above-nav .joe_dropdown__menu .item{color:var(--classF)}#EvanBigBanner{height:50vh!important}.joe_aside__item.author .image{height:100%}.joe_aside__item.author:before{height:0}.joe_index{background:none;border-radius:0;box-shadow:none}.hide-header{animation-duration:.8s;animation-fill-mode:forwards;animation-name:hideHeader}@keyframes hideHeader{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.fixed-header{animation-duration:.8s;animation-fill-mode:forwards;animation-name:header}@keyframes header{0%{transform:translateY(-60px)}to{transform:translateY(0)}}.btn_info{align-items:center;background:#39c5bb;border-radius:30px;display:flex;justify-content:center;margin:11px auto;padding:10px 4px;position:relative;transition:all .3s;z-index:10}.btn_info:hover{background:var(--theme)}.btn_info span{color:#fff}[data-page=index] .joe_index__banner{background:none;margin:0;overflow:hidden;padding:0 15px 5px}[data-page=index] .joe_index__banner .swiper{--swiper-theme-color:#fff;background:var(--background);border:var(--custom-border-radius);border-radius:var(--radius-wrap);box-shadow:var(--custom-box-shadow);flex:1;height:216px!important;min-width:0}[data-page=index] .joe_index__banner .swiper .swiper-slide{overflow:hidden;transform:translateZ(0)}[data-page=index] .joe_index__banner .swiper .swiper-pagination-bullet{background:#858585}[data-page=index] .joe_index__banner .swiper .swiper-pagination-bullet-active{background:var(--theme)}[data-page=index] .joe_index__banner .swiper .item{cursor:default;display:flex;height:216px;padding:0 1.6rem;transform:translateZ(0)}[data-page=index] .joe_index__banner .swiper .item img{border-radius:1rem;flex:none;height:80%!important;margin:auto 0;width:30%!important}[data-page=index] .joe_index__banner .swiper .item .title-row{align-items:start;background:none;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}[data-page=index] .joe_index__banner .swiper .item .title-row .title{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--main);display:-webkit-box;overflow:hidden;white-space:normal}[data-page=index] .joe_index__banner .swiper .item .title-row .subtitle{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;white-space:normal}[data-page=index] .joe_index__article{margin-top:1rem;padding:10px}[data-page=index] .joe_index__article .joe_index__title{display:none}[data-page=index] .joe_list{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}[data-page=index] .joe_list .joe_list__item{border:var(--custom-border-radius);border-radius:var(--radius-wrap);box-shadow:var(--custom-box-shadow);flex-direction:column;height:21rem!important;margin:auto;overflow:hidden;padding:0;transition:all .3s;width:calc(33.333% - 20px)}[data-page=index] .joe_list .joe_list__item:hover{box-shadow:var(--custom-card-hover-box-shadow)!important;transform:translateY(-3px)}[data-page=index] .joe_list .joe_list__item .thumbnail{height:55%!important;margin-right:0;text-align:center;width:100%}[data-page=index] .joe_list .joe_list__item .thumbnail .mask_title{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--custom-menu-color);display:block;display:-webkit-box;font-size:1.1rem;font-weight:500;line-height:2;margin:30px auto;overflow:hidden;padding:2rem;position:absolute;text-align:center;text-overflow:ellipsis;text-shadow:1px 2px 3px #000;top:0;width:100%;z-index:11}[data-page=index] .joe_list .joe_list__item .thumbnail .mask_title:before{content:"「";font-size:20px}[data-page=index] .joe_list .joe_list__item .thumbnail .mask_title:after{content:"」";font-size:20px}[data-page=index] .joe_list .joe_list__item .thumbnail:before{background:rgba(25,25,25,.4);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}[data-page=index] .joe_list .joe_list__item .information{overflow:hidden;padding:1.2rem}[data-page=index] .joe_list .joe_list__item .information .title{font-size:1.2rem;font-weight:600;margin:0 0 5px}[data-page=index] .joe_list .joe_list__item .information .abstract{font-size:.8rem}[data-page=index] .joe_list .joe_list__item .information .meta{align-items:start;flex-direction:column;font-size:.8rem;margin-top:6px}[data-page=index] .joe_list .joe_list__item .information .meta .categories{margin-top:6px}@media (max-width:992px){[data-page=index] .joe_list__item{width:calc(50% - 20px)!important}[data-page=index] .joe_list__item .thumbnail{margin-right:0!important;width:100%!important}}@media (max-width:768px){[data-page=index] .joe_index__banner{margin:0;padding:10px!important}[data-page=index] .joe_index__banner .swiper{--swiper-theme-color:#fff;border:var(--custom-border-radius);border-radius:var(--radius-wrap);flex:1;height:216px!important;min-width:0}[data-page=index] .joe_index__banner .swiper .swiper-slide{overflow:hidden;transform:translateZ(0)}[data-page=index] .joe_index__banner .swiper .swiper-pagination-bullet{background:#858585}[data-page=index] .joe_index__banner .swiper .swiper-pagination-bullet-active{background:var(--theme)}[data-page=index] .joe_index__banner .swiper .item{border-radius:1rem;cursor:default;display:flex;height:216px;overflow:hidden;transform:translateZ(0)}[data-page=index] .joe_index__banner .swiper .item:before{background:rgba(0,0,0,.3);content:"";height:100%;left:0;margin:1px;position:absolute;top:0;width:100%}[data-page=index] .joe_index__banner .swiper .item img{border-radius:1rem;flex:none;height:100%!important;width:100%!important}[data-page=index] .joe_index__banner .swiper .item .title-row{align-items:start;background:none;display:flex;flex-direction:column;left:0;overflow:hidden;padding:2.5rem;position:absolute;top:0}[data-page=index] .joe_index__banner .swiper .item .title-row .title{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--custom-menu-color)!important;display:-webkit-box;font-size:1.6rem!important;font-weight:700;margin:1rem 0;overflow:hidden;white-space:normal}[data-page=index] .joe_index__banner .swiper .item .title-row .subtitle{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--custom-menu-color)!important;display:block!important;display:-webkit-box;overflow:hidden;white-space:normal}[data-page=index] .joe_list__item{width:calc(100% - 20px)!important}[data-page=index] .joe_list__item .thumbnail{margin-right:0!important;width:100%!important}[data-page=index] .joe_list__item .information .abstract{display:block!important}}[data-page=post] #EvanBigBanner{height:26rem!important}@media (max-width:768px){[data-page=post] #EvanBigBanner{height:20rem!important}}[data-page=post] #EvanBigBanner .infomation .meta_post .title{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:.25rem;padding:0 10px;text-align:center;text-shadow:0 .1875rem .3125rem #1c1f21}[data-page=post] #EvanBigBanner .infomation .meta_post .meta{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:center;letter-spacing:.05rem;margin-top:1.2rem;padding:0 1rem;text-align:center;text-shadow:0 .1875rem .3125rem #1c1f21}[data-page=post] #EvanBigBanner .infomation .meta_post .meta .meta_item{align-items:center;display:flex;font-weight:600;justify-content:center}[data-page=post] #EvanBigBanner .infomation .meta_post .meta svg{fill:currentColor;flex-shrink:0;height:1rem;margin-right:2px;overflow:hidden;width:1rem}.joe_aside .toc-container,.joe_aside section{border:var(--custom-border-radius)}.joe_header_container{justify-content:center}.joe_header__above-search{margin-left:10px}.social-account{position:relative;z-index:1}