From d0abe02009faa91040eb89a618e4761294eb5790 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=9C=E6=81=92?= <2323333339@qq.com>
Date: Fri, 19 Feb 2021 16:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/joe.global.css             |    2 +-
 assets/css/joe.global.scss            |   65 +-
 assets/css/joe.responsive.css         |    2 +-
 assets/css/joe.responsive.scss        | 1348 +++++++++++++------------
 assets/js/joe.owo.js                  |    6 +-
 assets/json/joe.owo.json              |    3 +-
 assets/owo/paopao/E78B97E5A4B4_2x.png |  Bin 0 -> 6514 bytes
 assets/owo/paopao/list.txt            |   72 --
 core/function.php                     |    2 +-
 core/parse.php                        |    2 +-
 public/include.php                    |    8 +-
 11 files changed, 739 insertions(+), 771 deletions(-)
 create mode 100644 assets/owo/paopao/E78B97E5A4B4_2x.png
 delete mode 100644 assets/owo/paopao/list.txt

diff --git a/assets/css/joe.global.css b/assets/css/joe.global.css
index 23f9c51..b3b7599 100644
--- a/assets/css/joe.global.css
+++ b/assets/css/joe.global.css
@@ -1 +1 @@
-.joe_dropdown{position:relative}.joe_dropdown__link{display:flex;align-items:center}.joe_dropdown__link-icon{transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_dropdown__menu{position:absolute;left:50%;visibility:hidden;z-index:999;border-top:3px solid var(--theme);-webkit-transform-origin:top;transform-origin:top;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 var(--radius-inner) var(--radius-inner);padding:10px 0;opacity:0;-webkit-transform:translateX(-50%) perspective(600px) rotateX(-45deg);transform:translateX(-50%) perspective(600px) rotateX(-45deg);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s, -webkit-transform 0.35s}.joe_dropdown__menu::before{content:'';position:absolute;top:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--theme)}.joe_dropdown.active .joe_dropdown__link-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.joe_dropdown.active .joe_dropdown__menu{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) perspective(600px) rotateX(0);transform:translateX(-50%) perspective(600px) rotateX(0)}.joe_header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1)}.joe_header__above{position:relative;z-index:999;background:var(--background)}.joe_header__above .joe_container{align-items:center}.joe_header__above-logo{position:relative;display:flex;align-items:center;height:60px;padding-right:15px;margin-right:15px}.joe_header__above-logo img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.joe_header__above-logo svg{display:none}.joe_header__above-logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classC);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.joe_header__above-nav{display:flex;align-items:center}.joe_header__above-nav .item{position:relative;height:60px;line-height:60px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s;white-space:nowrap;color:var(--main)}.joe_header__above-nav .item:last-child{margin-right:0}.joe_header__above-nav .item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;transition:opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;border-radius:6px 6px 0 0;opacity:0;-webkit-transform:scaleX(0.25);transform:scaleX(0.25);background:var(--theme)}.joe_header__above-nav .item.active,.joe_header__above-nav .item:hover{color:var(--theme)}.joe_header__above-nav .item.active::after,.joe_header__above-nav .item:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.joe_header__above-nav .joe_dropdown__link a{height:60px;line-height:60px;font-size:15px;padding-left:8px;padding-right:3px;transition:color 0.35s;white-space:nowrap;color:var(--main)}.joe_header__above-nav .joe_dropdown__menu{width:110px;text-align:center}.joe_header__above-nav .joe_dropdown__menu a{display:block;line-height:34px;height:34px;transition:color 0.35s, background 0.35s;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px}.joe_header__above-nav .joe_dropdown__menu a:hover,.joe_header__above-nav .joe_dropdown__menu a.active{color:var(--theme);background:var(--classD)}.joe_header__above-search{position:relative;margin-left:auto;display:flex;align-items:center}.joe_header__above-search .input{background:var(--classC);width:170px;height:34px;border:1px solid transparent;padding:0 18px;color:var(--routine);transition:background 0.35s, border-color 0.35s, padding-right 0.35s;border-radius:17px 0 0 17px}.joe_header__above-search .input:focus{background:var(--background);border-color:var(--theme);padding-right:28px}.joe_header__above-search .input:focus ~ .icon{-webkit-transform:translate3d(0, -50%, 0) rotateY(180deg);transform:translate3d(0, -50%, 0) rotateY(180deg)}.joe_header__above-search .submit{position:relative;z-index:1;height:34px;border:none;background:var(--theme);color:#fff;border-radius:0 17px 17px 0;padding:0 10px}.joe_header__above-search .icon{position:absolute;top:50%;left:142px;width:28px;height:38px;background:url(https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/search.png);background-size:100% 100%;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(100%, -50%, 0) rotateY(180deg);transform:translate3d(100%, -50%, 0) rotateY(180deg)}.joe_header__above-search .result{position:absolute;z-index:2;top:60px;left:0;right:0;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:var(--radius-inner);visibility:hidden;opacity:0;transition:visibility 0.35s, opacity 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, opacity 0.35s, transform 0.35s;transition:visibility 0.35s, opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(0, 15px, 0);transform:translate3d(0, 15px, 0)}.joe_header__above-search .result.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;visibility:visible}.joe_header__above-search .result .item{height:40px;line-height:40px;border-bottom:1px solid var(--classD);display:flex;align-items:center;overflow:hidden;padding:0 8px;transition:background 0.35s}.joe_header__above-search .result .item:last-child{border-bottom:none}.joe_header__above-search .result .item:nth-child(1) .sort{background:#fe2d46}.joe_header__above-search .result .item:nth-child(2) .sort{background:#f60}.joe_header__above-search .result .item:nth-child(3) .sort{background:#faa90e}.joe_header__above-search .result .item:hover{background:var(--classD)}.joe_header__above-search .result .item .sort{color:#fff;background:#7f7f8c;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;margin-right:8px;font-weight:500}.joe_header__above-search .result .item .text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine);font-size:12px}.joe_header__above-search .result .item .views{color:var(--seat);font-size:12px;margin-left:3px}.joe_header__above-searchicon,.joe_header__above-slideicon{display:none;width:20px;height:20px;fill:var(--routine);cursor:pointer}.joe_header__above-searchicon{margin-left:auto}.joe_header__below{position:relative;border-top:1px solid var(--classC);height:45px}.joe_header__below-class{display:flex}.joe_header__below-class .item{margin-right:15px;color:var(--minor);height:45px;line-height:45px;transition:color 0.35s;white-space:nowrap}.joe_header__below-class .item:hover,.joe_header__below-class .item.active{color:var(--theme)}.joe_header__below-class .joe_dropdown{margin-right:15px}.joe_header__below-class .joe_dropdown__link .item{margin-right:3px}.joe_header__below-class .joe_dropdown__menu{width:110px;text-align:center}.joe_header__below-class .joe_dropdown__menu a{display:block;height:34px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--minor);transition:color 0.35s, background 0.35s}.joe_header__below-class .joe_dropdown__menu a:hover,.joe_header__below-class .joe_dropdown__menu a.active{color:var(--theme);background:var(--classD)}.joe_header__below-progress{position:absolute;z-index:1;left:0;bottom:-3px;height:3px;border-radius:1.5px;background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff);transition:width 0.35s}.joe_header__searchout{position:absolute;top:60px;left:0;right:0;z-index:890;background:var(--background);border-top:1px solid var(--classC);-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s;visibility:hidden}.joe_header__searchout.active{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_header__searchout-inner{padding:15px 0;width:100%}.joe_header__searchout-inner .search{width:100%;display:flex;align-items:center}.joe_header__searchout-inner .search input{flex:1;height:36px;padding:0 10px;border:1px solid var(--classB);border-right:none;border-radius:2px 0 0 2px;color:var(--routine);background:var(--classD)}.joe_header__searchout-inner .search button{padding:0 10px;height:36px;border:none;background:var(--theme);color:#fff;border-radius:0 2px 2px 0}.joe_header__searchout-inner .title{color:var(--routine);padding:15px 0 10px;font-size:16px;display:flex;align-items:center}.joe_header__searchout-inner .title .icon{width:22px;height:22px;fill:var(--routine);margin-right:5px}.joe_header__searchout-inner .cloud{display:flex;flex-wrap:wrap;margin:0 -5px -5px}.joe_header__searchout-inner .cloud .item{padding:5px}.joe_header__searchout-inner .cloud .item a{display:block;padding:0 10px;height:24px;line-height:24px;border-radius:2px;font-size:12px;color:#fff}.joe_header__slideout{position:fixed;top:0;bottom:0;left:0;width:80%;z-index:1020;background:var(--classD);-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:hidden;transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s;overflow-y:auto;padding:135px 15px 15px}.joe_header__slideout::-webkit-scrollbar{display:none}.joe_header__slideout.active{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_header__slideout-image{position:absolute;top:0;left:0;width:100%;height:150px;-o-object-fit:cover;object-fit:cover;z-index:-1}.joe_header__slideout-author{display:flex;margin-bottom:15px;background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow)}.joe_header__slideout-author .avatar{width:50px;height:50px;margin-right:10px;border-radius:var(--radius-inner)}.joe_header__slideout-author .info{overflow:hidden;line-height:25px}.joe_header__slideout-author .info .link,.joe_header__slideout-author .info .motto{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.joe_header__slideout-author .info .link{display:block;font-size:15px;font-weight:500;color:var(--main)}.joe_header__slideout-author .info .motto{font-size:12px;color:var(--routine)}.joe_header__slideout-count{background:var(--background);border-radius:var(--radius-wrap);padding:10px 15px;box-shadow:var(--box-shadow);margin-bottom:15px}.joe_header__slideout-count .item{display:flex;align-items:center;color:var(--routine);padding:5px 0}.joe_header__slideout-count .item .icon{width:15px;height:15px;fill:var(--routine);margin-right:5px}.joe_header__slideout-count .item strong{font-weight:500;color:var(--theme)}.joe_header__slideout-menu{background:var(--background);padding:10px 15px;border-radius:var(--radius-wrap);overflow:hidden;box-shadow:var(--box-shadow)}.joe_header__slideout-menu .link{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--main);transition:color 0.15s}.joe_header__slideout-menu .link a{transition:color 0.15s;color:var(--routine)}.joe_header__slideout-menu .link .icon{width:13px;height:13px;fill:var(--minor);transition:fill 0.15s, -webkit-transform 0.15s;transition:transform 0.15s, fill 0.15s;transition:transform 0.15s, fill 0.15s, -webkit-transform 0.15s}.joe_header__slideout-menu .link.in{color:var(--theme)}.joe_header__slideout-menu .link.in a{color:var(--theme)}.joe_header__slideout-menu .link.in .icon{fill:var(--theme);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.joe_header__slideout-menu .current a{color:var(--theme);font-weight:500;font-size:15px}.joe_header__slideout-menu .slides{display:none;border-left:1px solid var(--classC);padding-left:15px}.joe_header__slideout-menu .slides .link{color:var(--routine)}.joe_header__slideout-menu .slides .current{color:var(--theme);font-weight:500;font-size:15px}.joe_header__mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.35s, opacity 0.35s;z-index:880}.joe_header__mask.active{visibility:visible;opacity:1}.joe_header__mask.slideout{z-index:1010}.joe_aside{padding:15px 0;margin-left:15px}.joe_aside__item{position:relative;width:250px;margin-bottom:15px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);overflow:hidden}.joe_aside__item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.joe_aside__item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:16px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.joe_aside__item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}.joe_aside__item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}.joe_aside__item-contain{position:relative;padding:15px}.joe_aside__item.author{background:var(--background);padding:45px 15px 15px}.joe_aside__item.author::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom, rgba(255,255,255,0), var(--background))}.joe_aside__item.author::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:273px;background:url("https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/snow.gif") no-repeat;background-size:cover;z-index:3;pointer-events:none}.joe_aside__item.author:hover::after{display:block}.joe_aside__item.author .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}.joe_aside__item.author .user{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.joe_aside__item.author .user .avatar{width:75px;height:75px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;background:var(--background);padding:5px}.joe_aside__item.author .user .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_aside__item.author .user .link{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.joe_aside__item.author .user .link:hover{text-decoration:underline}.joe_aside__item.author .user .motto{color:var(--main);text-align:center}.joe_aside__item.author .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.joe_aside__item.author .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.joe_aside__item.author .count .item:first-child{border-right:1px solid var(--classC)}.joe_aside__item.author .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.joe_aside__item.author .list{padding-top:15px}.joe_aside__item.author .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}.joe_aside__item.author .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.author .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}.joe_aside__item.author .list .item .link:hover{color:var(--theme)}.joe_aside__item.author .list .item .link:hover::after{width:100%}.joe_aside__item.author .list .item .icon{fill:var(--routine)}.joe_aside__item.timelife{background:var(--background)}.joe_aside__item.timelife .item{margin-bottom:15px}.joe_aside__item.timelife .item:last-child{margin-bottom:0}.joe_aside__item.timelife .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.joe_aside__item.timelife .item .title .text{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.joe_aside__item.timelife .item .progress{display:flex;align-items:center}.joe_aside__item.timelife .item .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.joe_aside__item.timelife .item .progress-bar-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.joe_aside__item.timelife .item .progress-bar-inner-0{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-1{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-2{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-3{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-percentage{color:var(--minor)}.joe_aside__item.weather{background:var(--background)}.joe_aside__item.weather .joe_aside__item-contain{min-height:300px}.joe_aside__item.hot{background:var(--background)}.joe_aside__item.hot .empty{text-align:center;color:var(--routine)}.joe_aside__item.hot .item{margin-bottom:15px}.joe_aside__item.hot .item:last-child{margin-bottom:0}.joe_aside__item.hot .item:nth-child(1) .link .sort{background:#ff183e}.joe_aside__item.hot .item:nth-child(2) .link .sort{background:#ff5c38}.joe_aside__item.hot .item:nth-child(3) .link .sort{background:#ffb821}.joe_aside__item.hot .item .link{position:relative;display:block;border-radius:var(--radius-inner);overflow:hidden}.joe_aside__item.hot .item .link:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}.joe_aside__item.hot .item .link .sort{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500;z-index:1;font-style:normal}.joe_aside__item.hot .item .link .image{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_aside__item.hot .item .link .describe{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75));font-size:12px;color:var(--seat)}.joe_aside__item.hot .item .link .describe h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}.joe_aside__item.ranking{background:var(--background)}.joe_aside__item.ranking .item{display:flex;align-items:center;line-height:32px;overflow:hidden}.joe_aside__item.ranking .item:nth-child(1) .sort{color:#fe2d46}.joe_aside__item.ranking .item:nth-child(2) .sort{color:#f60}.joe_aside__item.ranking .item:nth-child(3) .sort{color:#faa90e}.joe_aside__item.ranking .item .sort{color:var(--minor);font-weight:700;font-size:18px;width:18px;min-width:18px;max-width:18px}.joe_aside__item.ranking .item .link{position:relative;color:var(--routine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_aside__item.ranking .item .link::after{position:absolute;content:'';bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:width 0.5s}.joe_aside__item.ranking .item .link:hover{color:var(--theme)}.joe_aside__item.ranking .item .link:hover::after{width:100%}.joe_aside__item.ranking .error{text-align:center;color:var(--routine)}.joe_aside__item.newreply{background:var(--background)}.joe_aside__item.newreply .empty{text-align:center;color:var(--routine)}.joe_aside__item.newreply .item{margin-bottom:15px;border-bottom:1px dashed var(--classC);padding-bottom:15px}.joe_aside__item.newreply .item:last-child{margin-bottom:0;border-bottom-color:transparent;padding-bottom:0}.joe_aside__item.newreply .item .user{display:flex;margin-bottom:12px}.joe_aside__item.newreply .item .user .avatar{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid var(--classA);padding:3px}.joe_aside__item.newreply .item .user .info{display:flex;flex-direction:column;justify-content:space-between}.joe_aside__item.newreply .item .user .info .author{color:var(--main);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.newreply .item .user .info .date{font-size:12px;color:var(--minor)}.joe_aside__item.newreply .item .reply{position:relative;background:var(--classD);border-radius:6px;padding:5px 10px}.joe_aside__item.newreply .item .reply::before{content:'';width:0;height:0;border-bottom:6px solid var(--classD);border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;left:15px;bottom:100%}.joe_aside__item.newreply .item .reply .link{display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:var(--minor);font-size:13px;font-weight:500;line-height:24px;transition:all 0.35s;max-height:48px}.joe_aside__item.newreply .item .reply .link:hover{color:var(--theme)}.joe_aside__item.newreply .item .reply .link .owo_image{height:18px;vertical-align:-5px}.joe_list__item{position:relative;width:100%;border-bottom:1px solid var(--classC);padding:15px 0}.joe_list__item:last-child{border-bottom:none}.joe_list__item .information .title{margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:var(--main);font-size:18px;line-height:24px;max-height:48px;transition:color 0.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 0%, #a86af9 100%);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:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--minor);word-break:break-all;line-height:22px;max-height:44px;opacity:0.85}.joe_list__item .line{position:absolute;z-index:1;top:15px;left:-15px;width:4px;height:25px;border-radius:2px;background:var(--theme);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_list__item .meta{display:flex;align-items:center;margin-top:auto;color:var(--minor);font-size:13px}.joe_list__item .meta .items{display:flex;align-items:center}.joe_list__item .meta .items li::after{content:'/';color:var(--seat);padding:0 5px}.joe_list__item .meta .items li:last-child::after{display:none}.joe_list__item .meta .last{margin-left:auto;display:flex;align-items:center}.joe_list__item .meta .last .icon{margin-right:3px}.joe_list__item .meta .last .link{color:var(--minor)}.joe_list__item .meta .last .link:hover{color:var(--theme)}.joe_list__item:hover .line{-webkit-transform:scaleY(1);transform:scaleY(1)}.joe_list__item.default{display:flex;position:relative}.joe_list__item.default:hover .thumbnail img{opacity:0.8}.joe_list__item.default:hover .thumbnail time{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_list__item.default .thumbnail{position:relative;width:210px;height:140px;min-width:210px;min-height:140px;margin-right:15px;overflow:hidden}.joe_list__item.default .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);transition:opacity 0.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:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);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.single:hover .thumbnail img{opacity:0.8}.joe_list__item.single:hover .thumbnail time{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 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 0.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:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);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:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;border-radius:var(--radius-inner)}.joe_list__item.multiple .thumbnail img:hover{-webkit-transform:scale(1.025);transform:scale(1.025);opacity:0.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{position:relative;width:210px;height:140px;min-width:210px;min-height:140px;margin-right:15px;background:var(--classD);-webkit-animation:list_thumbnail_loading 0.5s infinite alternate;animation:list_thumbnail_loading 0.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);-webkit-animation:list_title_loading 0.75s infinite alternate;animation:list_title_loading 0.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;-webkit-animation:list_abstract_loading 0.8s infinite alternate;animation:list_abstract_loading 0.8s infinite alternate}.joe_load{margin:15px auto 0;width:120px;height:32px;line-height:32px;text-align:center;border-radius:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--background);color:var(--routine);transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s;box-shadow:var(--box-shadow)}.joe_load:active{-webkit-transform:scale(0.75);transform:scale(0.75)}.joe_detail{background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-bottom:15px}.joe_detail__category{display:flex;align-items:center;margin-bottom:15px}.joe_detail__category .item{color:#fff;font-size:12px;padding:3px 8px;margin-right:5px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.joe_detail__category .item:hover{opacity:0.85;-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0)}.joe_detail__category .item:last-child{margin-right:0}.joe_detail__category .item-0{background:#0396ff}.joe_detail__category .item-1{background:#ea5455}.joe_detail__category .item-2{background:#7367f0}.joe_detail__category .item-3{background:#28c76f}.joe_detail__category .item-4{background:#9f44d3}.joe_detail__category .edit{color:var(--minor);margin-left:auto}.joe_detail__category .edit:hover{color:var(--theme)}.joe_detail__title{font-size:24px;color:var(--main);text-shadow:var(--text-shadow);text-align:center;margin-bottom:15px;word-break:break-all}.joe_detail__count{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--classC)}.joe_detail__count::after{content:'';position:absolute;bottom:-1.5px;left:0;width:80px;height:3px;border-radius:1.5px;background:var(--theme)}.joe_detail__count-information{display:flex;align-items:center}.joe_detail__count-information .avatar{width:35px;height:35px;border-radius:50%;margin-right:10px;border:1px solid var(--classA);padding:3px;-o-object-fit:cover;object-fit:cover}.joe_detail__count-information .meta{display:flex;flex-direction:column;height:35px;justify-content:space-between;font-size:12px}.joe_detail__count-information .meta .author .link{font-weight:500;color:var(--theme)}.joe_detail__count-information .meta .author .link:hover{text-decoration:underline}.joe_detail__count-information .meta .item{display:flex;align-items:center;color:var(--minor);line-height:16px}.joe_detail__count-information .meta .item .line{color:var(--seat);margin:0 7px;vertical-align:middle}.joe_detail__count-created{font-size:32px;line-height:42px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:var(--text-shadow);font-family:consolas}.joe_detail__article{padding-top:15px;font-size:15px;word-break:break-all;color:var(--routine)}.joe_detail__article h1,.joe_detail__article h2,.joe_detail__article h3,.joe_detail__article h4,.joe_detail__article h5,.joe_detail__article h6{color:var(--main);font-size:18px;line-height:24px;margin-bottom:15px;position:relative}.joe_detail__article h1{padding:0 15px}.joe_detail__article h1::before{content:'';position:absolute;top:8.5px;left:0;height:7px;width:7px;border-radius:50%;background:var(--theme)}.joe_detail__article h2{padding:0 15px}.joe_detail__article h2::before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:var(--theme)}.joe_detail__article h3{padding:0 15px 0 20px}.joe_detail__article h3::before{content:'#';color:var(--theme);font-weight:700;position:absolute;top:0;left:0;line-height:24px}.joe_detail__article h4::before{content:'「';color:var(--theme);font-weight:600;margin-right:5px}.joe_detail__article h4::after{content:'」';color:var(--theme);font-weight:600;margin-left:5px}.joe_detail__article h5{padding:0 15px 0 28px}.joe_detail__article h5::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==");background-size:100% 100%}.joe_detail__article h6{padding:0 15px 0 28px}.joe_detail__article h6::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC");background-size:100% 100%}.joe_detail__article hr{border:none;height:1px;background-color:var(--classB);margin-bottom:15px}.joe_detail__article p{line-height:26px;margin-bottom:15px}.joe_detail__article blockquote{line-height:26px;margin-bottom:15px;background:#ecf8ff;border-left:5px solid #50bfff;color:#50bfff;padding:8px 15px;border-radius:0 var(--radius-inner) var(--radius-inner) 0}.joe_detail__article blockquote p{margin:0}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn){display:inline-block;line-height:26px;color:var(--theme);position:relative}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn):hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn)::after{content:'';position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:var(--theme);-webkit-transform:scaleX(0.25);transform:scaleX(0.25);opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.joe_detail__article code{display:inline-block;min-height:26px;line-height:26px;border-radius:var(--radius-inner);font-size:12px;background:#fdf6ec;padding:0 8px;color:#e6a23c;vertical-align:top}.joe_detail__article pre code{display:unset;vertical-align:unset;min-height:unset;line-height:unset;border-radius:unset;font-size:unset;background:unset;padding:unset;color:unset}.joe_detail__article pre[class*='language-']{position:relative;margin:0 0 15px;padding:30px 0 0;border-radius:var(--radius-inner);font-size:14px;overflow:hidden !important}.joe_detail__article pre[class*='language-'] code[class*='language-']{display:block;max-width:100%;overflow:auto;padding:0 15px 12px;border-radius:var(--radius-inner)}.joe_detail__article pre[class*='language-']::after{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:#2d2d2d;border-radius:var(--radius-inner) var(--radius-inner) 0 0}.joe_detail__article pre[class*='language-']::before{content:'';position:absolute;top:9px;left:15px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40, 40px 0 #35cd4b;z-index:1}.joe_detail__article pre[class*='language-'] .copy{position:absolute;top:9px;right:15px;z-index:5;color:#909399;transition:color 0.35s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article pre[class*='language-'] .copy:hover{color:#c0c4cc}.joe_detail__article img:not(.owo_image){display:block;max-width:100%;border-radius:var(--radius-inner);transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;cursor:zoom-in;margin:0 auto}.joe_detail__article img:not(.owo_image):hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3)}.joe_detail__article .owo_image{max-height:26px;vertical-align:top}.joe_detail__article ol,.joe_detail__article ul{margin-bottom:15px;padding:0 30px}.joe_detail__article ol li,.joe_detail__article ul li{line-height:26px}.joe_detail__article ol li{list-style:decimal}.joe_detail__article ul li{list-style:disc}.joe_detail__article table{width:100%;max-width:100%;table-layout:fixed;color:var(--minor);margin-bottom:15px;font-size:13px;border-top:1px solid var(--classC);border-left:1px solid var(--classC)}.joe_detail__article table td,.joe_detail__article table th{padding:8px;border-bottom:1px solid var(--classC);border-right:1px solid var(--classC)}.joe_detail__article table thead th{font-weight:500;background:var(--classC)}.joe_detail__article table tbody tr{transition:background 0.35s}.joe_detail__article table tbody tr:hover{background:var(--classD)}.joe_detail__article span.block{display:block}.joe_detail__article-hide{background:repeating-linear-gradient(145deg, var(--classD), var(--classD) 15px, var(--background) 0, var(--background) 25px);padding:15px 0;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.joe_detail__article-hide i{position:relative;font-style:normal;cursor:pointer;color:var(--theme)}.joe_detail__article-player{width:100%;height:500px}.joe_detail__article-protected{display:flex;justify-content:center;background:repeating-linear-gradient(145deg, var(--classB), var(--classB) 15px, var(--background) 0, var(--background) 30px);padding:20px 0;margin-bottom:15px}.joe_detail__article-protected .contain{position:relative;box-shadow:var(--box-shadow)}.joe_detail__article-protected .contain .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px}.joe_detail__article-protected .contain .password{width:300px;height:44px;border:none;border-radius:var(--radius-inner);color:var(--routine);padding-left:50px;background:var(--background)}.joe_detail__article-protected .contain .submit{position:absolute;top:0;right:0;height:44px;line-height:44px;width:44px;cursor:pointer;text-align:center;font-size:13px;color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-checkbox{-webkit-appearance:none;position:relative;border-radius:2px;width:15px;height:15px;border:2px solid var(--theme);vertical-align:-2px}.joe_detail__article-checkbox:disabled{cursor:not-allowed}.joe_detail__article-checkbox:checked{border:none;background:var(--theme)}.joe_detail__article-checkbox:checked::after{content:'';width:3px;height:7px;position:absolute;top:2px;left:5px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.joe_detail__article-card{margin:0 auto;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);border-radius:var(--radius-inner);border:1px solid var(--classC);background:var(--background)}.joe_detail__article-card .title{padding:8px 10px;border-bottom:1px solid var(--classC);color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-card .content{padding:10px;color:var(--routine)}.joe_detail__article-message{position:relative;border-left-width:4px;border-left-style:solid;padding:8px 15px;border-radius:0 4px 4px 0}.joe_detail__article-message:hover .icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_detail__article-message .icon{position:absolute;top:-9px;left:-11px;width:18px;height:18px;border-radius:50%;transition:-webkit-transform 0.85s;transition:transform 0.85s;transition:transform 0.85s, -webkit-transform 0.85s}.joe_detail__article-message .icon::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;fill:#fff;background-repeat:no-repeat;background-size:100% 100%}.joe_detail__article-message.success{border-left-color:#2bde3f;background:#2bde3f20;color:#2bde3f}.joe_detail__article-message.success .icon{background:#2bde3f}.joe_detail__article-message.success .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MDE1ODgxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxMTU3IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00MTMuMjU1IDY5MS40MzZjMTguNTQ2LTE3LjQ1IDMzLjE4Ni0zMC41NTIgNDcuMDc2LTQ0LjQyNyAxMzMuMDQtMTMyLjgxIDI2Ni4xODItMjY1LjUxMyAzOTguNzI0LTM5OC44MzcgMzIuMDc0LTMyLjI0NCA2NS42NjYtNDguNDUyIDEwNC45OTctMTQuNzUyIDMyLjk4MyAyOC4yNDEgMjguMDQ5IDY3LjQ2NS0xMi45MiAxMDguNTc0LTE1Ny4xNzUgMTU3LjcxLTMxNC41ODcgMzE1LjE4NC00NzIuMjkyIDQ3Mi4zOC00OS4zODkgNDkuMjI1LTc2LjMwOCA0OS41NDYtMTI0LjcxNiAxLjYwNy04NS41OS04NC43NjUtMTcwLjEzNS0xNzAuNTc5LTI1NS44LTI1NS4yNTctMzIuMjkyLTMxLjkyMy00OC42OC02NS41MTYtMTQuOTk3LTEwNC45NzYgMjguMTctMzIuOTk1IDY3LjU1Ny0yOC4xNTUgMTA4LjU1OCAxMi42NzUgNzMuNDI3IDczLjE2IDE0Ni4wNzkgMTQ3LjA5IDIyMS4zNyAyMjMuMDEzeiIgcC1pZD0iNDExNTgiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=)}.joe_detail__article-message.info{border-left-color:#1d72f3;background:#1d72f320;color:#1d72f3}.joe_detail__article-message.info .icon{background:#1d72f3}.joe_detail__article-message.info .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MzM4MjIxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYxNjg0IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik03NjcuOTczOTc1IDExNi4zNDYwODZjMCA2NC4yNTI3MzQtNDEuNjgzMjE0IDExNi4zODg3NS05My4wOTM5MzUgMTE2LjM4ODc1UzU4MS43ODYxMDYgMTgwLjU5ODgyIDU4MS43ODYxMDYgMTE2LjM0NjA4NkM1ODEuNzg2MTA2IDUyLjA5MzM1MiA2MjMuNDY5MzIgMCA2NzQuODgwMDQgMFM3NjcuOTczOTc1IDUyLjA5MzM1MiA3NjcuOTczOTc1IDExNi4zNDYwODZ6TTI1NiA1MDQuMjk0MzY1czcwLjgyMzA2Ni0yODQuNzg1NTIzIDI4Ni43NDgwOS0yNzEuMDQ3NTU1YzIxNS45MjUwMjQgMTMuNjk1MzA0IDY3LjIzOTI0OSAyNjEuNDQ4MDQzLTEzLjI2ODY1OSA1MDEuNjQ5MTY2LTgwLjUwNzkwOCAyNDAuMjAxMTIzIDEwMC4yNjE1NyA3MS40MjAzNjkgMTQ1LjQwMDYwOS03LjU1MTYxNiAwIDAtOTMuMTM2NTk5IDQwNi43NjMzMjMtMzY3LjM0MTMyNyAyNjcuNjc3MDYtMTI4LjU0ODEzMi02NS4yMzQwMTcgMzIuMjU0MzYtMzk4LjA1OTc2NSAxMDMuMTIwMDkyLTU0NS41OTM1OTlDNDgxLjU2NzIgMzAxLjgwODY1OCAzMzYuNjM1OTAxIDM4Ny42MDY5NjMgMjU2IDUwNC4yNTE3MDF6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSI2MTY4NSI+PC9wYXRoPjwvc3ZnPg==)}.joe_detail__article-message.warning{border-left-color:#ffc007;background:#ffc00720;color:#ffc007}.joe_detail__article-message.warning .icon{background:#ffc007}.joe_detail__article-message.warning .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MTI5NTE1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3NDkyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NzkuODE3MTQzIDY2NS42YzEwLjI0IDMwLjcyIDMwLjcyIDUxLjIgNjEuNDQgNTEuMnM1MS4yLTIwLjQ4IDYxLjQ0LTUxLjJsNDAuOTYtNTYzLjJDNjQzLjY1NzE0MyA0MC45NiA1OTIuNDU3MTQzIDAgNTQxLjI1NzE0MyAwIDQ3OS44MTcxNDMgMCA0MzguODU3MTQzIDUxLjIgNDM4Ljg1NzE0MyAxMTIuNjRsNDAuOTYgNTUyLjk2eiBtNjEuNDQgMTUzLjZjLTYxLjQ0IDAtMTAyLjQgNDAuOTYtMTAyLjQgMTAyLjQgMCA2MS40NCA0MC45NiAxMDIuNCAxMDIuNCAxMDIuNCA2MS40NCAwIDEwMi40LTQwLjk2IDEwMi40LTEwMi40IDAtNjEuNDQtNDAuOTYtMTAyLjQtMTAyLjQtMTAyLjR6IiBwLWlkPSI0NzQ5MyIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==)}.joe_detail__article-message.error{border-left-color:#f56c6c;background:#f56c6c20;color:#f56c6c}.joe_detail__article-message.error .icon{background:#f56c6c}.joe_detail__article-message.error .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MjAyNDk4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ4OTE1IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xOTMuOCA4MzAuMmMtMTkuNC0xOS40LTE5LjQtNTEuMyAwLTcwLjdsNTY1LjctNTY1LjdjMTkuNC0xOS40IDUxLjMtMTkuNCA3MC43IDAgMTkuNCAxOS40IDE5LjQgNTEuMyAwIDcwLjdMMjY0LjUgODMwLjJjLTE5LjQgMTkuNC01MS4zIDE5LjQtNzAuNyAweiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iNDg5MTYiPjwvcGF0aD48cGF0aCBkPSJNODMwLjIgODMwLjJjLTE5LjQgMTkuNC01MS4zIDE5LjQtNzAuNyAwTDE5My44IDI2NC41Yy0xOS40LTE5LjQtMTkuNC01MS4zIDAtNzAuNyAxOS40LTE5LjQgNTEuMy0xOS40IDcwLjcgMGw1NjUuNyA1NjUuN2MxOS40IDE5LjQgMTkuNCA1MS4zIDAgNzAuN3oiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjQ4OTE3Ij48L3BhdGg+PC9zdmc+)}.joe_detail__article-mtitle{display:flex;justify-content:center}.joe_detail__article-mtitle .text{position:relative;color:var(--minor);padding:0 15px;transition:padding 0.35s}.joe_detail__article-mtitle .text:hover{padding:0}.joe_detail__article-mtitle .text::before,.joe_detail__article-mtitle .text::after{content:'';position:absolute;top:50%;width:20px;height:1px;background:var(--theme)}.joe_detail__article-mtitle .text::before{left:-35px}.joe_detail__article-mtitle .text::after{right:-35px}.joe_detail__article-anote{position:relative;display:inline-block;color:#fff;height:35px;line-height:35px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_detail__article-anote:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.joe_detail__article-anote .icon{display:inline-block;vertical-align:top;width:35px;height:35px;text-align:center;background:rgba(0,0,0,0.2)}.joe_detail__article-anote .icon .fa{color:#fff}.joe_detail__article-anote .content{display:inline-block;vertical-align:top;padding:0 12px;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__article-anote.secondary{background:#34495e}.joe_detail__article-anote.success{background:#27ae60}.joe_detail__article-anote.warning{background:#f39c12}.joe_detail__article-anote.error{background:#e74c3c}.joe_detail__article-anote.info{background:#3498db}.joe_detail__article-abtn{display:inline-block;color:#fff;height:35px;line-height:35px;padding:0 15px;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0)}.joe_detail__article-abtn:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.joe_detail__article-abtn .icon{display:inline-block;vertical-align:top;text-align:center}.joe_detail__article-abtn .icon .fa{color:#fff}.joe_detail__article-abtn .icon [class^='fa-']{margin-right:8px}.joe_detail__article-abtn .content{display:inline-block;vertical-align:top;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__article-copy{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-video{margin-bottom:15px}.joe_detail__article-video .play,.joe_detail__article-video .episodes{position:relative;background:var(--classD);padding:60px 15px 15px}.joe_detail__article-video .play .title,.joe_detail__article-video .episodes .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 12px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-video .play .title::after,.joe_detail__article-video .episodes .title::after{content:'';position:absolute;bottom:-10px;left:-10px;border-style:solid;border-width:10px;border-color:var(--theme) transparent transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.joe_detail__article-video .play .box,.joe_detail__article-video .episodes .box{border-top:1px solid var(--classB);padding-top:15px}.joe_detail__article-video .play{margin-bottom:15px}.joe_detail__article-video .play .box iframe{background:#000;width:100%;height:520px}.joe_detail__article-video .episodes .box{display:grid;grid-template-columns:repeat(6, 1fr);gap:15px}.joe_detail__article-video .episodes .box .item{height:30px;line-height:30px;border-radius:15px;background:var(--background);color:var(--routine);cursor:pointer;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow 0.35s, background 0.35s, color 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s;transition:transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s, -webkit-transform 0.35s;padding:0 10px}.joe_detail__article-video .episodes .box .item.active{-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.joe_detail__article-video .episodes .box .item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.joe_detail__agree{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.joe_detail__agree .agree{text-align:center;font-size:12px;color:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__agree .agree .icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f56c6c;cursor:pointer;margin-bottom:8px}.joe_detail__agree .agree .icon.active{-webkit-animation:box_shadow 1s;animation:box_shadow 1s;box-shadow:0 0 0 20px rgba(255,255,255,0)}.joe_detail__agree .agree .icon svg{position:absolute;width:28px;height:28px;-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 0.85s, -webkit-transform 0.85s;transition:transform 0.85s, opacity 0.85s;transition:transform 0.85s, opacity 0.85s, -webkit-transform 0.85s}.joe_detail__agree .agree .icon svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_detail__copyright{padding-top:15px;border-top:1px solid var(--classC)}.joe_detail__copyright .content{background:var(--classD);padding:15px;border-radius:var(--radius-inner)}.joe_detail__copyright .content .item{display:flex;align-items:center;color:var(--minor);white-space:nowrap;margin-bottom:10px}.joe_detail__copyright .content .item:last-child{margin-bottom:0}.joe_detail__copyright .content .item .icon{width:20px;height:20px;min-width:20px;min-height:20px;margin-right:5px}.joe_detail__copyright .content .item .link{color:var(--minor)}.joe_detail__copyright .content .item .link:hover{color:var(--theme)}.joe_detail__copyright .content .item .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__friends{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-bottom:15px}.joe_detail__friends-item .contain{display:block;border-radius:var(--radius-inner);overflow:hidden;padding:15px;color:#fff;word-break:break-all;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s}.joe_detail__friends-item .contain:hover{-webkit-transform:translateY(-5px) scale(1.025);transform:translateY(-5px) scale(1.025);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3)}.joe_detail__friends-item .contain .title{position:relative}.joe_detail__friends-item .contain .title::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#fff}.joe_detail__friends-item .contain .content{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.joe_detail__friends-item .contain .content .desc{margin-right:10px}.joe_detail__friends-item .contain .content .avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.joe_footer{border-top:1px solid var(--classB);color:var(--minor)}.joe_footer .joe_container{display:flex;align-items:center;justify-content:space-between;min-height:65px}.joe_footer .joe_container .run{margin:0 auto 0 10px}.joe_footer .joe_container a{color:var(--minor);transition:all 0.35s}.joe_footer .joe_container a:hover{color:var(--theme)}.joe_pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:15px}.joe_pagination li{margin-left:5px}.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 0.35s, color 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-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 0.35s}.joe_pagination li a .icon-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.joe_action{position:fixed;bottom:90px;right:30px;z-index:333}.joe_action_item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background);border-radius:50%;cursor:pointer;margin-top:15px;box-shadow:0 0 10px rgba(0,0,0,0.1),0 5px 20px rgba(0,0,0,0.2)}.joe_action_item svg{position:absolute;width:25px;height:25px;fill:var(--theme)}.joe_action_item.scroll{visibility:hidden;-webkit-transform:scale(0);transform:scale(0);transition:visibility 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, transform 0.35s;transition:visibility 0.35s, transform 0.35s, -webkit-transform 0.35s}.joe_action_item.scroll.active{visibility:visible;-webkit-transform:scale(1);transform:scale(1)}.joe_action_item.mode svg{-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 0.85s, -webkit-transform 0.85s;transition:transform 0.85s, opacity 0.85s;transition:transform 0.85s, opacity 0.85s, -webkit-transform 0.85s}.joe_action_item.mode svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_comment{background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);padding:15px}.joe_comment__title{font-weight:500;text-align:center;font-size:24px;color:var(--main);text-shadow:var(--text-shadow);border-bottom:1px solid var(--classC);margin-bottom:15px;padding-bottom:15px}.joe_comment__close{display:flex;align-items:center;justify-content:center;color:var(--routine)}.joe_comment__close-icon{fill:var(--routine);margin-right:5px}.joe_comment__respond-type{display:flex;align-items:center;justify-content:flex-end}.joe_comment__respond-type .item{background:var(--classD);padding:0 15px;height:32px;color:var(--main);border:none;transition:color 0.35s, background 0.35s}.joe_comment__respond-type .item:first-child{border-top-left-radius:var(--radius-inner)}.joe_comment__respond-type .item:last-child{border-top-right-radius:var(--radius-inner)}.joe_comment__respond-type .item.active{color:#fff;background:var(--theme)}.joe_comment__respond-form{border-radius:6px 0 6px 6px;background:var(--classD)}.joe_comment__respond-form .head{display:flex;align-items:center;border-bottom:1px solid var(--classA)}.joe_comment__respond-form .head .list{flex:1}.joe_comment__respond-form .head .list input{width:100%;border:none;background:transparent;padding:0 15px;height:40px;color:var(--routine)}.joe_comment__respond-form .head .list:nth-child(2){position:relative}.joe_comment__respond-form .head .list:nth-child(2)::after,.joe_comment__respond-form .head .list:nth-child(2)::before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background:var(--classA)}.joe_comment__respond-form .head .list:nth-child(2)::before{left:0}.joe_comment__respond-form .head .list:nth-child(2)::after{right:0}.joe_comment__respond-form .body{padding:15px}.joe_comment__respond-form .body .text{width:100%;height:200px;border:none;resize:none;vertical-align:middle;color:var(--routine);background:transparent}.joe_comment__respond-form .body .draw{position:relative;width:100%}.joe_comment__respond-form .body .draw .line{display:flex;align-items:center;position:absolute;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_comment__respond-form .body .draw .line li{cursor:pointer;margin-right:10px;color:var(--main);transition:color 0.35s}.joe_comment__respond-form .body .draw .line li.active{color:var(--theme)}.joe_comment__respond-form .body .draw .color{display:flex;align-items:center;position:absolute;bottom:10px;left:10px}.joe_comment__respond-form .body .draw .color li{width:20px;height:20px;border-radius:50%;margin:0 5px;cursor:pointer;transition:box-shadow 0.35s}.joe_comment__respond-form .body .draw .color li.active{box-shadow:0 4px 10px rgba(0,0,0,0.35)}.joe_comment__respond-form .body .draw .color li:nth-child(1){background:#303133}.joe_comment__respond-form .body .draw .color li:nth-child(2){background:#67c23a}.joe_comment__respond-form .body .draw .color li:nth-child(3){background:#e6a23c}.joe_comment__respond-form .body .draw .color li:nth-child(4){background:#f56c6c}.joe_comment__respond-form .body .draw .icon{position:absolute;right:10px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_comment__respond-form .body .draw .icon-undo{top:10px}.joe_comment__respond-form .body .draw .icon-animate{bottom:10px}.joe_comment__respond-form .body .draw canvas{background:var(--background);border-radius:var(--radius-inner)}.joe_comment__respond-form .foot{position:relative;display:flex;justify-content:space-between;padding:0 15px 15px}.joe_comment__respond-form .foot .owo .seat{color:var(--routine);height:100%;display:flex;align-items:center}.joe_comment__respond-form .foot .submit{white-space:nowrap}.joe_comment__respond-form .foot .submit .cancle{display:none;color:var(--main);cursor:pointer;margin-right:10px;transition:color 0.35s}.joe_comment__respond-form .foot .submit .cancle:hover{color:var(--theme)}.joe_comment__respond-form .foot .submit button{border-radius:3px;height:32px;padding:0 15px;border:none;background:var(--theme);color:#fff;font-size:14px}.joe_comment__respond-form .foot .submit button:hover{-webkit-animation:5s ease-in-out 0s infinite normal none running shaked;animation:5s ease-in-out 0s infinite normal none running shaked}.joe_comment .comment-list{padding-top:15px}.joe_comment .comment-list__item-contain .term{display:flex;margin-bottom:15px}.joe_comment .comment-list__item-contain .term .avatar{width:48px;height:48px;border-radius:50%;margin-right:15px;padding:3px;border:1px solid var(--classD);-o-object-fit:cover;object-fit:cover}.joe_comment .comment-list__item-contain .term .content{min-width:0;flex:1;border-bottom:1px solid var(--classC);padding-bottom:15px}.joe_comment .comment-list__item-contain .term .content .user{display:flex;align-items:center;margin-bottom:8px;line-height:20px;color:var(--main)}.joe_comment .comment-list__item-contain .term .content .user .author{margin-right:10px}.joe_comment .comment-list__item-contain .term .content .user .author a{color:#409eff}.joe_comment .comment-list__item-contain .term .content .user .owner{background:var(--theme);color:#fff;padding:0 5px;border-radius:2px;font-style:normal}.joe_comment .comment-list__item-contain .term .content .user .agent{margin-left:auto;font-size:12px;color:var(--minor)}.joe_comment .comment-list__item-contain .term .content .user .waiting{color:#e6a23c;font-style:normal}.joe_comment .comment-list__item-contain .term .content .substance{width:100%;background:var(--classD);padding:12px 15px;border-radius:0 var(--radius-inner) var(--radius-inner) 10px;color:var(--main);margin-bottom:8px;word-break:break-all;line-height:24px}.joe_comment .comment-list__item-contain .term .content .substance .parent{color:#388bff;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500}.joe_comment .comment-list__item-contain .term .content .substance .owo_image{height:22px}.joe_comment .comment-list__item-contain .term .content .substance .draw_image{max-width:100%}.joe_comment .comment-list__item-contain .term .content .handle{display:flex;align-items:center;color:var(--minor)}.joe_comment .comment-list__item-contain .term .content .handle .date{margin-right:10px}.joe_comment .comment-list__item-contain .term .content .handle .reply{display:flex;align-items:center;color:var(--main);font-size:13px;cursor:pointer;transition:color 0.35s}.joe_comment .comment-list__item-contain .term .content .handle .reply .icon{margin-right:5px;fill:var(--main);transition:fill 0.35s}.joe_comment .comment-list__item-contain .term .content .handle .reply:hover{color:var(--theme)}.joe_comment .comment-list__item-contain .term .content .handle .reply:hover .icon{fill:var(--theme)}.joe_comment .comment-list__item-children{padding-left:63px}.joe_comment .comment-list__item-children .comment-list__item-children{padding-left:0}.joe_comment .comment-list__item .joe_comment__respond{margin-left:63px;margin-bottom:15px;-webkit-animation:showComment 0.5s;animation:showComment 0.5s}.joe_comment .comment-list .comment-list{padding-top:0}.joe_comment .joe_pagination{padding-top:0}.joe_run__day,.joe_run__hour,.joe_run__minute,.joe_run__second{font-weight:500;color:var(--theme)}.joe_owo__contain{position:relative}.joe_owo__contain .seat{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.joe_owo__contain .box{position:absolute;left:0;width:300px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-inner);overflow:hidden;visibility:hidden;-webkit-transform:scale(0.5);transform:scale(0.5);border:1px solid var(--classD);opacity:0;transition:visibility, 0.35s, opacity 0.35s, -webkit-transform 0.35s;transition:visibility, 0.35s, opacity 0.35s, transform 0.35s;transition:visibility, 0.35s, opacity 0.35s, transform 0.35s, -webkit-transform 0.35s}.joe_owo__contain .box.show{visibility:visible;-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_owo__contain .box .scroll{display:none;max-height:200px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:5px}.joe_owo__contain .box .scroll:nth-child(3) .item{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--routine)}.joe_owo__contain .box .scroll .item{width:20%;display:inline-block;padding:5px;cursor:pointer;border-radius:var(--radius-inner);transition:background 0.25s}.joe_owo__contain .box .scroll .item img{max-width:100%;max-height:100%}.joe_owo__contain .box .scroll .item:hover{background:var(--classD)}.joe_owo__contain .box .bar{display:flex;align-items:center;border-top:1px solid var(--classD)}.joe_owo__contain .box .bar .item{line-height:30px;padding:0 10px;cursor:pointer;color:var(--routine);transition:background 0.25s}.joe_owo__contain .box .bar .item.active{background:var(--classD)}.profile-color-modes-illu-frame{opacity:0}.profile-color-modes-illu-red{stroke:#da3633}.profile-color-modes-illu-orange{stroke:#f0883e}.profile-color-modes-illu-purple{stroke:#8957e5}.profile-color-modes-illu-green{stroke:#3fb950}.profile-color-modes-illu-blue{stroke:#388bfd}.profile-color-modes-illu-group{-webkit-animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards;animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards}.profile-color-modes-illu-frame{-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards}.profile-color-modes-illu-frame:first-child{opacity:1;-webkit-animation:profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-hide 0s forwards}.profile-color-modes-illu-frame:nth-child(8){-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards}.profile-color-modes-illu-red{-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-orange{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-purple{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-blue{-webkit-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-green{-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5);animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5)}.profile-color-modes-illu-frame:first-child{-webkit-animation-delay:1.8s;animation-delay:1.8s}.profile-color-modes-illu-frame:nth-child(2){-webkit-animation-delay:1.8s, 2.58s;animation-delay:1.8s, 2.58s}.profile-color-modes-illu-frame:nth-child(3){-webkit-animation-delay:2.58s, 2.66s;animation-delay:2.58s, 2.66s}.profile-color-modes-illu-frame:nth-child(4){-webkit-animation-delay:2.66s, 2.78s;animation-delay:2.66s, 2.78s}.profile-color-modes-illu-frame:nth-child(5){-webkit-animation-delay:2.78s, 2.84s;animation-delay:2.78s, 2.84s}.profile-color-modes-illu-frame:nth-child(6){-webkit-animation-delay:2.84s, 3.44s;animation-delay:2.84s, 3.44s}.profile-color-modes-illu-frame:nth-child(7){-webkit-animation-delay:3.44s, 3.56s;animation-delay:3.44s, 3.56s}.profile-color-modes-illu-frame:nth-child(8){-webkit-animation-delay:3.56s;animation-delay:3.56s}.profile-color-modes-illu-frame:nth-child(9),.profile-color-modes-illu-frame:nth-child(10){-webkit-animation:none;animation:none}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@-webkit-keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes box_shadow{0%{box-shadow:0 0 0 0 #f56c6c}}@keyframes box_shadow{0%{box-shadow:0 0 0 0 #f56c6c}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@-webkit-keyframes list_thumbnail_loading{0%{-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes list_thumbnail_loading{0%{-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes list_title_loading{0%{width:80%}100%{width:95%}}@keyframes list_title_loading{0%{width:80%}100%{width:95%}}@-webkit-keyframes list_abstract_loading{0%{width:60%}100%{width:80%}}@keyframes list_abstract_loading{0%{width:60%}100%{width:80%}}@-webkit-keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@-webkit-keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@-webkit-keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}@keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}@-webkit-keyframes shaked{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}}@keyframes shaked{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}}
+.joe_dropdown{position:relative}.joe_dropdown__link{display:flex;align-items:center}.joe_dropdown__link-icon{transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_dropdown__menu{position:absolute;left:50%;visibility:hidden;z-index:999;border-top:3px solid var(--theme);-webkit-transform-origin:top;transform-origin:top;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 var(--radius-inner) var(--radius-inner);padding:10px 0;opacity:0;-webkit-transform:translateX(-50%) perspective(600px) rotateX(-45deg);transform:translateX(-50%) perspective(600px) rotateX(-45deg);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s, -webkit-transform 0.35s}.joe_dropdown__menu::before{content:'';position:absolute;top:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--theme)}.joe_dropdown.active .joe_dropdown__link-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.joe_dropdown.active .joe_dropdown__menu{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) perspective(600px) rotateX(0);transform:translateX(-50%) perspective(600px) rotateX(0)}.joe_header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1)}.joe_header__above{position:relative;z-index:999;background:var(--background)}.joe_header__above .joe_container{align-items:center}.joe_header__above-logo{position:relative;display:flex;align-items:center;height:60px;padding-right:15px;margin-right:15px}.joe_header__above-logo img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.joe_header__above-logo svg{display:none}.joe_header__above-logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classC);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.joe_header__above-nav{display:flex;align-items:center}.joe_header__above-nav .item{position:relative;height:60px;line-height:60px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s;white-space:nowrap;color:var(--main)}.joe_header__above-nav .item:last-child{margin-right:0}.joe_header__above-nav .item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s;transition:opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;border-radius:6px 6px 0 0;opacity:0;-webkit-transform:scaleX(0.25);transform:scaleX(0.25);background:var(--theme)}.joe_header__above-nav .item.active,.joe_header__above-nav .item:hover{color:var(--theme)}.joe_header__above-nav .item.active::after,.joe_header__above-nav .item:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.joe_header__above-nav .joe_dropdown__link a{height:60px;line-height:60px;font-size:15px;padding-left:8px;padding-right:3px;transition:color 0.35s;white-space:nowrap;color:var(--main)}.joe_header__above-nav .joe_dropdown__menu{width:110px;text-align:center}.joe_header__above-nav .joe_dropdown__menu a{display:block;line-height:34px;height:34px;transition:color 0.35s, background 0.35s;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px}.joe_header__above-nav .joe_dropdown__menu a:hover,.joe_header__above-nav .joe_dropdown__menu a.active{color:var(--theme);background:var(--classD)}.joe_header__above-search{position:relative;margin-left:auto;display:flex;align-items:center}.joe_header__above-search .input{background:var(--classC);width:170px;height:34px;border:1px solid transparent;padding:0 18px;color:var(--routine);transition:background 0.35s, border-color 0.35s, padding-right 0.35s;border-radius:17px 0 0 17px}.joe_header__above-search .input:focus{background:var(--background);border-color:var(--theme);padding-right:28px}.joe_header__above-search .input:focus ~ .icon{-webkit-transform:translate3d(0, -50%, 0) rotateY(180deg);transform:translate3d(0, -50%, 0) rotateY(180deg)}.joe_header__above-search .submit{position:relative;z-index:1;height:34px;border:none;background:var(--theme);color:#fff;border-radius:0 17px 17px 0;padding:0 10px}.joe_header__above-search .icon{position:absolute;top:50%;left:142px;width:28px;height:38px;background:url(https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/search.png);background-size:100% 100%;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(100%, -50%, 0) rotateY(180deg);transform:translate3d(100%, -50%, 0) rotateY(180deg)}.joe_header__above-search .result{position:absolute;z-index:2;top:60px;left:0;right:0;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:var(--radius-inner);visibility:hidden;opacity:0;transition:visibility 0.35s, opacity 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, opacity 0.35s, transform 0.35s;transition:visibility 0.35s, opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(0, 15px, 0);transform:translate3d(0, 15px, 0)}.joe_header__above-search .result.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;visibility:visible}.joe_header__above-search .result .item{height:40px;line-height:40px;border-bottom:1px solid var(--classD);display:flex;align-items:center;overflow:hidden;padding:0 8px;transition:background 0.35s}.joe_header__above-search .result .item:last-child{border-bottom:none}.joe_header__above-search .result .item:nth-child(1) .sort{background:#fe2d46}.joe_header__above-search .result .item:nth-child(2) .sort{background:#f60}.joe_header__above-search .result .item:nth-child(3) .sort{background:#faa90e}.joe_header__above-search .result .item:hover{background:var(--classD)}.joe_header__above-search .result .item .sort{color:#fff;background:#7f7f8c;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;margin-right:8px;font-weight:500}.joe_header__above-search .result .item .text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine);font-size:12px}.joe_header__above-search .result .item .views{color:var(--seat);font-size:12px;margin-left:3px}.joe_header__above-searchicon,.joe_header__above-slideicon{display:none;width:20px;height:20px;fill:var(--routine);cursor:pointer}.joe_header__above-searchicon{margin-left:auto}.joe_header__below{position:relative;border-top:1px solid var(--classC);height:45px}.joe_header__below-class{display:flex}.joe_header__below-class .item{margin-right:15px;color:var(--minor);height:45px;line-height:45px;transition:color 0.35s;white-space:nowrap}.joe_header__below-class .item:hover,.joe_header__below-class .item.active{color:var(--theme)}.joe_header__below-class .joe_dropdown{margin-right:15px}.joe_header__below-class .joe_dropdown__link .item{margin-right:3px}.joe_header__below-class .joe_dropdown__menu{width:110px;text-align:center}.joe_header__below-class .joe_dropdown__menu a{display:block;height:34px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--minor);transition:color 0.35s, background 0.35s}.joe_header__below-class .joe_dropdown__menu a:hover,.joe_header__below-class .joe_dropdown__menu a.active{color:var(--theme);background:var(--classD)}.joe_header__below-progress{position:absolute;z-index:1;left:0;bottom:-3px;height:3px;border-radius:1.5px;background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff);transition:width 0.35s}.joe_header__searchout{position:absolute;top:60px;left:0;right:0;z-index:890;background:var(--background);border-top:1px solid var(--classC);-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s;visibility:hidden}.joe_header__searchout.active{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_header__searchout-inner{padding:15px 0;width:100%}.joe_header__searchout-inner .search{width:100%;display:flex;align-items:center}.joe_header__searchout-inner .search input{flex:1;height:36px;padding:0 10px;border:1px solid var(--classB);border-right:none;border-radius:2px 0 0 2px;color:var(--routine);background:var(--classD)}.joe_header__searchout-inner .search button{padding:0 10px;height:36px;border:none;background:var(--theme);color:#fff;border-radius:0 2px 2px 0}.joe_header__searchout-inner .title{color:var(--routine);padding:15px 0 10px;font-size:16px;display:flex;align-items:center}.joe_header__searchout-inner .title .icon{width:22px;height:22px;fill:var(--routine);margin-right:5px}.joe_header__searchout-inner .cloud{display:flex;flex-wrap:wrap;margin:0 -5px -5px}.joe_header__searchout-inner .cloud .item{padding:5px}.joe_header__searchout-inner .cloud .item a{display:block;padding:0 10px;height:24px;line-height:24px;border-radius:2px;font-size:12px;color:#fff}.joe_header__slideout{position:fixed;top:0;bottom:0;left:0;width:80%;z-index:1020;background:var(--classD);-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:hidden;transition:visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, visibility 0.35s;transition:transform 0.35s, visibility 0.35s, -webkit-transform 0.35s;overflow-y:auto;padding:135px 15px 15px}.joe_header__slideout::-webkit-scrollbar{display:none}.joe_header__slideout.active{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_header__slideout-image{position:absolute;top:0;left:0;width:100%;height:150px;-o-object-fit:cover;object-fit:cover;z-index:-1}.joe_header__slideout-author{display:flex;margin-bottom:15px;background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow)}.joe_header__slideout-author .avatar{width:50px;height:50px;margin-right:10px;border-radius:var(--radius-inner)}.joe_header__slideout-author .info{overflow:hidden;line-height:25px}.joe_header__slideout-author .info .link,.joe_header__slideout-author .info .motto{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.joe_header__slideout-author .info .link{display:block;font-size:15px;font-weight:500;color:var(--main)}.joe_header__slideout-author .info .motto{font-size:12px;color:var(--routine)}.joe_header__slideout-count{background:var(--background);border-radius:var(--radius-wrap);padding:10px 15px;box-shadow:var(--box-shadow);margin-bottom:15px}.joe_header__slideout-count .item{display:flex;align-items:center;color:var(--routine);padding:5px 0}.joe_header__slideout-count .item .icon{width:15px;height:15px;fill:var(--routine);margin-right:5px}.joe_header__slideout-count .item strong{font-weight:500;color:var(--theme)}.joe_header__slideout-menu{background:var(--background);padding:10px 15px;border-radius:var(--radius-wrap);overflow:hidden;box-shadow:var(--box-shadow)}.joe_header__slideout-menu .link{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--main);transition:color 0.15s}.joe_header__slideout-menu .link a{transition:color 0.15s;color:var(--routine)}.joe_header__slideout-menu .link .icon{width:13px;height:13px;fill:var(--minor);transition:fill 0.15s, -webkit-transform 0.15s;transition:transform 0.15s, fill 0.15s;transition:transform 0.15s, fill 0.15s, -webkit-transform 0.15s}.joe_header__slideout-menu .link.in{color:var(--theme)}.joe_header__slideout-menu .link.in a{color:var(--theme)}.joe_header__slideout-menu .link.in .icon{fill:var(--theme);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.joe_header__slideout-menu .current a{color:var(--theme);font-weight:500;font-size:15px}.joe_header__slideout-menu .slides{display:none;border-left:1px solid var(--classC);padding-left:15px}.joe_header__slideout-menu .slides .link{color:var(--routine)}.joe_header__slideout-menu .slides .current{color:var(--theme);font-weight:500;font-size:15px}.joe_header__mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.35s, opacity 0.35s;z-index:880}.joe_header__mask.active{visibility:visible;opacity:1}.joe_header__mask.slideout{z-index:1010}.joe_aside{padding:15px 0;margin-left:15px}.joe_aside__item{position:relative;width:250px;margin-bottom:15px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);overflow:hidden}.joe_aside__item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.joe_aside__item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:16px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.joe_aside__item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}.joe_aside__item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}.joe_aside__item-contain{position:relative;padding:15px}.joe_aside__item.author{background:var(--background);padding:45px 15px 15px}.joe_aside__item.author::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom, rgba(255,255,255,0), var(--background))}.joe_aside__item.author::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:273px;background:url("https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/snow.gif") no-repeat;background-size:cover;z-index:3;pointer-events:none}.joe_aside__item.author:hover::after{display:block}.joe_aside__item.author .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}.joe_aside__item.author .user{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.joe_aside__item.author .user .avatar{width:75px;height:75px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;background:var(--background);padding:5px}.joe_aside__item.author .user .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_aside__item.author .user .link{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.joe_aside__item.author .user .link:hover{text-decoration:underline}.joe_aside__item.author .user .motto{color:var(--main);text-align:center}.joe_aside__item.author .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.joe_aside__item.author .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.joe_aside__item.author .count .item:first-child{border-right:1px solid var(--classC)}.joe_aside__item.author .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.joe_aside__item.author .list{padding-top:15px}.joe_aside__item.author .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}.joe_aside__item.author .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.author .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}.joe_aside__item.author .list .item .link:hover{color:var(--theme)}.joe_aside__item.author .list .item .link:hover::after{width:100%}.joe_aside__item.author .list .item .icon{fill:var(--routine)}.joe_aside__item.timelife{background:var(--background)}.joe_aside__item.timelife .item{margin-bottom:15px}.joe_aside__item.timelife .item:last-child{margin-bottom:0}.joe_aside__item.timelife .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.joe_aside__item.timelife .item .title .text{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.joe_aside__item.timelife .item .progress{display:flex;align-items:center}.joe_aside__item.timelife .item .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.joe_aside__item.timelife .item .progress-bar-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.joe_aside__item.timelife .item .progress-bar-inner-0{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-1{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-2{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-3{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-percentage{color:var(--minor)}.joe_aside__item.weather{background:var(--background)}.joe_aside__item.weather .joe_aside__item-contain{min-height:300px}.joe_aside__item.hot{background:var(--background)}.joe_aside__item.hot .empty{text-align:center;color:var(--routine)}.joe_aside__item.hot .item{margin-bottom:15px}.joe_aside__item.hot .item:last-child{margin-bottom:0}.joe_aside__item.hot .item:nth-child(1) .link .sort{background:#ff183e}.joe_aside__item.hot .item:nth-child(2) .link .sort{background:#ff5c38}.joe_aside__item.hot .item:nth-child(3) .link .sort{background:#ffb821}.joe_aside__item.hot .item .link{position:relative;display:block;border-radius:var(--radius-inner);overflow:hidden}.joe_aside__item.hot .item .link:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}.joe_aside__item.hot .item .link .sort{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500;z-index:1;font-style:normal}.joe_aside__item.hot .item .link .image{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_aside__item.hot .item .link .describe{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75));font-size:12px;color:var(--seat)}.joe_aside__item.hot .item .link .describe h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}.joe_aside__item.ranking{background:var(--background)}.joe_aside__item.ranking .item{display:flex;align-items:center;line-height:32px;overflow:hidden}.joe_aside__item.ranking .item:nth-child(1) .sort{color:#fe2d46}.joe_aside__item.ranking .item:nth-child(2) .sort{color:#f60}.joe_aside__item.ranking .item:nth-child(3) .sort{color:#faa90e}.joe_aside__item.ranking .item .sort{color:var(--minor);font-weight:700;font-size:18px;width:18px;min-width:18px;max-width:18px}.joe_aside__item.ranking .item .link{position:relative;color:var(--routine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_aside__item.ranking .item .link::after{position:absolute;content:'';bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:width 0.5s}.joe_aside__item.ranking .item .link:hover{color:var(--theme)}.joe_aside__item.ranking .item .link:hover::after{width:100%}.joe_aside__item.ranking .error{text-align:center;color:var(--routine)}.joe_aside__item.newreply{background:var(--background)}.joe_aside__item.newreply .empty{text-align:center;color:var(--routine)}.joe_aside__item.newreply .item{margin-bottom:15px;border-bottom:1px dashed var(--classC);padding-bottom:15px}.joe_aside__item.newreply .item:last-child{margin-bottom:0;border-bottom-color:transparent;padding-bottom:0}.joe_aside__item.newreply .item .user{display:flex;margin-bottom:12px}.joe_aside__item.newreply .item .user .avatar{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid var(--classA);padding:3px}.joe_aside__item.newreply .item .user .info{display:flex;flex-direction:column;justify-content:space-between}.joe_aside__item.newreply .item .user .info .author{color:var(--main);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.newreply .item .user .info .date{font-size:12px;color:var(--minor)}.joe_aside__item.newreply .item .reply{position:relative;background:var(--classD);border-radius:6px;padding:5px 10px}.joe_aside__item.newreply .item .reply::before{content:'';width:0;height:0;border-bottom:6px solid var(--classD);border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;left:15px;bottom:100%}.joe_aside__item.newreply .item .reply .link{display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:var(--minor);font-size:13px;font-weight:500;line-height:24px;transition:all 0.35s;max-height:48px}.joe_aside__item.newreply .item .reply .link:hover{color:var(--theme)}.joe_aside__item.newreply .item .reply .link .owo_image{height:18px;vertical-align:-5px}.joe_list__item{position:relative;width:100%;border-bottom:1px solid var(--classC);padding:15px 0}.joe_list__item:last-child{border-bottom:none}.joe_list__item .information .title{margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;color:var(--main);font-size:18px;line-height:24px;max-height:48px;transition:color 0.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 0%, #a86af9 100%);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:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--minor);word-break:break-all;line-height:22px;max-height:44px;opacity:0.85}.joe_list__item .line{position:absolute;z-index:1;top:15px;left:-15px;width:4px;height:25px;border-radius:2px;background:var(--theme);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_list__item .meta{display:flex;align-items:center;margin-top:auto;color:var(--minor);font-size:13px}.joe_list__item .meta .items{display:flex;align-items:center}.joe_list__item .meta .items li::after{content:'/';color:var(--seat);padding:0 5px}.joe_list__item .meta .items li:last-child::after{display:none}.joe_list__item .meta .last{margin-left:auto;display:flex;align-items:center}.joe_list__item .meta .last .icon{margin-right:3px}.joe_list__item .meta .last .link{color:var(--minor)}.joe_list__item .meta .last .link:hover{color:var(--theme)}.joe_list__item:hover .line{-webkit-transform:scaleY(1);transform:scaleY(1)}.joe_list__item.default{display:flex;position:relative}.joe_list__item.default:hover .thumbnail img{opacity:0.8}.joe_list__item.default:hover .thumbnail time{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.joe_list__item.default .thumbnail{position:relative;width:210px;height:140px;min-width:210px;min-height:140px;margin-right:15px;overflow:hidden}.joe_list__item.default .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-inner);transition:opacity 0.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:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);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.single:hover .thumbnail img{opacity:0.8}.joe_list__item.single:hover .thumbnail time{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 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 0.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:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);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:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;border-radius:var(--radius-inner)}.joe_list__item.multiple .thumbnail img:hover{-webkit-transform:scale(1.025);transform:scale(1.025);opacity:0.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{position:relative;width:210px;height:140px;min-width:210px;min-height:140px;margin-right:15px;background:var(--classD);-webkit-animation:list_thumbnail_loading 0.5s infinite alternate;animation:list_thumbnail_loading 0.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);-webkit-animation:list_title_loading 0.75s infinite alternate;animation:list_title_loading 0.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;-webkit-animation:list_abstract_loading 0.8s infinite alternate;animation:list_abstract_loading 0.8s infinite alternate}.joe_load{margin:15px auto 0;width:120px;height:32px;line-height:32px;text-align:center;border-radius:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--background);color:var(--routine);transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s;box-shadow:var(--box-shadow)}.joe_load:active{-webkit-transform:scale(0.75);transform:scale(0.75)}.joe_detail{background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-bottom:15px}.joe_detail__category{display:flex;align-items:center;margin-bottom:15px}.joe_detail__category .item{color:#fff;font-size:12px;padding:3px 8px;margin-right:5px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;transition:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.joe_detail__category .item:hover{opacity:0.85;-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0)}.joe_detail__category .item:last-child{margin-right:0}.joe_detail__category .item-0{background:#0396ff}.joe_detail__category .item-1{background:#ea5455}.joe_detail__category .item-2{background:#7367f0}.joe_detail__category .item-3{background:#28c76f}.joe_detail__category .item-4{background:#9f44d3}.joe_detail__category .edit{color:var(--minor);margin-left:auto}.joe_detail__category .edit:hover{color:var(--theme)}.joe_detail__title{font-size:24px;color:var(--main);text-shadow:var(--text-shadow);text-align:center;margin-bottom:15px;word-break:break-all}.joe_detail__count{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--classC)}.joe_detail__count::after{content:'';position:absolute;bottom:-1.5px;left:0;width:80px;height:3px;border-radius:1.5px;background:var(--theme)}.joe_detail__count-information{display:flex;align-items:center}.joe_detail__count-information .avatar{width:35px;height:35px;border-radius:50%;margin-right:10px;border:1px solid var(--classA);padding:3px;-o-object-fit:cover;object-fit:cover}.joe_detail__count-information .meta{display:flex;flex-direction:column;height:35px;justify-content:space-between;font-size:12px}.joe_detail__count-information .meta .author .link{font-weight:500;color:var(--theme)}.joe_detail__count-information .meta .author .link:hover{text-decoration:underline}.joe_detail__count-information .meta .item{display:flex;align-items:center;color:var(--minor);line-height:16px}.joe_detail__count-information .meta .item .line{color:var(--seat);margin:0 7px;vertical-align:middle}.joe_detail__count-created{font-size:32px;line-height:42px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:var(--text-shadow);font-family:consolas}.joe_detail__article{padding-top:15px;font-size:15px;word-break:break-all;color:var(--routine)}.joe_detail__article h1,.joe_detail__article h2,.joe_detail__article h3,.joe_detail__article h4,.joe_detail__article h5,.joe_detail__article h6{color:var(--main);font-size:18px;line-height:24px;margin-bottom:15px;position:relative}.joe_detail__article h1{padding:0 15px}.joe_detail__article h1::before{content:'';position:absolute;top:8.5px;left:0;height:7px;width:7px;border-radius:50%;background:var(--theme)}.joe_detail__article h2{padding:0 15px}.joe_detail__article h2::before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:var(--theme)}.joe_detail__article h3{padding:0 15px 0 20px}.joe_detail__article h3::before{content:'#';color:var(--theme);font-weight:700;position:absolute;top:0;left:0;line-height:24px}.joe_detail__article h4::before{content:'「';color:var(--theme);font-weight:600;margin-right:5px}.joe_detail__article h4::after{content:'」';color:var(--theme);font-weight:600;margin-left:5px}.joe_detail__article h5{padding:0 15px 0 28px}.joe_detail__article h5::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==");background-size:100% 100%}.joe_detail__article h6{padding:0 15px 0 28px}.joe_detail__article h6::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC");background-size:100% 100%}.joe_detail__article hr{border:none;height:1px;background-color:var(--classB);margin-bottom:15px}.joe_detail__article p{line-height:26px;margin-bottom:15px}.joe_detail__article blockquote{line-height:26px;margin-bottom:15px;background:#ecf8ff;border-left:5px solid #50bfff;color:#50bfff;padding:8px 15px;border-radius:0 var(--radius-inner) var(--radius-inner) 0}.joe_detail__article blockquote p{margin:0}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn){display:inline-block;line-height:26px;color:var(--theme);position:relative}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn):hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.joe_detail__article a:not(.joe_detail__article-anote):not(.joe_detail__article-abtn)::after{content:'';position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:var(--theme);-webkit-transform:scaleX(0.25);transform:scaleX(0.25);opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s;transition:transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.joe_detail__article code{display:inline-block;min-height:26px;line-height:26px;border-radius:var(--radius-inner);font-size:12px;background:#fdf6ec;padding:0 8px;color:#e6a23c;vertical-align:top}.joe_detail__article pre code{display:unset;vertical-align:unset;min-height:unset;line-height:unset;border-radius:unset;font-size:unset;background:unset;padding:unset;color:unset}.joe_detail__article pre[class*='language-']{position:relative;margin:0 0 15px;padding:30px 0 0;border-radius:var(--radius-inner);font-size:14px;overflow:hidden !important}.joe_detail__article pre[class*='language-'] code[class*='language-']{display:block;max-width:100%;overflow:auto;padding:0 15px 12px;border-radius:var(--radius-inner)}.joe_detail__article pre[class*='language-']::after{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:#2d2d2d;border-radius:var(--radius-inner) var(--radius-inner) 0 0}.joe_detail__article pre[class*='language-']::before{content:'';position:absolute;top:9px;left:15px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40, 40px 0 #35cd4b;z-index:1}.joe_detail__article pre[class*='language-'] .copy{position:absolute;top:9px;right:15px;z-index:5;color:#909399;transition:color 0.35s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article pre[class*='language-'] .copy:hover{color:#c0c4cc}.joe_detail__article img:not(.owo_image){display:block;max-width:100%;border-radius:var(--radius-inner);transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;cursor:zoom-in;margin:0 auto}.joe_detail__article img:not(.owo_image):hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3)}.joe_detail__article .owo_image{max-height:26px;vertical-align:top}.joe_detail__article ol,.joe_detail__article ul{margin-bottom:15px;padding:0 30px}.joe_detail__article ol li,.joe_detail__article ul li{line-height:26px}.joe_detail__article ol li{list-style:decimal}.joe_detail__article ul li{list-style:disc}.joe_detail__article table{width:100%;max-width:100%;table-layout:fixed;color:var(--minor);margin-bottom:15px;font-size:13px;border-top:1px solid var(--classC);border-left:1px solid var(--classC)}.joe_detail__article table td,.joe_detail__article table th{padding:8px;border-bottom:1px solid var(--classC);border-right:1px solid var(--classC)}.joe_detail__article table thead th{font-weight:500;background:var(--classC)}.joe_detail__article table tbody tr{transition:background 0.35s}.joe_detail__article table tbody tr:hover{background:var(--classD)}.joe_detail__article span.block{display:block}.joe_detail__article-hide{background:repeating-linear-gradient(145deg, var(--classD), var(--classD) 15px, var(--background) 0, var(--background) 25px);padding:15px 0;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.joe_detail__article-hide i{position:relative;font-style:normal;cursor:pointer;color:var(--theme)}.joe_detail__article-player{width:100%;height:500px}.joe_detail__article-protected{display:flex;justify-content:center;background:repeating-linear-gradient(145deg, var(--classB), var(--classB) 15px, var(--background) 0, var(--background) 30px);padding:20px 0;margin-bottom:15px}.joe_detail__article-protected .contain{position:relative;box-shadow:var(--box-shadow)}.joe_detail__article-protected .contain .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px}.joe_detail__article-protected .contain .password{width:300px;height:44px;border:none;border-radius:var(--radius-inner);color:var(--routine);padding-left:50px;background:var(--background)}.joe_detail__article-protected .contain .submit{position:absolute;top:0;right:0;height:44px;line-height:44px;width:44px;cursor:pointer;text-align:center;font-size:13px;color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-checkbox{-webkit-appearance:none;position:relative;border-radius:2px;width:15px;height:15px;border:2px solid var(--theme);vertical-align:-2px}.joe_detail__article-checkbox:disabled{cursor:not-allowed}.joe_detail__article-checkbox:checked{border:none;background:var(--theme)}.joe_detail__article-checkbox:checked::after{content:'';width:3px;height:7px;position:absolute;top:2px;left:5px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.joe_detail__article-card{margin:0 auto;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);border-radius:var(--radius-inner);border:1px solid var(--classC);background:var(--background)}.joe_detail__article-card .title{padding:8px 10px;border-bottom:1px solid var(--classC);color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-card .content{padding:10px;color:var(--routine)}.joe_detail__article-message{position:relative;border-left-width:4px;border-left-style:solid;padding:8px 15px;border-radius:0 4px 4px 0}.joe_detail__article-message:hover .icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_detail__article-message .icon{position:absolute;top:-9px;left:-11px;width:18px;height:18px;border-radius:50%;transition:-webkit-transform 0.85s;transition:transform 0.85s;transition:transform 0.85s, -webkit-transform 0.85s}.joe_detail__article-message .icon::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10px;height:10px;fill:#fff;background-repeat:no-repeat;background-size:100% 100%}.joe_detail__article-message.success{border-left-color:#2bde3f;background:#2bde3f20;color:#2bde3f}.joe_detail__article-message.success .icon{background:#2bde3f}.joe_detail__article-message.success .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MDE1ODgxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxMTU3IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00MTMuMjU1IDY5MS40MzZjMTguNTQ2LTE3LjQ1IDMzLjE4Ni0zMC41NTIgNDcuMDc2LTQ0LjQyNyAxMzMuMDQtMTMyLjgxIDI2Ni4xODItMjY1LjUxMyAzOTguNzI0LTM5OC44MzcgMzIuMDc0LTMyLjI0NCA2NS42NjYtNDguNDUyIDEwNC45OTctMTQuNzUyIDMyLjk4MyAyOC4yNDEgMjguMDQ5IDY3LjQ2NS0xMi45MiAxMDguNTc0LTE1Ny4xNzUgMTU3LjcxLTMxNC41ODcgMzE1LjE4NC00NzIuMjkyIDQ3Mi4zOC00OS4zODkgNDkuMjI1LTc2LjMwOCA0OS41NDYtMTI0LjcxNiAxLjYwNy04NS41OS04NC43NjUtMTcwLjEzNS0xNzAuNTc5LTI1NS44LTI1NS4yNTctMzIuMjkyLTMxLjkyMy00OC42OC02NS41MTYtMTQuOTk3LTEwNC45NzYgMjguMTctMzIuOTk1IDY3LjU1Ny0yOC4xNTUgMTA4LjU1OCAxMi42NzUgNzMuNDI3IDczLjE2IDE0Ni4wNzkgMTQ3LjA5IDIyMS4zNyAyMjMuMDEzeiIgcC1pZD0iNDExNTgiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L3N2Zz4=)}.joe_detail__article-message.info{border-left-color:#1d72f3;background:#1d72f320;color:#1d72f3}.joe_detail__article-message.info .icon{background:#1d72f3}.joe_detail__article-message.info .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MzM4MjIxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYxNjg0IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik03NjcuOTczOTc1IDExNi4zNDYwODZjMCA2NC4yNTI3MzQtNDEuNjgzMjE0IDExNi4zODg3NS05My4wOTM5MzUgMTE2LjM4ODc1UzU4MS43ODYxMDYgMTgwLjU5ODgyIDU4MS43ODYxMDYgMTE2LjM0NjA4NkM1ODEuNzg2MTA2IDUyLjA5MzM1MiA2MjMuNDY5MzIgMCA2NzQuODgwMDQgMFM3NjcuOTczOTc1IDUyLjA5MzM1MiA3NjcuOTczOTc1IDExNi4zNDYwODZ6TTI1NiA1MDQuMjk0MzY1czcwLjgyMzA2Ni0yODQuNzg1NTIzIDI4Ni43NDgwOS0yNzEuMDQ3NTU1YzIxNS45MjUwMjQgMTMuNjk1MzA0IDY3LjIzOTI0OSAyNjEuNDQ4MDQzLTEzLjI2ODY1OSA1MDEuNjQ5MTY2LTgwLjUwNzkwOCAyNDAuMjAxMTIzIDEwMC4yNjE1NyA3MS40MjAzNjkgMTQ1LjQwMDYwOS03LjU1MTYxNiAwIDAtOTMuMTM2NTk5IDQwNi43NjMzMjMtMzY3LjM0MTMyNyAyNjcuNjc3MDYtMTI4LjU0ODEzMi02NS4yMzQwMTcgMzIuMjU0MzYtMzk4LjA1OTc2NSAxMDMuMTIwMDkyLTU0NS41OTM1OTlDNDgxLjU2NzIgMzAxLjgwODY1OCAzMzYuNjM1OTAxIDM4Ny42MDY5NjMgMjU2IDUwNC4yNTE3MDF6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSI2MTY4NSI+PC9wYXRoPjwvc3ZnPg==)}.joe_detail__article-message.warning{border-left-color:#ffc007;background:#ffc00720;color:#ffc007}.joe_detail__article-message.warning .icon{background:#ffc007}.joe_detail__article-message.warning .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MTI5NTE1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3NDkyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NzkuODE3MTQzIDY2NS42YzEwLjI0IDMwLjcyIDMwLjcyIDUxLjIgNjEuNDQgNTEuMnM1MS4yLTIwLjQ4IDYxLjQ0LTUxLjJsNDAuOTYtNTYzLjJDNjQzLjY1NzE0MyA0MC45NiA1OTIuNDU3MTQzIDAgNTQxLjI1NzE0MyAwIDQ3OS44MTcxNDMgMCA0MzguODU3MTQzIDUxLjIgNDM4Ljg1NzE0MyAxMTIuNjRsNDAuOTYgNTUyLjk2eiBtNjEuNDQgMTUzLjZjLTYxLjQ0IDAtMTAyLjQgNDAuOTYtMTAyLjQgMTAyLjQgMCA2MS40NCA0MC45NiAxMDIuNCAxMDIuNCAxMDIuNCA2MS40NCAwIDEwMi40LTQwLjk2IDEwMi40LTEwMi40IDAtNjEuNDQtNDAuOTYtMTAyLjQtMTAyLjQtMTAyLjR6IiBwLWlkPSI0NzQ5MyIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==)}.joe_detail__article-message.error{border-left-color:#f56c6c;background:#f56c6c20;color:#f56c6c}.joe_detail__article-message.error .icon{background:#f56c6c}.joe_detail__article-message.error .icon::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjEyNTE4MjAyNDk4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ4OTE1IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xOTMuOCA4MzAuMmMtMTkuNC0xOS40LTE5LjQtNTEuMyAwLTcwLjdsNTY1LjctNTY1LjdjMTkuNC0xOS40IDUxLjMtMTkuNCA3MC43IDAgMTkuNCAxOS40IDE5LjQgNTEuMyAwIDcwLjdMMjY0LjUgODMwLjJjLTE5LjQgMTkuNC01MS4zIDE5LjQtNzAuNyAweiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iNDg5MTYiPjwvcGF0aD48cGF0aCBkPSJNODMwLjIgODMwLjJjLTE5LjQgMTkuNC01MS4zIDE5LjQtNzAuNyAwTDE5My44IDI2NC41Yy0xOS40LTE5LjQtMTkuNC01MS4zIDAtNzAuNyAxOS40LTE5LjQgNTEuMy0xOS40IDcwLjcgMGw1NjUuNyA1NjUuN2MxOS40IDE5LjQgMTkuNCA1MS4zIDAgNzAuN3oiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjQ4OTE3Ij48L3BhdGg+PC9zdmc+)}.joe_detail__article-mtitle{display:flex;justify-content:center}.joe_detail__article-mtitle .text{position:relative;color:var(--minor);padding:0 15px;transition:padding 0.35s}.joe_detail__article-mtitle .text:hover{padding:0}.joe_detail__article-mtitle .text::before,.joe_detail__article-mtitle .text::after{content:'';position:absolute;top:50%;width:20px;height:1px;background:var(--theme)}.joe_detail__article-mtitle .text::before{left:-35px}.joe_detail__article-mtitle .text::after{right:-35px}.joe_detail__article-anote{position:relative;display:inline-block;color:#fff;height:35px;line-height:35px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_detail__article-anote:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.joe_detail__article-anote .icon{display:inline-block;vertical-align:top;width:35px;height:35px;text-align:center;background:rgba(0,0,0,0.2)}.joe_detail__article-anote .icon .fa{color:#fff}.joe_detail__article-anote .content{display:inline-block;vertical-align:top;padding:0 12px;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__article-anote.secondary{background:#34495e}.joe_detail__article-anote.success{background:#27ae60}.joe_detail__article-anote.warning{background:#f39c12}.joe_detail__article-anote.error{background:#e74c3c}.joe_detail__article-anote.info{background:#3498db}.joe_detail__article-abtn{display:inline-block;color:#fff;height:35px;line-height:35px;padding:0 15px;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0)}.joe_detail__article-abtn:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}.joe_detail__article-abtn .icon{display:inline-block;vertical-align:top;text-align:center}.joe_detail__article-abtn .icon .fa{color:#fff}.joe_detail__article-abtn .icon [class^='fa-']{margin-right:8px}.joe_detail__article-abtn .content{display:inline-block;vertical-align:top;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__article-copy{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-video{margin-bottom:15px}.joe_detail__article-video .play,.joe_detail__article-video .episodes{position:relative;background:var(--classD);padding:60px 15px 15px}.joe_detail__article-video .play .title,.joe_detail__article-video .episodes .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 12px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__article-video .play .title::after,.joe_detail__article-video .episodes .title::after{content:'';position:absolute;bottom:-10px;left:-10px;border-style:solid;border-width:10px;border-color:var(--theme) transparent transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.joe_detail__article-video .play .box,.joe_detail__article-video .episodes .box{border-top:1px solid var(--classB);padding-top:15px}.joe_detail__article-video .play{margin-bottom:15px}.joe_detail__article-video .play .box iframe{background:#000;width:100%;height:520px}.joe_detail__article-video .episodes .box{display:grid;grid-template-columns:repeat(6, 1fr);gap:15px}.joe_detail__article-video .episodes .box .item{height:30px;line-height:30px;border-radius:15px;background:var(--background);color:var(--routine);cursor:pointer;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow 0.35s, background 0.35s, color 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s;transition:transform 0.35s, box-shadow 0.35s, background 0.35s, color 0.35s, -webkit-transform 0.35s;padding:0 10px}.joe_detail__article-video .episodes .box .item.active{-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.joe_detail__article-video .episodes .box .item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.joe_detail__agree{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.joe_detail__agree .agree{text-align:center;font-size:12px;color:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_detail__agree .agree .icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f56c6c;cursor:pointer;margin-bottom:8px}.joe_detail__agree .agree .icon.active{-webkit-animation:box_shadow 1s;animation:box_shadow 1s;box-shadow:0 0 0 20px rgba(255,255,255,0)}.joe_detail__agree .agree .icon svg{position:absolute;width:28px;height:28px;-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 0.85s, -webkit-transform 0.85s;transition:transform 0.85s, opacity 0.85s;transition:transform 0.85s, opacity 0.85s, -webkit-transform 0.85s}.joe_detail__agree .agree .icon svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_detail__copyright{padding-top:15px;border-top:1px solid var(--classC)}.joe_detail__copyright .content{background:var(--classD);padding:15px;border-radius:var(--radius-inner)}.joe_detail__copyright .content .item{display:flex;align-items:center;color:var(--minor);white-space:nowrap;margin-bottom:10px}.joe_detail__copyright .content .item:last-child{margin-bottom:0}.joe_detail__copyright .content .item .icon{width:20px;height:20px;min-width:20px;min-height:20px;margin-right:5px}.joe_detail__copyright .content .item .link{color:var(--minor)}.joe_detail__copyright .content .item .link:hover{color:var(--theme)}.joe_detail__copyright .content .item .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__friends{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin-bottom:15px}.joe_detail__friends-item .contain{display:block;border-radius:var(--radius-inner);overflow:hidden;padding:15px;color:#fff;word-break:break-all;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s}.joe_detail__friends-item .contain:hover{-webkit-transform:translateY(-5px) scale(1.025);transform:translateY(-5px) scale(1.025);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3)}.joe_detail__friends-item .contain .title{position:relative}.joe_detail__friends-item .contain .title::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:#fff}.joe_detail__friends-item .contain .content{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.joe_detail__friends-item .contain .content .desc{margin-right:10px}.joe_detail__friends-item .contain .content .avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.joe_footer{border-top:1px solid var(--classB);color:var(--minor)}.joe_footer .joe_container{display:flex;align-items:center;justify-content:space-between;min-height:65px}.joe_footer .joe_container .run{margin:0 auto 0 10px}.joe_footer .joe_container a{color:var(--minor);transition:all 0.35s}.joe_footer .joe_container a:hover{color:var(--theme)}.joe_pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:15px}.joe_pagination li{margin-left:5px}.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 0.35s, color 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-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 0.35s}.joe_pagination li a .icon-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.joe_action{position:fixed;bottom:90px;right:30px;z-index:333}.joe_action_item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background);border-radius:50%;cursor:pointer;margin-top:15px;box-shadow:0 0 10px rgba(0,0,0,0.1),0 5px 20px rgba(0,0,0,0.2)}.joe_action_item svg{position:absolute;width:25px;height:25px;fill:var(--theme)}.joe_action_item.scroll{visibility:hidden;-webkit-transform:scale(0);transform:scale(0);transition:visibility 0.35s, -webkit-transform 0.35s;transition:visibility 0.35s, transform 0.35s;transition:visibility 0.35s, transform 0.35s, -webkit-transform 0.35s}.joe_action_item.scroll.active{visibility:visible;-webkit-transform:scale(1);transform:scale(1)}.joe_action_item.mode svg{-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 0.85s, -webkit-transform 0.85s;transition:transform 0.85s, opacity 0.85s;transition:transform 0.85s, opacity 0.85s, -webkit-transform 0.85s}.joe_action_item.mode svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.joe_comment{background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);padding:15px}.joe_comment__title{font-weight:500;text-align:center;font-size:24px;color:var(--main);text-shadow:var(--text-shadow);border-bottom:1px solid var(--classC);margin-bottom:15px;padding-bottom:15px}.joe_comment__close{display:flex;align-items:center;justify-content:center;color:var(--routine)}.joe_comment__close-icon{fill:var(--routine);margin-right:5px}.joe_comment__respond-type{display:flex;align-items:center;justify-content:flex-end}.joe_comment__respond-type .item{background:var(--classD);padding:0 15px;height:32px;color:var(--main);border:none;transition:color 0.35s, background 0.35s}.joe_comment__respond-type .item:first-child{border-top-left-radius:var(--radius-inner)}.joe_comment__respond-type .item:last-child{border-top-right-radius:var(--radius-inner)}.joe_comment__respond-type .item.active{color:#fff;background:var(--theme)}.joe_comment__respond-form{border-radius:6px 0 6px 6px;background:var(--classD)}.joe_comment__respond-form .head{display:flex;align-items:center;border-bottom:1px solid var(--classA)}.joe_comment__respond-form .head .list{flex:1}.joe_comment__respond-form .head .list input{width:100%;border:none;background:transparent;padding:0 15px;height:40px;color:var(--routine)}.joe_comment__respond-form .head .list:nth-child(2){position:relative}.joe_comment__respond-form .head .list:nth-child(2)::after,.joe_comment__respond-form .head .list:nth-child(2)::before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background:var(--classA)}.joe_comment__respond-form .head .list:nth-child(2)::before{left:0}.joe_comment__respond-form .head .list:nth-child(2)::after{right:0}.joe_comment__respond-form .body{padding:15px}.joe_comment__respond-form .body .text{width:100%;height:200px;border:none;resize:none;vertical-align:middle;color:var(--routine);background:transparent}.joe_comment__respond-form .body .draw{position:relative;width:100%}.joe_comment__respond-form .body .draw .line{display:flex;align-items:center;position:absolute;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_comment__respond-form .body .draw .line li{cursor:pointer;margin-right:10px;color:var(--main);transition:color 0.35s}.joe_comment__respond-form .body .draw .line li.active{color:var(--theme)}.joe_comment__respond-form .body .draw .color{display:flex;align-items:center;position:absolute;bottom:10px;left:10px}.joe_comment__respond-form .body .draw .color li{width:20px;height:20px;border-radius:50%;margin:0 5px;cursor:pointer;transition:box-shadow 0.35s}.joe_comment__respond-form .body .draw .color li.active{box-shadow:0 4px 10px rgba(0,0,0,0.35)}.joe_comment__respond-form .body .draw .color li:nth-child(1){background:#303133}.joe_comment__respond-form .body .draw .color li:nth-child(2){background:#67c23a}.joe_comment__respond-form .body .draw .color li:nth-child(3){background:#e6a23c}.joe_comment__respond-form .body .draw .color li:nth-child(4){background:#f56c6c}.joe_comment__respond-form .body .draw .icon{position:absolute;right:10px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.joe_comment__respond-form .body .draw .icon-undo{top:10px}.joe_comment__respond-form .body .draw .icon-animate{bottom:10px}.joe_comment__respond-form .body .draw canvas{background:var(--background);border-radius:var(--radius-inner)}.joe_comment__respond-form .foot{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px 15px}.joe_comment__respond-form .foot .owo{min-height:32px;padding-top:3px}.joe_comment__respond-form .foot .owo .seat{text-align:center;color:var(--routine);height:26px;line-height:26px;background:var(--background);opacity:0.85;border-radius:13px;width:70px}.joe_comment__respond-form .foot .submit{position:absolute;top:0;right:15px;white-space:nowrap}.joe_comment__respond-form .foot .submit .cancle{display:none;color:var(--main);cursor:pointer;margin-right:10px;transition:color 0.35s}.joe_comment__respond-form .foot .submit .cancle:hover{color:var(--theme)}.joe_comment__respond-form .foot .submit button{border-radius:3px;height:32px;padding:0 15px;border:none;background:var(--theme);color:#fff;font-size:14px}.joe_comment__respond-form .foot .submit button:hover{-webkit-animation:5s ease-in-out 0s infinite normal none running shaked;animation:5s ease-in-out 0s infinite normal none running shaked}.joe_comment .comment-list{padding-top:15px}.joe_comment .comment-list__item-contain .term{display:flex;margin-bottom:15px}.joe_comment .comment-list__item-contain .term .avatar{width:48px;height:48px;border-radius:50%;margin-right:15px;padding:3px;border:1px solid var(--classD);-o-object-fit:cover;object-fit:cover}.joe_comment .comment-list__item-contain .term .content{min-width:0;flex:1;border-bottom:1px solid var(--classC);padding-bottom:15px}.joe_comment .comment-list__item-contain .term .content .user{display:flex;align-items:center;margin-bottom:8px;line-height:20px;color:var(--main)}.joe_comment .comment-list__item-contain .term .content .user .author{margin-right:10px}.joe_comment .comment-list__item-contain .term .content .user .author a{color:#409eff}.joe_comment .comment-list__item-contain .term .content .user .owner{background:var(--theme);color:#fff;padding:0 5px;border-radius:2px;font-style:normal}.joe_comment .comment-list__item-contain .term .content .user .agent{margin-left:auto;font-size:12px;color:var(--minor)}.joe_comment .comment-list__item-contain .term .content .user .waiting{color:#e6a23c;font-style:normal}.joe_comment .comment-list__item-contain .term .content .substance{width:100%;background:var(--classD);padding:12px 15px;border-radius:0 var(--radius-inner) var(--radius-inner) 10px;color:var(--main);margin-bottom:8px;word-break:break-all;line-height:24px}.joe_comment .comment-list__item-contain .term .content .substance .parent{color:#388bff;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500}.joe_comment .comment-list__item-contain .term .content .substance .owo_image{height:22px}.joe_comment .comment-list__item-contain .term .content .substance .draw_image{max-width:100%}.joe_comment .comment-list__item-contain .term .content .handle{display:flex;align-items:center;color:var(--minor)}.joe_comment .comment-list__item-contain .term .content .handle .date{margin-right:10px}.joe_comment .comment-list__item-contain .term .content .handle .reply{display:flex;align-items:center;color:var(--main);font-size:13px;cursor:pointer;transition:color 0.35s}.joe_comment .comment-list__item-contain .term .content .handle .reply .icon{margin-right:5px;fill:var(--main);transition:fill 0.35s}.joe_comment .comment-list__item-contain .term .content .handle .reply:hover{color:var(--theme)}.joe_comment .comment-list__item-contain .term .content .handle .reply:hover .icon{fill:var(--theme)}.joe_comment .comment-list__item-children{padding-left:63px}.joe_comment .comment-list__item-children .comment-list__item-children{padding-left:0}.joe_comment .comment-list__item .joe_comment__respond{margin-left:63px;margin-bottom:15px;-webkit-animation:showComment 0.5s;animation:showComment 0.5s}.joe_comment .comment-list .comment-list{padding-top:0}.joe_comment .joe_pagination{padding-top:0}.joe_run__day,.joe_run__hour,.joe_run__minute,.joe_run__second{font-weight:500;color:var(--theme)}.joe_owo__contain{position:relative}.joe_owo__contain .seat{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.joe_owo__contain .box{width:100%;display:none;background:var(--background);border-radius:var(--radius-inner);overflow:hidden;margin-top:15px}.joe_owo__contain .box .scroll{display:none;max-height:200px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:5px}.joe_owo__contain .box .scroll .item{text-align:center;width:calc(100% / 18);display:inline-block;padding:5px;cursor:pointer;border-radius:var(--radius-inner);transition:background 0.25s}.joe_owo__contain .box .scroll .item img{max-width:100%;max-height:100%}.joe_owo__contain .box .scroll .item:hover{background:var(--classD)}.joe_owo__contain .box .scroll:nth-child(3) .item{color:var(--routine);width:calc(100% / 5)}.joe_owo__contain .box .bar{display:flex;align-items:center;border-top:1px solid var(--classC)}.joe_owo__contain .box .bar .item{line-height:30px;padding:0 10px;cursor:pointer;color:var(--routine);transition:background 0.25s, color 0.25s}.joe_owo__contain .box .bar .item.active{color:#fff;background:var(--theme)}.profile-color-modes-illu-frame{opacity:0}.profile-color-modes-illu-red{stroke:#da3633}.profile-color-modes-illu-orange{stroke:#f0883e}.profile-color-modes-illu-purple{stroke:#8957e5}.profile-color-modes-illu-green{stroke:#3fb950}.profile-color-modes-illu-blue{stroke:#388bfd}.profile-color-modes-illu-group{-webkit-animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards;animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards}.profile-color-modes-illu-frame{-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards}.profile-color-modes-illu-frame:first-child{opacity:1;-webkit-animation:profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-hide 0s forwards}.profile-color-modes-illu-frame:nth-child(8){-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards}.profile-color-modes-illu-red{-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-orange{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-purple{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-blue{-webkit-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-duration:0.1s;animation-duration:0.1s}.profile-color-modes-illu-green{-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5);animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5)}.profile-color-modes-illu-frame:first-child{-webkit-animation-delay:1.8s;animation-delay:1.8s}.profile-color-modes-illu-frame:nth-child(2){-webkit-animation-delay:1.8s, 2.58s;animation-delay:1.8s, 2.58s}.profile-color-modes-illu-frame:nth-child(3){-webkit-animation-delay:2.58s, 2.66s;animation-delay:2.58s, 2.66s}.profile-color-modes-illu-frame:nth-child(4){-webkit-animation-delay:2.66s, 2.78s;animation-delay:2.66s, 2.78s}.profile-color-modes-illu-frame:nth-child(5){-webkit-animation-delay:2.78s, 2.84s;animation-delay:2.78s, 2.84s}.profile-color-modes-illu-frame:nth-child(6){-webkit-animation-delay:2.84s, 3.44s;animation-delay:2.84s, 3.44s}.profile-color-modes-illu-frame:nth-child(7){-webkit-animation-delay:3.44s, 3.56s;animation-delay:3.44s, 3.56s}.profile-color-modes-illu-frame:nth-child(8){-webkit-animation-delay:3.56s;animation-delay:3.56s}.profile-color-modes-illu-frame:nth-child(9),.profile-color-modes-illu-frame:nth-child(10){-webkit-animation:none;animation:none}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@-webkit-keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes box_shadow{0%{box-shadow:0 0 0 0 #f56c6c}}@keyframes box_shadow{0%{box-shadow:0 0 0 0 #f56c6c}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@-webkit-keyframes list_thumbnail_loading{0%{-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes list_thumbnail_loading{0%{-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes list_title_loading{0%{width:80%}100%{width:95%}}@keyframes list_title_loading{0%{width:80%}100%{width:95%}}@-webkit-keyframes list_abstract_loading{0%{width:60%}100%{width:80%}}@keyframes list_abstract_loading{0%{width:60%}100%{width:80%}}@-webkit-keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@-webkit-keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@-webkit-keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}@keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}@-webkit-keyframes shaked{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}}@keyframes shaked{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-0.5px) rotate(-1.5deg);transform:translateY(-0.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(0.5px) rotate(-1.5deg);transform:translateY(0.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}28%{-webkit-transform:translateY(0.5px) rotate(1.5deg);transform:translateY(0.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}32%,34%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}50%{-webkit-transform:translateY(0.5px) rotate(0.5deg);transform:translateY(0.5px) rotate(0.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(0.5px) rotate(2.5deg);transform:translateY(0.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-0.5deg);transform:translateY(1.5px) rotate(-0.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(0.5deg);transform:translateY(1.5px) rotate(0.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}76%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-0.5px) rotate(0.5deg);transform:translateY(-0.5px) rotate(0.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-0.5px) rotate(2.5deg);transform:translateY(-0.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-0.5deg);transform:translateY(2.5px) rotate(-0.5deg)}92%{-webkit-transform:translateY(0.5px) rotate(-0.5deg);transform:translateY(0.5px) rotate(-0.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(0.5deg);transform:translateY(2.5px) rotate(0.5deg)}96%{-webkit-transform:translateY(-0.5px) rotate(1.5deg);transform:translateY(-0.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-0.5deg);transform:translateY(-1.5px) rotate(-0.5deg)}0%,100%{-webkit-transform:translate(0px) rotate(0deg);transform:translate(0px) rotate(0deg)}}
diff --git a/assets/css/joe.global.scss b/assets/css/joe.global.scss
index c48cdb4..dd2c0ed 100644
--- a/assets/css/joe.global.scss
+++ b/assets/css/joe.global.scss
@@ -2539,17 +2539,27 @@
             .foot {
                 position: relative;
                 display: flex;
+                align-items: center;
                 justify-content: space-between;
                 padding: 0 15px 15px;
                 .owo {
-					.seat {
-						color: var(--routine);
-                        height: 100%;
-						display: flex;
-						align-items: center;
-					}
+                    min-height: 32px;
+                    padding-top: 3px;
+                    .seat {
+                        text-align: center;
+                        color: var(--routine);
+                        height: 26px;
+                        line-height: 26px;
+                        background: var(--background);
+                        opacity: 0.85;
+                        border-radius: 13px;
+                        width: 70px;
+                    }
                 }
                 .submit {
+                    position: absolute;
+                    top: 0;
+                    right: 15px;
                     white-space: nowrap;
                     .cancle {
                         display: none;
@@ -2718,40 +2728,21 @@
             cursor: pointer;
         }
         .box {
-            position: absolute;
-            left: 0;
-            width: 300px;
+            width: 100%;
+            display: none;
             background: var(--background);
-            box-shadow: var(--box-shadow);
             border-radius: var(--radius-inner);
             overflow: hidden;
-            visibility: hidden;
-            transform: scale(0.5);
-            border: 1px solid var(--classD);
-            opacity: 0;
-            transition: visibility, 0.35s, opacity 0.35s, transform 0.35s;
-            &.show {
-                visibility: visible;
-                transform: scale(1);
-                opacity: 1;
-            }
+            margin-top: 15px;
             .scroll {
                 display: none;
                 max-height: 200px;
                 overflow-y: auto;
                 overscroll-behavior: none;
                 padding: 5px;
-                &:nth-child(3) .item {
-                    text-align: center;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    width: 50%;
-                    user-select: none;
-                    color: var(--routine);
-                }
                 .item {
-                    width: 20%;
+                    text-align: center;
+                    width: calc(100% / 18);
                     display: inline-block;
                     padding: 5px;
                     cursor: pointer;
@@ -2765,19 +2756,26 @@
                         background: var(--classD);
                     }
                 }
+                &:nth-child(3) {
+                    .item {
+                        color: var(--routine);
+                        width: calc(100% / 5);
+                    }
+                }
             }
             .bar {
                 display: flex;
                 align-items: center;
-                border-top: 1px solid var(--classD);
+                border-top: 1px solid var(--classC);
                 .item {
                     line-height: 30px;
                     padding: 0 10px;
                     cursor: pointer;
                     color: var(--routine);
-                    transition: background 0.25s;
+                    transition: background 0.25s, color 0.25s;
                     &.active {
-                        background: var(--classD);
+                        color: #fff;
+                        background: var(--theme);
                     }
                 }
             }
@@ -2785,7 +2783,6 @@
     }
 }
 
-
 .profile-color-modes-illu-frame {
     opacity: 0;
 }
diff --git a/assets/css/joe.responsive.css b/assets/css/joe.responsive.css
index b134bdb..dc738a0 100644
--- a/assets/css/joe.responsive.css
+++ b/assets/css/joe.responsive.css
@@ -1 +1 @@
-@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:500px}html .joe_list__item.single .thumbnail{height:230px}html .joe_list__item.multiple .thumbnail{grid-template-rows:150px}}@media (max-width: 1200px){html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__player-play{height:450px}html .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .joe_live__play-player{height:450px}html .joe_detail__article-player{height:450px}html .joe_list__item.multiple .thumbnail{grid-template-rows:125px}html .joe_list__item.single .thumbnail{height:200px}html .joe_index__ad-link .image{height:180px}html .joe_index__hot-list .item .link .inner .image{height:90px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{padding-top:15px;width:100%;margin-left:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{margin:0 !important}html .joe_index__hot-list{-webkit-column-gap:10px;column-gap:10px}html .joe_video__list-item .item .thumb{height:200px}html .joe_detail__article-video .play .box iframe{height:420px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_video__list-item .item .thumb{height:220px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:420px}html .joe_video__player-play{height:420px}html .joe_detail__article-player{height:420px}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__above-logo{padding-right:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-search{display:none}html .joe_header__above-searchicon{display:block}html .joe_detail__article-video .play .box iframe{height:420px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}}@media (max-width: 768px){html .joe_header__above .joe_container{justify-content:space-between}html .joe_header__above-nav{display:none}html .joe_header__above-logo{height:55px;margin-right:0}html .joe_header__above-logo img{max-height:45px}html .joe_header__above-searchicon{margin-left:0}html .joe_header__above-slideicon{display:block}html .joe_header__below{display:none}html .joe_header__searchout{top:55px}html .swiper-container{height:180px}html .swiper-container .item{height:180px}html .joe_index__banner-recommend{gap:10px}html .joe_index__banner-recommend .item{height:100px}html .joe_index__hot-list{grid-template-columns:repeat(2, 1fr);gap:10px}html .joe_index__ad-link .image{height:120px}html .joe_index__title-notice{display:none}html .joe_index__title-title .item{display:none}html .joe_index__title-title .item:nth-child(1),html .joe_index__title-title .item:nth-child(2){display:block}html .joe_list__item .information .title{font-size:16px}html .joe_list__item .information .abstract{display:none}html .joe_list__item .meta .last{display:none !important}html .joe_list__item.single .thumbnail{height:150px;margin-bottom:0}html .joe_list__item.single .thumbnail time{display:none}html .joe_list__item.default .information .title{font-size:15px}html .joe_list__item.default .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px;margin-right:10px}html .joe_list__item.default .thumbnail time{display:none}html .joe_list__item.default .title{margin-bottom:0}html .joe_list__item.default .meta .items{width:100%}html .joe_list__item.default .meta .items li{display:none}html .joe_list__item.default .meta .items li:nth-child(1){display:block}html .joe_list__item.default .meta .items li:nth-child(2){display:block;margin-left:auto}html .joe_list__item.default .meta .items li::after{display:none}html .joe_list__item.multiple .thumbnail{grid-template-rows:70px;gap:10px}html .joe_list__item.none .information{height:120px}html .joe_list__item.none .abstract{display:-webkit-box;font-size:13px}html .joe_list__loading .item .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px}html .joe_list__loading .item .information .title{margin-bottom:10px;height:20px}html .joe_list__loading .item .information .abstract p{height:15px}html .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .joe_wallpaper__pagination{justify-content:center}html .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .joe_video__list-item .item .thumb{height:140px}html .joe_video__pagination{justify-content:center}html .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .joe_video__player-play{height:230px}html .joe_live__pagination{justify-content:center}html .joe_live__list-item .thumb{height:100px}html .joe_live__play-player{height:200px}html .joe_detail__title{font-size:18px}html .joe_detail__count-information{width:100%}html .joe_detail__count-information .avatar{display:none}html .joe_detail__count-information .meta{width:100%;height:unset}html .joe_detail__count-information .meta .author{display:none}html .joe_detail__count-information .meta .item{justify-content:center}html .joe_detail__count-information .meta .item span:nth-child(2),html .joe_detail__count-information .meta .item span:nth-child(3){display:none}html .joe_detail__count-created{display:none}html .joe_detail__count::after{display:none}html .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .joe_detail__article{font-size:14px}html .joe_detail__article-player{height:220px}html .joe_detail__article pre[class*='language-']{font-size:13px}html .joe_detail__article-video .play .box iframe{height:220px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr)}html .joe_comment{position:relative}html .joe_comment__title{font-size:20px;text-align:left}html .joe_comment__respond-type{position:absolute;top:15px;right:15px}html .joe_comment__respond-type .item:first-child{border-bottom-left-radius:var(--radius-inner)}html .joe_comment__respond-type .item:last-child{border-bottom-right-radius:var(--radius-inner)}html .joe_comment__respond-form .head{display:block;border-bottom:none}html .joe_comment__respond-form .head .list{border-bottom:1px solid var(--classB)}html .joe_comment__respond-form .head .list:nth-child(2)::before,html .joe_comment__respond-form .head .list:nth-child(2)::after{display:none}html .joe_comment__respond-form .body .text{height:140px}html .joe_comment .comment-list__item-contain .term .avatar{width:34px;height:34px;margin-right:10px}html .joe_comment .comment-list__item-contain .term .content .user .agent{display:none}html .joe_comment .comment-list__item-children{padding-left:0}html .joe_comment .comment-list__item .joe_comment__respond{margin-left:0}html .joe_comment .comment-list__item .joe_comment__respond-type{position:static}html .joe_comment .comment-list__item .joe_comment__respond-type .item:first-child{border-bottom-left-radius:0}html .joe_comment .comment-list__item .joe_comment__respond-type .item:last-child{border-bottom-right-radius:0}html .joe_footer .joe_container{flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px}html .joe_footer .joe_container>.item{padding:5px 0}html .joe_footer .joe_container .run{margin:0}}html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(8, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:200px}html .noaside .joe_list__item.single .thumbnail{height:300px}html .noaside .joe_index__ad-link .image{height:250px}html .noaside .joe_index__hot-list .item .link .inner .image{height:140px}html .noaside .joe_detail__article-video .play .box iframe{height:600px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(8, 1fr)}@media (max-width: 1400px){html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:180px}html .noaside .joe_list__item.single .thumbnail{height:270px}html .noaside .joe_detail__article-video .play .box iframe{height:550px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(7, 1fr)}}@media (max-width: 1200px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:250px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:150px}html .noaside .joe_index__banner-recommend .item{height:180px}html .noaside .joe_detail__article-video .play .box iframe{height:500px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(6, 1fr)}}@media (max-width: 992px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_index__banner-recommend .item{height:160px}html .noaside .joe_index__hot-list .item .link .inner .image{height:90px}html .noaside .joe_index__ad-link .image{height:200px}html .noaside .joe_list__item.single .thumbnail{height:220px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:130px}html .noaside .joe_detail__article-video .play .box iframe{height:400px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}}@media (max-width: 768px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .noaside .joe_detail__article-video .play .box iframe{height:220px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item .item .thumb{height:140px}html .noaside .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__banner-recommend{gap:10px}html .noaside .joe_index__banner-recommend .item{height:100px}html .noaside .joe_index__ad-link .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:150px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:70px}}
+@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_video__list-item{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:500px}html .joe_list__item.single .thumbnail{height:230px}html .joe_list__item.multiple .thumbnail{grid-template-rows:150px}html .joe_owo__contain .box .scroll .item{width:calc(100% / 16)}}@media (max-width: 1200px){html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__player-play{height:450px}html .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .joe_live__play-player{height:450px}html .joe_detail__article-player{height:450px}html .joe_list__item.multiple .thumbnail{grid-template-rows:125px}html .joe_list__item.single .thumbnail{height:200px}html .joe_index__ad-link .image{height:180px}html .joe_index__hot-list .item .link .inner .image{height:90px}html .joe_index__banner{display:block}html .joe_index__banner-recommend{padding-top:15px;width:100%;margin-left:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}html .joe_index__banner-recommend.noswiper{padding-top:0}html .joe_index__banner-recommend .item{margin:0 !important}html .joe_index__hot-list{-webkit-column-gap:10px;column-gap:10px}html .joe_video__list-item .item .thumb{height:200px}html .joe_detail__article-video .play .box iframe{height:420px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .joe_owo__contain .box .scroll .item{width:calc(100% / 12)}html .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 4)}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_video__list-item .item .thumb{height:220px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .joe_live__play-player{height:420px}html .joe_video__player-play{height:420px}html .joe_detail__article-player{height:420px}html .swiper-container{height:300px}html .swiper-container .item{height:300px}html .joe_header__above-logo{padding-right:0}html .joe_header__above-logo::after{display:none}html .joe_header__above-search{display:none}html .joe_header__above-searchicon{display:block}html .joe_detail__article-video .play .box iframe{height:420px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}}@media (max-width: 768px){html .joe_header__above .joe_container{justify-content:space-between}html .joe_header__above-nav{display:none}html .joe_header__above-logo{height:55px;margin-right:0}html .joe_header__above-logo img{max-height:45px}html .joe_header__above-searchicon{margin-left:0}html .joe_header__above-slideicon{display:block}html .joe_header__below{display:none}html .joe_header__searchout{top:55px}html .swiper-container{height:180px}html .swiper-container .item{height:180px}html .joe_index__banner-recommend{gap:10px}html .joe_index__banner-recommend .item{height:100px}html .joe_index__hot-list{grid-template-columns:repeat(2, 1fr);gap:10px}html .joe_index__ad-link .image{height:120px}html .joe_index__title-notice{display:none}html .joe_index__title-title .item{display:none}html .joe_index__title-title .item:nth-child(1),html .joe_index__title-title .item:nth-child(2){display:block}html .joe_list__item .information .title{font-size:16px}html .joe_list__item .information .abstract{display:none}html .joe_list__item .meta .last{display:none !important}html .joe_list__item.single .thumbnail{height:150px;margin-bottom:0}html .joe_list__item.single .thumbnail time{display:none}html .joe_list__item.default .information .title{font-size:15px}html .joe_list__item.default .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px;margin-right:10px}html .joe_list__item.default .thumbnail time{display:none}html .joe_list__item.default .title{margin-bottom:0}html .joe_list__item.default .meta .items{width:100%}html .joe_list__item.default .meta .items li{display:none}html .joe_list__item.default .meta .items li:nth-child(1){display:block}html .joe_list__item.default .meta .items li:nth-child(2){display:block;margin-left:auto}html .joe_list__item.default .meta .items li::after{display:none}html .joe_list__item.multiple .thumbnail{grid-template-rows:70px;gap:10px}html .joe_list__item.none .information{height:120px}html .joe_list__item.none .abstract{display:-webkit-box;font-size:13px}html .joe_list__loading .item .thumbnail{width:120px;min-width:120px;height:80px;min-height:80px}html .joe_list__loading .item .information .title{margin-bottom:10px;height:20px}html .joe_list__loading .item .information .abstract p{height:15px}html .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .joe_wallpaper__pagination{justify-content:center}html .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .joe_video__list-item .item .thumb{height:140px}html .joe_video__pagination{justify-content:center}html .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .joe_video__player-play{height:230px}html .joe_live__pagination{justify-content:center}html .joe_live__list-item .thumb{height:100px}html .joe_live__play-player{height:200px}html .joe_detail__title{font-size:18px}html .joe_detail__count-information{width:100%}html .joe_detail__count-information .avatar{display:none}html .joe_detail__count-information .meta{width:100%;height:unset}html .joe_detail__count-information .meta .author{display:none}html .joe_detail__count-information .meta .item{justify-content:center}html .joe_detail__count-information .meta .item span:nth-child(2),html .joe_detail__count-information .meta .item span:nth-child(3){display:none}html .joe_detail__count-created{display:none}html .joe_detail__count::after{display:none}html .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .joe_detail__article{font-size:14px}html .joe_detail__article-player{height:220px}html .joe_detail__article pre[class*='language-']{font-size:13px}html .joe_detail__article-video .play .box iframe{height:220px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr)}html .joe_comment{position:relative}html .joe_comment__title{font-size:20px;text-align:left}html .joe_comment__respond-type{position:absolute;top:15px;right:15px}html .joe_comment__respond-type .item:first-child{border-bottom-left-radius:var(--radius-inner)}html .joe_comment__respond-type .item:last-child{border-bottom-right-radius:var(--radius-inner)}html .joe_comment__respond-form .head{display:block;border-bottom:none}html .joe_comment__respond-form .head .list{border-bottom:1px solid var(--classB)}html .joe_comment__respond-form .head .list:nth-child(2)::before,html .joe_comment__respond-form .head .list:nth-child(2)::after{display:none}html .joe_comment__respond-form .body .text{height:140px}html .joe_comment .comment-list__item-contain .term .avatar{width:34px;height:34px;margin-right:10px}html .joe_comment .comment-list__item-contain .term .content .user .agent{display:none}html .joe_comment .comment-list__item-children{padding-left:0}html .joe_comment .comment-list__item .joe_comment__respond{margin-left:0}html .joe_comment .comment-list__item .joe_comment__respond-type{position:static}html .joe_comment .comment-list__item .joe_comment__respond-type .item:first-child{border-bottom-left-radius:0}html .joe_comment .comment-list__item .joe_comment__respond-type .item:last-child{border-bottom-right-radius:0}html .joe_footer .joe_container{flex-direction:column;justify-content:center;padding-top:10px;padding-bottom:10px}html .joe_footer .joe_container>.item{padding:5px 0}html .joe_footer .joe_container .run{margin:0}html .joe_owo__contain .box .scroll .item{width:calc(100% / 6)}html .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 2)}}html .noaside .joe_detail__friends{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(8, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:200px}html .noaside .joe_list__item.single .thumbnail{height:300px}html .noaside .joe_index__ad-link .image{height:250px}html .noaside .joe_index__hot-list .item .link .inner .image{height:140px}html .noaside .joe_detail__article-video .play .box iframe{height:600px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(8, 1fr)}html .noaside .joe_owo__contain .box .scroll .item{width:calc(100% / 25)}html .noaside .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 6)}@media (max-width: 1400px){html .noaside .joe_video__list-item{grid-template-columns:repeat(6, 1fr)}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:180px}html .noaside .joe_list__item.single .thumbnail{height:270px}html .noaside .joe_detail__article-video .play .box iframe{height:550px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(7, 1fr)}html .noaside .joe_owo__contain .box .scroll .item{width:calc(100% / 20)}}@media (max-width: 1200px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__hot-list .item .link .inner .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:250px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:150px}html .noaside .joe_index__banner-recommend .item{height:180px}html .noaside .joe_detail__article-video .play .box iframe{height:500px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(6, 1fr)}html .noaside .joe_owo__contain .box .scroll .item{width:calc(100% / 18)}html .noaside .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 5)}}@media (max-width: 992px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .noaside .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_index__banner-recommend .item{height:160px}html .noaside .joe_index__hot-list .item .link .inner .image{height:90px}html .noaside .joe_index__ad-link .image{height:200px}html .noaside .joe_list__item.single .thumbnail{height:220px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:130px}html .noaside .joe_detail__article-video .play .box iframe{height:400px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .noaside .joe_owo__contain .box .scroll .item{width:calc(100% / 12)}html .noaside .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 4)}}@media (max-width: 768px){html .noaside .joe_wallpaper__list{grid-template-columns:repeat(2, 1fr)}html .noaside .joe_detail__friends{grid-template-columns:repeat(1, 1fr)}html .noaside .joe_detail__article-video .play .box iframe{height:220px}html .noaside .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_video__list-item .item .thumb{height:140px}html .noaside .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .noaside .joe_index__banner-recommend{gap:10px}html .noaside .joe_index__banner-recommend .item{height:100px}html .noaside .joe_index__ad-link .image{height:120px}html .noaside .joe_list__item.single .thumbnail{height:150px}html .noaside .joe_list__item.multiple .thumbnail{grid-template-rows:70px}html .noaside .joe_owo__contain .box .scroll .item{width:calc(100% / 6)}html .noaside .joe_owo__contain .box .scroll:nth-child(3) .item{width:calc(100% / 2)}}
diff --git a/assets/css/joe.responsive.scss b/assets/css/joe.responsive.scss
index 202d508..030624a 100644
--- a/assets/css/joe.responsive.scss
+++ b/assets/css/joe.responsive.scss
@@ -1,661 +1,703 @@
 /* 基类：基于 最大屏幕 + 有侧边栏 下进行适配 */
 
 html {
-	@media (max-width: 1760px) {
-		#live2d-widget {
-			visibility: hidden;
-		}
-	}
-	@media (max-width: 1400px) {
-		.joe_video__list-item {
-			grid-template-columns: repeat(5, 1fr);
-		}
-		.joe_live__play-player {
-			height: 500px;
-		}
-		.joe_list__item.single .thumbnail {
-			height: 230px;
-		}
-		.joe_list__item.multiple .thumbnail {
-			grid-template-rows: 150px;
-		}
-	}
-	@media (max-width: 1200px) {
-		.joe_wallpaper__list {
-			grid-template-columns: repeat(3, 1fr);
-		}
-		.joe_detail__friends {
-			grid-template-columns: repeat(2, 1fr);
-		}
-		.joe_video__list-item {
-			grid-template-columns: repeat(4, 1fr);
-		}
-		.joe_video__player-play {
-			height: 450px;
-		}
-		.joe_live__list {
-			grid-template-columns: repeat(2, 1fr);
-		}
-		.joe_live__play-player {
-			height: 450px;
-		}
-		.joe_detail__article-player {
-			height: 450px;
-		}
-		.joe_list__item.multiple .thumbnail {
-			grid-template-rows: 125px;
-		}
-		.joe_list__item.single .thumbnail {
-			height: 200px;
-		}
-		.joe_index__ad-link .image {
-			height: 180px;
-		}
-		.joe_index__hot-list .item .link .inner .image {
-			height: 90px;
-		}
-		.joe_index__banner {
-			display: block;
-		}
-		.joe_index__banner-recommend {
-			padding-top: 15px;
-			width: 100%;
-			margin-left: 0;
-			display: grid;
-			grid-template-columns: repeat(2, 1fr);
-			gap: 15px;
-			&.noswiper {
-				padding-top: 0;
-			}
-		}
-		.joe_index__banner-recommend .item {
-			margin: 0 !important;
-		}
-		.joe_index__hot-list {
-			column-gap: 10px;
-		}
-		.joe_video__list-item .item .thumb {
-			height: 200px;
-		}
-		.joe_detail__article-video .play .box iframe {
-			height: 420px;
-		}
-		.joe_detail__article-video .episodes .box {
-			grid-template-columns: repeat(5, 1fr);
-		}
-	}
-	@media (max-width: 992px) {
-		.joe_aside {
-			display: none;
-		}
-		.joe_video__list-item .item .thumb {
-			height: 220px;
-		}
-		.joe_video__source-list {
-			grid-template-columns: repeat(5, 1fr);
-		}
-		.joe_live__play-player {
-			height: 420px;
-		}
-		.joe_video__player-play {
-			height: 420px;
-		}
-		.joe_detail__article-player {
-			height: 420px;
-		}
-		.swiper-container {
-			height: 300px;
-		}
-		.swiper-container .item {
-			height: 300px;
-		}
-		.joe_header__above-logo {
-			padding-right: 0;
-		}
-		.joe_header__above-logo::after {
-			display: none;
-		}
-		.joe_header__above-search {
-			display: none;
-		}
-		.joe_header__above-searchicon {
-			display: block;
-		}
-		.joe_detail__article-video .play .box iframe {
-			height: 420px;
-		}
-		.joe_detail__article-video .episodes .box {
-			grid-template-columns: repeat(5, 1fr);
-		}
-	}
-	@media (max-width: 768px) {
-		.joe_header {
-			&__above {
-				.joe_container {
-					justify-content: space-between;
-				}
-				&-nav {
-					display: none;
-				}
-				&-logo {
-					height: 55px;
-					margin-right: 0;
-					img {
-						max-height: 45px;
-					}
-				}
-				&-searchicon {
-					margin-left: 0;
-				}
-				&-slideicon {
-					display: block;
-				}
-			}
-			&__below {
-				display: none;
-			}
-			&__searchout {
-				top: 55px;
-			}
-		}
-		.swiper-container {
-			height: 180px;
-			.item {
-				height: 180px;
-			}
-		}
-		.joe_index {
-			&__banner {
-				&-recommend {
-					gap: 10px;
-					.item {
-						height: 100px;
-					}
-				}
-			}
-			&__hot {
-				&-list {
-					grid-template-columns: repeat(2, 1fr);
-					gap: 10px;
-				}
-			}
-			&__ad {
-				&-link {
-					.image {
-						height: 120px;
-					}
-				}
-			}
-			&__title {
-				&-notice {
-					display: none;
-				}
-				&-title {
-					.item {
-						display: none;
-						&:nth-child(1),
-						&:nth-child(2) {
-							display: block;
-						}
-					}
-				}
-			}
-		}
-		.joe_list {
-			&__item {
-				.information {
-					.title {
-						font-size: 16px;
-					}
-					.abstract {
-						display: none;
-					}
-				}
-				.meta {
-					.last {
-						display: none !important;
-					}
-				}
-				&.single {
-					.thumbnail {
-						height: 150px;
-						margin-bottom: 0;
-						time {
-							display: none;
-						}
-					}
-				}
-				&.default {
-					.information {
-						.title {
-							font-size: 15px;
-						}
-					}
-					.thumbnail {
-						width: 120px;
-						min-width: 120px;
-						height: 80px;
-						min-height: 80px;
-						margin-right: 10px;
-						time {
-							display: none;
-						}
-					}
-					.title {
-						margin-bottom: 0;
-					}
-					.meta {
-						.items {
-							width: 100%;
-							li {
-								display: none;
-								&:nth-child(1) {
-									display: block;
-								}
-								&:nth-child(2) {
-									display: block;
-									margin-left: auto;
-								}
-								&::after {
-									display: none;
-								}
-							}
-						}
-					}
-				}
-				&.multiple {
-					.thumbnail {
-						grid-template-rows: 70px;
-						gap: 10px;
-					}
-				}
-				&.none {
-					.information {
-						height: 120px;
-					}
-					.abstract {
-						display: -webkit-box;
-						font-size: 13px;
-					}
-				}
-			}
-			&__loading {
-				.item {
-					.thumbnail {
-						width: 120px;
-						min-width: 120px;
-						height: 80px;
-						min-height: 80px;
-					}
-					.information {
-						.title {
-							margin-bottom: 10px;
-							height: 20px;
-						}
-						.abstract {
-							p {
-								height: 15px;
-							}
-						}
-					}
-				}
-			}
-		}
-		.joe_wallpaper {
-			&__list {
-				grid-template-columns: repeat(2, 1fr);
-			}
-			&__pagination {
-				justify-content: center;
-			}
-		}
-		.joe_video {
-			&__list-item {
-				grid-template-columns: repeat(3, 1fr);
-				.item .thumb {
-					height: 140px;
-				}
-			}
-			&__pagination {
-				justify-content: center;
-			}
-			&__source-list {
-				grid-template-columns: repeat(3, 1fr);
-			}
-			&__player-play {
-				height: 230px;
-			}
-		}
-		.joe_live {
-			&__pagination {
-				justify-content: center;
-			}
-			&__list-item .thumb {
-				height: 100px;
-			}
-			&__play-player {
-				height: 200px;
-			}
-		}
-		.joe_detail {
-			&__title {
-				font-size: 18px;
-			}
-			&__count {
-				&-information {
-					width: 100%;
-					.avatar {
-						display: none;
-					}
-					.meta {
-						width: 100%;
-						height: unset;
-						.author {
-							display: none;
-						}
-						.item {
-							justify-content: center;
-							span:nth-child(2),
-							span:nth-child(3) {
-								display: none;
-							}
-						}
-					}
-				}
-				&-created {
-					display: none;
-				}
-				&::after {
-					display: none;
-				}
-			}
-			&__friends {
-				grid-template-columns: repeat(1, 1fr);
-			}
-			&__article {
-				font-size: 14px;
-				&-player {
-					height: 220px;
-				}
-				pre[class*='language-'] {
-					font-size: 13px;
-				}
-				&-video {
-					.play {
-						.box {
-							iframe {
-								height: 220px;
-							}
-						}
-					}
-					.episodes {
-						.box {
-							grid-template-columns: repeat(3, 1fr);
-						}
-					}
-				}
-			}
-		}
-		.joe_comment {
-			position: relative;
-			&__title {
-				font-size: 20px;
-				text-align: left;
-			}
-			&__respond-type {
-				position: absolute;
-				top: 15px;
-				right: 15px;
-				.item:first-child {
-					border-bottom-left-radius: var(--radius-inner);
-				}
-				.item:last-child {
-					border-bottom-right-radius: var(--radius-inner);
-				}
-			}
-			&__respond-form {
-				.head {
-					display: block;
-					border-bottom: none;
-					.list {
-						border-bottom: 1px solid var(--classB);
-						&:nth-child(2) {
-							&::before,
-							&::after {
-								display: none;
-							}
-						}
-					}
-				}
-				.body .text {
-					height: 140px;
-				}
-			}
-			.comment-list__item-contain .term .avatar {
-				width: 34px;
-				height: 34px;
-				margin-right: 10px;
-			}
-			.comment-list__item-contain .term .content .user .agent {
-				display: none;
-			}
-			.comment-list__item-children {
-				padding-left: 0;
-			}
-			.comment-list__item .joe_comment__respond {
-				margin-left: 0;
-				&-type {
-					position: static;
-					.item {
-						&:first-child {
-							border-bottom-left-radius: 0;
-						}
-						&:last-child {
-							border-bottom-right-radius: 0;
-						}
-					}
-				}
-			}
-		}
-		.joe_footer .joe_container {
-			flex-direction: column;
-			justify-content: center;
-			padding-top: 10px;
-			padding-bottom: 10px;
-			> .item {
-				padding: 5px 0;
-			}
-			.run {
-				margin: 0;
-			}
-		}
-	}
+    @media (max-width: 1760px) {
+        #live2d-widget {
+            visibility: hidden;
+        }
+    }
+    @media (max-width: 1400px) {
+        .joe_video__list-item {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_live__play-player {
+            height: 500px;
+        }
+        .joe_list__item.single .thumbnail {
+            height: 230px;
+        }
+        .joe_list__item.multiple .thumbnail {
+            grid-template-rows: 150px;
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 16);
+        }
+    }
+    @media (max-width: 1200px) {
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_detail__friends {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_video__list-item {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_video__player-play {
+            height: 450px;
+        }
+        .joe_live__list {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_live__play-player {
+            height: 450px;
+        }
+        .joe_detail__article-player {
+            height: 450px;
+        }
+        .joe_list__item.multiple .thumbnail {
+            grid-template-rows: 125px;
+        }
+        .joe_list__item.single .thumbnail {
+            height: 200px;
+        }
+        .joe_index__ad-link .image {
+            height: 180px;
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 90px;
+        }
+        .joe_index__banner {
+            display: block;
+        }
+        .joe_index__banner-recommend {
+            padding-top: 15px;
+            width: 100%;
+            margin-left: 0;
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 15px;
+            &.noswiper {
+                padding-top: 0;
+            }
+        }
+        .joe_index__banner-recommend .item {
+            margin: 0 !important;
+        }
+        .joe_index__hot-list {
+            column-gap: 10px;
+        }
+        .joe_video__list-item .item .thumb {
+            height: 200px;
+        }
+        .joe_detail__article-video .play .box iframe {
+            height: 420px;
+        }
+        .joe_detail__article-video .episodes .box {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 12);
+        }
+		.joe_owo__contain .box .scroll:nth-child(3) .item {
+            width: calc(100% / 4);
+        }
+    }
+    @media (max-width: 992px) {
+        .joe_aside {
+            display: none;
+        }
+        .joe_video__list-item .item .thumb {
+            height: 220px;
+        }
+        .joe_video__source-list {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_live__play-player {
+            height: 420px;
+        }
+        .joe_video__player-play {
+            height: 420px;
+        }
+        .joe_detail__article-player {
+            height: 420px;
+        }
+        .swiper-container {
+            height: 300px;
+        }
+        .swiper-container .item {
+            height: 300px;
+        }
+        .joe_header__above-logo {
+            padding-right: 0;
+        }
+        .joe_header__above-logo::after {
+            display: none;
+        }
+        .joe_header__above-search {
+            display: none;
+        }
+        .joe_header__above-searchicon {
+            display: block;
+        }
+        .joe_detail__article-video .play .box iframe {
+            height: 420px;
+        }
+        .joe_detail__article-video .episodes .box {
+            grid-template-columns: repeat(5, 1fr);
+        }
+    }
+    @media (max-width: 768px) {
+        .joe_header {
+            &__above {
+                .joe_container {
+                    justify-content: space-between;
+                }
+                &-nav {
+                    display: none;
+                }
+                &-logo {
+                    height: 55px;
+                    margin-right: 0;
+                    img {
+                        max-height: 45px;
+                    }
+                }
+                &-searchicon {
+                    margin-left: 0;
+                }
+                &-slideicon {
+                    display: block;
+                }
+            }
+            &__below {
+                display: none;
+            }
+            &__searchout {
+                top: 55px;
+            }
+        }
+        .swiper-container {
+            height: 180px;
+            .item {
+                height: 180px;
+            }
+        }
+        .joe_index {
+            &__banner {
+                &-recommend {
+                    gap: 10px;
+                    .item {
+                        height: 100px;
+                    }
+                }
+            }
+            &__hot {
+                &-list {
+                    grid-template-columns: repeat(2, 1fr);
+                    gap: 10px;
+                }
+            }
+            &__ad {
+                &-link {
+                    .image {
+                        height: 120px;
+                    }
+                }
+            }
+            &__title {
+                &-notice {
+                    display: none;
+                }
+                &-title {
+                    .item {
+                        display: none;
+                        &:nth-child(1),
+                        &:nth-child(2) {
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+        .joe_list {
+            &__item {
+                .information {
+                    .title {
+                        font-size: 16px;
+                    }
+                    .abstract {
+                        display: none;
+                    }
+                }
+                .meta {
+                    .last {
+                        display: none !important;
+                    }
+                }
+                &.single {
+                    .thumbnail {
+                        height: 150px;
+                        margin-bottom: 0;
+                        time {
+                            display: none;
+                        }
+                    }
+                }
+                &.default {
+                    .information {
+                        .title {
+                            font-size: 15px;
+                        }
+                    }
+                    .thumbnail {
+                        width: 120px;
+                        min-width: 120px;
+                        height: 80px;
+                        min-height: 80px;
+                        margin-right: 10px;
+                        time {
+                            display: none;
+                        }
+                    }
+                    .title {
+                        margin-bottom: 0;
+                    }
+                    .meta {
+                        .items {
+                            width: 100%;
+                            li {
+                                display: none;
+                                &:nth-child(1) {
+                                    display: block;
+                                }
+                                &:nth-child(2) {
+                                    display: block;
+                                    margin-left: auto;
+                                }
+                                &::after {
+                                    display: none;
+                                }
+                            }
+                        }
+                    }
+                }
+                &.multiple {
+                    .thumbnail {
+                        grid-template-rows: 70px;
+                        gap: 10px;
+                    }
+                }
+                &.none {
+                    .information {
+                        height: 120px;
+                    }
+                    .abstract {
+                        display: -webkit-box;
+                        font-size: 13px;
+                    }
+                }
+            }
+            &__loading {
+                .item {
+                    .thumbnail {
+                        width: 120px;
+                        min-width: 120px;
+                        height: 80px;
+                        min-height: 80px;
+                    }
+                    .information {
+                        .title {
+                            margin-bottom: 10px;
+                            height: 20px;
+                        }
+                        .abstract {
+                            p {
+                                height: 15px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .joe_wallpaper {
+            &__list {
+                grid-template-columns: repeat(2, 1fr);
+            }
+            &__pagination {
+                justify-content: center;
+            }
+        }
+        .joe_video {
+            &__list-item {
+                grid-template-columns: repeat(3, 1fr);
+                .item .thumb {
+                    height: 140px;
+                }
+            }
+            &__pagination {
+                justify-content: center;
+            }
+            &__source-list {
+                grid-template-columns: repeat(3, 1fr);
+            }
+            &__player-play {
+                height: 230px;
+            }
+        }
+        .joe_live {
+            &__pagination {
+                justify-content: center;
+            }
+            &__list-item .thumb {
+                height: 100px;
+            }
+            &__play-player {
+                height: 200px;
+            }
+        }
+        .joe_detail {
+            &__title {
+                font-size: 18px;
+            }
+            &__count {
+                &-information {
+                    width: 100%;
+                    .avatar {
+                        display: none;
+                    }
+                    .meta {
+                        width: 100%;
+                        height: unset;
+                        .author {
+                            display: none;
+                        }
+                        .item {
+                            justify-content: center;
+                            span:nth-child(2),
+                            span:nth-child(3) {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+                &-created {
+                    display: none;
+                }
+                &::after {
+                    display: none;
+                }
+            }
+            &__friends {
+                grid-template-columns: repeat(1, 1fr);
+            }
+            &__article {
+                font-size: 14px;
+                &-player {
+                    height: 220px;
+                }
+                pre[class*='language-'] {
+                    font-size: 13px;
+                }
+                &-video {
+                    .play {
+                        .box {
+                            iframe {
+                                height: 220px;
+                            }
+                        }
+                    }
+                    .episodes {
+                        .box {
+                            grid-template-columns: repeat(3, 1fr);
+                        }
+                    }
+                }
+            }
+        }
+        .joe_comment {
+            position: relative;
+            &__title {
+                font-size: 20px;
+                text-align: left;
+            }
+            &__respond-type {
+                position: absolute;
+                top: 15px;
+                right: 15px;
+                .item:first-child {
+                    border-bottom-left-radius: var(--radius-inner);
+                }
+                .item:last-child {
+                    border-bottom-right-radius: var(--radius-inner);
+                }
+            }
+            &__respond-form {
+                .head {
+                    display: block;
+                    border-bottom: none;
+                    .list {
+                        border-bottom: 1px solid var(--classB);
+                        &:nth-child(2) {
+                            &::before,
+                            &::after {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+                .body .text {
+                    height: 140px;
+                }
+            }
+            .comment-list__item-contain .term .avatar {
+                width: 34px;
+                height: 34px;
+                margin-right: 10px;
+            }
+            .comment-list__item-contain .term .content .user .agent {
+                display: none;
+            }
+            .comment-list__item-children {
+                padding-left: 0;
+            }
+            .comment-list__item .joe_comment__respond {
+                margin-left: 0;
+                &-type {
+                    position: static;
+                    .item {
+                        &:first-child {
+                            border-bottom-left-radius: 0;
+                        }
+                        &:last-child {
+                            border-bottom-right-radius: 0;
+                        }
+                    }
+                }
+            }
+        }
+        .joe_footer .joe_container {
+            flex-direction: column;
+            justify-content: center;
+            padding-top: 10px;
+            padding-bottom: 10px;
+            > .item {
+                padding: 5px 0;
+            }
+            .run {
+                margin: 0;
+            }
+        }
+		.joe_owo__contain .box .scroll .item {
+            width: calc(100% / 6);
+        }
+		.joe_owo__contain .box .scroll:nth-child(3) .item {
+            width: calc(100% / 2);
+        }
+    }
 }
 
 /* 没有侧边栏时候的样式 */
 html .noaside {
-	.joe_detail__friends {
-		grid-template-columns: repeat(4, 1fr);
-	}
-	.joe_video__list-item {
-		grid-template-columns: repeat(7, 1fr);
-	}
-	.joe_video__source-list {
-		grid-template-columns: repeat(8, 1fr);
-	}
-	.joe_live__list {
-		grid-template-columns: repeat(4, 1fr);
-	}
-	.joe_list__item.multiple .thumbnail {
-		grid-template-rows: 200px;
-	}
-	.joe_list__item.single .thumbnail {
-		height: 300px;
-	}
-	.joe_index__ad-link .image {
-		height: 250px;
-	}
-	.joe_index__hot-list .item .link .inner .image {
-		height: 140px;
-	}
-	.joe_detail__article-video .play .box iframe {
-		height: 600px;
-	}
-	.joe_detail__article-video .episodes .box {
-		grid-template-columns: repeat(8, 1fr);
-	}
-	@media (max-width: 1400px) {
-		.joe_video__list-item {
-			grid-template-columns: repeat(6, 1fr);
-		}
-		.joe_list__item.multiple .thumbnail {
-			grid-template-rows: 180px;
-		}
-		.joe_list__item.single .thumbnail {
-			height: 270px;
-		}
-		.joe_detail__article-video .play .box iframe {
-			height: 550px;
-		}
-		.joe_detail__article-video .episodes .box {
-			grid-template-columns: repeat(7, 1fr);
-		}
-	}
-	@media (max-width: 1200px) {
-		.joe_wallpaper__list {
-			grid-template-columns: repeat(4, 1fr);
-		}
-		.joe_detail__friends {
-			grid-template-columns: repeat(3, 1fr);
-		}
-		.joe_live__list {
-			grid-template-columns: repeat(3, 1fr);
-		}
-		.joe_index__hot-list .item .link .inner .image {
-			height: 120px;
-		}
-		.joe_list__item.single .thumbnail {
-			height: 250px;
-		}
-		.joe_list__item.multiple .thumbnail {
-			grid-template-rows: 150px;
-		}
-		.joe_index__banner-recommend .item {
-			height: 180px;
-		}
-		.joe_detail__article-video .play .box iframe {
-			height: 500px;
-		}
-		.joe_detail__article-video .episodes .box {
-			grid-template-columns: repeat(6, 1fr);
-		}
-	}
-	@media (max-width: 992px) {
-		.joe_wallpaper__list {
-			grid-template-columns: repeat(3, 1fr);
-		}
-		.joe_detail__friends {
-			grid-template-columns: repeat(2, 1fr);
-		}
-		.joe_video__list-item {
-			grid-template-columns: repeat(4, 1fr);
-		}
-		.joe_video__source-list {
-			grid-template-columns: repeat(5, 1fr);
-		}
-		.joe_live__list {
-			grid-template-columns: repeat(2, 1fr);
-		}
-		.joe_index__banner-recommend .item {
-			height: 160px;
-		}
-		.joe_index__hot-list .item .link .inner .image {
-			height: 90px;
-		}
-		.joe_index__ad-link .image {
-			height: 200px;
-		}
-		.joe_list__item.single .thumbnail {
-			height: 220px;
-		}
-		.joe_list__item.multiple .thumbnail {
-			grid-template-rows: 130px;
-		}
-		.joe_detail__article-video .play .box iframe {
-			height: 400px;
-		}
-		.joe_detail__article-video .episodes .box {
-			grid-template-columns: repeat(5, 1fr);
-		}
-	}
-	@media (max-width: 768px) {
-		.joe_wallpaper {
-			&__list {
-				grid-template-columns: repeat(2, 1fr);
-			}
-		}
-		.joe_detail {
-			&__friends {
-				grid-template-columns: repeat(1, 1fr);
-			}
-			&__article {
-				&-video {
-					.play {
-						.box {
-							iframe {
-								height: 220px;
-							}
-						}
-					}
-					.episodes {
-						.box {
-							grid-template-columns: repeat(3, 1fr);
-						}
-					}
-				}
-			}
-		}
-		.joe_video {
-			&__list-item {
-				grid-template-columns: repeat(3, 1fr);
-				.item .thumb {
-					height: 140px;
-				}
-			}
-			&__source-list {
-				grid-template-columns: repeat(3, 1fr);
-			}
-		}
-		.joe_index {
-			&__banner {
-				&-recommend {
-					gap: 10px;
-					.item {
-						height: 100px;
-					}
-				}
-			}
-			&__ad {
-				&-link {
-					.image {
-						height: 120px;
-					}
-				}
-			}
-		}
-		.joe_list {
-			&__item {
-				&.single {
-					.thumbnail {
-						height: 150px;
-					}
-				}
-				&.multiple {
-					.thumbnail {
-						grid-template-rows: 70px;
-					}
-				}
-			}
-		}
-	}
+    .joe_detail__friends {
+        grid-template-columns: repeat(4, 1fr);
+    }
+    .joe_video__list-item {
+        grid-template-columns: repeat(7, 1fr);
+    }
+    .joe_video__source-list {
+        grid-template-columns: repeat(8, 1fr);
+    }
+    .joe_live__list {
+        grid-template-columns: repeat(4, 1fr);
+    }
+    .joe_list__item.multiple .thumbnail {
+        grid-template-rows: 200px;
+    }
+    .joe_list__item.single .thumbnail {
+        height: 300px;
+    }
+    .joe_index__ad-link .image {
+        height: 250px;
+    }
+    .joe_index__hot-list .item .link .inner .image {
+        height: 140px;
+    }
+    .joe_detail__article-video .play .box iframe {
+        height: 600px;
+    }
+    .joe_detail__article-video .episodes .box {
+        grid-template-columns: repeat(8, 1fr);
+    }
+    .joe_owo__contain .box .scroll .item {
+        width: calc(100% / 25);
+    }
+    .joe_owo__contain .box .scroll:nth-child(3) .item {
+        width: calc(100% / 6);
+    }
+    @media (max-width: 1400px) {
+        .joe_video__list-item {
+            grid-template-columns: repeat(6, 1fr);
+        }
+        .joe_list__item.multiple .thumbnail {
+            grid-template-rows: 180px;
+        }
+        .joe_list__item.single .thumbnail {
+            height: 270px;
+        }
+        .joe_detail__article-video .play .box iframe {
+            height: 550px;
+        }
+        .joe_detail__article-video .episodes .box {
+            grid-template-columns: repeat(7, 1fr);
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 20);
+        }
+    }
+    @media (max-width: 1200px) {
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_detail__friends {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_live__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 120px;
+        }
+        .joe_list__item.single .thumbnail {
+            height: 250px;
+        }
+        .joe_list__item.multiple .thumbnail {
+            grid-template-rows: 150px;
+        }
+        .joe_index__banner-recommend .item {
+            height: 180px;
+        }
+        .joe_detail__article-video .play .box iframe {
+            height: 500px;
+        }
+        .joe_detail__article-video .episodes .box {
+            grid-template-columns: repeat(6, 1fr);
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 18);
+        }
+        .joe_owo__contain .box .scroll:nth-child(3) .item {
+            width: calc(100% / 5);
+        }
+    }
+    @media (max-width: 992px) {
+        .joe_wallpaper__list {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        .joe_detail__friends {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_video__list-item {
+            grid-template-columns: repeat(4, 1fr);
+        }
+        .joe_video__source-list {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_live__list {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        .joe_index__banner-recommend .item {
+            height: 160px;
+        }
+        .joe_index__hot-list .item .link .inner .image {
+            height: 90px;
+        }
+        .joe_index__ad-link .image {
+            height: 200px;
+        }
+        .joe_list__item.single .thumbnail {
+            height: 220px;
+        }
+        .joe_list__item.multiple .thumbnail {
+            grid-template-rows: 130px;
+        }
+        .joe_detail__article-video .play .box iframe {
+            height: 400px;
+        }
+        .joe_detail__article-video .episodes .box {
+            grid-template-columns: repeat(5, 1fr);
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 12);
+        }
+		.joe_owo__contain .box .scroll:nth-child(3) .item {
+            width: calc(100% / 4);
+        }
+    }
+    @media (max-width: 768px) {
+        .joe_wallpaper {
+            &__list {
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+        .joe_detail {
+            &__friends {
+                grid-template-columns: repeat(1, 1fr);
+            }
+            &__article {
+                &-video {
+                    .play {
+                        .box {
+                            iframe {
+                                height: 220px;
+                            }
+                        }
+                    }
+                    .episodes {
+                        .box {
+                            grid-template-columns: repeat(3, 1fr);
+                        }
+                    }
+                }
+            }
+        }
+        .joe_video {
+            &__list-item {
+                grid-template-columns: repeat(3, 1fr);
+                .item .thumb {
+                    height: 140px;
+                }
+            }
+            &__source-list {
+                grid-template-columns: repeat(3, 1fr);
+            }
+        }
+        .joe_index {
+            &__banner {
+                &-recommend {
+                    gap: 10px;
+                    .item {
+                        height: 100px;
+                    }
+                }
+            }
+            &__ad {
+                &-link {
+                    .image {
+                        height: 120px;
+                    }
+                }
+            }
+        }
+        .joe_list {
+            &__item {
+                &.single {
+                    .thumbnail {
+                        height: 150px;
+                    }
+                }
+                &.multiple {
+                    .thumbnail {
+                        grid-template-rows: 70px;
+                    }
+                }
+            }
+        }
+        .joe_owo__contain .box .scroll .item {
+            width: calc(100% / 6);
+        }
+		.joe_owo__contain .box .scroll:nth-child(3) .item {
+            width: calc(100% / 2);
+        }
+    }
 }
diff --git a/assets/js/joe.owo.js b/assets/js/joe.owo.js
index 68a9f7a..4af45e8 100644
--- a/assets/js/joe.owo.js
+++ b/assets/js/joe.owo.js
@@ -39,18 +39,18 @@ class JoeOwO {
     initEvent() {
         /* 容器 */
         const contain = this.options.contain;
-        const height = $(contain).height();
 
         /* 点击页面关闭 */
         $(document).on('click', function () {
-            $(contain + ' .box').removeClass('show');
+            const box = contain + ' .box';
+            $(box).stop().slideUp('fast');
         });
 
         /* 点击占位符，显示表情弹窗 */
         const seat = contain + ' .seat';
         $(seat).on('click', function (e) {
             e.stopPropagation();
-            $(this).siblings('.box').css('top', height).toggleClass('show');
+            $(this).siblings('.box').stop().slideToggle('fast');
         });
 
         /* 点击tab栏，切换表情类型 */
diff --git a/assets/json/joe.owo.json b/assets/json/joe.owo.json
index 56ba01c..a941e6b 100644
--- a/assets/json/joe.owo.json
+++ b/assets/json/joe.owo.json
@@ -70,7 +70,8 @@
             { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E591BC_2x.png\">", "data": "::(呼)", "text": "呼" },
             { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E586B7_2x.png\">", "data": "::(冷)", "text": "冷" },
             { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E7949FE6B094_2x.png\">", "data": "::(生气)", "text": "生气" },
-            { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E5BCB1_2x.png\">", "data": "::(弱)", "text": "弱" }
+            { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E5BCB1_2x.png\">", "data": "::(弱)", "text": "弱" },
+            { "icon": "<img alt=\"表情\" src=\"/usr/themes/Joe/assets/owo/paopao/E78B97E5A4B4_2x.png\">", "data": "::(狗头)", "text": "狗头" }
         ]
     },
     "阿鲁": {
diff --git a/assets/owo/paopao/E78B97E5A4B4_2x.png b/assets/owo/paopao/E78B97E5A4B4_2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef31ccd9e8739e36e6947cfe50f8bb9f2b111fbc
GIT binary patch
literal 6514
zcmV-&8I9(NP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000>|Nkl<Zc-qCA
zd6ZpsmG3{lGu(Noc}i6!smvn@Axsh^2{fjm37||y?UsHFV)NA3if`$2sjcnmUhPBP
zqJ>t}Zc#MN6rd555Fms`LI@!VNhKjujj2?nrdxMB)9?LpPThNI$N&MoYwdMzoqLAg
z{_gMIzrFYGSAzHP>3N1Jz+B)su&3@CB!A{l&ocypHNeM!C~yFHxb7MT&g6b^CKnxh
z8Ws34a9g1Ae8njYV5JXk0<NuJOZv~D__3!c1HJ;>9jaYfu9q!AsA24E8=0ezbO4vu
zujT0Jo}-<~%N)s9qf>9bBRT7KFnU3YlREO~>hzIcZtQxBHB+u-=uf41_frVq^HTE9
zu^G2kMW=llMRC9$25EzGAtF%GG_wExe*tbdYX)>~KnFVOR{W$!?fNxH3#0>)*`)Fc
zBZq&v1NcPab@YDJ%6D#HF7T5`<F%JYo3A4fia?<aq&em~DRjF3`>Q5U*?1izXT<<V
zvLuk4U84rnv6yA{kqA#i&bW1H>fkRnw?E0{&DYa4{{9U=KwCbKWva>wV6lK%LNEnL
z0txT36fi6$T@u~{cG)&twzabTx^G~$KZyq1<4C?;w&0#Xy#8a5*$WxtBvv(0!wtHb
z?QR10o*e)V3$#d$`-h@|V}tZS$Q~vcYJ{2pWA4y_pKUq%IIE|9iX+>8MyR2RYZbwb
zLa<6tE==m>OVQ)AQ6tSLp&Aq|j?kj6#jH%iu|^V3zPHKFwqIzD9Kamh!9@$-9qxXb
zt(HwowCTo~$r(4H8tpK=)g7B<GTiYV>E14+<&c~@n`Gm34+Vjg#LqegIFfRqhTT7c
zRgmlUNZ^5x?;sg4V9p)W2loBs_0A1!&{S>=)m>Q`s=I<f<pl^W3{DQ5G}viyj)U0_
z1=oT?37`^04M)*q=Mk#A43sd^$|a5dt$&g4*+`-9IkI*Kk*cLAYLMafgABDDM53Ss
z!l;1=xuIc_^#zXw8jkZ}0N@am!n-V7?*cF;gh-rR7b4qAIHcFbTK?t>k>;CG^e9+;
zVC;c>;nXj&^FZDWWIlHmN|0d19D+5M;FuY*?dv(d>lYM8>TzrhH4s7#ggpSlD8aDz
zEI_C@vgl%G1%M$P+x;U{=PB)4UrNYlhZq^|B;0fpHRs)mA|w>{Lm_weQP0kT{T}ch
ziV`L^?G_3nG4lJLM-7crJ`hF?hQKbA0B}AW7Z|ooPnkePX>7J6HPjB#c_f#7nPB+>
zDC`Eu_-Lj8Cj+^+shmBXWXpHy-~AYNZm0x+9!3p>T+jf4@}arFkX6WfsA@<luuYS}
z-n|5;Tu);5U69`m+3kOtM8M9Yi8gANUO^!fV&v%WQM3?>9zqF(z#b|A@L>c&+hNEu
zvL59nrd42|XE)K7&l8`z7SgZ&d2(QDkYEr3=d5Go$a4r0K<FW)VITwup<p{7MhuYj
z8u<}d`OI<pkL@Hr^G;&5OCa<1sqeKc9Lq!~3Thx&0=1CGHVsfzR82?GG=!pjARI()
zCyA!zq>t~yDRg2QgXnq`Aq0*jdAj?RGjM@ph3pV!Zh-!G?j_dpx5TPuL!lEK=aeFl
zZWJ9E#>!>DaWFF@<cIokOatLKZdU1>r4%}eRn0``ar%4Sz%)__Db6ScoECtkpQqo*
zrL+CJ?kC!GJ@Kj;VD`Cr_vr))I0zvz({8SAj10O;OUM1qlQVkWsl@CfUNwX0^v^KR
zy91Ee_J<Gy01*k34^>_iNz^O^tN#>m#v!r{0?mMeFb*MxUO^yntO7_I$H<`sLI~k0
z9;k!zYd{HuH3(*pmn5};EWFRSFhrte0k*M*T=yny=kzXcIslZ`N4TzP>c=a}n^!`i
z>*O_6coBrp1rY$DfKVa47{$sUaxWniG0y5B1Sn<KfLiW8My~_C7Fg_B)o6$OKFA+D
zb1=*klsB)$&h?`AZEo^d?tBmz5D$NgvT%_5LzU-1zI}4)DKSW_f$(`C^pf&Iaaj;q
z;GR+hNE<~_+}MCb1e-vw^6nYEPX$yE8U&_6;!3Ex4U$(upv5cqPU8;wc0!fskc>0+
zH{YTBR8{Y(7@%A@pRdQ7uBnejgPu?O;ZY&97$Qr3iYrCM!Ba@BKoNkhfwWO|%~f7V
zM6kiT-fb+|rb%XafWhNkWQI;)83p8MERhZZ9U)o>s(mD*{Uj3x!LW`H6ZMNlgA|(A
zYUf!`-vfLDu-^{=;?eI>qicLISv|+2E?AaLCY5J!I6}spf^82Y*^E#$0--4JifYPg
z8VJXeD4OO1FC2s-P!%1dgBA#2n<hd4O0bw(8@VjU4!5#@+hz{DwS}G|2gqmBNGXc|
z0ce^|vZ{ur*>jmSThcNsMn!cTO;;x<k*uE0NIPGA^n2WQ<G1J;^PtlJpe$<Pf5sXv
zk7|ku5{$e_cgG;DJNr1WFURrr$1(Cbq?9PCN-SAU!_2wNUUo6FmR>}4(+u=b1ab%5
z#Kdy}H5kCLO%x#!P6hxYm*wc5?Y!|{kI?nr9@gCcO%`6V22Bt6remA!&#!0u?|wyB
z>o#^Dd6##dhuUdXTz~5dX3TGxzywXPi8WjvU08VWZs1#!u|S>7`d_+{$i<8JRn7F(
z5miw!@+R$vdU<W*UJkV8xa!XDapTwT<H}pV&f-h2Cf(af-@#q<9N5kNH@7e}aDv7;
zi-^Xfh=IpkMWqBOU1xM`6h%b{2P=3k9s75(<%xgCHf`>_?+K>NT7;sOhSuM8ln3wp
z3s&54JCTr1=hmkP>ym&f$qb~~w&fsm&S|2oJW_nmsOZ5snG<i%7lI#e-Gg~10I2`^
z71oy3%=uhd^-OHrrl)g||9){FeM2>T`KKGHYng{o6n4DuI1l~Zm89Bsa`!L)NaKt-
z9C`g&I`;2FQ8KjDwW2fNF|Q;-2-iF85r$G>wrzTeV@KcP&ifum(}QCMlO8<5kN)~&
z<d5xR%8a=T9^K75Z|~sPuq1CmA}p{BoA&l0E?PBv!n;&eC7Vq}TB`eZKJ*Ox#=C(w
zNsmy8hFBMlRDyKKj^x?DtBV7z8SeSjdIDj$i_?8@5089v9r1ukP>0qxU*YiHUG(K7
zF<r3rxu>}J;%f*umQAFXzzb}W!Tmqyy+7{cQ{VUviZan2&p!BFa(!)-Mc~y3zQWM~
z$zaaaAzc8=mQ+OqM-Ch>#;Wn3aHNuGh;_gQZ%ULWn+C=0Yl&zYs}ohzLD~$S7-9dr
z-Tc)T|B+aERq?{-fBJoNOoAG84a3jB`z2m}?B`?+7|csXhI0(}r%yX&6|y<fL&G%8
zm_O;@-`@B*3a)Op1w*;9ajam2VdKs&CwWJrYC4+6>f6^689yaX0N|F@oUezfqnheY
zeVJ62zGEqttiE>4h5O!k5#hQssd0m{Y!_xDZ=4o@U{EEV2y)=9$*anAY8b<UTmiCq
ziSCW~l50Q5ybD$mP#|kaTISWB^c|WSL=RO(Z(hyvQvo0VB^Kd)RaJ}mx~d97VVz@#
z#x_?o=@AO1+wB@ZC{+PH7(ms$q^2lJ>HX4eDJ9B+G*3<P*bl$Lz_IoT0JJP!LDrO{
z^O95!;;KLwFmSAc{O}1k&C|ntV%;4OUf|{=qqT-lR8=D$;exS)n8*M{RhXj(B1QC)
zWdWwORPeih`@T0PyPqj@&n0I`MhcRcD$u+^<%Uk6s46Y9>xd=dpoB^yf^MpeHW~<s
z#{<lmnWV0wz`eI##_lc8jTz7_|NBR%iAvHIq)bW9lxV=AH(#b>|88tGz$b3Gg}Rwb
zAbufK-T=`hu4+CO=z$2T!kqCstK-<9|J^6~Ulr9e8be_>2r3>{hu_^p$KfvKU357@
zC{#8~<F#iW!L%ig<K8^bb(E3R5V5iZ7hgJ;mbr}tBT0lBb(5Z=@~Ycfm!K$sZ4wO!
zkXC`$pZP62UikyD@@gvT8Y!!3;G(};hb7@eZ#N^E5%feE$+{*qRdUg)%UHg8HI)r@
zsH#_QsAUjr1S{o=lvrk#OsYHg;07M{@&P%177&0U1Wl3pHBi0`3S9(gW$Ls7=PsYZ
zTYr3%dvD#wRd;@yIp?k5YybW-kNxPI9ND#%P&7t;^DMFh9h|c;L1SZtK(rPmROeb-
zN_PcE7QoJda7CaHjp{VFB#6d?)Hhbp-evOCzuZk~Xc*Hl#>`ulWpTpM5Y;ttrhohb
z<}5p(n&xIyRrBcXSzV|QUF=qwxq}2l<p@F3co&!qfP@xq@~XL+D8YHeqP@)4cAy5{
zVgIfpJoXQ_kV@sTEE_2y5!DHX9HLG)%PuUVdCpv#maHONQ3ruYv3-tR@YV-Lz#0K7
zg+M`%goz*tG^!-0UqSs)h=JqBNDmKT8inGdB?KsnLO2?wqP~He=4Q(4>j*|72t|6!
zcD6gyIVMO0^lEVO=w=!rNS+FSQ4r!vAm**NDF~sV#cC;=emS$tms8%-#*FqOqzC&k
z4HGFXgmr>oI6!$)P|-Mxy16R|S4>5OE4+MvbkWZ66dwY00F)D8s_3CKj%lF8o6##S
zAT~u(H)}qQWxKjdF{ZhqX)1b9ClC&y=^Cmk5VGJg%y2u?j^Tpf6hMujh3Wue<7a{K
z3=nSZ;eca-qJnTxgo+*xk<fHPu>`f#W@4E((sqzSLC6C3!0QM-LfN#-&=XClTEOe`
z`3Nj@&?{Uq5*|1zTGYbGW>BhDq68zL29R<zPzr?bN_uG{un|I{sJQinaL*OTEG<`Q
zX}Cux4|V|u701CGv#>E)G2}=xw$UF|gEgKnSs*kNA<%<CR6Rs68pm-2QhKd&+af0h
z=^un=?)xc+-rYqmohDIHN%fRQrp=wl{PQnj){<r3s+xd66)3ugyop*n3r9;L6oH~@
zC|VGq1rdto6*-otpzT@Oa*vMVeYf1$R{Y(IH?jaSk8PxokU4EN=-3QfxxT0xsBk9<
zX}Q^sq9TNfs;Q`o<~A(6xxJ7XpzX*Y|8eh+aqLpTl^W<LHPFwY-8<Rz*m}-ebvd8C
z=bH%CQ%XyKtb<@9nyA7YI_z73_SFs8-lD8i@^k3}#4&wJn<W<5UchzoScMTBdm;c6
zIzpyJXFk>DJ{;Q<r|5&DIlP;9OQf{1@+qGE)gu^%JeiRpQiFXA_a7%U*heNcNIsj!
zG7WZYei<{Lqqx)t5S|XvxoF`EgcdA4AL-Qwc4;i*l^?Y@9{nBD^Zi082uc$ilU()$
zrbXBIV#p7G1Z3XiV0QShhooJ4p&YBY3x<PZnV7j8eZ75Th6mg(j^h?3(s8g%gF-Gt
zCN)TTRRx9g2##sFIe}IIN~D;r>Cx(9w@A@KAf&4ZR*CY(NI%L7KmDC?AQXzhFq`Qk
zZ*tJ5>!b{jnLLMbBi%j#tkM8HrQHF$U^upkX%wifuRm?Sa`}pnV>ud9OM;#NMMX-B
zp}u2)jT$N=ST-FkQsoBFBE{{o7B4bjG!BfqgWm<rF#zPU!({RtIvoR?u0FPB(>*05
ziwGMfx_N!NH(z`K$2K|e&Q2~_y$V%TPpbUPxpSDg@Eosi=xb~`7VZ0Xk{ucJp6$1`
z&%&dzX!N`v3?J2t)1b_I=iJ}&*<rd*u<cakumqe3H?X~6<g&Jr8vF91I7JYauUd(s
z2&T_pOvCi4TyfQvsOrQ<bA3ZSYd&=Yp?DHK7-Zk}*FoB}@7swGk{Junp>^x4K1+@l
z)A!v6iZlM2(YZfg$_1o_Wo9reBm2OU>^Lm|Z|x(O%dz=H$7T;v{{W1lD_DgB+cs@P
zRW*_|HAKrQS#-e#TzAv;G&VP)D1u-xz>;&%;kwU!nzH&vq7{_{!eMHgnu-jNj>(~2
z+gP^p3XEKeH(&U#(tAgvdvSg@C$hn@$N9bCONQL@y~huc%dz>bedJEp5ODzOXb(^H
zb-m?FCcKA^Mq<Zi$7`>$eC0~Ezp@EE7^1VSjYM@l(-$ma?M*ju<&~>AZ|PhvU9*OY
z#%UyK8VD!K(1QVL8XCO{O-JCc_~J`R5B0Hg%O;kuUd7w5Y%B#o#~*|I)1NVx{-Z8X
z9Pem6aOm&v<Y*61xDOh;NHT!|fc=Aq*_g`?4;h&rAMI@KWp0+W{IV5nd+9}%uDAp(
zpfhd$B9e9WR5VVbqN$l!?NqutyD=OnpE8wLWi^3t1fd9|v^nth8{|fYkdDnjPX`CK
zZ)N$a)x5d!_n3v;Bo?>E`nj}xG&g)o=e^%O-_NJW=d*)9c$kgj=Jd&D0l;c)BilE`
zuiN)+@Cukw8MTCKo%2^;#@3B5@K1N$Nkx4v(eet=102}1k3BoKGdP^(x%KP${eS+3
zy>GpVZ5iIOm`yYhr)9xHa0+xD+{@BSS8!y{J9Hdq<>{Y2G%omg?{s|rUR2oc_c<?)
z7+@RVShTh8rf-NxTHDBa43MYVC@H+`F!IUEnEJI(^T%^PeosV?G`I~7HSCs`O2BJw
zgs?35hugkDbwdNy4O4hw{cqg%x7YA+q{MN&7Ii4Z(o0uz{^g%w#-hcjnoirkJ?z-L
ziMKbu!eF1f*YfJmuH(kLZuh9~ObmXbnVwT{H$};UxBDy$R@&Vr<76>%L+seOF?;WN
zE`IbSj>1F`CR;O8fglin=AZfY?3vTQFlX5vpm|LVKLAP)lo$iULGJ(i&vWSAJ!iG)
zW9po_{N-QY&P7+RgY@pwv^bjZV3#aEn(a9`cmI%`@zUO$x49}u>%J`<?l|#pSAUJ~
z0BLtC+StVragyz`IuKpGjQa20#>+DoT~|}xc(Ka>HS8%K^jM%nYzfja*}L^s-rl^0
zqkG@sc>7@rxh#d8n|_C)aa2`B3j_#9qr}U~sI0A}ws{&2Gv+gA`6?>vr@F=|bV0tY
zROsN(0X(t2LdPEQKq&YC$kEf?%8{eHd%yJ%D>rTD7;YhCo^D-WG!EE+v1vQ~H?8K|
z;mD>3tEVgjse<G66NFM~bY%A;BJ)^q$yyd%a_t#xNtTm*m#!5HUG9eLVjbekM*S%<
zd63!Cc}x&qj1!V$#}BjT2;bSXoqjiqE49JSWV7@r3nD=5`5$uM)M+iBoVWaTP<>5K
zMK7^HXrNbuEuk;~<_MT6kFt*YNJaM~=x)1JgP_MCknn<7zSP#j8Ji6jQ(e#J9mALK
z<i;HL?0SKYuHGlse3dVI)Xz?4{gW+?O{f_69AWE<1%s=t!a!9;-Fz>d_4*1zmQslR
zZ7}=}<T_j{S}E76a@0?~Zjf=p{XO3e*&~oS0^!<{&lj!k`05eE6EE^JuKdNlZ~vZ`
z>Fw>_|Fs9Wqi2AW=lABxHc6Zb0HS9A+mXCBtM=Gm+Eyl3UNgJc)-E2At{-Y4(Blw@
zf*y4(T$DKI5zu1pZvpRoY^v8^7^S!8?^r;=r@XHK8U+BmsQiJwFVWj`^!U%8W!)d%
zq#MZj=+6fQKmzPMNH!AW)v4tjSKDSLTwXKF=Rh81^$2JY&_kZ`5l@2NG3?3cbukDg
zz312^C8h7^@Ba9+zA<sZ=D@p~INp75aQ%zi{Ih2{=+QoZGT%Q_0Hpu8Z6B#<n9Yre
zj#WmkFHu=HcT8_!4AAawMNcROC)a&^*B2A3(H53DuJ|csbz`Q%V%clay5n~o?>^M^
z<YqqiuTRkGQ{Fn&{-85u0KWBR-fSh6$@9Xj+MbJZ!)?`7^>bY>@HZ-oWvx-_(G|~`
zlT>)){Mnas7b)-W_>KZ%7udCJ1IK$hTOWLi&;H_f9P%k|o=*Aq0|34pTJAkc_Vssp
z=G+<mW!e6B76~Aptnsz2{4_Ov(cGuV7#Uy7kFW8^F+rMi9(jxXyEoF-+5g)w{Xg!0
zZ5O?s@}qw5oQnGI>%YeQ3nxGT2mxUr{D1G}%B8dTKh<?J>Sry!ieM;N$`OR{twV@O
za)5DlnDoUI>FYlEHc}SyL+szRk^a7}V>{mC`+t8wfAEyfd6qw8<=-y=eh_poT@C}G
zdDBRK=T`2jt>80NwX-5K=C33aN%|C5d~Xt^#^>mg*%*@H+vwmFzvr_99Ne>+{u6E4
z;{*KqAAiXMyACnzDV_7C3-kRb|3Lu2r<LYoLkI}2T1NG4*YG#>72F(&l_hH$=F`wL
zA3YfH6`s<&-5K|KIrb<Wj6#O)j=l7D?<bcT9zHg}`iGw3KVI5SpQmu%XLZXTt3FBq
z{H3(&0TJ|x-cUvOtG963tVY(xB3u{<gkq6cIk7}Fv3LcscqM^woPZw0kv2v?hfzqA
z&8A2X_mfWbkx36=nuT;a%Ny@?^7IdX%PZX{$az*S_{8$n`5(xdXY&z0AasurqoM&?
zB0}J<>sdIrne)ox%n1c()--BWg`^?~ONk{VS=%9H+4ScP+J`gjZ#~NP2cBeiD(laH
ziW!lY3QlZr{HXyr84#Lx9Q{6ii-<BdAdH!6r7x+lOO+0$@B3LR{$T?!9tgjCsFQ%8
zOcDT2ro26l<{ygU9~A)O1En7jWt{RSi-67~B0org`*Q*?**nBI#l<PoZaHyU_-H==
YACliH#EltSP5=M^07*qoM6N<$f+b^*ssI20

literal 0
HcmV?d00001

diff --git a/assets/owo/paopao/list.txt b/assets/owo/paopao/list.txt
deleted file mode 100644
index e684ea1..0000000
--- a/assets/owo/paopao/list.txt
+++ /dev/null
@@ -1,72 +0,0 @@
-E4B88DE9AB98E585B4_2x.png
-E4B996_2x.png
-E4BDA0E68782E79A84_2x.png
-E4BEBFE4BEBF_2x.png
-E586B7_2x.png
-E58B89E5BCBA_2x.png
-E59083E7939C_2x.png
-E59083E7BF94_2x.png
-E59090E8888C_2x.png
-E59090_2x.png
-E59180E592A9E788B9_2x.png
-E591B5E591B5_2x.png
-E591BC_2x.png
-E592A6_2x.png
-E59388E59388_2x.png
-E5958A_2x.png
-E596B7_2x.png
-E5989AE7919F_2x.png
-E5A4A7E68B87E68C87_2x.png
-E5A4AAE5BC80E5BF83_2x.png
-E5A4AAE998B3_2x.png
-E5A794E5B188_2x.png
-E5B08FE4B996_2x.png
-E5B08FE7BAA2E884B8_2x.png
-E5BC80E5BF83_2x.png
-E5BCB1_2x.png
-E5BDA9E899B9_2x.png
-E5BF83E7A28E_2x.png
-E68092_2x.png
-E6838AE593AD_2x.png
-E6838AE68190_2x.png
-E6838AE8AEB6_2x.png
-E68792E5BE97E79086_2x.png
-E6898BE7BAB8_2x.png
-E68C96E9BCBB_2x.png
-E68D82E598B4E7AC91_2x.png
-E6989FE6989FE69C88E4BAAE_2x.png
-E6B197_2x.png
-E6B299E58F91_2x.png
-E6B3AA_2x.png
-E6BB91E7A8BD_2x.png
-E781AFE6B3A1_2x.png
-E788B1E5BF83_2x.png
-E78A80E588A9_2x.png
-E78B82E6B197_2x.png
-E78EABE791B0_2x.png
-E7949FE6B094_2x.png
-E79691E997AE_2x.png
-E79C9FE6A392_2x.png
-E79DA1E8A789_2x.png
-E7A4BCE789A9_2x.png
-E7AC91E5B0BF_2x.png
-E7AC91E79CBC_2x.png
-E7BAA2E9A286E5B7BE_2x.png
-E8839CE588A9_2x.png
-E88AB1E5BF83_2x.png
-E88CB6E69DAF_2x.png
-E88DAFE4B8B8_2x.png
-E89B8BE7B395_2x.png
-E89CA1E7839B_2x.png
-E98499E8A786_2x.png
-E985B7_2x.png
-E985B8E788BD_2x.png
-E992B1E5B881_2x.png
-E992B1_2x.png
-E998B4E999A9_2x.png
-E99FB3E4B990_2x.png
-E9A699E89589_2x.png
-E9BB91E7BABF_2x.png
-haha_2x.png
-OK_2x.png
-what_2x.png
diff --git a/core/function.php b/core/function.php
index 5177067..b15c238 100644
--- a/core/function.php
+++ b/core/function.php
@@ -3,7 +3,7 @@
 /* 获取主题当前版本号 */
 function _getVersion()
 {
-    return "5.2.0";
+    return "5.2.1";
 };
 
 /* 判断是否是手机 */
diff --git a/core/parse.php b/core/parse.php
index de80cf3..b876f5a 100644
--- a/core/parse.php
+++ b/core/parse.php
@@ -15,7 +15,7 @@ function _parseCommentReply($text)
 function _parseReply($text)
 {
     $text = preg_replace_callback(
-        '/\:\:\(\s*(呵呵|哈哈|吐舌|太开心|笑眼|花心|小乖|乖|捂嘴笑|滑稽|你懂的|不高兴|怒|汗|黑线|泪|真棒|喷|惊哭|阴险|鄙视|酷|啊|狂汗|what|疑问|酸爽|呀咩爹|委屈|惊讶|睡觉|笑尿|挖鼻|吐|犀利|小红脸|懒得理|勉强|爱心|心碎|玫瑰|礼物|彩虹|太阳|星星月亮|钱币|茶杯|蛋糕|大拇指|胜利|haha|OK|沙发|手纸|香蕉|便便|药丸|红领巾|蜡烛|音乐|灯泡|开心|钱|咦|呼|冷|生气|弱|吐血)\s*\)/is',
+        '/\:\:\(\s*(呵呵|哈哈|吐舌|太开心|笑眼|花心|小乖|乖|捂嘴笑|滑稽|你懂的|不高兴|怒|汗|黑线|泪|真棒|喷|惊哭|阴险|鄙视|酷|啊|狂汗|what|疑问|酸爽|呀咩爹|委屈|惊讶|睡觉|笑尿|挖鼻|吐|犀利|小红脸|懒得理|勉强|爱心|心碎|玫瑰|礼物|彩虹|太阳|星星月亮|钱币|茶杯|蛋糕|大拇指|胜利|haha|OK|沙发|手纸|香蕉|便便|药丸|红领巾|蜡烛|音乐|灯泡|开心|钱|咦|呼|冷|生气|弱|吐血|狗头)\s*\)/is',
         function ($match) {
             return '<img class="owo_image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/usr/themes/Joe/assets/owo/paopao/' . str_replace('%', '', urlencode($match[1])) . '_2x.png" onerror="javascript: this.src=\'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\';" alt="表情"/>';
         },
diff --git a/public/include.php b/public/include.php
index 36ae382..66670b0 100644
--- a/public/include.php
+++ b/public/include.php
@@ -52,8 +52,8 @@
 <!-- 全局公用CSS（静态资源放在了CDN上，如果你的服务器带宽不够，请不要修改成本地，cdn采用jsdelivr放心不会失效） -->
 <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.mode.css'); ?>">
 <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.normalize.css'); ?>">
-<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css?v=666'); ?>">
-<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.css?v=666'); ?>">
+<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.global.css?v=686'); ?>">
+<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.css?v=686'); ?>">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/qmsg/qmsg.css" />
 <link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
@@ -66,8 +66,8 @@
 <script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/sketchpad/joe.sketchpad.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
 <script src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/qmsg/qmsg.js"></script>
-<script src="<?php $this->options->themeUrl('assets/js/joe.owo.js'); ?>"></script>
-<script src="<?php $this->options->themeUrl('assets/js/joe.global.js?v=666'); ?>"></script>
+<script src="<?php $this->options->themeUrl('assets/js/joe.owo.js?v=686'); ?>"></script>
+<script src="<?php $this->options->themeUrl('assets/js/joe.global.js?v=686'); ?>"></script>
 <!-- 异步加载的JS -->
 <script async src="https://apip.weatherdt.com/standard/static/js/weather-standard.js?v=2.0"></script>
 <script async src="https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/plugin/smooth/joe.smooth.js"></script>