diff --git a/assets/css/joe.global.min.css b/assets/css/joe.global.min.css index 76a1cd1..3369b0b 100644 --- a/assets/css/joe.global.min.css +++ b/assets/css/joe.global.min.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 10px;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:2px;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:5px}.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;word-break:break-all}.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_aside__item.advert{display:block}.joe_aside__item.advert img{width:100%;-o-object-fit:cover;object-fit:cover}.joe_aside__item.advert .icon{position:absolute;z-index:1;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,0.25);padding:2px 5px;border-radius:2px;color:#ebebeb;pointer-events:none}.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{flex-shrink:0;position:relative;width:210px;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{flex-shrink:0;position:relative;width:210px;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:18px;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:18px}.joe_detail__article p{line-height:26px;margin-bottom:18px}.joe_detail__article blockquote{line-height:26px;margin-bottom:18px;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 18px;padding:30px 0 0;font-size:14px;border-radius:var(--radius-inner);overflow:hidden}.joe_detail__article pre[class*='language-'] code[class*='language-']{display:block;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;padding:0 15px 12px}.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:18px;padding-left:36px}.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:18px;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-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:18px}.joe_detail__article-protected .contain{position:relative;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden}.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:250px;height:40px;border:none;color:var(--routine);padding-left:50px;background:var(--background)}.joe_detail__article-protected .contain .submit{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--main);border:none;background: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:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:200px;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:18px}.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{color:var(--minor);margin-bottom:5px;word-break:break-all;line-height:22px}.joe_detail__copyright .content .item:last-child{margin-bottom:0}.joe_detail__copyright .content .item .icon{width:18px;height:18px;margin-right:3px;vertical-align:-4px}.joe_detail__copyright .content .item .link{color:var(--minor)}.joe_detail__copyright .content .item .link:hover{color:var(--theme)}.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}.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)}} +.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 10px;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:2px;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:5px}.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;word-break:break-all}.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_aside__item.advert{display:block}.joe_aside__item.advert img{width:100%;-o-object-fit:cover;object-fit:cover}.joe_aside__item.advert .icon{position:absolute;z-index:1;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,0.25);padding:2px 5px;border-radius:2px;color:#ebebeb;pointer-events:none}.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{flex-shrink:0;position:relative;width:210px;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{flex-shrink:0;position:relative;width:210px;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:18px;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:18px}.joe_detail__article p{line-height:26px;margin-bottom:18px}.joe_detail__article blockquote{line-height:26px;margin-bottom:18px;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 18px;padding:30px 0 0;font-size:14px;border-radius:var(--radius-inner);overflow:hidden}.joe_detail__article pre[class*='language-'] code[class*='language-']{display:block;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;padding:0 15px 12px}.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:18px;padding-left:36px}.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:18px;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-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:18px}.joe_detail__article-protected .contain{position:relative;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden}.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:250px;height:40px;border:none;color:var(--routine);padding-left:50px;background:var(--background)}.joe_detail__article-protected .contain .submit{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--main);border:none;background: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:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:200px;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:18px}.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{color:var(--minor);margin-bottom:5px;word-break:break-all;line-height:22px}.joe_detail__copyright .content .item:last-child{margin-bottom:0}.joe_detail__copyright .content .item .icon{width:18px;height:18px;margin-right:3px;vertical-align:-4px}.joe_detail__copyright .content .item .link{color:var(--minor)}.joe_detail__copyright .content .item .link:hover{color:var(--theme)}.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_detail__leaving{padding-top:15px}.joe_detail__leaving-none{padding:15px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--minor)}.joe_detail__leaving-list{position:relative;height:500px}.joe_detail__leaving-list .item{display:none;position:absolute;width:200px;min-height:140px;overflow:hidden;box-shadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.88}.joe_detail__leaving-list .item .user{display:flex;align-items:center;padding:0 10px;color:#fff;border-bottom:1px dashed rgba(255,255,255,0.85);height:40px;cursor:move}.joe_detail__leaving-list .item .user .avatar{width:20px;height:20px;border-radius:50%}.joe_detail__leaving-list .item .user .nickname{min-width:0;flex:1;margin:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joe_detail__leaving-list .item .user .nickname a{color:#fff}.joe_detail__leaving-list .item .user .date{margin-left:auto}.joe_detail__leaving-list .item .wrapper{padding:10px}.joe_detail__leaving-list .item .wrapper .content{max-height:140px;overflow-y:auto;word-break:break-all;line-height:24px;color:#fff}.joe_detail__leaving-list .item .wrapper .content .draw_image{max-width:100%}.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}.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.min.scss b/assets/css/joe.global.min.scss index f9f11a2..a608e20 100644 --- a/assets/css/joe.global.min.scss +++ b/assets/css/joe.global.min.scss @@ -1673,8 +1673,6 @@ overflow: hidden; code[class*='language-'] { display: block; - max-height: 500px; - overflow-y: auto; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; @@ -2251,6 +2249,70 @@ } } } + &__leaving { + padding-top: 15px; + &-none { + padding: 15px 0; + text-align: center; + user-select: none; + color: var(--minor); + } + &-list { + position: relative; + height: 500px; + .item { + display: none; + position: absolute; + width: 200px; + min-height: 140px; + overflow: hidden; + box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); + user-select: none; + opacity: 0.88; + .user { + display: flex; + align-items: center; + padding: 0 10px; + color: rgba(255, 255, 255, 1); + border-bottom: 1px dashed rgba(255, 255, 255, 0.85); + height: 40px; + cursor: move; + .avatar { + width: 20px; + height: 20px; + border-radius: 50%; + } + .nickname { + min-width: 0; + flex: 1; + margin: 0 5px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + a { + color: rgba(255, 255, 255, 1); + } + } + .date { + margin-left: auto; + } + } + .wrapper { + padding: 10px; + .content { + max-height: 140px; + overflow-y: auto; + word-break: break-all; + line-height: 24px; + color: #fff; + .draw_image { + max-width: 100%; + } + } + } + } + } + } } .joe_footer { diff --git a/assets/css/joe.responsive.min.css b/assets/css/joe.responsive.min.css index 5a8e389..cc2e067 100644 --- a/assets/css/joe.responsive.min.css +++ b/assets/css/joe.responsive.min.css @@ -1 +1 @@ -@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_video__list-item .item .thumb{height:210px}html .joe_video__detail-info .thumbnail{width:165px;height:235px}html .joe_video__player-play{height:480px}html .joe_live__play-player{height:500px}html .joe_detail__article-player{height:450px}html .joe_detail__article-video .play .box iframe{height:500px}html .joe_detail__article pre[class*='language-'] code[class*='language-']{max-height:450px}html .joe_owo__contain .box .scroll .item{width:calc(100% / 15)}html .joe_list__item.single .thumbnail{height:250px}html .joe_list__item.multiple .thumbnail{grid-template-rows:160px}}@media (max-width: 1200px){html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_detail__article-player{height:430px}html .joe_detail__article-video .play .box iframe{height:430px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .joe_detail__article pre[class*='language-'] code[class*='language-']{max-height:430px}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__list-item .item .title{height:34px;line-height:34px}html .joe_video__detail-info .thumbnail{width:155px;height:220px}html .joe_video__player-play{height:450px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .joe_owo__contain .box .scroll .item{width:calc(100% / 12)}html .joe_live__play-player{height:430px}html .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .joe_list__item.single .thumbnail{height:210px}html .joe_list__item.multiple .thumbnail{grid-template-rows:125px}html .joe_list__item.default .thumbnail{width:185px;height:125px}html .joe_index__ad-link .image{height:180px}html .joe_index__hot-list{-webkit-column-gap:10px;column-gap:10px}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{height:145px;margin:0 !important}html .swiper-container{height:280px}html .swiper-container .item{height:280px}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_video__player-play{height:400px}html .joe_live__play-player{height:400px}html .joe_detail__article-player{height:400px}html .joe_detail__article-video .play .box iframe{height:400px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .joe_detail__article pre[class*='language-'] code[class*='language-']{max-height:400px}html .joe_index__hot-list .item .link .inner .image{height:95px}html .joe_index__banner-recommend .item{height:135px;margin:0 !important}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 .swiper-container{height:250px}html .swiper-container .item{height:250px}}@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 .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:130px;margin-bottom:0}html .joe_list__item.single .thumbnail time,html .joe_list__item.single .thumbnail svg{display:none}html .joe_list__item.default .information .title{font-size:15px}html .joe_list__item.default .thumbnail{width:120px;height:80px;margin-right:10px}html .joe_list__item.default .thumbnail time,html .joe_list__item.default .thumbnail svg{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;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_detail__friends{grid-template-columns:repeat(1, 1fr)}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__article{font-size:14px}html .joe_detail__article-player{height:225px}html .joe_detail__article pre[class*='language-']{font-size:13px}html .joe_detail__article-video .play .box iframe{height:225px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr);gap:10px}html .joe_detail__copyright .content .item{font-size:13px}html .joe_detail__copyright .content .item .icon{width:16px;height:16px}html .joe_video__list-item{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item .item .thumb{height:200px}html .joe_video__pagination{justify-content:center}html .joe_video__detail-info .thumbnail{width:125px;height:180px}html .joe_video__detail-info .description dt{font-size:16px;margin-bottom:8px}html .joe_video__detail-info .description dd{font-size:12px;margin-bottom:5px;line-height:20px;max-height:40px}html .joe_video__detail-info .description dd:not(:last-child){-webkit-line-clamp:1}html .joe_video__player-play{height:225px}html .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .joe_live__pagination{justify-content:center}html .joe_live__list{grid-template-columns:repeat(1, 1fr)}html .joe_live__play-player{height:185px}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 .joe_comment{position:relative}html .joe_comment__title{font-size:18px;line-height:32px;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 .swiper-container{height:180px}html .swiper-container .item{height:180px}} +@media (max-width: 1760px){html #live2d-widget{visibility:hidden}}@media (max-width: 1400px){html .joe_wallpaper__list{grid-template-columns:repeat(3, 1fr)}html .joe_video__list-item .item .thumb{height:210px}html .joe_video__detail-info .thumbnail{width:165px;height:235px}html .joe_video__player-play{height:480px}html .joe_live__play-player{height:500px}html .joe_detail__article-player{height:450px}html .joe_detail__article-video .play .box iframe{height:500px}html .joe_detail__leaving-list{height:450px}html .joe_owo__contain .box .scroll .item{width:calc(100% / 15)}html .joe_list__item.single .thumbnail{height:250px}html .joe_list__item.multiple .thumbnail{grid-template-rows:160px}}@media (max-width: 1200px){html .joe_detail__friends{grid-template-columns:repeat(2, 1fr)}html .joe_detail__article-player{height:430px}html .joe_detail__article-video .play .box iframe{height:430px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .joe_detail__leaving-list{height:400px}html .joe_video__list-item{grid-template-columns:repeat(4, 1fr)}html .joe_video__list-item .item .title{height:34px;line-height:34px}html .joe_video__detail-info .thumbnail{width:155px;height:220px}html .joe_video__player-play{height:450px}html .joe_video__source-list{grid-template-columns:repeat(5, 1fr)}html .joe_owo__contain .box .scroll .item{width:calc(100% / 12)}html .joe_live__play-player{height:430px}html .joe_live__list{grid-template-columns:repeat(2, 1fr)}html .joe_list__item.single .thumbnail{height:210px}html .joe_list__item.multiple .thumbnail{grid-template-rows:125px}html .joe_list__item.default .thumbnail{width:185px;height:125px}html .joe_index__ad-link .image{height:180px}html .joe_index__hot-list{-webkit-column-gap:10px;column-gap:10px}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{height:145px;margin:0 !important}html .swiper-container{height:280px}html .swiper-container .item{height:280px}}@media (max-width: 992px){html .joe_aside{display:none}html .joe_video__player-play{height:400px}html .joe_live__play-player{height:400px}html .joe_detail__article-player{height:400px}html .joe_detail__article-video .play .box iframe{height:400px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(5, 1fr)}html .joe_detail__leaving-list{height:350px}html .joe_index__hot-list .item .link .inner .image{height:95px}html .joe_index__banner-recommend .item{height:135px;margin:0 !important}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 .swiper-container{height:250px}html .swiper-container .item{height:250px}}@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 .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:130px;margin-bottom:0}html .joe_list__item.single .thumbnail time,html .joe_list__item.single .thumbnail svg{display:none}html .joe_list__item.default .information .title{font-size:15px}html .joe_list__item.default .thumbnail{width:120px;height:80px;margin-right:10px}html .joe_list__item.default .thumbnail time,html .joe_list__item.default .thumbnail svg{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;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_detail__friends{grid-template-columns:repeat(1, 1fr)}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__article{font-size:14px}html .joe_detail__article-player{height:225px}html .joe_detail__article pre[class*='language-']{font-size:13px}html .joe_detail__article-video .play .box iframe{height:225px}html .joe_detail__article-video .episodes .box{grid-template-columns:repeat(3, 1fr);gap:10px}html .joe_detail__leaving-list{height:300px}html .joe_detail__leaving-list .item{font-size:12px;width:160px;min-height:unset}html .joe_detail__leaving-list .item .user{padding:0 8px;height:35px}html .joe_detail__leaving-list .item .user .avatar{width:15px;height:15px}html .joe_detail__leaving-list .item .wrapper{padding:8px}html .joe_detail__leaving-list .item .wrapper .content{max-height:109px;line-height:18px}html .joe_detail__copyright .content .item{font-size:13px}html .joe_detail__copyright .content .item .icon{width:16px;height:16px}html .joe_video__list-item{grid-template-columns:repeat(2, 1fr)}html .joe_video__list-item .item .thumb{height:200px}html .joe_video__pagination{justify-content:center}html .joe_video__detail-info .thumbnail{width:125px;height:180px}html .joe_video__detail-info .description dt{font-size:16px;margin-bottom:8px}html .joe_video__detail-info .description dd{font-size:12px;margin-bottom:5px;line-height:20px;max-height:40px}html .joe_video__detail-info .description dd:not(:last-child){-webkit-line-clamp:1}html .joe_video__player-play{height:225px}html .joe_video__source-list{grid-template-columns:repeat(3, 1fr)}html .joe_live__pagination{justify-content:center}html .joe_live__list{grid-template-columns:repeat(1, 1fr)}html .joe_live__play-player{height:185px}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 .joe_comment{position:relative}html .joe_comment__title{font-size:18px;line-height:32px;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 .swiper-container{height:180px}html .swiper-container .item{height:180px}} diff --git a/assets/css/joe.responsive.min.scss b/assets/css/joe.responsive.min.scss index cb0fc8f..be15c26 100644 --- a/assets/css/joe.responsive.min.scss +++ b/assets/css/joe.responsive.min.scss @@ -1,709 +1,734 @@ /* 基类:基于 最大屏幕 + 有侧边栏 下进行适配 */ html { - @media (max-width: 1760px) { - #live2d-widget { - visibility: hidden; - } - } + @media (max-width: 1760px) { + #live2d-widget { + visibility: hidden; + } + } - @media (max-width: 1400px) { - .joe { - &_wallpaper { - &__list { - grid-template-columns: repeat(3, 1fr); - } - } - &_video { - &__list { - &-item { - .item { - .thumb { - height: 210px; - } - } - } - } - &__detail { - &-info { - .thumbnail { - width: 165px; - height: 235px; - } - } - } - &__player { - &-play { - height: 480px; - } - } - } - &_live { - &__play { - &-player { - height: 500px; - } - } - } - &_detail { - &__article { - &-player { - height: 450px; - } - &-video { - .play .box iframe { - height: 500px; - } - } - pre[class*='language-'] { - code[class*='language-'] { - max-height: 450px; - } - } - } - } - &_owo { - &__contain { - .box .scroll .item { - width: calc(100% / 15); - } - } - } - &_list { - &__item { - &.single { - .thumbnail { - height: 250px; - } - } - &.multiple { - .thumbnail { - grid-template-rows: 160px; - } - } - } - } - } - } + @media (max-width: 1400px) { + .joe { + &_wallpaper { + &__list { + grid-template-columns: repeat(3, 1fr); + } + } + &_video { + &__list { + &-item { + .item { + .thumb { + height: 210px; + } + } + } + } + &__detail { + &-info { + .thumbnail { + width: 165px; + height: 235px; + } + } + } + &__player { + &-play { + height: 480px; + } + } + } + &_live { + &__play { + &-player { + height: 500px; + } + } + } + &_detail { + &__article { + &-player { + height: 450px; + } + &-video { + .play .box iframe { + height: 500px; + } + } + } + &__leaving { + &-list { + height: 450px; + } + } + } + &_owo { + &__contain { + .box .scroll .item { + width: calc(100% / 15); + } + } + } + &_list { + &__item { + &.single { + .thumbnail { + height: 250px; + } + } + &.multiple { + .thumbnail { + grid-template-rows: 160px; + } + } + } + } + } + } - @media (max-width: 1200px) { - .joe { - &_detail { - &__friends { - grid-template-columns: repeat(2, 1fr); - } - &__article { - &-player { - height: 430px; - } - &-video { - .play .box iframe { - height: 430px; - } - .episodes .box { - grid-template-columns: repeat(5, 1fr); - } - } - pre[class*='language-'] { - code[class*='language-'] { - max-height: 430px; - } - } - } - } - &_video { - &__list { - &-item { - grid-template-columns: repeat(4, 1fr); - .item { - .title { - height: 34px; - line-height: 34px; - } - } - } - } - &__detail { - &-info { - .thumbnail { - width: 155px; - height: 220px; - } - } - } - &__player { - &-play { - height: 450px; - } - } - &__source { - &-list { - grid-template-columns: repeat(5, 1fr); - } - } - } - &_owo { - &__contain { - .box .scroll .item { - width: calc(100% / 12); - } - } - } - &_live { - &__play { - &-player { - height: 430px; - } - } - &__list { - grid-template-columns: repeat(2, 1fr); - } - } - &_list { - &__item { - &.single { - .thumbnail { - height: 210px; - } - } - &.multiple { - .thumbnail { - grid-template-rows: 125px; - } - } - &.default { - .thumbnail { - width: 185px; - height: 125px; - } - } - } - } - &_index { - &__ad { - &-link { - .image { - height: 180px; - } - } - } - &__hot { - &-list { - column-gap: 10px; - .item .link .inner .image { - height: 90px; - } - } - } - &__banner { - display: block; - &-recommend { - padding-top: 15px; - width: 100%; - margin-left: 0; - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 15px; - &.noswiper { - padding-top: 0; - } - .item { - height: 145px; - margin: 0 !important; - } - } - } - } - } - .swiper-container { - height: 280px; - .item { - height: 280px; - } - } - } + @media (max-width: 1200px) { + .joe { + &_detail { + &__friends { + grid-template-columns: repeat(2, 1fr); + } + &__article { + &-player { + height: 430px; + } + &-video { + .play .box iframe { + height: 430px; + } + .episodes .box { + grid-template-columns: repeat(5, 1fr); + } + } + } + &__leaving { + &-list { + height: 400px; + } + } + } + &_video { + &__list { + &-item { + grid-template-columns: repeat(4, 1fr); + .item { + .title { + height: 34px; + line-height: 34px; + } + } + } + } + &__detail { + &-info { + .thumbnail { + width: 155px; + height: 220px; + } + } + } + &__player { + &-play { + height: 450px; + } + } + &__source { + &-list { + grid-template-columns: repeat(5, 1fr); + } + } + } + &_owo { + &__contain { + .box .scroll .item { + width: calc(100% / 12); + } + } + } + &_live { + &__play { + &-player { + height: 430px; + } + } + &__list { + grid-template-columns: repeat(2, 1fr); + } + } + &_list { + &__item { + &.single { + .thumbnail { + height: 210px; + } + } + &.multiple { + .thumbnail { + grid-template-rows: 125px; + } + } + &.default { + .thumbnail { + width: 185px; + height: 125px; + } + } + } + } + &_index { + &__ad { + &-link { + .image { + height: 180px; + } + } + } + &__hot { + &-list { + column-gap: 10px; + .item .link .inner .image { + height: 90px; + } + } + } + &__banner { + display: block; + &-recommend { + padding-top: 15px; + width: 100%; + margin-left: 0; + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 15px; + &.noswiper { + padding-top: 0; + } + .item { + height: 145px; + margin: 0 !important; + } + } + } + } + } + .swiper-container { + height: 280px; + .item { + height: 280px; + } + } + } - @media (max-width: 992px) { - .joe { - &_aside { - display: none; - } - &_video { - &__player { - &-play { - height: 400px; - } - } - } - &_live { - &__play { - &-player { - height: 400px; - } - } - } - &_detail { - &__article { - &-player { - height: 400px; - } - &-video { - .play .box iframe { - height: 400px; - } - .episodes .box { - grid-template-columns: repeat(5, 1fr); - } - } - pre[class*='language-'] { - code[class*='language-'] { - max-height: 400px; - } - } - } - } - &_index { - &__hot { - &-list { - .item .link .inner .image { - height: 95px; - } - } - } - &__banner { - &-recommend { - .item { - height: 135px; - margin: 0 !important; - } - } - } - } - &_header { - &__above { - &-logo { - padding-right: 0; - &::after { - display: none; - } - } - &-search { - display: none; - } - &-searchicon { - display: block; - } - } - } - } - .swiper-container { - height: 250px; - .item { - height: 250px; - } - } - } + @media (max-width: 992px) { + .joe { + &_aside { + display: none; + } + &_video { + &__player { + &-play { + height: 400px; + } + } + } + &_live { + &__play { + &-player { + height: 400px; + } + } + } + &_detail { + &__article { + &-player { + height: 400px; + } + &-video { + .play .box iframe { + height: 400px; + } + .episodes .box { + grid-template-columns: repeat(5, 1fr); + } + } + } + &__leaving { + &-list { + height: 350px; + } + } + } + &_index { + &__hot { + &-list { + .item .link .inner .image { + height: 95px; + } + } + } + &__banner { + &-recommend { + .item { + height: 135px; + margin: 0 !important; + } + } + } + } + &_header { + &__above { + &-logo { + padding-right: 0; + &::after { + display: none; + } + } + &-search { + display: none; + } + &-searchicon { + display: block; + } + } + } + } + .swiper-container { + height: 250px; + .item { + height: 250px; + } + } + } - @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; - } - } - &_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; - } - } - } - } - } - &_list { - &__item { - .information { - .title { - font-size: 16px; - } - .abstract { - display: none; - } - } - .meta { - .last { - display: none !important; - } - } - &.single { - .thumbnail { - height: 130px; - margin-bottom: 0; - time, - svg { - display: none; - } - } - } - &.default { - .information { - .title { - font-size: 15px; - } - } - .thumbnail { - width: 120px; - height: 80px; - margin-right: 10px; - time, - svg { - 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; - height: 80px; - } - .information { - .title { - margin-bottom: 10px; - height: 20px; - } - .abstract { - p { - height: 15px; - } - } - } - } - } - } - &_wallpaper { - &__list { - grid-template-columns: repeat(2, 1fr); - } - &__pagination { - justify-content: center; - } - } - &_detail { - &__friends { - grid-template-columns: repeat(1, 1fr); - } - &__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; - } - } - &__article { - font-size: 14px; - &-player { - height: 225px; - } - pre[class*='language-'] { - font-size: 13px; - } - &-video { - .play { - .box { - iframe { - height: 225px; - } - } - } - .episodes { - .box { - grid-template-columns: repeat(3, 1fr); - gap: 10px; - } - } - } - } - &__copyright { - .content { - .item { - font-size: 13px; - .icon { - width: 16px; - height: 16px; - } - } - } - } - } - &_video { - &__list { - &-item { - grid-template-columns: repeat(2, 1fr); - .item { - .thumb { - height: 200px; - } - } - } - } - &__pagination { - justify-content: center; - } - &__detail { - &-info { - .thumbnail { - width: 125px; - height: 180px; - } - .description { - dt { - font-size: 16px; - margin-bottom: 8px; - } - dd { - font-size: 12px; - margin-bottom: 5px; - line-height: 20px; - max-height: 40px; - &:not(:last-child) { - -webkit-line-clamp: 1; - } - } - } - } - } - &__player { - &-play { - height: 225px; - } - } - &__source { - &-list { - grid-template-columns: repeat(3, 1fr); - } - } - } - &_live { - &__pagination { - justify-content: center; - } - &__list { - grid-template-columns: repeat(1, 1fr); - } - &__play { - &-player { - height: 185px; - } - } - } - &_footer { - .joe_container { - flex-direction: column; - justify-content: center; - padding-top: 10px; - padding-bottom: 10px; - > .item { - padding: 5px 0; - } - .run { - margin: 0; - } - } - } - &_owo { - &__contain { - .box .scroll { - .item { - width: calc(100% / 6); - } - &:nth-child(3) .item { - width: calc(100% / 2); - } - } - } - } - &_comment { - position: relative; - &__title { - font-size: 18px; - line-height: 32px; - 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; - } - } - } - } - } - } - .swiper-container { - height: 180px; - .item { - height: 180px; - } - } - } + @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; + } + } + &_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; + } + } + } + } + } + &_list { + &__item { + .information { + .title { + font-size: 16px; + } + .abstract { + display: none; + } + } + .meta { + .last { + display: none !important; + } + } + &.single { + .thumbnail { + height: 130px; + margin-bottom: 0; + time, + svg { + display: none; + } + } + } + &.default { + .information { + .title { + font-size: 15px; + } + } + .thumbnail { + width: 120px; + height: 80px; + margin-right: 10px; + time, + svg { + 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; + height: 80px; + } + .information { + .title { + margin-bottom: 10px; + height: 20px; + } + .abstract { + p { + height: 15px; + } + } + } + } + } + } + &_wallpaper { + &__list { + grid-template-columns: repeat(2, 1fr); + } + &__pagination { + justify-content: center; + } + } + &_detail { + &__friends { + grid-template-columns: repeat(1, 1fr); + } + &__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; + } + } + &__article { + font-size: 14px; + &-player { + height: 225px; + } + pre[class*='language-'] { + font-size: 13px; + } + &-video { + .play { + .box { + iframe { + height: 225px; + } + } + } + .episodes { + .box { + grid-template-columns: repeat(3, 1fr); + gap: 10px; + } + } + } + } + &__leaving { + &-list { + height: 300px; + .item { + font-size: 12px; + width: 160px; + min-height: unset; + .user { + padding: 0 8px; + height: 35px; + .avatar { + width: 15px; + height: 15px; + } + } + .wrapper { + padding: 8px; + .content { + max-height: 109px; + line-height: 18px; + } + } + } + } + } + &__copyright { + .content { + .item { + font-size: 13px; + .icon { + width: 16px; + height: 16px; + } + } + } + } + } + &_video { + &__list { + &-item { + grid-template-columns: repeat(2, 1fr); + .item { + .thumb { + height: 200px; + } + } + } + } + &__pagination { + justify-content: center; + } + &__detail { + &-info { + .thumbnail { + width: 125px; + height: 180px; + } + .description { + dt { + font-size: 16px; + margin-bottom: 8px; + } + dd { + font-size: 12px; + margin-bottom: 5px; + line-height: 20px; + max-height: 40px; + &:not(:last-child) { + -webkit-line-clamp: 1; + } + } + } + } + } + &__player { + &-play { + height: 225px; + } + } + &__source { + &-list { + grid-template-columns: repeat(3, 1fr); + } + } + } + &_live { + &__pagination { + justify-content: center; + } + &__list { + grid-template-columns: repeat(1, 1fr); + } + &__play { + &-player { + height: 185px; + } + } + } + &_footer { + .joe_container { + flex-direction: column; + justify-content: center; + padding-top: 10px; + padding-bottom: 10px; + > .item { + padding: 5px 0; + } + .run { + margin: 0; + } + } + } + &_owo { + &__contain { + .box .scroll { + .item { + width: calc(100% / 6); + } + &:nth-child(3) .item { + width: calc(100% / 2); + } + } + } + } + &_comment { + position: relative; + &__title { + font-size: 18px; + line-height: 32px; + 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; + } + } + } + } + } + } + .swiper-container { + height: 180px; + .item { + height: 180px; + } + } + } } diff --git a/assets/js/joe.leaving.js b/assets/js/joe.leaving.js new file mode 100644 index 0000000..9387b8a --- /dev/null +++ b/assets/js/joe.leaving.js @@ -0,0 +1,107 @@ +document.addEventListener('DOMContentLoaded', () => { + const encryption = str => window.btoa(unescape(encodeURIComponent(str))); + const decrypt = str => decodeURIComponent(escape(window.atob(str))); + + /* 当前页的CID */ + const cid = $('.joe_detail').attr('data-cid'); + + /* 获取本篇文章百度收录情况 */ + { + $.ajax({ + url: Joe.BASE_API, + type: 'POST', + data: { routeType: 'baidu_record', site: window.location.href }, + success(res) { + if (res.data && res.data === '已收录') { + $('#Joe_Baidu_Record').css('color', '#67C23A'); + $('#Joe_Baidu_Record').html('已收录'); + } else { + /* 如果填写了Token,则自动推送给百度 */ + if (Joe.BAIDU_PUSH) { + $('#Joe_Baidu_Record').html('未收录,推送中...'); + const _timer = setTimeout(function () { + $.ajax({ + url: Joe.BASE_API, + type: 'POST', + data: { + routeType: 'baidu_push', + domain: encodeURI(window.location.hostname), + url: encodeURI(window.location.href) + }, + success(res) { + if (res.error) { + $('#Joe_Baidu_Record').html('推送失败,请检查!'); + } else { + $('#Joe_Baidu_Record').html('推送成功!'); + } + } + }); + clearTimeout(_timer); + }, 1000); + } else { + const url = `https://ziyuan.baidu.com/linksubmit/url?sitename=${encodeURI(window.location.href)}`; + $('#Joe_Baidu_Record').html(`未收录,提交收录`); + } + } + } + }); + } + + /* 激活浏览功能 */ + { + let viewsArr = localStorage.getItem(encryption('views')) ? JSON.parse(decrypt(localStorage.getItem(encryption('views')))) : []; + const flag = viewsArr.includes(cid); + if (!flag) { + $.ajax({ + url: Joe.BASE_API, + type: 'POST', + data: { routeType: 'handle_views', cid }, + success(res) { + if (res.code !== 1) return; + $('#Joe_Article_Views').html(`${res.data.views} 阅读`); + viewsArr.push(cid); + const name = encryption('views'); + const val = encryption(JSON.stringify(viewsArr)); + localStorage.setItem(name, val); + } + }); + } + } + + /* 激活随机样式 */ + { + let _index = 100; + const colors = ['#F8D800', '#0396FF', '#EA5455', '#7367F0', '#32CCBC', '#F6416C', '#28C76F', '#9F44D3', '#F55555', '#736EFE', '#E96D71', '#DE4313', '#D939CD', '#4C83FF', '#F072B6', '#C346C2', '#5961F9', '#FD6585', '#465EFB', '#FFC600', '#FA742B', '#5151E5', '#BB4E75', '#FF52E5', '#49C628', '#00EAFF', '#F067B4', '#F067B4', '#ff9a9e', '#00f2fe', '#4facfe', '#f093fb', '#6fa3ef', '#bc99c4', '#46c47c', '#f9bb3c', '#e8583d', '#f68e5f']; + const random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; + const maxWidth = $('.joe_detail__leaving-list').width(); + const maxHeight = $('.joe_detail__leaving-list').height(); + const radius1 = ['20px 300px', '20px 400px', '20px 500px', '30px 300px', '30px 400px', '30px 500px', '40px 300px', '40px 400px', '40px 500px']; + const radius2 = ['300px 20px', '400px 20px', '500px 20px', '300px 30px', '400px 30px', '500px 30px', '300px 40px', '400px 40px', '500px 40px']; + $('.joe_detail__leaving-list .item').each((index, item) => { + const zIndex = random(1, 99); + const background = colors[random(0, colors.length - 1)]; + const width = Math.ceil($(item).width()); + const height = Math.ceil($(item).height()); + const top = random(0, maxHeight - height); + const left = random(0, maxWidth - width); + $(item).css({ + display: 'block', + zIndex, + background, + top, + left, + borderTopLeftRadius: radius2[random(0, radius2.length - 1)], + borderTopRightRadius: radius1[random(0, radius1.length - 1)], + borderBottomLeftRadius: radius1[random(0, radius1.length - 1)], + borderBottomRightRadius: radius1[random(0, radius1.length - 1)] + }); + $(item).draggabilly({ containment: true }); + $(item).on('dragStart', e => { + _index++; + $(item).css({ + zIndex: _index, + }); + }); + }); + } +}); diff --git a/assets/js/joe.leaving.min.js b/assets/js/joe.leaving.min.js new file mode 100644 index 0000000..812921e --- /dev/null +++ b/assets/js/joe.leaving.min.js @@ -0,0 +1 @@ +document.addEventListener("DOMContentLoaded",()=>{const e=e=>window.btoa(unescape(encodeURIComponent(e))),o=e=>decodeURIComponent(escape(window.atob(e))),t=$(".joe_detail").attr("data-cid");$.ajax({url:Joe.BASE_API,type:"POST",data:{routeType:"baidu_record",site:window.location.href},success(e){if(e.data&&"已收录"===e.data)$("#Joe_Baidu_Record").css("color","#67C23A"),$("#Joe_Baidu_Record").html("已收录");else if(Joe.BAIDU_PUSH){$("#Joe_Baidu_Record").html('未收录,推送中...');const e=setTimeout(function(){$.ajax({url:Joe.BASE_API,type:"POST",data:{routeType:"baidu_push",domain:encodeURI(window.location.hostname),url:encodeURI(window.location.href)},success(e){e.error?$("#Joe_Baidu_Record").html('推送失败,请检查!'):$("#Joe_Baidu_Record").html('推送成功!')}}),clearTimeout(e)},1e3)}else{const e=`https://ziyuan.baidu.com/linksubmit/url?sitename=${encodeURI(window.location.href)}`;$("#Joe_Baidu_Record").html(`未收录,提交收录`)}}});{let a=localStorage.getItem(e("views"))?JSON.parse(o(localStorage.getItem(e("views")))):[];const i=a.includes(t);i||$.ajax({url:Joe.BASE_API,type:"POST",data:{routeType:"handle_views",cid:t},success(o){if(1!==o.code)return;$("#Joe_Article_Views").html(`${o.data.views} 阅读`),a.push(t);const i=e("views"),n=e(JSON.stringify(a));localStorage.setItem(i,n)}})}{let e=100;const o=["#F8D800","#0396FF","#EA5455","#7367F0","#32CCBC","#F6416C","#28C76F","#9F44D3","#F55555","#736EFE","#E96D71","#DE4313","#D939CD","#4C83FF","#F072B6","#C346C2","#5961F9","#FD6585","#465EFB","#FFC600","#FA742B","#5151E5","#BB4E75","#FF52E5","#49C628","#00EAFF","#F067B4","#F067B4","#ff9a9e","#00f2fe","#4facfe","#f093fb","#6fa3ef","#bc99c4","#46c47c","#f9bb3c","#e8583d","#f68e5f"],t=(e,o)=>Math.floor(Math.random()*(o-e+1))+e,a=$(".joe_detail__leaving-list").width(),i=$(".joe_detail__leaving-list").height(),n=["20px 300px","20px 400px","20px 500px","30px 300px","30px 400px","30px 500px","40px 300px","40px 400px","40px 500px"],d=["300px 20px","400px 20px","500px 20px","300px 30px","400px 30px","500px 30px","300px 40px","400px 40px","500px 40px"];$(".joe_detail__leaving-list .item").each((l,c)=>{const s=t(1,99),p=o[t(0,o.length-1)],r=Math.ceil($(c).width()),x=Math.ceil($(c).height()),u=t(0,i-x),h=t(0,a-r);$(c).css({display:"block",zIndex:s,background:p,top:u,left:h,borderTopLeftRadius:d[t(0,d.length-1)],borderTopRightRadius:n[t(0,n.length-1)],borderBottomLeftRadius:n[t(0,n.length-1)],borderBottomRightRadius:n[t(0,n.length-1)]}),$(c).draggabilly({containment:!0}),$(c).on("dragStart",o=>{e++,$(c).css({zIndex:e})})})}}); \ No newline at end of file diff --git a/assets/js/joe.short.js b/assets/js/joe.short.js new file mode 100644 index 0000000..770afb0 --- /dev/null +++ b/assets/js/joe.short.js @@ -0,0 +1,341 @@ +document.addEventListener('DOMContentLoaded', () => { + /* + * + * + * * + * 开放类组件 + * * + * + * + */ + + /* 便条按钮 */ + class JoeAnote extends HTMLElement { + constructor() { + super(); + this.options = { + icon: this.getAttribute('icon') || 'fa-download', + href: this.getAttribute('href') || '#', + type: /^secondary$|^success$|^warning$|^error$|^info$/.test(this.getAttribute('type')) ? this.getAttribute('type') : 'secondary', + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '标签按钮' + }; + this.render(); + } + get template() { + return ` + + ${this.options.content} + + `; + } + render() { + this.innerHTML = this.template; + } + } + window.customElements.define('joe-anote', JoeAnote); + /* 多彩按钮 */ + class JoeAbtn extends HTMLElement { + constructor() { + super(); + this.options = { + icon: this.getAttribute('icon') || '', + color: this.getAttribute('color') || '#ff6800', + href: this.getAttribute('href') || '#', + radius: this.getAttribute('radius') || '17.5px', + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '多彩按钮' + }; + this.render(); + } + get template() { + return ` + + ${this.options.content} + + `; + } + render() { + this.innerHTML = this.template; + } + } + window.customElements.define('joe-abtn', JoeAbtn); + /* Dplayer */ + class JoeDplayer extends HTMLElement { + constructor() { + super(); + this.options = { + src: this.getAttribute('src'), + player: this.getAttribute('player') + }; + this.render(); + } + get template() { + return ` + + `; + } + render() { + if (this.options.src) this.innerHTML = this.template; + else this.innerHTML = '播放地址未填写!'; + } + } + window.customElements.define('joe-dplayer', JoeDplayer); + /* BiliBili */ + class JoeBilibili extends HTMLElement { + constructor() { + super(); + this.options = { + bvid: this.getAttribute('bvid') + }; + this.render(); + } + get template() { + return ` + + `; + } + render() { + if (this.options.bvid) this.innerHTML = this.template; + else this.innerHTML = 'Bvid未填写!'; + } + } + window.customElements.define('joe-bilibili', JoeBilibili); + /* 居中标题 */ + class JoeMtitle extends HTMLElement { + constructor() { + super(); + this.options = { + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '居中标题' + }; + this.render(); + } + get template() { + return ` +
+ ${this.options.content} +
+ `; + } + render() { + this.innerHTML = this.template; + } + } + window.customElements.define('joe-mtitle', JoeMtitle); + /* 点击复制 */ + class JoeCopy extends HTMLElement { + constructor() { + super(); + this.options = { + text: this.getAttribute('text') || '默认文本', + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '点击复制' + }; + this.render(); + } + get template() { + return `${this.options.content}`; + } + render() { + this.innerHTML = this.template; + this.event(); + } + event() { + this.$copy = this.querySelector('.joe_detail__article-copy'); + new ClipboardJS(this.$copy, { text: () => this.options.text }).on('success', () => Qmsg.success('复制成功!')); + } + } + window.customElements.define('joe-copy', JoeCopy); + /* 消息提示 */ + class JoeMessage extends HTMLElement { + constructor() { + super(); + this.options = { + type: /^success$|^info$|^warning$|^error$/.test(this.getAttribute('type')) ? this.getAttribute('type') : 'info', + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '提示内容' + }; + this.render(); + } + get template() { + return ` +
+
+
${this.options.content}
+
+ `; + } + render() { + this.innerHTML = this.template; + } + } + window.customElements.define('joe-message', JoeMessage); + /* 默认卡片 */ + class JoeCard extends HTMLElement { + constructor() { + super(); + this.options = { + width: this.getAttribute('width') || '100%', + label: this.getAttribute('label') || '默认标题', + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '默认内容' + }; + this.render(); + } + get template() { + return ` +
+
${this.options.label}
+
${this.options.content}
+
+ `; + } + render() { + this.innerHTML = this.template; + } + } + window.customElements.define('joe-card', JoeCard); + /* 回复可见 - 显示状态 */ + class JoeShow extends HTMLElement { + constructor() { + super(); + this.options = { + content: this.innerHTML.trim().replace(/^(
)|(
)$/g, '') || '默认隐藏的内容' + }; + this.render(); + } + render() { + this.innerHTML = this.options.content; + } + } + window.customElements.define('joe-show', JoeShow); + /* 时间轴 */ + class JoeTimeline extends HTMLElement { + + } + /* + * + * + * * + * 私有化组件 + * * + * + * + */ + + /* 网易云音乐 - 单首 */ + class JoeMusic extends HTMLElement { + constructor() { + super(); + this.options = { + id: this.getAttribute('id'), + width: this.getAttribute('width') || '100%', + height: this.getAttribute('height') || '86px', + autoplay: this.getAttribute('autoplay') ? 1 : 0 + }; + this.render(); + } + get template() { + return ` + +
+ +
+ `; + } + render() { + this.innerHTML = ''; + this._shadowRoot = this.attachShadow({ mode: 'closed' }); + if (this.options.id) this._shadowRoot.innerHTML = this.template; + else this._shadowRoot.innerHTML = '网易云歌曲ID未填写!'; + } + } + window.customElements.define('joe-music', JoeMusic); + /* 网易云音乐 - 歌单 */ + class JoeMlist extends HTMLElement { + constructor() { + super(); + this.options = { + id: this.getAttribute('id'), + width: this.getAttribute('width') || '100%', + height: this.getAttribute('height') || '450px', + autoplay: this.getAttribute('autoplay') ? 1 : 0 + }; + this.render(); + } + get template() { + return ` + +
+ +
+ `; + } + render() { + this.innerHTML = ''; + this._shadowRoot = this.attachShadow({ mode: 'closed' }); + if (this.options.id) this._shadowRoot.innerHTML = this.template; + else this._shadowRoot.innerHTML = '网易云歌单ID未填写!'; + } + } + window.customElements.define('joe-mlist', JoeMlist); + /* 回复可见 - 隐藏状态 */ + class JoeHide extends HTMLElement { + constructor() { + super(); + this.render(); + } + get template() { + return ` + +
+ 此处内容作者设置了 回复 可见 +
+ `; + } + render() { + this.innerHTML = ''; + this._shadowRoot = this.attachShadow({ mode: 'closed' }); + this._shadowRoot.innerHTML = this.template; + this.event(); + } + event() { + this.$button = this._shadowRoot.querySelector('i'); + this.$button.addEventListener('click', () => { + const top = $('.joe_comment').offset().top - $('.joe_header').height() - 15; + window.scrollTo({ top, behavior: 'smooth' }); + }); + } + } + window.customElements.define('joe-hide', JoeHide); +}); diff --git a/assets/js/joe.short.min.js b/assets/js/joe.short.min.js index 516d660..03a7cfb 100644 --- a/assets/js/joe.short.min.js +++ b/assets/js/joe.short.min.js @@ -1,6 +1 @@ -/* - * 加密工具已经升级了一个版本,目前为 jsjiami.com.v6 ,更新了加密算法,缩减了体积; - * 另外 jsjiami.com.v6 已经强制加入校验,注释可以去掉,但是 jsjiami.com.v6 不能去掉,其他都没有任何绑定。 - * 誓死不会加入任何后门,JsJiami.com 加密的使命就是为了保护你们的Javascript 。 - */ -var _0xodP='jsjiami.com.v6',_0x226e=[_0xodP,'EE8AXgpP','wqzDvREb','e8Ozwr1jwrkAVkQ=','fMK6wqDCh8K3','woMLw6TDgMK7','572j5pqv5Lmq5q6R5Y+9w7rCuuafi+WhjeWFpe+/lA==','wo3DmMOEFsKE','EMKHwp0Hw5TDp8OnScKC','e8OjH0TClGd9w5fCtDpvJA==','PMOuCmPCsEpffsK0Xg==','w6RhTsOdLcKEw4zDtg==','IsKYV0hOR8K9Gg==','w6RhTsOdPcKDw5PDuA==','EMKHwp0Hw53DoMOsWA==','woQ7w43Dh8KQ','cMOUKyvChA==','wqNvNcOnw4E=','wpHDgsOnw6HCnsOePw==','OsK7fncP','wonDlcO9NMK8','w6pHMgQQT8KGwoBqwoDDsMKj','AsKycWbClQ==','OUjCo8OJ','S8KawoHCk8KISsKbJMKBQMO8w6k=','w58zwpfDlcKK','bjjChXTCrQ==','YcO7w5s2w6E=','wpHDn8O5FMK7w4p0w6FI','worDgMO6w6U=','WMOswpXCmsOD','w6E6wqjDjMKGAQ==','wpkvIMOiHsOzGA==','woDDl0tBwpBIPg==','BwhJICQWWWzDnW0Cwq9CwoXDlsOPFcKYZ33Ct05+U2nDr8KVw49jZ8Ovwq7CpcOBwrXDjUfCscOlfio5wr47','dSfCvEHCm8Kcw4vDnw==','w4XCkgcxwqU=','T8KIwp/CtsKW','awAxwqIp','EMKmw6ksw6lMFx08OD7Cm8OjGynDhMKTJQDDlsOMO1LDnMK0wq/DsMK3LcKhAELDtMOWw7DCt8OpwpplwoJdw6zDnkXChcKPw7nDnDPCojZCMg==','fw/DgsOwwpXCgcKY','w7cFw6HDosOJwqg1wqA=','VFdOOSoWFA==','WgodWBBcw7g+wrrCtFpmJsKwNw7CiMOtw77DhAM3wpM9GsKWbMKBEGAKw7TDrHbDi31hJBvCq8OTX2F4w6lBZH8Vw7/DmDRxJG4OJMOQwqTCqsOPGsOrw7PCsQoqw7oLwr/DphjDhMOQFS1ndUlywpPDsWbDnXkZaCIIwqs5w4B0FMKRwpDCnHbDoMOxHALCiCfCnnE=','OcOxGyfCslBF','wrxGw6bDvg==','AC7Cv8KkwoXCuH8=','wpUwOsO/FMOzHw==','w4TCnsOkAcKow6wewqYkajjDpHDCmMKHw7fCpy3DqGN/S0/DkMKKwoVvw47Dvwg/dxl6w5DCp8K6woLDrjYb','worDlktQwoduHsOQw7E=','wpADIsObw7dHP1bDilrDtQ==','woQ4w5bDkcK8QTZLwqvCjDos','HifCt8Oxw6M=','cUHCjXgDesOdw4rCmg==','wqnCo23DsRPDjw==','wqHCh3DDpwE=','XXZpPCE=','ZcOpFxnCmm9lw5s=','J2V4w4ZfwpQOUsOdw70fJkMJw6BmMMKIwogqwqnCksOjwoNHUsKIwqvCo8OZIjjDu8OhOsOCw6IzSMKsdcKSw73DvCMUD8K1RhjCmsKKacKNc8OEP8KdOF0YwrgSw6BXbMKowprDr8KjUl/CqQEUMcK1RsO3DsOZwpHDrcKSE8OTw6ZdwqvCm8KVw4snw6XCu8KCwqrDvTFiwrZfw78ZRy5VfnA3w7wfwrxmwp0YFcOwwoRiwpYKw4UDHEofwrYcZw4Jw6zDhETCk04wTzbDhMK1SHjDjcKFw7jDhcOPwqbDssKBOMKhwokXCcK7XkzCtcOzeEsUdibDssOCwoVkw4AfGcK9F3vDsTnDrlDDr3oFdlA0K1lOwpEWcH/Dt2DDlMOVb8KiVUbDiRcceT8NJMORd8KqFMOYw48Kw5RSH8KMC8OHwp7DtcOeDTNnSEtlw7ABTsOYBMO/wo9VHcKhJx3CmlzDgcKnY0TDo8KyZBXDt8K8QMKzw4R8wrAEwo9BFiNTw4k8w4rCvxEQw5jCmMOww4gybcKXwp3Ck8K9w6nDlUHCskvCpMOubMOPFxlNw7c5ZMKkwprDkCpMbTfDmyDDi8OXG8OlTXLDr8OIwpwyYMKdwr5lEMKiYsOQT3VgHD1gUDYcwojDv8OUw6AhwpFkaMKyVBLDsMOuw79UGsOFFMK0TBN6wovDvV7Cg3cHEsKPw5nCll0fRVJ/w6TCviLCk8KBKg3DsMOfZsKWccKDw5rDssKvDSdWw7VKIsK9JcOcAy4hwohaPMONwozDoMKsIcOJw6zCgMOtOsKfU8KRV8OuwqlswqA7AAvCmTDDscKNwqDCvsOEXMOPRMOubHhWw6/ClGTDuDZjwpbCokzCvsOmw4VpJFjDisKvw5FvwpjDucOHbiMow7VLwoPCssKNw5/DsMKRw7nDrADCtFjCoA5scBACw5nCr8O8fzpow6YOOnvCiAJWRRVAw7jDicKiKsKzZsKAwqUxVcKPU8Kbw5FEwoZNw4DDqX/DmsOSGVUgwqHDmcO3w4/DiMKzfjsWdXRXw5Fowq4Gw70Vw701w6EXwrzDpsOOTH5WVVbDhF7Cg8O8d8Ohw6LCjH0OJQo3wqzChEd8My81w4zDrwvDrMK8w7nDpXpJdBUiwroYUU/CqlTDmWNUCzYfNAjChcOfccOISsKdKsKuw5twMyTDuMKcwoJkecOawpdTw7PCh8K2wqHDnQPDt8OQw5YZUMKlwqjCvsKLBMKxC8O7w68jw7HCocKMDlJ/wq8ow64cY1lOD3wDwp7CkDxlWcOvQyIVcRjDt8Ktc8O6w6chfHxvNsOIwr8/J8KOD8KAWsKgUsO9w7rCj33ChDTCh8Ocb8OZamRTecOFLcKmVFLChcOhwqZZfSdMA39KPcKQeFvDrsOuwoPDgsKNegVEwqJoIsKOwrNNKMKRbsKQNjcpwpDDvXXDjsKkw7BRNMOYaUfDtMOcwrTCkWUQScOKw44lOsKtGsOn5qy95aau5YW05a6Y5L656ICv6K2G57y45Luzw5TCtAsf5ZmS5aa0OsObw5PCjiDljbbopIFhw5AUw4x2w5w/QsKhw4oAwrkeUMKSw5oBCcOnw6PCvzt0QsORFizDtgnDmsKcwppke8Kzew==','GcKdwotew5rDpMONUcKCQMOTwp9xw7k=','X8ORw7vDrsOcZw==','fh3Dh8O1wrI=','fsO8DgDCmWBi','dxrDgsOYwo7Cm8KZBiw2X8OY','wrRsOcKuwrU=','wpTDosO0w7zCkg==','esODw5rDvsOk','McOkGw/CqUpEY8K6TsKgw58=','esK4wpHCm8K1','OzLCncKPwrs=','wqYeJMOfw6FgHEnDqQ==','wrVYLcKBwprDqAI=','XcO0wqvCmcOw','w6pzwosLw4NLwosRV8OpM1vDk1QmwrwobsKowpvDp8KVwoJScMOUd3JqKGV5wpDCrcOwQlPDksO4FxEFwpjDqMK2w5PCrCRDLMOxKl1EwqHCjyHCkR5Zw7bCjcOew5IFGsOOXsK4w6Imw7U=','bjLCpVjCmMKTw4w=','w4/Dk8KnUsKB','DlnCusObMsK/wpLCiF7CpUkgVMKLwqlMwqo=','wpfDscOeF8KkbC4=','w6VVchhCag==','VMOEw6nDrsOdbDo=','ByzCrsKr','Og/Cl3wDVcOsw7PDqyFmwozDjmIPwrZhJgNHw5ttOws7WsOOS0bCnMK2SMOhw7zDscOhwqtPVRnDvxRxwpQ9wrLClFhEwqFaworDu8KaVcKZRMOHwpPCkxjDtMO9UBQhLsOBMsKifVEGw6nDrznCjjkGbSdSTgHDkcKfQMKGSEs4w7g0ZcO9w7rCp8OGw4LCs1vCvMKJ','w585wrfDucK/Q8Kg','IMKJdVo=','O8KFYUbCs8OIPw==','eMO/DCvCgQ==','wqzCq8KxwrFcwo07OgFuw4pEXQdzwq3CkFgEDHtSYMOIb31pF0fCukVCw7rCqMOswrgjwp/CvcOdw63DiF93JEjCuFZ7w4plSsKqwrdkBcOvOsOIITNXw4Uzwp3ClMOlKMOQZ1nCusKawrpxw4fCh8OYHHPDjMKmIlQ0Y2fClRnCk8OQwo/DgsKxWMKgWCFFZ8OLf0nDh03DowbDmTkgRcO1fcO+IsKNAjY2MmjCoyjCg8Ksw7lh','Vw/CscOQ','w7prRsKAIsKKw4jDqg==','w4cCw5FPw4vDhMO1w4/DjMKTA2XCk1A=','w5QswqXDucK+SA==','ey0ZIcOmw7HDscOR','JsKabl0uLEs=','w6Riw7A=','w6HDjGFwwpwpQSvDq8Ojwp/Cuw==','wr8cK8ODw7Za','w79HKCEBSQ==','IMKQeF/CsMOHOEE=','w7LCkcK3UcOpwqIAwowkajjDpHDCmMKHw7fCpzHCoSUtCgLClcKWw4liwpHChlsidVM1wpXDmMO+w4fCundSwqN1KMKCWMOHNMKVw5RRXFYow4TCjR5RwqMSwrbDt8KMehnDnhc2wrtlw6LCm086w4kKW8KOw4HCqsKJwq3CksO1wr4vTFQ=','wovDhsOVw73CmA==','w5Qbw4NCw4HDmw==','wovDg8O0','wq8cemoNXcKGwohlwpDCusOMLsOEw6BTwoLDoh9ZZAbDhcKr','SUJUNCAK','wpfDgcOjGMKmw6xT','HCzCqA==','w7LDjHhBwoQ8Ryc=','TcOHw6Qjw5lNXcOcIQ==','SArCi3nCjQ==','wpvDhMOkBcKmw69lw4BhJ33CqiTDiw==','ag7CmF/Cvg==','Q8KPwoHCu8KTUMKa','CDvCv8KMwp7Con5tw5hUw7xL','wpzDhMO6w6w=','w7xrRcKUK8KZ','wrsVJ8OKw79JPGE=','E8OnwpbCrsO4QsK9LsO5w6bCjMKjwphVwrEZFTrDhw43wqfCvGrChmEXcMOwFzPDksOmbzPCg18UDcKGVBLDjRPCrMK6BD5Awp7ChjTDs8OEw6HDocKNw70KLcOIwrnCocO/Q8Kmw7U4IsKEF8KySEBIPXxQwrPCiMKbwpxFwrZHwoHDvhdrw4LDm8ORw7xVJFbCuXPCpsO+wrDCrsOSwpRTwqfCjsK7w4oUwqBYw6vCkyjDssOUw5PCsALDpB8cw7BDwqHCkA==','w7vCuxUKwprDtn0=','w4TDvcO4w7U=','M8KyRkbCn2hjw5/CuzY9R8O1wqlUOMOYw5XCkCnDti8dfA==','cMKpw5jDq8KqKsOJQ8KV','w6fCiQoJwp8=','w65XNTELVsKxwoVtwpjDocKoesKX','fErChXQfVw==','EUQHXBBzw4kHw4s=','RsOOwpLCsA==','wr0VOsOWw7JLLQ==','OsKSXAFIVA==','w6c6wqvDmMKPEsKjwo8=','G8KsWknDli4xwp7DtnMjbcO1wqlUOMOYw4nDlGDCoC9eMMO3w6ZXasO4YsOUwphYVsORw7A8OsOfa8O+bMOow4DCulTCncK1w43DmRTDl2klFMKbfMKIJ0jCtkR4KsKywpbCsx4xNMKJw5PDvMOhOMK9FjDDnsKVXz9QwokLwrQ7w4/Ds0NMCWPCk1/DrsKP','w5ljw5HDgMK+R1sDw4DDiHV7wr9PZMOuWsKuwrIkwq8Rwoolw6hUb8KIX8KwWsKdDsKmwoDCsx/CuMKafsO2wqjCmsKV','wpLDkHdfwpM=','PsKHe0YR','d27Cumki','w5knwq3DtcKiZcKHCcOV','XjHCuVDCk8KSw4jDqC4/Bw==','WlNOMSYQNCTCtilNw7g=','w5nDmn1QwowyRBDDpsO5wp8=','DsKNwpVaw5nDqMO8WA==','w5Fcw4dCMQ==','wowiw4zDlcKtYTFuwoY=','MsOkCSfCs1s=','woDDinRHwqc=','w4MSw5Z6w5DDncOCw4rDi8KLEm4=','BTzCosOHw6w=','w5TDisOofMOC','PcKbe0rCrsOuGGnCqA==','OV/CucOQ','QMOZwovCscOJw5DCmw==','cQjCjsOnBg==','EcK7XcKtKURV','wpDCk8K4TcKSw7VP','w5PDvsOxd8O2wp0=','w7cOwqjDo8Ku','QcOlw4wSw6U=','wq8Hw4Jzwrk=','wpfDnMO9w63Cg8O4GGjCsA==','JjbCrsOVw4HCrwjDmw==','w7oxwqjDjcKRO8KDwqfDvA==','bsOjwqR8wqUNQ1g=','w4Qww4Rbwpo=','HivCrsK/wpPChWlow59Cw7xBwpA=','wrvDh8Oyw4XCiw==','woXDuMOwY8Oq','DsKNwoBe','w5/DicKoXsKWw6gC','5aS45YmP5ouI5Yir772B','woY5w5HDhMKwRCBPwq/ChTA1w6sc','wpI6MsOiH8O4','KGDCpcOIXw==','S8OZw74vw4Rreg==','IMKJw6ZL','SiAswqcLw4BcG8KfwqhLYw==','J8KNZiB3','wrJAw73DkcOYwrp6w6vCiTdPeQ==','dcO8wp1JwpM=','MkEgfi0=','WTcxwos=','cxXCo13CpQ==','P0jCvsOZbCI=','w7hEYhhYd1s=','RsOFwovCuA==','w4ggasKvwrDDnEkEEsOAwoJFwq7DnMOMXMKSGE/ChsK6f8O0L8KKHMKkw6c9w6sHaMOzOmUnw6F8A3oBHWHCg2o+WMOOMsKuw6UCwr3DlMKSwpLCjh80','woM8w4VfwoYFw58=','BwheOTNGbUXDnkQrwrNNw4HCn8KZC8KyTlTCng==','w5MUw4p1w4o=','w6BXfj9Z','wofDusOfw6PCsw==','A8KgwrRBw7c=','w7/CrgwPwrQ=','UsOQw4jDicOg','w5bDm8O4FMKWw6pFw41gL2o=','PMKQfEjCtMOS','YiEOY8Orw7/DkcOQ','w7d+WMKeGQ==','YjfCokXCmMKQw7rDliQ9FnckMA==','WyMXwq07','VcOZwo/CnMOcw4fCjMKIRMKJwqHDpg==','Km4/aws=','w6MmwqLDqsKK','wrlEw6vDtcOA','6buB6K2j5qKx6aCW','w73CpQ8GwofDkFrChMOO','DFgAVA==','w7TDjGVdwok+Vg==','akrCjXkUQA==','JsOfw5XDssOcHsOJbcODFcKowqzDpsO1K8KmJMKaw5vDs8OQwrYGwqXDnMK4X8KGwoPDmcOban9eGcObGMKdGcO1Q2nDu8OSJlZYw5bCiDbCh0HClhIDwrZJVMO4w5rDsUYFd8ONw5bCvsO9Ew==','d1/Cl3QeXMO6','w5rCj8KdUcOpwqIAwowkajjDpHDCmMKHw7fCpy3DqGN/S0/DjMOSw4N4w5DClkR+JEpnw5LDs8Ozw5bConMZw7E=','QSQ6woMT','wqzDo3XChH4xG8KVwrjDusOpbTTDtDzCncKZwrULwpDDrU7Dij7DpBAbw7bDpHfCg0stXiLChGXCscO2E8K2w4HDrjHDlAEEwoE=','O8Kcw6FWw4TCsMOE','woYjw4zDhMK6RxE=','w4TCnsOzGMK/wrwqwowkajjDpHDCmMKHw7fCpy3DqGN/S0/DjMKZw45nwobDiyI/dxl6w5DCp8K6woLDrjYbw68=','HTvCpcKpwo/CpA==','MMKiVl8D','XMKvw7DDnsKf','w4jDv8OKXcOB','UT/Cl8OhOQ==','fjXDrsO+wok=','C8Kfw71ew4/CscOAWsO5w6Nt','AMOLw78yw59qZw==','w58RwofDn8K5','w6pTPgwT','HcKZwoBjw4I=','ZhPCulTCvQ==','w7InwqvDoMK8','wo81w41YwoYf','w4QmwrM=','McOQBCvClw==','w47DrMOXRsOw','w4wSw4tcw4zDnQ==','w6PCoX7Cgnxn','w5YHwrHDlsKc','w7fDqcObRcO+','WSA1wpYTw5VaFw==','J8KHRgxCSMK8','ZcO+EwQ=','w6E6wrbDhMKCEMKy','DcK9X3AR','JsKJw7tbw47CrA==','w58rwqXDv8K8','w4Iswp/DvcKq','w6nCmAUVw5UGasK9wp0bOsOgw6TDlsKGdD50wp0ZBBIuwpTDhcOBUU4vw7nCvsKkQj18wqJWR8OKw7Imwqwaw5bDucOpSsKrESPDkcO9EcOrwpPCssO2FMO9ccKUaWxOBcOvQcOOw7/CvMOVXwDDoHMFeGTDkSbDi1jDi8OfEcK7w4AO','wojDncO2CMKsw7A=','YsO+GQ==','PcKCw7taw5nClsOjRcOa','N8KAZlvCs8OLCUjCgRNQA07CiQ==','w4HCtnXCl3I=','w47Dq8OresO8woHCgA==','wp/DpMOeP8K/di9ewrjCsMK7wrM=','w6PCogUXwp0=','B8KDw7RFw7E=','wqsYw7hSwrc=','TCPCqGXCpg==','ZScRfMOrw7LDscOa','HsKFdjNA','w7vDncKTSMKF','wozDlMO6AcKlw6NUw4k=','w7IqwrLDh8KTH8K2wpM=','P8KeVhFF','wrUUfhRefkAwwobDkQ==','wp46PcOsGcOp','O8O5worCocKxBMOvb8K0wqPCksKJwphVwrEZFSbCjkhlw6bDsS/ChiJbMcK/S2rCmcO6PlzDvBtRWcOHHV7CsmzDrcOoUA==','wpI2w4VPwoYZ','w58rwrLDvMKt','cjYwwocbw5tZIMKSwrJL','eRHDmMO8wojCp8K/IgI=','wpEpw4/DgMKzSBFG','eCwSacO1w5vDkcOyw4Y=','LljCo8OJZj3ChjIRwqfCssOCAWs=','fsOjwq9lwqcJ','w5k8wp/DsMKi','w6JSMiwLVcKH','w7B1w6dTN8OLwrUfwpjClsOUw64=','dsOtw5wUw4I=','wqUwNcOxKw==','w688w7FCw7A=','w7HCqljCuVA=','w5cswrfDkcKkWcKhLcO7wp0bJg==','AMKxXcK9KVg=','w6NRewFbeFwh','wqZIKcKCwovDpwZX','wrBUOcKZwpM=','w4HCmE1QwpxBIsOpwoAZ','w5rCj8KrXsKgw6RSw41pLybDjnDCmMKHw7fCpy3DqGN/S0/DkMKWwoouw5DDiQd7Pk9kw7rCp8K6woLDrjYbw68KV8ODCsKT','wqdAw6fDtMOJwrw=','YRfDpMOzwpw=','w7cpwpHDrcK7','w5HDpiPCtVbCnX7DjRrCmsK+PX3DicKqw7LCl8KMw7F1Mx98C1lUJsKVBHzCqsOew5gNw5REQMK5wrseYcOGQH52NsO/cnjCv1Zvw58=','dcO2wr1lwqYCRA==','woVuFMOPw5bCuzM=','w5rCkcOjEMK7w6VFw5g5aEfCpjzDmcOJwrzCpS3CuiYzVk3CnsOZw4V+wpXCm01td1c1woLDosO8w4fCvGRewr0KGcKMTMOcMcKaw5dDUxhOwoXDlFsDwqESw7fCu8OANU7CmEJ6w7c2wqHDiQp/wptECcKbw53Dv8KPw6PDk8O1wr9xUx9mw5UGw5rChRQnw5Z9wqbCmmrChsKfcsORUcKC','wokww4RF','w4ggXMKJw5DDq3wiXcOUwopdwrDCg8OTTcKABVLDh8K/fcOoMsKVAMO7wqc3w7YUOMKNEVI=','F1odUA1Vw64=','w4LDtMOxZ8O2woHChw==','w6kKw7rDoMONwqA2wojDi2IbPMK+w7PDu8KmDEADVcORVBE2wqjCjsKLS2l/TSsKL0tad3fDhwjDog==','IcKZXABfbsKbMxs=','NcKYw6Few4jCtsOkYMO3w6h2ZQ==','w61iRMKDK8KP','agrCsMOVJMK0woDCqBzCuFw=','RcKRwpvCt8KOdsK9AMKv','bcKiw5vDvsK0A8Opaw==','IMKEdFEzCmw+w5o=','e1rCkGkeX8OMw6vCs25cwoDDlnA=','KUjCtsOUZzU=','ckDChjAcXsOgw7TCog==','XyA2woIaw4Y=','RsOZwpbCrcOEw5LCisKE','wqzCq8KxwrFcwo07OgFuw4pEXQdzwq3CkFgeHnBfaMKTRT4lVhTDqVhAwrDDp8Kpw4dnw5rDqcKcwqTChCAIZRTCr1B2w5JhDsK0wr53XMOxQsOKIXIbwol8w4rDksKwZMKcNBrDqMOfw78/w5rChcKMTibCicKkYEYlaz3DhVnDicOOwofCmcOoT8K3BiZNf8OLc0fChkjCpAvDkzV9GMO+bsOmI8KWSTA2dzXCqH/CkcKgw7pwwpjCrkpHw4HDusKUPGpPEcKCw7zCnnrCtQPCv2RNw5LClDTDpcOKbsKbw4TDlUnCsMONw7RCw7c7V8O4IcOFw6sywoLCkwzCisOZFMOzwoXDriZWw4xZwrvDrAMwIcOodcOVw7ohw6rDt3jDh1YDwqTClsK2HcKwCsOVGRbCs8OTCHE8B2hIDFwLw57CtnVCw618EXEka0DCkcKpwqLDqH1uw7rCssKDc2pyw4zCgMOhUhsVEzrCv8O1McKZZh/ChcOVwo5Gw6PCsEF0wplCw4/CvMOrwrwmw4chwrlgw4PCvDUzw5DCqw8QOgBVwp/DslDDn8OGajjCsFZdw4HCmX/CjHgtKcOXwoTDum/Dj8O1K8OswrwQw4xnwqTCoMOjw4g7OFbChMKtM2Vkwo/CuA/Dl0jDpcKMw5rCuDbDrAtwwqkjLsOew7bDnMK6GSbCk0XDnzfClcOkw4vCssOQMVvCgVcxUcOMVsOewpEJw57CnWHDpcKiw5DDmsOdZMKxw6HCglJdf0LDocOXw6lowqI5w789ITwNNB/DjmfCmVTDtT5ERMKGw5sKw6sVw7PChsOyRCjDpSbDt1bDv8KpRl/DtDkywoohw67Dv3kjwqZcwpYBwrwuVSYxTGrCvMK5SsO3wo1dwrLCqsKWwq0sw7wcUifDrMOsacK8w6jDrWLCpxUGNxfCpsK7S0vCtWwfUU58c13Dt3d7P8OsL8KtCkXClMKrJMOjJ2MnXMKfJVcsw4tcwpIoT8KewqEsOsKpTkEvATELwoIgw7rCtsKqfUvCpMK/wqlVQhVhw6LCvsKDwodKwp42QsK6w7nDsMKBwr/DqMKbJ8OGwrgVwrNxw581G1cSwrUSUsOdO8KGwqnDkh/Dg8K5wpHCki7DqsKJwrDCvFhEKhRjRmPDrcKWK3/DsXo/WX7CgcKtcWJEVArDs8KVw4Jnw7bCjMK9Y33CqMKowrjDt8KCHS8dw7fDl8K0A8O7GsKxOHzDpTDDkVx5wqvCgR3Dilp9ZMKxEMKDSHZ8MSTCmVc4wqM6w40wHT1iWhjDnsOcwoPCjsKYH203LMKNw4oBTG4PwrLCkAsGwoLCq8Ocw7ZXVcKzeV3Do1LDtC9/HmQAw7bDm0DDjMOPw5zCvcKRw5nCkEgcw7vDhsOhVgDDhyokwrzCjMOFw5J6w4HCocObw4vDisKpMWk3w4Qewr9zw7LCg8OIwpfCsSAoCAUaGzkAMMKpIUJQwq7CmEwxKsOVXV1lJsO4w4l+RuavkuWku+WGouWsu+S8m+iBg+itq+e8geS7ryZiw4wX5Zmi5aacw7Evf8KLcuWPqeilsiYPwrvDgsO1cMONw6djG2/CrlbCqMO/HsKKw5vCvMOGYWvCuEBQwpvDkMOmw6BzX8KRfSJGwpM=','cyfCv1XCksKP','wpYZMMO5w4A=','dsKSwpLCpsK+','YcOZw7rDs8Ow','JADCkG0QXMK3','wp8xOsOuA8OVP3hA','wqHDgcO7w6nClcOfO3fCkzHChQ==','TDEswoccw5x9GsKcwrlQcQ==','woDDlEpGwpBC','bcOPwpPCvMOMw5zCicKzScKTwqE=','E8KGwpZPw4fDgcOccMKr','BsKxXsKpIEtVw7k=','P8KOVEEX','ATHCtcOvw4c=','El7CuMOcbT/CtAwbwqXCow==','w6HCuXTCn3FcdMOZw73CucK9ImY=','aU/CpcOJfT/CrQ==','NcKIw7F6w53Cu8OZfMOaw6VqZhsZSh0=','w7fCpwgAwp4=','w6oXworDg8Kh','fcKUwqTCncKz','w5bDq8OFG8KUYTJawrfCoMKhwqI=','w4PDmsKtTsKWw68=','BzvCosKqwoLCog==','ITDCscOKw4HCoijDkQ==','Il3CpMOUZj7CsA==','wovDs8OJ','w40Zw4xew5bDocOkw67DpQ==','woI6OcO7HcO8H1A=','wok9w4VOwpEjw798Ow==','5pKf5paC5Z+L5Z6d5p6C5aOY5YWn77+g','wqwFOcOOw7xFDWjDgFjDpMO0wpsS','MMKJw7NWw4XCuw==','wrrCi3fDkDc=','woNyEMKuwpTDpRNLd0DDmFvCt8Kzw5TDtQ==','w6XCvGvCm1s=','eCETYg==','FMK1HsK9I11Pw7DDlcKpwq0=','RTc9woA=','bcK+w4bDqw==','wpM2w4hEwo0Pw4pDDg==','5qCG56y85o+Y6ZKf','wok1I8O+w4U=','w7QGw7V2w4c=','K8KYXgpf','5ae/5byl5o6r6ZCe','IUs9exU=','5pO55peS5Z6l5Z2/5p6B5aK15YSu77yJ','57+F5puY5Luw5qyv5piHw5FK5p+j5aOp5YaU77+H','w5TComDCj3w=','wqnDtmp5wr4=','54KM5YaC5aeV5YqC','V3vCikUr','w6RMICo=','5o2g56Wz5YWG5ayp','wo3Dn8O8w6fChcOY','w5LDksOww6M5','wqzCr2fDoR4=','N8Ktw5nDq8KHCsO4b8K9wqPDng==','T8KTwpzCscKX','wrA7w6rDkcKc','wrtvKcO/w78=','jskyjWiamiG.UIcokYDkeum.rVdv6=='];(function(_0x50bdcb,_0x1c0c16,_0x4e0827){var _0xb2516b=function(_0x4767a4,_0x27753b,_0x5f6be4,_0x2e7eee,_0x4d50aa){_0x27753b=_0x27753b>>0x8,_0x4d50aa='po';var _0x2a71d0='shift',_0xd38df4='push';if(_0x27753b<_0x4767a4){while(--_0x4767a4){_0x2e7eee=_0x50bdcb[_0x2a71d0]();if(_0x27753b===_0x4767a4){_0x27753b=_0x2e7eee;_0x5f6be4=_0x50bdcb[_0x4d50aa+'p']();}else if(_0x27753b&&_0x5f6be4['replace'](/[kyWGUIkYDkeurVd=]/g,'')===_0x27753b){_0x50bdcb[_0xd38df4](_0x2e7eee);}}_0x50bdcb[_0xd38df4](_0x50bdcb[_0x2a71d0]());}return 0x76598;};return _0xb2516b(++_0x1c0c16,_0x4e0827)>>_0x1c0c16^_0x4e0827;}(_0x226e,0x158,0x15800));var _0x37df=function(_0x4bd822,_0x2bd6f7){_0x4bd822=~~'0x'['concat'](_0x4bd822);var _0x56cd21=_0x226e[_0x4bd822];if(_0x37df['oeMamJ']===undefined){(function(){var _0x253661=typeof window!=='undefined'?window:typeof process==='object'&&typeof require==='function'&&typeof global==='object'?global:this;var _0x373ea6='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x253661['atob']||(_0x253661['atob']=function(_0x127230){var _0x395e49=String(_0x127230)['replace'](/=+$/,'');for(var _0x4a51ce=0x0,_0x29ec56,_0x5d93df,_0x1f243b=0x0,_0x45f4b0='';_0x5d93df=_0x395e49['charAt'](_0x1f243b++);~_0x5d93df&&(_0x29ec56=_0x4a51ce%0x4?_0x29ec56*0x40+_0x5d93df:_0x5d93df,_0x4a51ce++%0x4)?_0x45f4b0+=String['fromCharCode'](0xff&_0x29ec56>>(-0x2*_0x4a51ce&0x6)):0x0){_0x5d93df=_0x373ea6['indexOf'](_0x5d93df);}return _0x45f4b0;});}());var _0x3da43c=function(_0x39d3a7,_0x2bd6f7){var _0x434f30=[],_0x2f4ece=0x0,_0xfbb64b,_0x477725='',_0x4a98af='';_0x39d3a7=atob(_0x39d3a7);for(var _0x38c21a=0x0,_0x3e1e9=_0x39d3a7['length'];_0x38c21a<_0x3e1e9;_0x38c21a++){_0x4a98af+='%'+('00'+_0x39d3a7['charCodeAt'](_0x38c21a)['toString'](0x10))['slice'](-0x2);}_0x39d3a7=decodeURIComponent(_0x4a98af);for(var _0x258866=0x0;_0x258866<0x100;_0x258866++){_0x434f30[_0x258866]=_0x258866;}for(_0x258866=0x0;_0x258866<0x100;_0x258866++){_0x2f4ece=(_0x2f4ece+_0x434f30[_0x258866]+_0x2bd6f7['charCodeAt'](_0x258866%_0x2bd6f7['length']))%0x100;_0xfbb64b=_0x434f30[_0x258866];_0x434f30[_0x258866]=_0x434f30[_0x2f4ece];_0x434f30[_0x2f4ece]=_0xfbb64b;}_0x258866=0x0;_0x2f4ece=0x0;for(var _0x4237bc=0x0;_0x4237bc<_0x39d3a7['length'];_0x4237bc++){_0x258866=(_0x258866+0x1)%0x100;_0x2f4ece=(_0x2f4ece+_0x434f30[_0x258866])%0x100;_0xfbb64b=_0x434f30[_0x258866];_0x434f30[_0x258866]=_0x434f30[_0x2f4ece];_0x434f30[_0x2f4ece]=_0xfbb64b;_0x477725+=String['fromCharCode'](_0x39d3a7['charCodeAt'](_0x4237bc)^_0x434f30[(_0x434f30[_0x258866]+_0x434f30[_0x2f4ece])%0x100]);}return _0x477725;};_0x37df['sqRGEh']=_0x3da43c;_0x37df['HvnSqv']={};_0x37df['oeMamJ']=!![];}var _0x44931c=_0x37df['HvnSqv'][_0x4bd822];if(_0x44931c===undefined){if(_0x37df['iCYZDb']===undefined){_0x37df['iCYZDb']=!![];}_0x56cd21=_0x37df['sqRGEh'](_0x56cd21,_0x2bd6f7);_0x37df['HvnSqv'][_0x4bd822]=_0x56cd21;}else{_0x56cd21=_0x44931c;}return _0x56cd21;};document['addEventListener'](_0x37df('0','xYz#'),()=>{var _0x4a1e91={'awowO':function(_0x47811f,_0x3310cd){return _0x47811f!==_0x3310cd;},'IqUAx':_0x37df('1','o#oT'),'sQdCN':_0x37df('2','1Oun'),'qdjEu':_0x37df('3','@M#l'),'VGdII':_0x37df('4','^3S2'),'ozTEZ':_0x37df('5','[LuG'),'ERQpJ':_0x37df('6','u5x]'),'jPnGk':_0x37df('7','xKdE'),'LttTN':'closed','QYfRP':function(_0x3c0b5b,_0x54c4e6){return _0x3c0b5b===_0x54c4e6;},'cwjdj':_0x37df('8','diJB'),'zAsrw':function(_0x14c85e,_0x2f9fdd){return _0x14c85e===_0x2f9fdd;},'fQSld':_0x37df('9','iZb@'),'jPgtc':_0x37df('a','SiZF'),'AwGyV':'#ff6800','TlVBQ':'radius','wAuqN':'17.5px','oHPDX':_0x37df('b','C)v*'),'isvBw':_0x37df('c','0bsc'),'utFui':function(_0x2045de,_0x52f876){return _0x2045de+_0x52f876;},'IHZHz':_0x37df('d','Ai4l'),'sBkjj':'Bvid未填写!','FLTPr':_0x37df('e','Vtl4'),'qhRjf':function(_0x282f5c,_0x15c893){return _0x282f5c===_0x15c893;},'wmarP':_0x37df('f','o#oT'),'oAYtS':_0x37df('10','!IG4'),'WoabA':'text','uQwoQ':'默认文本','DqVSF':_0x37df('11','88*8'),'dQnKM':function(_0xb16b2c,_0xf5bca0){return _0xb16b2c!==_0xf5bca0;},'eLFTN':_0x37df('12','YeID'),'EuaMz':'.joe_detail__article-copy','ibeeo':'success','JkIGO':_0x37df('13','ueP0'),'rWrlR':_0x37df('14','A1xl'),'yHLkB':function(_0x5ada09,_0x585bdf){return _0x5ada09-_0x585bdf;},'kemlA':function(_0x5e1b43,_0x2c15cd){return _0x5e1b43(_0x2c15cd);},'idUNR':'.joe_comment','ypsnW':_0x37df('15','#Ayt'),'wchNn':_0x37df('16','oTno'),'RDVRi':_0x37df('17','K7uy'),'SoazZ':'100%','EhFPG':function(_0x4f3abe,_0x2a56e8){return _0x4f3abe(_0x2a56e8);},'TPOBM':_0x37df('18','[LuG'),'RHzbg':_0x37df('19','jbZ@'),'dFOUy':_0x37df('1a','C)v*'),'VrDVm':function(_0x41a4ea,_0x149f16){return _0x41a4ea!==_0x149f16;},'rgpvo':'ZVgaG','DWEDP':'默认隐藏的内容','obfol':_0x37df('1b','awF^'),'QsYUI':'jAYRi','KKSyT':_0x37df('1c','0bsc'),'DsNog':_0x37df('1d','Vtl4'),'MayTQ':_0x37df('1e','nfz2'),'WaXuv':'xGpts','afITX':'450px','dvWEX':_0x37df('1f','jbZ@'),'zZafJ':_0x37df('20','C)v*'),'hHdWF':_0x37df('21','FCDM'),'YizCS':function(_0x487960,_0x1b5f7a){return _0x487960!==_0x1b5f7a;},'ZmgtB':_0x37df('22','F3[D'),'QkQOO':function(_0x1aafd2,_0x3c1dc5){return _0x1aafd2(_0x3c1dc5);},'SbvJj':'KRXBw','nbqlH':_0x37df('23','xPW)'),'kLInI':'joe-dplayer','nTgNU':_0x37df('24','6nt8'),'crQrR':_0x37df('25','u)uZ'),'eMuuV':_0x37df('26','B$Hm'),'vfOKD':'joe-message','fNrFL':_0x37df('27','SiZF'),'Qzdzz':_0x37df('28','B$Hm'),'JcYXA':'joe-music','aMtEA':_0x37df('29','xPW)')};class _0x159755 extends HTMLElement{constructor(){if(_0x4a1e91[_0x37df('2a','C)v*')](_0x37df('2b','6nt8'),_0x4a1e91[_0x37df('2c','awF^')])){super(),this[_0x37df('2d','#Ayt')]={'icon':this['getAttribute'](_0x4a1e91[_0x37df('2e','YwzA')])||_0x4a1e91[_0x37df('2f','F3[D')],'href':this[_0x37df('30','ueP0')](_0x4a1e91[_0x37df('31','kUL&')])||'#','type':/^secondary$|^success$|^warning$|^error$|^info$/[_0x37df('32','A(rs')](this[_0x37df('33','jbZ@')](_0x4a1e91[_0x37df('34','A1xl')]))?this['getAttribute'](_0x4a1e91[_0x37df('35','xKdE')]):_0x4a1e91[_0x37df('36','fEV2')],'content':this[_0x37df('37','F3[D')][_0x37df('38','#Ayt')]()['replace'](/^(
)|(
)$/g,'')||_0x4a1e91[_0x37df('39','FCDM')]},this[_0x37df('3a','i4Uu')]();}else{return'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'+this[_0x37df('3b','qwFY')][_0x37df('3c','!IG4')]+_0x37df('3d','NKHJ');}}get[_0x37df('3e','xKdE')](){if(_0x4a1e91[_0x37df('3f','Vtl4')](_0x4a1e91[_0x37df('40','jbZ@')],_0x37df('41','^3S2'))){return _0x37df('42','nfz2')+this[_0x37df('43','((fC')]['type']+_0x37df('44','s*xe')+this[_0x37df('45','NKHJ')]['href']+_0x37df('46','0bsc')+this[_0x37df('47','u)uZ')][_0x37df('48','s*xe')]+'\x22>'+this[_0x37df('49','Ir!n')][_0x37df('4a','qwFY')]+_0x37df('4b','F3[D');}else{this[_0x37df('4c','!IG4')]='',this[_0x37df('4d','diJB')]=this[_0x37df('4e','C)v*')]({'mode':_0x4a1e91[_0x37df('4f','L2i@')]}),this['_shadowRoot'][_0x37df('50','YeID')]=this['template'],this['event']();}}[_0x37df('51','K7uy')](){if(_0x4a1e91[_0x37df('52','K7uy')](_0x4a1e91['fQSld'],_0x4a1e91[_0x37df('53','NKHJ')])){this['innerHTML']=this[_0x37df('54','6nt8')];}else{return _0x37df('55','^3S2');}}}window[_0x37df('56','xPW)')][_0x37df('57','VSj]')](_0x4a1e91[_0x37df('58','((fC')],_0x159755);class _0x436833 extends HTMLElement{constructor(){super(),this[_0x37df('59','6nt8')]={'icon':this[_0x37df('5a','((fC')](_0x4a1e91[_0x37df('5b','xYz#')])||'','color':this[_0x37df('30','ueP0')](_0x4a1e91[_0x37df('5c','#Ayt')])||_0x4a1e91[_0x37df('5d','VSj]')],'href':this[_0x37df('5e','u)uZ')](_0x4a1e91[_0x37df('5f','jbZ@')])||'#','radius':this['getAttribute'](_0x4a1e91[_0x37df('60','Ir!n')])||_0x4a1e91['wAuqN'],'content':this[_0x37df('61','diJB')]['trim']()[_0x37df('62','xYz#')](/^(
)|(
)$/g,'')||_0x4a1e91[_0x37df('63','FCDM')]},this['render']();}get['template'](){return _0x37df('64','u5x]')+this[_0x37df('65','xKdE')][_0x37df('66','s@DJ')]+_0x37df('67','88*8')+this[_0x37df('68','Wlqs')][_0x37df('69',']mo#')]+'\x22\x20href=\x22'+this[_0x37df('6a','VSj]')][_0x37df('6b','Ir!n')]+_0x37df('6c','YeID')+this[_0x37df('6d','A1xl')][_0x37df('6e','YwzA')]+'\x20fa\x22>'+this[_0x37df('6f','kUL&')]['content']+'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';}[_0x37df('51','K7uy')](){if(_0x4a1e91['awowO'](_0x4a1e91['isvBw'],_0x4a1e91[_0x37df('70','6nt8')])){return _0x37df('71','oTno')+this['options'][_0x37df('72','88*8')]+'\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';}else{this[_0x37df('37','F3[D')]=this[_0x37df('73','B$Hm')];}}}window[_0x37df('74','iZb@')][_0x37df('75','A1xl')](_0x37df('76','1Oun'),_0x436833);class _0x43f6b7 extends HTMLElement{constructor(){super(),this[_0x37df('77','YwzA')]={'src':this['getAttribute'](_0x37df('78','2QAc')),'player':this[_0x37df('79','Qfh!')](_0x37df('7a','diJB'))},this[_0x37df('7b','ueP0')]();}get[_0x37df('7c','kUL&')](){return _0x37df('7d','F3[D')+_0x4a1e91[_0x37df('7e','#Ayt')](this['options'][_0x37df('7f','iZb@')],this['options'][_0x37df('80','F3[D')])+_0x37df('81','ueP0');}[_0x37df('82','NKHJ')](){this[_0x37df('83','F3[D')][_0x37df('84','Ir!n')]?this['innerHTML']=this[_0x37df('85','Qfh!')]:this[_0x37df('86','fEV2')]=_0x4a1e91[_0x37df('87','xKdE')];}}window[_0x37df('88','F3[D')]['define'](_0x4a1e91[_0x37df('89','xKdE')],_0x43f6b7);class _0x54212e extends HTMLElement{constructor(){super(),this[_0x37df('8a','jbZ@')]={'bvid':this[_0x37df('8b','Ir!n')](_0x37df('8c','#Ayt'))},this[_0x37df('8d','B$Hm')]();}get[_0x37df('8e','diJB')](){return _0x37df('8f','[LuG')+this[_0x37df('90','Vtl4')][_0x37df('91','oTno')]+_0x37df('92','6nt8');}['render'](){this['options'][_0x37df('91','oTno')]?this[_0x37df('93','[LuG')]=this[_0x37df('3e','xKdE')]:this['innerHTML']=_0x4a1e91[_0x37df('94','Vtl4')];}}window[_0x37df('95','ueP0')][_0x37df('96','YeID')](_0x4a1e91['nTgNU'],_0x54212e);class _0x47b89d extends HTMLElement{constructor(){super(),this['options']={'content':this[_0x37df('97','0bsc')][_0x37df('98','FCDM')]()[_0x37df('99','diJB')](/^(
)|(
)$/g,'')||'居中标题'},this[_0x37df('9a','SiZF')]();}get[_0x37df('9b','i4Uu')](){return _0x37df('9c','6nt8')+this['options'][_0x37df('3c','!IG4')]+_0x37df('9d','C)v*');}['render'](){if(_0x4a1e91[_0x37df('9e','!IG4')](_0x4a1e91[_0x37df('9f','YwzA')],_0x4a1e91[_0x37df('a0','YeID')])){this[_0x37df('a1','A1xl')]='',this[_0x37df('a2','xKdE')]=this[_0x37df('a3','NKHJ')]({'mode':'closed'}),this[_0x37df('49','Ir!n')]['id']?this[_0x37df('a4','Qfh!')]['innerHTML']=this[_0x37df('a5','xPW)')]:this['_shadowRoot']['innerHTML']=_0x4a1e91[_0x37df('a6','2QAc')];}else{this[_0x37df('a7','C)v*')]=this[_0x37df('3e','xKdE')];}}}window[_0x37df('56','xPW)')][_0x37df('a8','u)uZ')](_0x4a1e91[_0x37df('a9','!IG4')],_0x47b89d);class _0x386fba extends HTMLElement{constructor(){super(),this['options']={'text':this[_0x37df('aa','iZb@')](_0x4a1e91[_0x37df('ab','L2i@')])||_0x4a1e91[_0x37df('ac','d!2%')],'content':this[_0x37df('ad','kUL&')][_0x37df('ae','A(rs')]()[_0x37df('af','FCDM')](/^(
)|(
)$/g,'')||_0x4a1e91[_0x37df('b0','88*8')]},this['render']();}get['template'](){return''+this[_0x37df('77','YwzA')][_0x37df('b1','@M#l')]+_0x37df('b2','s@DJ');}[_0x37df('b3','d!2%')](){if(_0x4a1e91[_0x37df('b4','i4Uu')](_0x4a1e91[_0x37df('b5','fEV2')],_0x37df('b6','u5x]'))){this[_0x37df('b7','#Ayt')]=this[_0x37df('b8','L2i@')];}else{this[_0x37df('b9','i4Uu')]=this[_0x37df('ba','nfz2')],this['event']();}}['event'](){this[_0x37df('bb','u5x]')]=this[_0x37df('bc','Ir!n')](_0x4a1e91[_0x37df('bd','#Ayt')]),new ClipboardJS(this[_0x37df('be','d!2%')],{'text':()=>this[_0x37df('83','F3[D')][_0x37df('bf','xPW)')]})['on'](_0x4a1e91['ibeeo'],()=>Qmsg[_0x37df('c0','s@DJ')](_0x37df('c1','88*8')));}}window[_0x37df('c2','C)v*')][_0x37df('c3','qwFY')](_0x4a1e91[_0x37df('c4','A(rs')],_0x386fba);class _0x2918c9 extends HTMLElement{constructor(){super(),this[_0x37df('c5','fEV2')]={'type':/^success$|^info$|^warning$|^error$/[_0x37df('c6','Ai4l')](this[_0x37df('c7','^3S2')](_0x4a1e91[_0x37df('c8','SiZF')]))?this[_0x37df('c9','s*xe')](_0x4a1e91[_0x37df('ca','nfz2')]):_0x4a1e91[_0x37df('cb','0bsc')],'content':this[_0x37df('97','0bsc')][_0x37df('cc','^3S2')]()['replace'](/^(
)|(
)$/g,'')||_0x4a1e91[_0x37df('cd','xKdE')]},this[_0x37df('ce','A(rs')]();}get[_0x37df('9b','i4Uu')](){return'\x0a\x09\x09\x09\x09)|(
)$/g,'')||'默认内容'},this[_0x37df('e8','YeID')]();}get['template'](){return _0x37df('e9','jbZ@')+this[_0x37df('ea','YeID')]['width']+_0x37df('eb','F3[D')+this[_0x37df('6a','VSj]')][_0x37df('ec','^3S2')]+_0x37df('ed','o#oT')+this[_0x37df('ee','Ai4l')][_0x37df('ef','C)v*')]+_0x37df('f0','F3[D');}[_0x37df('f1','Ir!n')](){var _0x1c54c4={'gqxIw':function(_0x2077c8,_0x2c81a1){return _0x4a1e91[_0x37df('f2','YwzA')](_0x2077c8,_0x2c81a1);},'gQkeJ':function(_0x51d875,_0x146f2c){return _0x4a1e91[_0x37df('f3','[LuG')](_0x51d875,_0x146f2c);},'Bnhpl':_0x4a1e91[_0x37df('f4','d!2%')],'owHUc':_0x4a1e91['TPOBM'],'LNAwZ':_0x4a1e91['RHzbg']};if(_0x4a1e91['dQnKM'](_0x4a1e91[_0x37df('f5','88*8')],_0x37df('f6','((fC'))){this[_0x37df('ad','kUL&')]=this['template'];}else{this['$button']=this[_0x37df('f7','Ai4l')]['querySelector']('i'),this[_0x37df('f8','fEV2')]['addEventListener'](_0x1c54c4[_0x37df('f9','i4Uu')],()=>{const _0x579fb1=_0x1c54c4[_0x37df('fa','ueP0')](_0x1c54c4[_0x37df('fb','xPW)')](_0x1c54c4[_0x37df('fc','xKdE')]($,_0x1c54c4[_0x37df('fd','A1xl')])[_0x37df('fe','u5x]')]()[_0x37df('ff','A1xl')],_0x1c54c4[_0x37df('100','u)uZ')]($,_0x1c54c4[_0x37df('101','d!2%')])[_0x37df('102','iZb@')]()),0xf);window['scrollTo']({'top':_0x579fb1,'behavior':_0x37df('103','o#oT')});});}}}window['customElements'][_0x37df('96','YeID')](_0x4a1e91[_0x37df('104','A1xl')],_0x30f5d5);class _0x1fdad2 extends HTMLElement{constructor(){if(_0x4a1e91[_0x37df('105','d!2%')](_0x4a1e91['rgpvo'],_0x4a1e91['rgpvo'])){this[_0x37df('61','diJB')]=this[_0x37df('106','^3S2')];}else{super(),this[_0x37df('107','SiZF')]={'content':this[_0x37df('b9','i4Uu')][_0x37df('108','6nt8')]()[_0x37df('109','i4Uu')](/^(
)|(
)$/g,'')||_0x4a1e91[_0x37df('10a','YwzA')]},this[_0x37df('10b','Ai4l')]();}}['render'](){if(_0x4a1e91[_0x37df('10c','A1xl')]===_0x4a1e91[_0x37df('10d','i4Uu')]){return _0x37df('10e','!IG4')+(this[_0x37df('c5','fEV2')][_0x37df('10f','F3[D')]+this[_0x37df('107','SiZF')][_0x37df('110','6nt8')])+'\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20';}else{this[_0x37df('111','Ai4l')]=this['options']['content'];}}}window[_0x37df('112','kUL&')]['define'](_0x4a1e91[_0x37df('113','o#oT')],_0x1fdad2);class _0x257d0d extends HTMLElement{constructor(){super(),this[_0x37df('114','d!2%')]={'id':this['getAttribute']('id'),'width':this[_0x37df('115','Wlqs')](_0x37df('116','Vtl4'))||_0x4a1e91[_0x37df('117','Ai4l')],'height':this[_0x37df('79','Qfh!')](_0x4a1e91[_0x37df('118','u5x]')])||_0x4a1e91['DsNog'],'autoplay':this['getAttribute'](_0x4a1e91[_0x37df('119','xKdE')])?0x1:0x0},this['render']();}get[_0x37df('11a','1Oun')](){if(_0x4a1e91[_0x37df('11b','SiZF')](_0x4a1e91[_0x37df('11c','s@DJ')],_0x4a1e91['WaXuv'])){this[_0x37df('a1','A1xl')]=this[_0x37df('11d','F3[D')],this['event']();}else{return'\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20.container\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20width:\x20100%;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20.container\x20iframe\x20{\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20display:\x20block;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20margin:\x200\x20auto;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20border:\x20none;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20vertical-align:\x20middle;\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20}\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20'+this[_0x37df('43','((fC')][_0x37df('4a','qwFY')]+_0x37df('156','YeID');}else{this[_0x37df('157','qwFY')]='',this[_0x37df('158','#Ayt')]=this[_0x37df('159','^3S2')]({'mode':_0x37df('15a','!IG4')}),this[_0x37df('15b','FCDM')][_0x37df('15c','xPW)')]=this[_0x37df('15d','@M#l')],this['event']();}}['event'](){if(_0x37df('15e','YwzA')!==_0x4a1e91[_0x37df('15f','L2i@')]){this['$button']=this[_0x37df('160','A(rs')][_0x37df('161','o#oT')]('i'),this[_0x37df('162','A(rs')][_0x37df('163','Ai4l')](_0x37df('164','Vtl4'),()=>{const _0x159755=_0x4a1e91[_0x37df('165','i4Uu')](_0x4a1e91[_0x37df('166','jbZ@')]($,_0x37df('167','Wlqs'))[_0x37df('168','s@DJ')]()['top'],_0x4a1e91['QkQOO']($,_0x4a1e91['TPOBM'])[_0x37df('169','Ir!n')]())-0xf;window[_0x37df('16a','L2i@')]({'top':_0x159755,'behavior':_0x4a1e91['ypsnW']});});}else{this[_0x37df('16b','A(rs')][_0x37df('16c','Wlqs')]?this[_0x37df('16d','iZb@')]=this[_0x37df('16e','qwFY')]:this[_0x37df('16f','u5x]')]=_0x37df('170','FCDM');}}}window[_0x37df('171','diJB')][_0x37df('172','Ai4l')](_0x4a1e91[_0x37df('173','K7uy')],_0x1c4d6d);});;_0xodP='jsjiami.com.v6'; \ No newline at end of file +document.addEventListener("DOMContentLoaded",()=>{class t extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"fa-download",href:this.getAttribute("href")||"#",type:/^secondary$|^success$|^warning$|^error$|^info$/.test(this.getAttribute("type"))?this.getAttribute("type"):"secondary",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"标签按钮"},this.render()}get template(){return`\n \n ${this.options.content}\n \n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-anote",t);class e extends HTMLElement{constructor(){super(),this.options={icon:this.getAttribute("icon")||"",color:this.getAttribute("color")||"#ff6800",href:this.getAttribute("href")||"#",radius:this.getAttribute("radius")||"17.5px",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"多彩按钮"},this.render()}get template(){return`\n \n ${this.options.content}\n \n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-abtn",e);class i extends HTMLElement{constructor(){super(),this.options={src:this.getAttribute("src"),player:this.getAttribute("player")},this.render()}get template(){return`\n \n `}render(){this.options.src?this.innerHTML=this.template:this.innerHTML="播放地址未填写!"}}window.customElements.define("joe-dplayer",i);class n extends HTMLElement{constructor(){super(),this.options={bvid:this.getAttribute("bvid")},this.render()}get template(){return`\n \n `}render(){this.options.bvid?this.innerHTML=this.template:this.innerHTML="Bvid未填写!"}}window.customElements.define("joe-bilibili",n);class s extends HTMLElement{constructor(){super(),this.options={content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"居中标题"},this.render()}get template(){return`\n
\n ${this.options.content} \n
\n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-mtitle",s);class o extends HTMLElement{constructor(){super(),this.options={text:this.getAttribute("text")||"默认文本",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"点击复制"},this.render()}get template(){return`${this.options.content}`}render(){this.innerHTML=this.template,this.event()}event(){this.$copy=this.querySelector(".joe_detail__article-copy"),new ClipboardJS(this.$copy,{text:()=>this.options.text}).on("success",()=>Qmsg.success("复制成功!"))}}window.customElements.define("joe-copy",o);class r extends HTMLElement{constructor(){super(),this.options={type:/^success$|^info$|^warning$|^error$/.test(this.getAttribute("type"))?this.getAttribute("type"):"info",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"提示内容"},this.render()}get template(){return`\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
${this.options.content}
\n\t\t\t\t
\n\t\t\t`}render(){this.innerHTML=this.template}}window.customElements.define("joe-message",r);class a extends HTMLElement{constructor(){super(),this.options={width:this.getAttribute("width")||"100%",label:this.getAttribute("label")||"默认标题",content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"默认内容"},this.render()}get template(){return`\n
\n
${this.options.label}
\n
${this.options.content}
\n
\n `}render(){this.innerHTML=this.template}}window.customElements.define("joe-card",a);class h extends HTMLElement{constructor(){super(),this.options={content:this.innerHTML.trim().replace(/^(
)|(
)$/g,"")||"默认隐藏的内容"},this.render()}render(){this.innerHTML=this.options.content}}window.customElements.define("joe-show",h);class l extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",height:this.getAttribute("height")||"86px",autoplay:this.getAttribute("autoplay")?1:0},this.render()}get template(){return`\n \n
\n \n
\n `}render(){this.innerHTML="",this._shadowRoot=this.attachShadow({mode:"closed"}),this.options.id?this._shadowRoot.innerHTML=this.template:this._shadowRoot.innerHTML="网易云歌曲ID未填写!"}}window.customElements.define("joe-music",l);class c extends HTMLElement{constructor(){super(),this.options={id:this.getAttribute("id"),width:this.getAttribute("width")||"100%",height:this.getAttribute("height")||"450px",autoplay:this.getAttribute("autoplay")?1:0},this.render()}get template(){return`\n \n
\n \n
\n `}render(){this.innerHTML="",this._shadowRoot=this.attachShadow({mode:"closed"}),this.options.id?this._shadowRoot.innerHTML=this.template:this._shadowRoot.innerHTML="网易云歌单ID未填写!"}}window.customElements.define("joe-mlist",c);class d extends HTMLElement{constructor(){super(),this.render()}get template(){return'\n \n
\n 此处内容作者设置了 回复 可见\n
\n '}render(){this.innerHTML="",this._shadowRoot=this.attachShadow({mode:"closed"}),this._shadowRoot.innerHTML=this.template,this.event()}event(){this.$button=this._shadowRoot.querySelector("i"),this.$button.addEventListener("click",()=>{const t=$(".joe_comment").offset().top-$(".joe_header").height()-15;window.scrollTo({top:t,behavior:"smooth"})})}}window.customElements.define("joe-hide",d)}); \ No newline at end of file diff --git a/core/function.php b/core/function.php index 900e7bb..cbc7b25 100644 --- a/core/function.php +++ b/core/function.php @@ -3,7 +3,7 @@ /* 获取主题当前版本号 */ function _getVersion() { - return "5.5.6"; + return "5.5.7"; }; /* 判断是否是手机 */ diff --git a/core/parse.php b/core/parse.php index 37e1a54..55ae133 100644 --- a/core/parse.php +++ b/core/parse.php @@ -8,7 +8,11 @@ function _parseCommentReply($text) { $text = _parseReply($text); $text = preg_replace('/\{!{(.*?)\}!}/', '画图', $text); - echo $text; + if (strip_tags($text)) { + echo $text; + } else { + echo "该回复疑似异常,已被系统拦截!"; + } } /* 过滤表情 */ @@ -31,11 +35,24 @@ function _parseReply($text) return $text; } +/* 格式化留言回复 */ +function _parseLeavingReply($text) +{ + $text = _parseReply($text); + $text = preg_replace('/\{!\{(.*?)\}!\}/', '画图', $text); + $text = strip_tags($text); + if (!$text) $text = "该回复疑似异常,已被系统拦截!"; + echo $text; +} + /* 格式化侧边栏回复 */ function _parseAsideReply($text, $type = true) { - if ($type) echo _parseReply(preg_replace('~{!{.*~', '# 图片回复', strip_tags($text))); - else echo preg_replace('~{!{.*~', '# 图片回复', strip_tags($text)); + $text = preg_replace('~{!{.*~', '# 图片回复', $text); + $text = strip_tags($text); + if (!$text) $text = "该回复疑似异常,已被系统拦截!"; + if ($type) echo _parseReply($text); + else echo $text; } /* 过滤侧边栏最新回复的跳转链接 */ diff --git a/core/short.php b/core/short.php index ae4e8e8..7ed03f2 100644 --- a/core/short.php +++ b/core/short.php @@ -66,5 +66,10 @@ function _parseContent($post, $login) $content = preg_replace('/{abtn(.*)}/SU', '', $content); $content = preg_replace('/{\/abtn}/SU', '', $content); } + /* 多彩按钮 */ + if (strpos($content, '{timeline') !== false) { + $content = strtr($content, array("{timeline}" => '', "{/timeline}" => '')); + $content = strtr($content, array("{timeline-item}" => '', "{/timeline-item}" => '')); + } echo $content; } diff --git a/friends.php b/friends.php index 5220dee..008fdd1 100644 --- a/friends.php +++ b/friends.php @@ -27,6 +27,7 @@
+ need('public/batten.php'); ?> need('public/article.php'); ?> + + + + + + need('public/include.php'); ?> + + + + + +
+ need('public/header.php'); ?> +
+
+
+ need('public/batten.php'); ?> +
+ comments()->to($comments); ?> + have()) : ?> +
    + next()) : ?> +
  • +
    + 用户头像 +
    author(); ?>
    +
    date('Y/m/d'); ?>
    +
    +
    +
    content); ?>
    +
    +
  • + +
+ +
暂无留言,期待第一个脚印。
+ +
+
+ need('public/comment.php'); ?> +
+
+ need('public/footer.php'); ?> +
+ + + \ No newline at end of file diff --git a/page.php b/page.php index a460106..6cca267 100644 --- a/page.php +++ b/page.php @@ -16,6 +16,7 @@
+ need('public/batten.php'); ?> need('public/article.php'); ?> need('public/handle.php'); ?> need('public/copyright.php'); ?> diff --git a/post.php b/post.php index 3904798..56dff6e 100644 --- a/post.php +++ b/post.php @@ -35,6 +35,7 @@
+ need('public/batten.php'); ?> need('public/article.php'); ?> need('public/handle.php'); ?> need('public/copyright.php'); ?> diff --git a/public/article.php b/public/article.php index 273eb2b..3ffbcce 100644 --- a/public/article.php +++ b/public/article.php @@ -1,44 +1,3 @@ -categories) > 0 || $this->user->uid == $this->authorId) : ?> -
- categories) > 0) : ?> - categories, 0, 5) as $key => $item) : ?> - - - - user->uid == $this->authorId) : ?> - is('post')) : ?> - 编辑文章 - - 编辑页面 - - -
- - -

title() ?>

-
-
- <?php $this->author(); ?> -
- -
- date('Y-m-d'); ?> - / - commentsNum('%d'); ?> 评论 - / - 阅读 - / - 正在检测是否收录... -
-
-
- -
- - -
hidden && $this->fields->video) : ?>
@@ -64,7 +23,10 @@ hidden) : ?>
- + + + +
diff --git a/public/batten.php b/public/batten.php new file mode 100644 index 0000000..ea53f76 --- /dev/null +++ b/public/batten.php @@ -0,0 +1,38 @@ +categories) > 0 || $this->user->uid == $this->authorId) : ?> +
+ categories) > 0) : ?> + categories, 0, 5) as $key => $item) : ?> + + + + user->uid == $this->authorId) : ?> + is('post')) : ?> + 编辑文章 + + 编辑页面 + + +
+ + +

title() ?>

+
+
+ <?php $this->author(); ?> +
+ +
+ date('Y-m-d'); ?> + / + commentsNum('%d'); ?> 评论 + / + 阅读 + / + 正在检测是否收录... +
+
+
+ +
\ No newline at end of file diff --git a/screenshot.png b/screenshot.png index 1443524..0c29fb8 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/typecho/editor/js/joe.editor.js b/typecho/editor/js/joe.editor.js index 93a859e..8a99ee8 100644 --- a/typecho/editor/js/joe.editor.js +++ b/typecho/editor/js/joe.editor.js @@ -103,12 +103,12 @@ $(function () { title: '多彩按钮', id: 'wmd-abtn-button', svg: '' + }, + { + title: '时间轴', + id: 'wmd-timeline-button', + svg: '' } - // { - // title: '时间轴', - // id: 'wmd-timeline-button', - // svg: '' - // } ]; /* 用于设置插入到文章的短代码内容 */ @@ -172,6 +172,9 @@ $(function () { case 'wmd-abtn-button': str = `{abtn icon="Font Awesome图标" color="颜色值" href="跳转地址" radius="圆角(最大17.5px)"}${$('#text').selectionRange() ? $('#text').selectionRange() : '多彩按钮'}{/abtn}`; break; + case 'wmd-timeline-button': + str = `\n{timeline}\n {timeline-item}时间轴内容{/timeline-item}\n {timeline-item}时间轴内容{/timeline-item}\n{/timeline}\n`; + break; } return str; } diff --git a/typecho/editor/js/joe.editor.min.js b/typecho/editor/js/joe.editor.min.js index de59907..541a7a7 100644 --- a/typecho/editor/js/joe.editor.min.js +++ b/typecho/editor/js/joe.editor.min.js @@ -1 +1 @@ -$(function(){function t(t){let s="";switch(t){case"wmd-card-button":s=`\n{card-default width="100%" label="默认标题"}\n ${$("#text").selectionRange()?$("#text").selectionRange():"默认内容"}\n{/card-default}\n`;break;case"wmd-hide-button":s=`\n{hide}\n ${$("#text").selectionRange()?$("#text").selectionRange():"默认隐藏的内容"}\n{/hide}\n`;break;case"wmd-mlist-button":s='\n{music-list id="网易云歌单ID" width="100%" height="450px" autoplay="autoplay" /}\n';break;case"wmd-music-button":s='\n{music id="网易云歌曲ID" width="100%" height="86px" autoplay="autoplay" /}\n';break;case"wmd-html-button":s='\n!!!\nHello Joe\n\n!!!\n';break;case"wmd-title-button":s="\n# 一级标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n";break;case"wmd-table-button":s="\n| 左对齐 | 右对齐 | 居中对齐 |\n| :-----| ----: | :----: |\n| 单元格 | 单元格 | 单元格 |\n";break;case"wmd-snippet-button":s="\n```php\necho 'Hello Joe';\n```\n";break;case"wmd-code-button":s=` \`${$("#text").selectionRange()?$("#text").selectionRange():"行内代码"}\` `;break;case"wmd-nbsp-button":s=" ";break;case"wmd-delete-button":s=` ~~${$("#text").selectionRange()?$("#text").selectionRange():"删除线"}~~ `;break;case"wmd-task-button":s="{x} 任务已完成\n{ } 任务未完成";break;case"wmd-dplayer-button":s='\n{dplayer src="M3U8或MP4地址" /}\n';break;case"wmd-bili-button":s='\n{bilibili bvid="哔哩哔哩的Bvid" /}\n';break;case"wmd-copy-button":s=`{copy text="默认文本"}${$("#text").selectionRange()?$("#text").selectionRange():"点击复制"}{/copy}`;break;case"wmd-mtitle-button":s=`\n{mtitle}${$("#text").selectionRange()?$("#text").selectionRange():"居中标题"}{/mtitle}\n`;break;case"wmd-message-button":s=`\n{message type="success|info|warning|error(选择其一)"}${$("#text").selectionRange()?$("#text").selectionRange():"提示内容"}{/message}\n`;break;case"wmd-anote-button":s=`{anote icon="Font Awesome图标" href="跳转地址" type="secondary|success|warning|error|info(选择其一)"}${$("#text").selectionRange()?$("#text").selectionRange():"便条按钮"}{/anote}`;break;case"wmd-abtn-button":s=`{abtn icon="Font Awesome图标" color="颜色值" href="跳转地址" radius="圆角(最大17.5px)"}${$("#text").selectionRange()?$("#text").selectionRange():"多彩按钮"}{/abtn}`}return s}$("#wmd-editarea textarea").attr("placeholder","请输入文章内容...(开启粘贴上传功能后,支持图片粘贴上传哦~)"),$("#wmd-button-bar .wmd-edittab").remove(),$("#wmd-button-row .wmd-spacer").remove(),$("#wmd-button-row #wmd-code-button").remove(),$("#wmd-button-row #wmd-more-button").remove(),$("#wmd-fullscreen-button").on("click",function(){$(".fullscreen #text").css("top",$(".fullscreen #wmd-button-bar").outerHeight())});const s=[{title:"默认卡片",id:"wmd-card-button",svg:''},{title:"回复可见",id:"wmd-hide-button",svg:''},{title:"网易云歌单",id:"wmd-mlist-button",svg:''},{title:"网易云音乐",id:"wmd-music-button",svg:''},{title:"HTML代码",id:"wmd-html-button",svg:''},{title:"H1 ~ H6标题",id:"wmd-title-button",svg:''},{title:"表格",id:"wmd-table-button",svg:''},{title:"代码段",id:"wmd-snippet-button",svg:''},{title:"行内代码",id:"wmd-code-button",svg:''},{title:"缩进空格",id:"wmd-nbsp-button",svg:''},{title:"删除线",id:"wmd-delete-button",svg:''},{title:"任务列表",id:"wmd-task-button",svg:''},{title:"DPlayer视频",id:"wmd-dplayer-button",svg:''},{title:"BiliBili视频",id:"wmd-bili-button",svg:''},{title:"点击复制",id:"wmd-copy-button",svg:''},{title:"居中标题",id:"wmd-mtitle-button",svg:''},{title:"消息提示",id:"wmd-message-button",svg:''},{title:"便条按钮",id:"wmd-anote-button",svg:''},{title:"多彩按钮",id:"wmd-abtn-button",svg:''}];s.forEach(s=>{let l=$(`
  • ${s.svg}
  • `);l.on("mousedown",()=>$("#text").insertContent(t(s.id))),$("#wmd-button-row").append(l)}),$.ajax({url:"https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/json/joe.owo.json",success(t){let s="",l="";for(let c in t)s+=`
    ${c}
    `,l+=`\n
      \n ${t[c].container.map(t=>`
    • ${t.icon}
    • `).join("")} \n
    \n `;$("#wmd-button-row").append(`\n
  • \n
    \n \n
    \n
    \n ${l}\n
    ${s}
    \n
    \n
  • \n `),$(document).on("click",function(){$(".joe_owo__contain .box").removeClass("show")}),$(".joe_owo__contain .seat").on("click",function(t){t.stopPropagation(),$(this).siblings(".box").toggleClass("show")}),$(".joe_owo__contain .box .bar .item").on("click",function(t){t.stopPropagation(),$(this).addClass("active").siblings().removeClass("active");const s='.joe_owo__contain .box .scroll[data-index="'+$(this).attr("data-index")+'"]';$(s).show().siblings(".scroll").hide()}),$(".joe_owo__contain .scroll .item").on("click",function(){const t=$(this).attr("data-text");$("#text").insertContent(t)}),$(".joe_owo__contain .box .bar .item").first().click()}})}); \ No newline at end of file +$(function(){function t(t){let s="";switch(t){case"wmd-card-button":s=`\n{card-default width="100%" label="默认标题"}\n ${$("#text").selectionRange()?$("#text").selectionRange():"默认内容"}\n{/card-default}\n`;break;case"wmd-hide-button":s=`\n{hide}\n ${$("#text").selectionRange()?$("#text").selectionRange():"默认隐藏的内容"}\n{/hide}\n`;break;case"wmd-mlist-button":s='\n{music-list id="网易云歌单ID" width="100%" height="450px" autoplay="autoplay" /}\n';break;case"wmd-music-button":s='\n{music id="网易云歌曲ID" width="100%" height="86px" autoplay="autoplay" /}\n';break;case"wmd-html-button":s='\n!!!\nHello Joe\n\n!!!\n';break;case"wmd-title-button":s="\n# 一级标题\n## 二级标题\n### 三级标题\n#### 四级标题\n##### 五级标题\n###### 六级标题\n";break;case"wmd-table-button":s="\n| 左对齐 | 右对齐 | 居中对齐 |\n| :-----| ----: | :----: |\n| 单元格 | 单元格 | 单元格 |\n";break;case"wmd-snippet-button":s="\n```php\necho 'Hello Joe';\n```\n";break;case"wmd-code-button":s=` \`${$("#text").selectionRange()?$("#text").selectionRange():"行内代码"}\` `;break;case"wmd-nbsp-button":s=" ";break;case"wmd-delete-button":s=` ~~${$("#text").selectionRange()?$("#text").selectionRange():"删除线"}~~ `;break;case"wmd-task-button":s="{x} 任务已完成\n{ } 任务未完成";break;case"wmd-dplayer-button":s='\n{dplayer src="M3U8或MP4地址" /}\n';break;case"wmd-bili-button":s='\n{bilibili bvid="哔哩哔哩的Bvid" /}\n';break;case"wmd-copy-button":s=`{copy text="默认文本"}${$("#text").selectionRange()?$("#text").selectionRange():"点击复制"}{/copy}`;break;case"wmd-mtitle-button":s=`\n{mtitle}${$("#text").selectionRange()?$("#text").selectionRange():"居中标题"}{/mtitle}\n`;break;case"wmd-message-button":s=`\n{message type="success|info|warning|error(选择其一)"}${$("#text").selectionRange()?$("#text").selectionRange():"提示内容"}{/message}\n`;break;case"wmd-anote-button":s=`{anote icon="Font Awesome图标" href="跳转地址" type="secondary|success|warning|error|info(选择其一)"}${$("#text").selectionRange()?$("#text").selectionRange():"便条按钮"}{/anote}`;break;case"wmd-abtn-button":s=`{abtn icon="Font Awesome图标" color="颜色值" href="跳转地址" radius="圆角(最大17.5px)"}${$("#text").selectionRange()?$("#text").selectionRange():"多彩按钮"}{/abtn}`;break;case"wmd-timeline-button":s="\n{timeline}\n {timeline-item}时间轴内容{/timeline-item}\n {timeline-item}时间轴内容{/timeline-item}\n{/timeline}\n"}return s}$("#wmd-editarea textarea").attr("placeholder","请输入文章内容...(开启粘贴上传功能后,支持图片粘贴上传哦~)"),$("#wmd-button-bar .wmd-edittab").remove(),$("#wmd-button-row .wmd-spacer").remove(),$("#wmd-button-row #wmd-code-button").remove(),$("#wmd-button-row #wmd-more-button").remove(),$("#wmd-fullscreen-button").on("click",function(){$(".fullscreen #text").css("top",$(".fullscreen #wmd-button-bar").outerHeight())});const s=[{title:"默认卡片",id:"wmd-card-button",svg:''},{title:"回复可见",id:"wmd-hide-button",svg:''},{title:"网易云歌单",id:"wmd-mlist-button",svg:''},{title:"网易云音乐",id:"wmd-music-button",svg:''},{title:"HTML代码",id:"wmd-html-button",svg:''},{title:"H1 ~ H6标题",id:"wmd-title-button",svg:''},{title:"表格",id:"wmd-table-button",svg:''},{title:"代码段",id:"wmd-snippet-button",svg:''},{title:"行内代码",id:"wmd-code-button",svg:''},{title:"缩进空格",id:"wmd-nbsp-button",svg:''},{title:"删除线",id:"wmd-delete-button",svg:''},{title:"任务列表",id:"wmd-task-button",svg:''},{title:"DPlayer视频",id:"wmd-dplayer-button",svg:''},{title:"BiliBili视频",id:"wmd-bili-button",svg:''},{title:"点击复制",id:"wmd-copy-button",svg:''},{title:"居中标题",id:"wmd-mtitle-button",svg:''},{title:"消息提示",id:"wmd-message-button",svg:''},{title:"便条按钮",id:"wmd-anote-button",svg:''},{title:"多彩按钮",id:"wmd-abtn-button",svg:''},{title:"时间轴",id:"wmd-timeline-button",svg:''}];s.forEach(s=>{let e=$(`
  • ${s.svg}
  • `);e.on("mousedown",()=>$("#text").insertContent(t(s.id))),$("#wmd-button-row").append(e)}),$.ajax({url:"https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/json/joe.owo.json",success(t){let s="",e="";for(let c in t)s+=`
    ${c}
    `,e+=`\n
      \n ${t[c].container.map(t=>`
    • ${t.icon}
    • `).join("")} \n
    \n `;$("#wmd-button-row").append(`\n
  • \n
    \n \n
    \n
    \n ${e}\n
    ${s}
    \n
    \n
  • \n `),$(document).on("click",function(){$(".joe_owo__contain .box").removeClass("show")}),$(".joe_owo__contain .seat").on("click",function(t){t.stopPropagation(),$(this).siblings(".box").toggleClass("show")}),$(".joe_owo__contain .box .bar .item").on("click",function(t){t.stopPropagation(),$(this).addClass("active").siblings().removeClass("active");const s='.joe_owo__contain .box .scroll[data-index="'+$(this).attr("data-index")+'"]';$(s).show().siblings(".scroll").hide()}),$(".joe_owo__contain .scroll .item").on("click",function(){const t=$(this).attr("data-text");$("#text").insertContent(t)}),$(".joe_owo__contain .box .bar .item").first().click()}})}); \ No newline at end of file