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