.joe_index{border-radius:var(--radius-wrap);padding:0 15px;background:var(--background);box-shadow:var(--box-shadow)}.joe_list{display:flex;flex-wrap:wrap;justify-content:space-around}.joe_list__item{position:relative;width:48%;padding:15px 0}@media(min-width:735px){.joe_list__item{width:32%}}@media(min-width:950px){.joe_list__item{width:24%}}@media(min-width:1200px){.joe_list__item{width:19%}}.joe_list__item:last-child{border-bottom:none}.joe_list__item .information{margin-top:8px}.joe_list__item .information .title{margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;color:var(--main);font-size:14px;line-height:1.5;max-height:48px;transition:color .35s}.joe_list__item .information .title:hover{color:var(--theme)}.joe_list__item .information .title .badge{height:20px;line-height:20px;background-image:-webkit-linear-gradient(0deg,#3ca5f6,#a86af9);color:#fff;font-size:12px;margin-right:5px;border-radius:2px;padding:0 8px;white-space:nowrap;vertical-align:2px}.joe_list__item .information .abstract{display:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--minor);word-break:break-word;line-height:22px;max-height:44px;opacity:.85}.joe_list__item .line{position:absolute;z-index:1;top:15px;left:-15px;width:4px;height:25px;border-radius:2px;background:var(--theme);transform:scaleY(0);transition:transform .35s}.joe_list__item .meta{display:flex;align-items:center;margin-top:auto;color:var(--minor);font-size:13px}.joe_list__item .meta .items{color:var(--seat);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_list__item.default{position:relative}.joe_list__item.default:hover .thumbnail img{opacity:.8}.joe_list__item.default:hover .thumbnail time{transform:translateZ(0)}.joe_list__item.default .thumbnail{flex-shrink:0;position:relative;width:210px;height:140px;margin-right:15px;overflow:hidden}.joe_list__item.default .thumbnail img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);transition:opacity .35s}.joe_list__item.default .thumbnail time{position:absolute;z-index:1;top:5px;right:5px;background:var(--theme);height:20px;line-height:20px;padding:0 8px;color:#fff;font-size:12px;border-radius:10px;transition:transform .35s;transform:translate3d(120%,0,0)}.joe_list__item.default .thumbnail svg{position:absolute;z-index:1;top:5px;left:5px;width:20px;height:20px;fill:#fff}.joe_list__item.default .information{display:flex;flex-direction:column;flex:1;min-width:0}.joe_list__item.default .information .title{margin-top:5px;margin-bottom:5px;height:42px}.joe_list__item.single:hover .thumbnail img{opacity:.8}.joe_list__item.single:hover .thumbnail time{transform:translateZ(0)}.joe_list__item.single .information{margin-bottom:15px}.joe_list__item.single .thumbnail{display:block;position:relative;width:100%;height:280px;overflow:hidden;margin-bottom:15px}.joe_list__item.single .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);transition:opacity .35s}.joe_list__item.single .thumbnail time{position:absolute;z-index:1;top:10px;right:10px;background:var(--theme);height:20px;line-height:20px;padding:0 8px;color:#fff;font-size:12px;border-radius:10px;transition:transform .35s;transform:translate3d(120%,0,0)}.joe_list__item.single .thumbnail svg{position:absolute;z-index:1;top:10px;left:10px;width:20px;height:20px;fill:#fff}.joe_list__item.multiple .information{margin-bottom:15px}.joe_list__item.multiple .thumbnail{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:180px;gap:15px;margin-bottom:15px}.joe_list__item.multiple .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s,opacity .35s;border-radius:var(--radius-inner)}.joe_list__item.multiple .thumbnail img:hover{transform:scale(1.025);opacity:.85}.joe_list__item.none .information{display:flex;flex-direction:column;height:140px}.joe_list__loading .item{display:flex;position:relative;width:100%;padding:15px 0;border-bottom:1px solid var(--classC)}.joe_list__loading .item:last-child{border-bottom:none}.joe_list__loading .item .thumbnail{flex-shrink:0;position:relative;width:210px;height:140px;margin-right:15px;background:var(--classD);animation:list_thumbnail_loading .5s infinite alternate;border-radius:var(--radius-inner)}.joe_list__loading .item .information{flex:1;min-width:0}.joe_list__loading .item .information .title{height:24px;border-radius:var(--radius-inner);background:var(--classD);animation:list_title_loading .75s infinite alternate;margin-bottom:15px}.joe_list__loading .item .information .abstract p{height:18px;border-radius:var(--radius-inner);background:var(--classD);margin-bottom:5px;animation:list_abstract_loading .8s infinite alternate}.joe_list__title{display:flex;align-items:center;padding-top:15px;padding-bottom:15px;color:var(--main);border-bottom:1px solid var(--classC)}.joe_list__title-icon{width:20px;height:20px;min-width:20px;min-height:20px;margin-right:5px}.joe_list__title-title{display:flex;flex-flow:wrap;align-items:center}.joe_list__title-title .muted{color:var(--theme);margin:0 5px}@keyframes list_thumbnail_loading{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes list_title_loading{0%{width:80%}to{width:95%}}@keyframes list_abstract_loading{0%{width:60%}to{width:80%}}.joe_pagination{display:flex;flex-flow:wrap;align-items:center;justify-content:flex-start;padding-top:15px}.joe_pagination li{margin-left:5px;margin-bottom:10px}.joe_pagination li.active a{background:var(--theme);color:#fff;font-weight:500}.joe_pagination li a{display:flex;align-items:center;height:32px;color:var(--main);padding:0 15px;background:var(--background);border-radius:2px;transition:background .35s,color .35s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.joe_pagination li a:hover{background:var(--theme);color:#fff}.joe_pagination li a:hover .icon{fill:#fff}.joe_pagination li a .icon{width:12px;height:12px;fill:var(--routine);transition:fill .35s}.joe_pagination li a .icon-next{transform:rotate(180deg)}