diff --git a/assets/css/joe.global.css b/assets/css/joe.global.css
index 42ec5f6..88d8519 100644
--- a/assets/css/joe.global.css
+++ b/assets/css/joe.global.css
@@ -1 +1 @@
-.joe_dropdown{position:relative}.joe_dropdown__link{display:flex;align-items:center}.joe_dropdown__link-icon{transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.joe_dropdown__menu{position:absolute;left:50%;visibility:hidden;z-index:999;border-top:3px solid var(--theme);-webkit-transform-origin:top;transform-origin:top;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 4px 4px;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-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::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(../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__below{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_aside{padding:15px 0;margin-left:15px}.joe_aside__item{position:relative;width:250px;margin-bottom:15px;border-radius:8px;box-shadow:var(--box-shadow);overflow:hidden}.joe_aside__item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.joe_aside__item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:16px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.joe_aside__item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}.joe_aside__item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}.joe_aside__item-contain{position:relative;padding:15px}.joe_aside__item.author{background:var(--background);padding:45px 15px 15px}.joe_aside__item.author::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom, rgba(255,255,255,0), var(--background))}.joe_aside__item.author::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:273px;background:url("https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/snow.gif") no-repeat;background-size:cover;z-index:3;pointer-events:none}.joe_aside__item.author:hover::after{display:block}.joe_aside__item.author .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}.joe_aside__item.author .user{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.joe_aside__item.author .user .avatar{width:75px;height:75px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;background:var(--background);padding:5px}.joe_aside__item.author .user .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_aside__item.author .user .link{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.joe_aside__item.author .user .link:hover{text-decoration:underline}.joe_aside__item.author .user .motto{color:var(--main);text-align:center}.joe_aside__item.author .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.joe_aside__item.author .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.joe_aside__item.author .count .item:first-child{border-right:1px solid var(--classC)}.joe_aside__item.author .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.joe_aside__item.author .list{padding-top:15px}.joe_aside__item.author .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}.joe_aside__item.author .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.author .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}.joe_aside__item.author .list .item .link:hover{color:var(--theme)}.joe_aside__item.author .list .item .link:hover::after{width:100%}.joe_aside__item.author .list .item .icon{fill:var(--routine)}.joe_aside__item.timelife{background:var(--background)}.joe_aside__item.timelife .item{margin-bottom:15px}.joe_aside__item.timelife .item:last-child{margin-bottom:0}.joe_aside__item.timelife .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.joe_aside__item.timelife .item .title .text{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.joe_aside__item.timelife .item .progress{display:flex;align-items:center}.joe_aside__item.timelife .item .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.joe_aside__item.timelife .item .progress-bar-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.joe_aside__item.timelife .item .progress-bar-inner-0{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-1{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-2{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-3{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-percentage{color:var(--minor)}.joe_aside__item.weather{background:var(--background)}.joe_aside__item.weather .joe_aside__item-contain{min-height:300px}.joe_aside__item.hot{background:var(--background)}.joe_aside__item.hot .empty{text-align:center;color:var(--routine)}.joe_aside__item.hot .item{margin-bottom:15px}.joe_aside__item.hot .item:last-child{margin-bottom:0}.joe_aside__item.hot .item:nth-child(1) .link .sort{background:#ff183e}.joe_aside__item.hot .item:nth-child(2) .link .sort{background:#ff5c38}.joe_aside__item.hot .item:nth-child(3) .link .sort{background:#ffb821}.joe_aside__item.hot .item .link{position:relative;display:block;border-radius:4px;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)}@-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}}
+.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 4px 4px;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-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::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(../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__below{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_aside{padding:15px 0;margin-left:15px}.joe_aside__item{position:relative;width:250px;margin-bottom:15px;border-radius:8px;box-shadow:var(--box-shadow);overflow:hidden}.joe_aside__item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.joe_aside__item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:16px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.joe_aside__item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}.joe_aside__item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}.joe_aside__item-contain{position:relative;padding:15px}.joe_aside__item.author{background:var(--background);padding:45px 15px 15px}.joe_aside__item.author::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom, rgba(255,255,255,0), var(--background))}.joe_aside__item.author::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:273px;background:url("https://cdn.jsdelivr.net/gh/HaoOuBa/Joe@master/assets/img/snow.gif") no-repeat;background-size:cover;z-index:3;pointer-events:none}.joe_aside__item.author:hover::after{display:block}.joe_aside__item.author .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}.joe_aside__item.author .user{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.joe_aside__item.author .user .avatar{width:75px;height:75px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s;background:var(--background);padding:5px}.joe_aside__item.author .user .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.joe_aside__item.author .user .link{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.joe_aside__item.author .user .link:hover{text-decoration:underline}.joe_aside__item.author .user .motto{color:var(--main);text-align:center}.joe_aside__item.author .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.joe_aside__item.author .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.joe_aside__item.author .count .item:first-child{border-right:1px solid var(--classC)}.joe_aside__item.author .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.joe_aside__item.author .list{padding-top:15px}.joe_aside__item.author .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}.joe_aside__item.author .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joe_aside__item.author .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}.joe_aside__item.author .list .item .link:hover{color:var(--theme)}.joe_aside__item.author .list .item .link:hover::after{width:100%}.joe_aside__item.author .list .item .icon{fill:var(--routine)}.joe_aside__item.timelife{background:var(--background)}.joe_aside__item.timelife .item{margin-bottom:15px}.joe_aside__item.timelife .item:last-child{margin-bottom:0}.joe_aside__item.timelife .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.joe_aside__item.timelife .item .title .text{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.joe_aside__item.timelife .item .progress{display:flex;align-items:center}.joe_aside__item.timelife .item .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.joe_aside__item.timelife .item .progress-bar-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.joe_aside__item.timelife .item .progress-bar-inner-0{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-1{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-2{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-bar-inner-3{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.joe_aside__item.timelife .item .progress-percentage{color:var(--minor)}.joe_aside__item.weather{background:var(--background)}.joe_aside__item.weather .joe_aside__item-contain{min-height:300px}.joe_aside__item.hot{background:var(--background)}.joe_aside__item.hot .empty{text-align:center;color:var(--routine)}.joe_aside__item.hot .item{margin-bottom:15px}.joe_aside__item.hot .item:last-child{margin-bottom:0}.joe_aside__item.hot .item:nth-child(1) .link .sort{background:#ff183e}.joe_aside__item.hot .item:nth-child(2) .link .sort{background:#ff5c38}.joe_aside__item.hot .item:nth-child(3) .link .sort{background:#ffb821}.joe_aside__item.hot .item .link{position:relative;display:block;border-radius:4px;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:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--minor);font-size:13px;font-weight:500;line-height:24px;transition:all 0.35s}.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}@-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}}
diff --git a/assets/css/joe.global.scss b/assets/css/joe.global.scss
index fa63a7b..c9c4bcb 100644
--- a/assets/css/joe.global.scss
+++ b/assets/css/joe.global.scss
@@ -1,632 +1,716 @@
.joe_dropdown {
- position: relative;
- &__link {
- display: flex;
- align-items: center;
- &-icon {
- transition: transform 0.35s;
- }
- }
- &__menu {
- position: absolute;
- left: 50%;
- visibility: hidden;
- z-index: 999;
- border-top: 3px solid var(--theme);
- transform-origin: top;
- background: var(--background);
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
- border-radius: 0 0 4px 4px;
- padding: 10px 0;
- opacity: 0;
- transform: translateX(-50%) perspective(600px) rotateX(-45deg);
- transition: opacity 0.35s, visibility 0.35s, transform 0.35s;
- &::before {
- content: '';
- position: absolute;
- top: -10px;
- left: 50%;
- transform: translateX(-50%);
- width: 0;
- height: 0;
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- border-bottom: 7px solid var(--theme);
- }
- }
- &.active {
- .joe_dropdown__link-icon {
- transform: rotate(-180deg);
- }
- .joe_dropdown__menu {
- visibility: visible;
- opacity: 1;
- transform: translateX(-50%) perspective(600px) rotateX(0);
- }
- }
+ position: relative;
+ &__link {
+ display: flex;
+ align-items: center;
+ &-icon {
+ transition: transform 0.35s;
+ }
+ }
+ &__menu {
+ position: absolute;
+ left: 50%;
+ visibility: hidden;
+ z-index: 999;
+ border-top: 3px solid var(--theme);
+ transform-origin: top;
+ background: var(--background);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+ border-radius: 0 0 4px 4px;
+ padding: 10px 0;
+ opacity: 0;
+ transform: translateX(-50%) perspective(600px) rotateX(-45deg);
+ transition: opacity 0.35s, visibility 0.35s, transform 0.35s;
+ &::before {
+ content: '';
+ position: absolute;
+ top: -10px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid var(--theme);
+ }
+ }
+ &.active {
+ .joe_dropdown__link-icon {
+ transform: rotate(-180deg);
+ }
+ .joe_dropdown__menu {
+ visibility: visible;
+ opacity: 1;
+ transform: translateX(-50%) perspective(600px) rotateX(0);
+ }
+ }
}
.joe_header {
- position: sticky;
- top: 0;
- z-index: 1000;
- background: var(--background);
- box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
- &__above {
- &-logo {
- position: relative;
- display: flex;
- align-items: center;
- height: 60px;
- padding-right: 15px;
- margin-right: 15px;
- img {
- max-width: 150px;
- max-height: 50px;
- object-fit: cover;
- }
- &::after {
- content: '';
- position: absolute;
- top: 50%;
- right: 0;
- width: 1px;
- height: 20px;
- background: var(--classC);
- transform: translateY(-50%);
- }
- }
- &-nav {
- display: flex;
- align-items: center;
- .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);
- &:last-child {
- margin-right: 0;
- }
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- height: 3px;
- transition: opacity 0.5s, transform 0.5s;
- border-radius: 6px 6px 0 0;
- opacity: 0;
- transform: scaleX(0.25);
- background: var(--theme);
- }
- &.active,
- &:hover {
- color: var(--theme);
- &::after {
- opacity: 1;
- transform: scaleX(1);
- }
- }
- }
- .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);
- }
- }
- &__menu {
- width: 110px;
- text-align: center;
- 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;
- &:hover,
- &.active {
- color: var(--theme);
- background: var(--classD);
- }
- }
- }
- }
- }
- &-search {
- position: relative;
- margin-left: auto;
- display: flex;
- align-items: center;
- .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;
- &:focus {
- background: var(--background);
- border-color: var(--theme);
- padding-right: 28px;
- ~ .icon {
- transform: translate3d(0, -50%, 0) rotateY(180deg);
- }
- }
- }
- .submit {
- position: relative;
- z-index: 1;
- height: 34px;
- border: none;
- background: var(--theme);
- color: #fff;
- border-radius: 0 17px 17px 0;
- padding: 0 10px;
- }
- .icon {
- position: absolute;
- top: 50%;
- left: 142px;
- width: 28px;
- height: 38px;
- background: url(../img/search.png);
- background-size: 100% 100%;
- transition: transform 0.35s;
- transform: translate3d(100%, -50%, 0) rotateY(180deg);
- }
- }
- }
- &__below {
- border-top: 1px solid var(--classC);
- height: 45px;
- &-class {
- display: flex;
- .item {
- margin-right: 15px;
- color: var(--minor);
- height: 45px;
- line-height: 45px;
- transition: color 0.35s;
- white-space: nowrap;
- &:hover,
- &.active {
- color: var(--theme);
- }
- }
- .joe_dropdown {
- margin-right: 15px;
- &__link {
- .item {
- margin-right: 3px;
- }
- }
- &__menu {
- width: 110px;
- text-align: center;
- 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;
- &:hover,
- &.active {
- color: var(--theme);
- background: var(--classD);
- }
- }
- }
- }
- }
- }
+ position: sticky;
+ top: 0;
+ z-index: 1000;
+ background: var(--background);
+ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+ &__above {
+ &-logo {
+ position: relative;
+ display: flex;
+ align-items: center;
+ height: 60px;
+ padding-right: 15px;
+ margin-right: 15px;
+ img {
+ max-width: 150px;
+ max-height: 50px;
+ object-fit: cover;
+ }
+ &::after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ right: 0;
+ width: 1px;
+ height: 20px;
+ background: var(--classC);
+ transform: translateY(-50%);
+ }
+ }
+ &-nav {
+ display: flex;
+ align-items: center;
+ .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);
+ &:last-child {
+ margin-right: 0;
+ }
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 3px;
+ transition: opacity 0.5s, transform 0.5s;
+ border-radius: 6px 6px 0 0;
+ opacity: 0;
+ transform: scaleX(0.25);
+ background: var(--theme);
+ }
+ &.active,
+ &:hover {
+ color: var(--theme);
+ &::after {
+ opacity: 1;
+ transform: scaleX(1);
+ }
+ }
+ }
+ .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);
+ }
+ }
+ &__menu {
+ width: 110px;
+ text-align: center;
+ 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;
+ &:hover,
+ &.active {
+ color: var(--theme);
+ background: var(--classD);
+ }
+ }
+ }
+ }
+ }
+ &-search {
+ position: relative;
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ .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;
+ &:focus {
+ background: var(--background);
+ border-color: var(--theme);
+ padding-right: 28px;
+ ~ .icon {
+ transform: translate3d(0, -50%, 0) rotateY(180deg);
+ }
+ }
+ }
+ .submit {
+ position: relative;
+ z-index: 1;
+ height: 34px;
+ border: none;
+ background: var(--theme);
+ color: #fff;
+ border-radius: 0 17px 17px 0;
+ padding: 0 10px;
+ }
+ .icon {
+ position: absolute;
+ top: 50%;
+ left: 142px;
+ width: 28px;
+ height: 38px;
+ background: url(../img/search.png);
+ background-size: 100% 100%;
+ transition: transform 0.35s;
+ transform: translate3d(100%, -50%, 0) rotateY(180deg);
+ }
+ }
+ }
+ &__below {
+ border-top: 1px solid var(--classC);
+ height: 45px;
+ &-class {
+ display: flex;
+ .item {
+ margin-right: 15px;
+ color: var(--minor);
+ height: 45px;
+ line-height: 45px;
+ transition: color 0.35s;
+ white-space: nowrap;
+ &:hover,
+ &.active {
+ color: var(--theme);
+ }
+ }
+ .joe_dropdown {
+ margin-right: 15px;
+ &__link {
+ .item {
+ margin-right: 3px;
+ }
+ }
+ &__menu {
+ width: 110px;
+ text-align: center;
+ 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;
+ &:hover,
+ &.active {
+ color: var(--theme);
+ background: var(--classD);
+ }
+ }
+ }
+ }
+ }
+ }
}
.joe_aside {
- padding: 15px 0;
- margin-left: 15px;
- &__item {
- position: relative;
- width: 250px;
- margin-bottom: 15px;
- border-radius: 8px;
- box-shadow: var(--box-shadow);
- overflow: hidden;
- &:last-child {
- position: sticky;
- margin-bottom: 0;
- }
- &-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);
- .icon {
- width: 18px;
- height: 18px;
- margin-right: 8px;
- fill: var(--main);
- }
- .line {
- width: 10px;
- height: 1px;
- background: #54b5db;
- margin-left: 12px;
- }
- }
- &-contain {
- position: relative;
- padding: 15px;
- }
- &.author {
- background: var(--background);
- padding: 45px 15px 15px;
- &::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));
- }
- &::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;
- }
- &:hover::after {
- display: block;
- }
- .image {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 120px;
- object-fit: cover;
- z-index: 1;
- }
- .user {
- position: relative;
- z-index: 4;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding-bottom: 15px;
- .avatar {
- width: 75px;
- height: 75px;
- border-radius: 50%;
- overflow: hidden;
- margin-bottom: 10px;
- object-fit: cover;
- transition: transform 0.75s;
- background: var(--background);
- padding: 5px;
- &:hover {
- transform: rotate(360deg);
- }
- }
- .link {
- color: var(--theme);
- margin-bottom: 10px;
- font-size: 16px;
- font-weight: 500;
- &:hover {
- text-decoration: underline;
- }
- }
- .motto {
- color: var(--main);
- text-align: center;
- }
- }
- .count {
- width: 100%;
- padding-bottom: 15px;
- display: flex;
- align-items: center;
- border-bottom: 1px solid var(--classC);
- .item {
- min-width: 0;
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
- color: var(--routine);
- font-size: 12px;
- &:first-child {
- border-right: 1px solid var(--classC);
- }
- .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);
- }
- }
- }
- .list {
- padding-top: 15px;
- .item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- line-height: 30px;
- .link {
- position: relative;
- color: var(--routine);
- max-width: 85%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 0;
- height: 1px;
- background: var(--theme);
- transition: all 0.35s;
- }
- &:hover {
- color: var(--theme);
- &::after {
- width: 100%;
- }
- }
- }
- .icon {
- fill: var(--routine);
- }
- }
- }
- }
- &.timelife {
- background: var(--background);
- .item {
- margin-bottom: 15px;
- &:last-child {
- margin-bottom: 0;
- }
- .title {
- font-size: 12px;
- color: var(--minor);
- margin-bottom: 5px;
- display: flex;
- align-items: center;
- .text {
- color: var(--theme);
- font-weight: 500;
- font-size: 14px;
- margin: 0 5px;
- }
- }
- .progress {
- display: flex;
- align-items: center;
- &-bar {
- height: 10px;
- border-radius: 5px;
- overflow: hidden;
- background: var(--classC);
- width: 0;
- min-width: 0;
- flex: 1;
- margin-right: 5px;
- &-inner {
- width: 0;
- height: 100%;
- border-radius: 5px;
- transition: width 0.35s;
- animation: progress 750ms linear infinite;
- &-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;
- }
- &-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;
- }
- &-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;
- }
- &-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;
- }
- }
- }
- &-percentage {
- color: var(--minor);
- }
- }
- }
- }
- &.weather {
- background: var(--background);
- .joe_aside__item-contain {
- min-height: 300px;
- }
- }
- &.hot {
- background: var(--background);
- .empty {
- text-align: center;
- color: var(--routine);
- }
- .item {
- margin-bottom: 15px;
- &:last-child {
- margin-bottom: 0;
- }
- &:nth-child(1) .link .sort {
- background: #ff183e;
- }
- &:nth-child(2) .link .sort {
- background: #ff5c38;
- }
- &:nth-child(3) .link .sort {
- background: #ffb821;
- }
- .link {
- position: relative;
- display: block;
- border-radius: 4px;
- overflow: hidden;
- &:hover .image {
- transform: scale(1.2);
- }
- .sort {
- position: absolute;
- top: 5px;
- right: -20px;
- background: #7f7f8c;
- color: #fff;
- width: 65px;
- text-align: center;
- font-size: 12px;
- transform: rotate(45deg);
- font-weight: 500;
- z-index: 1;
- font-style: normal;
- }
- .image {
- width: 100%;
- height: 130px;
- object-fit: cover;
- transition: transform 0.35s;
- }
- .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);
- h6 {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- color: #fff;
- line-height: 24px;
- font-size: 14px;
- }
- }
- }
- }
- }
- &.ranking {
- background: var(--background);
- .item {
- display: flex;
- align-items: center;
- line-height: 32px;
- overflow: hidden;
- &:nth-child(1) .sort {
- color: #fe2d46;
- }
- &:nth-child(2) .sort {
- color: #f60;
- }
- &:nth-child(3) .sort {
- color: #faa90e;
- }
- .sort {
- color: var(--minor);
- font-weight: 700;
- font-size: 18px;
- width: 18px;
- min-width: 18px;
- max-width: 18px;
- }
- .link {
- position: relative;
- color: var(--routine);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- &::after {
- position: absolute;
- content: '';
- bottom: 0;
- left: 0;
- width: 0;
- height: 1px;
- background: var(--theme);
- transition: width 0.5s;
- }
- &:hover {
- color: var(--theme);
- &::after {
- width: 100%;
- }
- }
- }
+ padding: 15px 0;
+ margin-left: 15px;
+ &__item {
+ position: relative;
+ width: 250px;
+ margin-bottom: 15px;
+ border-radius: 8px;
+ box-shadow: var(--box-shadow);
+ overflow: hidden;
+ &:last-child {
+ position: sticky;
+ margin-bottom: 0;
+ }
+ &-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);
+ .icon {
+ width: 18px;
+ height: 18px;
+ margin-right: 8px;
+ fill: var(--main);
+ }
+ .line {
+ width: 10px;
+ height: 1px;
+ background: #54b5db;
+ margin-left: 12px;
+ }
+ }
+ &-contain {
+ position: relative;
+ padding: 15px;
+ }
+ &.author {
+ background: var(--background);
+ padding: 45px 15px 15px;
+ &::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));
+ }
+ &::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;
+ }
+ &:hover::after {
+ display: block;
+ }
+ .image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 120px;
+ object-fit: cover;
+ z-index: 1;
+ }
+ .user {
+ position: relative;
+ z-index: 4;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding-bottom: 15px;
+ .avatar {
+ width: 75px;
+ height: 75px;
+ border-radius: 50%;
+ overflow: hidden;
+ margin-bottom: 10px;
+ object-fit: cover;
+ transition: transform 0.75s;
+ background: var(--background);
+ padding: 5px;
+ &:hover {
+ transform: rotate(360deg);
+ }
+ }
+ .link {
+ color: var(--theme);
+ margin-bottom: 10px;
+ font-size: 16px;
+ font-weight: 500;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ .motto {
+ color: var(--main);
+ text-align: center;
+ }
+ }
+ .count {
+ width: 100%;
+ padding-bottom: 15px;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid var(--classC);
+ .item {
+ min-width: 0;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: var(--routine);
+ font-size: 12px;
+ &:first-child {
+ border-right: 1px solid var(--classC);
+ }
+ .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);
+ }
+ }
+ }
+ .list {
+ padding-top: 15px;
+ .item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ line-height: 30px;
+ .link {
+ position: relative;
+ color: var(--routine);
+ max-width: 85%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 1px;
+ background: var(--theme);
+ transition: all 0.35s;
+ }
+ &:hover {
+ color: var(--theme);
+ &::after {
+ width: 100%;
+ }
+ }
+ }
+ .icon {
+ fill: var(--routine);
+ }
+ }
+ }
+ }
+ &.timelife {
+ background: var(--background);
+ .item {
+ margin-bottom: 15px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .title {
+ font-size: 12px;
+ color: var(--minor);
+ margin-bottom: 5px;
+ display: flex;
+ align-items: center;
+ .text {
+ color: var(--theme);
+ font-weight: 500;
+ font-size: 14px;
+ margin: 0 5px;
+ }
+ }
+ .progress {
+ display: flex;
+ align-items: center;
+ &-bar {
+ height: 10px;
+ border-radius: 5px;
+ overflow: hidden;
+ background: var(--classC);
+ width: 0;
+ min-width: 0;
+ flex: 1;
+ margin-right: 5px;
+ &-inner {
+ width: 0;
+ height: 100%;
+ border-radius: 5px;
+ transition: width 0.35s;
+ animation: progress 750ms linear infinite;
+ &-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;
+ }
+ &-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;
+ }
+ &-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;
+ }
+ &-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;
+ }
+ }
+ }
+ &-percentage {
+ color: var(--minor);
+ }
+ }
+ }
+ }
+ &.weather {
+ background: var(--background);
+ .joe_aside__item-contain {
+ min-height: 300px;
+ }
+ }
+ &.hot {
+ background: var(--background);
+ .empty {
+ text-align: center;
+ color: var(--routine);
+ }
+ .item {
+ margin-bottom: 15px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ &:nth-child(1) .link .sort {
+ background: #ff183e;
+ }
+ &:nth-child(2) .link .sort {
+ background: #ff5c38;
+ }
+ &:nth-child(3) .link .sort {
+ background: #ffb821;
+ }
+ .link {
+ position: relative;
+ display: block;
+ border-radius: 4px;
+ overflow: hidden;
+ &:hover .image {
+ transform: scale(1.2);
+ }
+ .sort {
+ position: absolute;
+ top: 5px;
+ right: -20px;
+ background: #7f7f8c;
+ color: #fff;
+ width: 65px;
+ text-align: center;
+ font-size: 12px;
+ transform: rotate(45deg);
+ font-weight: 500;
+ z-index: 1;
+ font-style: normal;
+ }
+ .image {
+ width: 100%;
+ height: 130px;
+ object-fit: cover;
+ transition: transform 0.35s;
+ }
+ .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);
+ h6 {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #fff;
+ line-height: 24px;
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ &.ranking {
+ background: var(--background);
+ .item {
+ display: flex;
+ align-items: center;
+ line-height: 32px;
+ overflow: hidden;
+ &:nth-child(1) .sort {
+ color: #fe2d46;
+ }
+ &:nth-child(2) .sort {
+ color: #f60;
+ }
+ &:nth-child(3) .sort {
+ color: #faa90e;
+ }
+ .sort {
+ color: var(--minor);
+ font-weight: 700;
+ font-size: 18px;
+ width: 18px;
+ min-width: 18px;
+ max-width: 18px;
+ }
+ .link {
+ position: relative;
+ color: var(--routine);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ &::after {
+ position: absolute;
+ content: '';
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 1px;
+ background: var(--theme);
+ transition: width 0.5s;
+ }
+ &:hover {
+ color: var(--theme);
+ &::after {
+ width: 100%;
+ }
+ }
+ }
}
.error {
text-align: center;
color: var(--routine);
}
- }
- }
+ }
+ &.newreply {
+ background: var(--background);
+ .empty {
+ text-align: center;
+ color: var(--routine);
+ }
+ .item {
+ margin-bottom: 15px;
+ border-bottom: 1px dashed var(--classC);
+ padding-bottom: 15px;
+ &:last-child {
+ margin-bottom: 0;
+ border-bottom-color: transparent;
+ padding-bottom: 0;
+ }
+ .user {
+ display: flex;
+ margin-bottom: 12px;
+ .avatar {
+ width: 40px;
+ height: 40px;
+ min-width: 40px;
+ min-height: 40px;
+ margin-right: 12px;
+ border-radius: 50%;
+ border: 1px solid var(--classA);
+ padding: 3px;
+ }
+ .info {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .author {
+ color: var(--main);
+ font-weight: 600;
+ max-width: 150px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .date {
+ font-size: 12px;
+ color: var(--minor);
+ }
+ }
+ }
+ .reply {
+ position: relative;
+ background: var(--classD);
+ border-radius: 6px;
+ padding: 5px 10px;
+ &::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%;
+ }
+ .link {
+ display: block;
+ max-width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: var(--minor);
+ font-size: 13px;
+ font-weight: 500;
+ line-height: 24px;
+ transition: all 0.35s;
+ &:hover {
+ color: var(--theme);
+ }
+ .owo_image {
+ height: 18px;
+ vertical-align: -5px;
+ }
+ }
+ }
+ }
+ }
+ }
}
@keyframes progress {
- 0% {
- background-position: 0 0;
- }
- 100% {
- background-position: 30px 0;
- }
+ 0% {
+ background-position: 0 0;
+ }
+ 100% {
+ background-position: 30px 0;
+ }
}
diff --git a/assets/owo/aru/E4B88DE587BAE68980E69699_2x.png b/assets/owo/aru/E4B88DE587BAE68980E69699_2x.png
new file mode 100644
index 0000000..8959428
Binary files /dev/null and b/assets/owo/aru/E4B88DE587BAE68980E69699_2x.png differ
diff --git a/assets/owo/aru/E4B88DE8AFB4E8AF9D_2x.png b/assets/owo/aru/E4B88DE8AFB4E8AF9D_2x.png
new file mode 100644
index 0000000..758fc53
Binary files /dev/null and b/assets/owo/aru/E4B88DE8AFB4E8AF9D_2x.png differ
diff --git a/assets/owo/aru/E4B88DE9AB98E585B4_2x.png b/assets/owo/aru/E4B88DE9AB98E585B4_2x.png
new file mode 100644
index 0000000..c11d688
Binary files /dev/null and b/assets/owo/aru/E4B88DE9AB98E585B4_2x.png differ
diff --git a/assets/owo/aru/E4B8ADE58880_2x.png b/assets/owo/aru/E4B8ADE58880_2x.png
new file mode 100644
index 0000000..2038f81
Binary files /dev/null and b/assets/owo/aru/E4B8ADE58880_2x.png differ
diff --git a/assets/owo/aru/E4B8ADE68C87_2x.png b/assets/owo/aru/E4B8ADE68C87_2x.png
new file mode 100644
index 0000000..bb758bd
Binary files /dev/null and b/assets/owo/aru/E4B8ADE68C87_2x.png differ
diff --git a/assets/owo/aru/E4B8ADE69EAA_2x.png b/assets/owo/aru/E4B8ADE69EAA_2x.png
new file mode 100644
index 0000000..55c4e3f
Binary files /dev/null and b/assets/owo/aru/E4B8ADE69EAA_2x.png differ
diff --git a/assets/owo/aru/E4BAB2E4BAB2_2x.png b/assets/owo/aru/E4BAB2E4BAB2_2x.png
new file mode 100644
index 0000000..6c9cf30
Binary files /dev/null and b/assets/owo/aru/E4BAB2E4BAB2_2x.png differ
diff --git a/assets/owo/aru/E4BEBFE4BEBF_2x.png b/assets/owo/aru/E4BEBFE4BEBF_2x.png
new file mode 100644
index 0000000..4be59c2
Binary files /dev/null and b/assets/owo/aru/E4BEBFE4BEBF_2x.png differ
diff --git a/assets/owo/aru/E582BBE7AC91_2x.png b/assets/owo/aru/E582BBE7AC91_2x.png
new file mode 100644
index 0000000..2efb4d2
Binary files /dev/null and b/assets/owo/aru/E582BBE7AC91_2x.png differ
diff --git a/assets/owo/aru/E58685E4BCA4_2x.png b/assets/owo/aru/E58685E4BCA4_2x.png
new file mode 100644
index 0000000..78b3837
Binary files /dev/null and b/assets/owo/aru/E58685E4BCA4_2x.png differ
diff --git a/assets/owo/aru/E587BBE68E8C_2x.png b/assets/owo/aru/E587BBE68E8C_2x.png
new file mode 100644
index 0000000..c97e00a
Binary files /dev/null and b/assets/owo/aru/E587BBE68E8C_2x.png differ
diff --git a/assets/owo/aru/E58FA3E6B0B4_2x.png b/assets/owo/aru/E58FA3E6B0B4_2x.png
new file mode 100644
index 0000000..5b13dbc
Binary files /dev/null and b/assets/owo/aru/E58FA3E6B0B4_2x.png differ
diff --git a/assets/owo/aru/E59090E8888C_2x.png b/assets/owo/aru/E59090E8888C_2x.png
new file mode 100644
index 0000000..b038f8e
Binary files /dev/null and b/assets/owo/aru/E59090E8888C_2x.png differ
diff --git a/assets/owo/aru/E59090E8A180E58092E59CB0_2x.png b/assets/owo/aru/E59090E8A180E58092E59CB0_2x.png
new file mode 100644
index 0000000..9e63eee
Binary files /dev/null and b/assets/owo/aru/E59090E8A180E58092E59CB0_2x.png differ
diff --git a/assets/owo/aru/E59090_2x.png b/assets/owo/aru/E59090_2x.png
new file mode 100644
index 0000000..5ebe288
Binary files /dev/null and b/assets/owo/aru/E59090_2x.png differ
diff --git a/assets/owo/aru/E591B2E78999_2x.png b/assets/owo/aru/E591B2E78999_2x.png
new file mode 100644
index 0000000..e1f2d73
Binary files /dev/null and b/assets/owo/aru/E591B2E78999_2x.png differ
diff --git a/assets/owo/aru/E592BDE6B094_2x.png b/assets/owo/aru/E592BDE6B094_2x.png
new file mode 100644
index 0000000..c86f180
Binary files /dev/null and b/assets/owo/aru/E592BDE6B094_2x.png differ
diff --git a/assets/owo/aru/E593ADE6B3A3_2x.png b/assets/owo/aru/E593ADE6B3A3_2x.png
new file mode 100644
index 0000000..b0c82f2
Binary files /dev/null and b/assets/owo/aru/E593ADE6B3A3_2x.png differ
diff --git a/assets/owo/aru/E5969CE69E81E8808CE6B3A3_2x.png b/assets/owo/aru/E5969CE69E81E8808CE6B3A3_2x.png
new file mode 100644
index 0000000..5cb87e8
Binary files /dev/null and b/assets/owo/aru/E5969CE69E81E8808CE6B3A3_2x.png differ
diff --git a/assets/owo/aru/E596B7E6B0B4_2x.png b/assets/owo/aru/E596B7E6B0B4_2x.png
new file mode 100644
index 0000000..3f0e213
Binary files /dev/null and b/assets/owo/aru/E596B7E6B0B4_2x.png differ
diff --git a/assets/owo/aru/E596B7E8A180_2x.png b/assets/owo/aru/E596B7E8A180_2x.png
new file mode 100644
index 0000000..128b24e
Binary files /dev/null and b/assets/owo/aru/E596B7E8A180_2x.png differ
diff --git a/assets/owo/aru/E59D90E7AD89_2x.png b/assets/owo/aru/E59D90E7AD89_2x.png
new file mode 100644
index 0000000..881b766
Binary files /dev/null and b/assets/owo/aru/E59D90E7AD89_2x.png differ
diff --git a/assets/owo/aru/E5A4A7E59BA7_2x.png b/assets/owo/aru/E5A4A7E59BA7_2x.png
new file mode 100644
index 0000000..3db1529
Binary files /dev/null and b/assets/owo/aru/E5A4A7E59BA7_2x.png differ
diff --git a/assets/owo/aru/E5AEB3E7BE9E_2x.png b/assets/owo/aru/E5AEB3E7BE9E_2x.png
new file mode 100644
index 0000000..b2c6e26
Binary files /dev/null and b/assets/owo/aru/E5AEB3E7BE9E_2x.png differ
diff --git a/assets/owo/aru/E5B08FE68092_2x.png b/assets/owo/aru/E5B08FE68092_2x.png
new file mode 100644
index 0000000..b1bac01
Binary files /dev/null and b/assets/owo/aru/E5B08FE68092_2x.png differ
diff --git a/assets/owo/aru/E5B08FE79CBCE79D9B_2x.png b/assets/owo/aru/E5B08FE79CBCE79D9B_2x.png
new file mode 100644
index 0000000..a65b2dc
Binary files /dev/null and b/assets/owo/aru/E5B08FE79CBCE79D9B_2x.png differ
diff --git a/assets/owo/aru/E5B0B4E5B0AC_2x.png b/assets/owo/aru/E5B0B4E5B0AC_2x.png
new file mode 100644
index 0000000..c16d282
Binary files /dev/null and b/assets/owo/aru/E5B0B4E5B0AC_2x.png differ
diff --git a/assets/owo/aru/E5BE97E6848F_2x.png b/assets/owo/aru/E5BE97E6848F_2x.png
new file mode 100644
index 0000000..116f572
Binary files /dev/null and b/assets/owo/aru/E5BE97E6848F_2x.png differ
diff --git a/assets/owo/aru/E6838AE5969C_2x.png b/assets/owo/aru/E6838AE5969C_2x.png
new file mode 100644
index 0000000..7f31ce9
Binary files /dev/null and b/assets/owo/aru/E6838AE5969C_2x.png differ
diff --git a/assets/owo/aru/E683B3E4B880E683B3_2x.png b/assets/owo/aru/E683B3E4B880E683B3_2x.png
new file mode 100644
index 0000000..b311f8d
Binary files /dev/null and b/assets/owo/aru/E683B3E4B880E683B3_2x.png differ
diff --git a/assets/owo/aru/E684A4E68092_2x.png b/assets/owo/aru/E684A4E68092_2x.png
new file mode 100644
index 0000000..a2a3ea2
Binary files /dev/null and b/assets/owo/aru/E684A4E68092_2x.png differ
diff --git a/assets/owo/aru/E68987E880B3E58589_2x.png b/assets/owo/aru/E68987E880B3E58589_2x.png
new file mode 100644
index 0000000..8d7e2f2
Binary files /dev/null and b/assets/owo/aru/E68987E880B3E58589_2x.png differ
diff --git a/assets/owo/aru/E68A95E9998D_2x.png b/assets/owo/aru/E68A95E9998D_2x.png
new file mode 100644
index 0000000..6eddc06
Binary files /dev/null and b/assets/owo/aru/E68A95E9998D_2x.png differ
diff --git a/assets/owo/aru/E68AA0E9BCBB_2x.png b/assets/owo/aru/E68AA0E9BCBB_2x.png
new file mode 100644
index 0000000..912362c
Binary files /dev/null and b/assets/owo/aru/E68AA0E9BCBB_2x.png differ
diff --git a/assets/owo/aru/E68ABDE7839F_2x.png b/assets/owo/aru/E68ABDE7839F_2x.png
new file mode 100644
index 0000000..8c51858
Binary files /dev/null and b/assets/owo/aru/E68ABDE7839F_2x.png differ
diff --git a/assets/owo/aru/E697A0E5A588_2x.png b/assets/owo/aru/E697A0E5A588_2x.png
new file mode 100644
index 0000000..0ef1383
Binary files /dev/null and b/assets/owo/aru/E697A0E5A588_2x.png differ
diff --git a/assets/owo/aru/E697A0E68980E8B093_2x.png b/assets/owo/aru/E697A0E68980E8B093_2x.png
new file mode 100644
index 0000000..6b28d93
Binary files /dev/null and b/assets/owo/aru/E697A0E68980E8B093_2x.png differ
diff --git a/assets/owo/aru/E697A0E8AFAD_2x.png b/assets/owo/aru/E697A0E8AFAD_2x.png
new file mode 100644
index 0000000..76ff11c
Binary files /dev/null and b/assets/owo/aru/E697A0E8AFAD_2x.png differ
diff --git a/assets/owo/aru/E69A97E59CB0E8A782E5AF9F_2x.png b/assets/owo/aru/E69A97E59CB0E8A782E5AF9F_2x.png
new file mode 100644
index 0000000..18fd4a8
Binary files /dev/null and b/assets/owo/aru/E69A97E59CB0E8A782E5AF9F_2x.png differ
diff --git a/assets/owo/aru/E69C9FE5BE85_2x.png b/assets/owo/aru/E69C9FE5BE85_2x.png
new file mode 100644
index 0000000..3ce37c6
Binary files /dev/null and b/assets/owo/aru/E69C9FE5BE85_2x.png differ
diff --git a/assets/owo/aru/E6ACA2E591BC_2x.png b/assets/owo/aru/E6ACA2E591BC_2x.png
new file mode 100644
index 0000000..99eb788
Binary files /dev/null and b/assets/owo/aru/E6ACA2E591BC_2x.png differ
diff --git a/assets/owo/aru/E6B197_2x.png b/assets/owo/aru/E6B197_2x.png
new file mode 100644
index 0000000..4a79262
Binary files /dev/null and b/assets/owo/aru/E6B197_2x.png differ
diff --git a/assets/owo/aru/E6B7B1E6809D_2x.png b/assets/owo/aru/E6B7B1E6809D_2x.png
new file mode 100644
index 0000000..b7546df
Binary files /dev/null and b/assets/owo/aru/E6B7B1E6809D_2x.png differ
diff --git a/assets/owo/aru/E78B82E6B197_2x.png b/assets/owo/aru/E78B82E6B197_2x.png
new file mode 100644
index 0000000..1f81eec
Binary files /dev/null and b/assets/owo/aru/E78B82E6B197_2x.png differ
diff --git a/assets/owo/aru/E78CAEE88AB1_2x.png b/assets/owo/aru/E78CAEE88AB1_2x.png
new file mode 100644
index 0000000..9ab11a2
Binary files /dev/null and b/assets/owo/aru/E78CAEE88AB1_2x.png differ
diff --git a/assets/owo/aru/E78CAEE9BB84E7939C_2x.png b/assets/owo/aru/E78CAEE9BB84E7939C_2x.png
new file mode 100644
index 0000000..e741463
Binary files /dev/null and b/assets/owo/aru/E78CAEE9BB84E7939C_2x.png differ
diff --git a/assets/owo/aru/E79AB1E79C89_2x.png b/assets/owo/aru/E79AB1E79C89_2x.png
new file mode 100644
index 0000000..8d0bd26
Binary files /dev/null and b/assets/owo/aru/E79AB1E79C89_2x.png differ
diff --git a/assets/owo/aru/E79C8BE4B88DE8A781_2x.png b/assets/owo/aru/E79C8BE4B88DE8A781_2x.png
new file mode 100644
index 0000000..a95d997
Binary files /dev/null and b/assets/owo/aru/E79C8BE4B88DE8A781_2x.png differ
diff --git a/assets/owo/aru/E79C8BE783ADE997B9_2x.png b/assets/owo/aru/E79C8BE783ADE997B9_2x.png
new file mode 100644
index 0000000..3e9c198
Binary files /dev/null and b/assets/owo/aru/E79C8BE783ADE997B9_2x.png differ
diff --git a/assets/owo/aru/E882BFE58C85_2x.png b/assets/owo/aru/E882BFE58C85_2x.png
new file mode 100644
index 0000000..ed208a5
Binary files /dev/null and b/assets/owo/aru/E882BFE58C85_2x.png differ
diff --git a/assets/owo/aru/E884B8E7BAA2_2x.png b/assets/owo/aru/E884B8E7BAA2_2x.png
new file mode 100644
index 0000000..6a78a89
Binary files /dev/null and b/assets/owo/aru/E884B8E7BAA2_2x.png differ
diff --git a/assets/owo/aru/E89CA1E7839B_2x.png b/assets/owo/aru/E89CA1E7839B_2x.png
new file mode 100644
index 0000000..a3971dd
Binary files /dev/null and b/assets/owo/aru/E89CA1E7839B_2x.png differ
diff --git a/assets/owo/aru/E8A385E5A4A7E6ACBE_2x.png b/assets/owo/aru/E8A385E5A4A7E6ACBE_2x.png
new file mode 100644
index 0000000..8f2d224
Binary files /dev/null and b/assets/owo/aru/E8A385E5A4A7E6ACBE_2x.png differ
diff --git a/assets/owo/aru/E8A782E5AF9F_2x.png b/assets/owo/aru/E8A782E5AF9F_2x.png
new file mode 100644
index 0000000..c2fa07e
Binary files /dev/null and b/assets/owo/aru/E8A782E5AF9F_2x.png differ
diff --git a/assets/owo/aru/E8B59EE4B880E4B8AA_2x.png b/assets/owo/aru/E8B59EE4B880E4B8AA_2x.png
new file mode 100644
index 0000000..e6b5d02
Binary files /dev/null and b/assets/owo/aru/E8B59EE4B880E4B8AA_2x.png differ
diff --git a/assets/owo/aru/E982AAE681B6_2x.png b/assets/owo/aru/E982AAE681B6_2x.png
new file mode 100644
index 0000000..cc98f30
Binary files /dev/null and b/assets/owo/aru/E982AAE681B6_2x.png differ
diff --git a/assets/owo/aru/E99481E79C89_2x.png b/assets/owo/aru/E99481E79C89_2x.png
new file mode 100644
index 0000000..8fecdc3
Binary files /dev/null and b/assets/owo/aru/E99481E79C89_2x.png differ
diff --git a/assets/owo/aru/E99481E79C90_2x.png b/assets/owo/aru/E99481E79C90_2x.png
new file mode 100644
index 0000000..8fecdc3
Binary files /dev/null and b/assets/owo/aru/E99481E79C90_2x.png differ
diff --git a/assets/owo/aru/E995BFE88D89_2x.png b/assets/owo/aru/E995BFE88D89_2x.png
new file mode 100644
index 0000000..ecf8b7c
Binary files /dev/null and b/assets/owo/aru/E995BFE88D89_2x.png differ
diff --git a/assets/owo/aru/E998B4E69A97_2x.png b/assets/owo/aru/E998B4E69A97_2x.png
new file mode 100644
index 0000000..b0e9517
Binary files /dev/null and b/assets/owo/aru/E998B4E69A97_2x.png differ
diff --git a/assets/owo/aru/E9AB98E585B4_2x.png b/assets/owo/aru/E9AB98E585B4_2x.png
new file mode 100644
index 0000000..c87d27d
Binary files /dev/null and b/assets/owo/aru/E9AB98E585B4_2x.png differ
diff --git a/assets/owo/aru/E9BB91E7BABF_2x.png b/assets/owo/aru/E9BB91E7BABF_2x.png
new file mode 100644
index 0000000..c46d1a6
Binary files /dev/null and b/assets/owo/aru/E9BB91E7BABF_2x.png differ
diff --git a/assets/owo/aru/E9BC93E68E8C_2x.png b/assets/owo/aru/E9BC93E68E8C_2x.png
new file mode 100644
index 0000000..15aa10a
Binary files /dev/null and b/assets/owo/aru/E9BC93E68E8C_2x.png differ
diff --git a/assets/owo/paopao/E4B88DE9AB98E585B4_2x.png b/assets/owo/paopao/E4B88DE9AB98E585B4_2x.png
new file mode 100644
index 0000000..46fb5af
Binary files /dev/null and b/assets/owo/paopao/E4B88DE9AB98E585B4_2x.png differ
diff --git a/assets/owo/paopao/E4B996_2x.png b/assets/owo/paopao/E4B996_2x.png
new file mode 100644
index 0000000..6d044c2
Binary files /dev/null and b/assets/owo/paopao/E4B996_2x.png differ
diff --git a/assets/owo/paopao/E4BDA0E68782E79A84_2x.png b/assets/owo/paopao/E4BDA0E68782E79A84_2x.png
new file mode 100644
index 0000000..55f3ed7
Binary files /dev/null and b/assets/owo/paopao/E4BDA0E68782E79A84_2x.png differ
diff --git a/assets/owo/paopao/E4BEBFE4BEBF_2x.png b/assets/owo/paopao/E4BEBFE4BEBF_2x.png
new file mode 100644
index 0000000..130c35c
Binary files /dev/null and b/assets/owo/paopao/E4BEBFE4BEBF_2x.png differ
diff --git a/assets/owo/paopao/E586B7_2x.png b/assets/owo/paopao/E586B7_2x.png
new file mode 100644
index 0000000..6bc7a39
Binary files /dev/null and b/assets/owo/paopao/E586B7_2x.png differ
diff --git a/assets/owo/paopao/E58B89E5BCBA_2x.png b/assets/owo/paopao/E58B89E5BCBA_2x.png
new file mode 100644
index 0000000..e0ebcca
Binary files /dev/null and b/assets/owo/paopao/E58B89E5BCBA_2x.png differ
diff --git a/assets/owo/paopao/E59083E7939C_2x.png b/assets/owo/paopao/E59083E7939C_2x.png
new file mode 100644
index 0000000..45798d4
Binary files /dev/null and b/assets/owo/paopao/E59083E7939C_2x.png differ
diff --git a/assets/owo/paopao/E59083E7BF94_2x.png b/assets/owo/paopao/E59083E7BF94_2x.png
new file mode 100644
index 0000000..6f37231
Binary files /dev/null and b/assets/owo/paopao/E59083E7BF94_2x.png differ
diff --git a/assets/owo/paopao/E59090E8888C_2x.png b/assets/owo/paopao/E59090E8888C_2x.png
new file mode 100644
index 0000000..631e7aa
Binary files /dev/null and b/assets/owo/paopao/E59090E8888C_2x.png differ
diff --git a/assets/owo/paopao/E59090_2x.png b/assets/owo/paopao/E59090_2x.png
new file mode 100644
index 0000000..c3f46c7
Binary files /dev/null and b/assets/owo/paopao/E59090_2x.png differ
diff --git a/assets/owo/paopao/E59180E592A9E788B9_2x.png b/assets/owo/paopao/E59180E592A9E788B9_2x.png
new file mode 100644
index 0000000..98a6ad8
Binary files /dev/null and b/assets/owo/paopao/E59180E592A9E788B9_2x.png differ
diff --git a/assets/owo/paopao/E591B5E591B5_2x.png b/assets/owo/paopao/E591B5E591B5_2x.png
new file mode 100644
index 0000000..9ef384f
Binary files /dev/null and b/assets/owo/paopao/E591B5E591B5_2x.png differ
diff --git a/assets/owo/paopao/E591BC_2x.png b/assets/owo/paopao/E591BC_2x.png
new file mode 100644
index 0000000..8a70b89
Binary files /dev/null and b/assets/owo/paopao/E591BC_2x.png differ
diff --git a/assets/owo/paopao/E592A6_2x.png b/assets/owo/paopao/E592A6_2x.png
new file mode 100644
index 0000000..e5520d2
Binary files /dev/null and b/assets/owo/paopao/E592A6_2x.png differ
diff --git a/assets/owo/paopao/E59388E59388_2x.png b/assets/owo/paopao/E59388E59388_2x.png
new file mode 100644
index 0000000..d20de90
Binary files /dev/null and b/assets/owo/paopao/E59388E59388_2x.png differ
diff --git a/assets/owo/paopao/E5958A_2x.png b/assets/owo/paopao/E5958A_2x.png
new file mode 100644
index 0000000..e9e940a
Binary files /dev/null and b/assets/owo/paopao/E5958A_2x.png differ
diff --git a/assets/owo/paopao/E596B7_2x.png b/assets/owo/paopao/E596B7_2x.png
new file mode 100644
index 0000000..c5273ee
Binary files /dev/null and b/assets/owo/paopao/E596B7_2x.png differ
diff --git a/assets/owo/paopao/E5989AE7919F_2x.png b/assets/owo/paopao/E5989AE7919F_2x.png
new file mode 100644
index 0000000..1b697d6
Binary files /dev/null and b/assets/owo/paopao/E5989AE7919F_2x.png differ
diff --git a/assets/owo/paopao/E5A4A7E68B87E68C87_2x.png b/assets/owo/paopao/E5A4A7E68B87E68C87_2x.png
new file mode 100644
index 0000000..808a165
Binary files /dev/null and b/assets/owo/paopao/E5A4A7E68B87E68C87_2x.png differ
diff --git a/assets/owo/paopao/E5A4AAE5BC80E5BF83_2x.png b/assets/owo/paopao/E5A4AAE5BC80E5BF83_2x.png
new file mode 100644
index 0000000..5e644bc
Binary files /dev/null and b/assets/owo/paopao/E5A4AAE5BC80E5BF83_2x.png differ
diff --git a/assets/owo/paopao/E5A4AAE998B3_2x.png b/assets/owo/paopao/E5A4AAE998B3_2x.png
new file mode 100644
index 0000000..7fefbe1
Binary files /dev/null and b/assets/owo/paopao/E5A4AAE998B3_2x.png differ
diff --git a/assets/owo/paopao/E5A794E5B188_2x.png b/assets/owo/paopao/E5A794E5B188_2x.png
new file mode 100644
index 0000000..ec2d0f2
Binary files /dev/null and b/assets/owo/paopao/E5A794E5B188_2x.png differ
diff --git a/assets/owo/paopao/E5B08FE4B996_2x.png b/assets/owo/paopao/E5B08FE4B996_2x.png
new file mode 100644
index 0000000..33c632d
Binary files /dev/null and b/assets/owo/paopao/E5B08FE4B996_2x.png differ
diff --git a/assets/owo/paopao/E5B08FE7BAA2E884B8_2x.png b/assets/owo/paopao/E5B08FE7BAA2E884B8_2x.png
new file mode 100644
index 0000000..aa1358a
Binary files /dev/null and b/assets/owo/paopao/E5B08FE7BAA2E884B8_2x.png differ
diff --git a/assets/owo/paopao/E5BC80E5BF83_2x.png b/assets/owo/paopao/E5BC80E5BF83_2x.png
new file mode 100644
index 0000000..b5aeb0d
Binary files /dev/null and b/assets/owo/paopao/E5BC80E5BF83_2x.png differ
diff --git a/assets/owo/paopao/E5BCB1_2x.png b/assets/owo/paopao/E5BCB1_2x.png
new file mode 100644
index 0000000..bf2b3ce
Binary files /dev/null and b/assets/owo/paopao/E5BCB1_2x.png differ
diff --git a/assets/owo/paopao/E5BDA9E899B9_2x.png b/assets/owo/paopao/E5BDA9E899B9_2x.png
new file mode 100644
index 0000000..4892fdf
Binary files /dev/null and b/assets/owo/paopao/E5BDA9E899B9_2x.png differ
diff --git a/assets/owo/paopao/E5BF83E7A28E_2x.png b/assets/owo/paopao/E5BF83E7A28E_2x.png
new file mode 100644
index 0000000..6ee132b
Binary files /dev/null and b/assets/owo/paopao/E5BF83E7A28E_2x.png differ
diff --git a/assets/owo/paopao/E68092_2x.png b/assets/owo/paopao/E68092_2x.png
new file mode 100644
index 0000000..2bdffa4
Binary files /dev/null and b/assets/owo/paopao/E68092_2x.png differ
diff --git a/assets/owo/paopao/E6838AE593AD_2x.png b/assets/owo/paopao/E6838AE593AD_2x.png
new file mode 100644
index 0000000..a596e58
Binary files /dev/null and b/assets/owo/paopao/E6838AE593AD_2x.png differ
diff --git a/assets/owo/paopao/E6838AE68190_2x.png b/assets/owo/paopao/E6838AE68190_2x.png
new file mode 100644
index 0000000..0c1e20a
Binary files /dev/null and b/assets/owo/paopao/E6838AE68190_2x.png differ
diff --git a/assets/owo/paopao/E6838AE8AEB6_2x.png b/assets/owo/paopao/E6838AE8AEB6_2x.png
new file mode 100644
index 0000000..81fda5a
Binary files /dev/null and b/assets/owo/paopao/E6838AE8AEB6_2x.png differ
diff --git a/assets/owo/paopao/E68792E5BE97E79086_2x.png b/assets/owo/paopao/E68792E5BE97E79086_2x.png
new file mode 100644
index 0000000..59fcfdc
Binary files /dev/null and b/assets/owo/paopao/E68792E5BE97E79086_2x.png differ
diff --git a/assets/owo/paopao/E6898BE7BAB8_2x.png b/assets/owo/paopao/E6898BE7BAB8_2x.png
new file mode 100644
index 0000000..e59e7c5
Binary files /dev/null and b/assets/owo/paopao/E6898BE7BAB8_2x.png differ
diff --git a/assets/owo/paopao/E68C96E9BCBB_2x.png b/assets/owo/paopao/E68C96E9BCBB_2x.png
new file mode 100644
index 0000000..17a5335
Binary files /dev/null and b/assets/owo/paopao/E68C96E9BCBB_2x.png differ
diff --git a/assets/owo/paopao/E68D82E598B4E7AC91_2x.png b/assets/owo/paopao/E68D82E598B4E7AC91_2x.png
new file mode 100644
index 0000000..57975f7
Binary files /dev/null and b/assets/owo/paopao/E68D82E598B4E7AC91_2x.png differ
diff --git a/assets/owo/paopao/E6989FE6989FE69C88E4BAAE_2x.png b/assets/owo/paopao/E6989FE6989FE69C88E4BAAE_2x.png
new file mode 100644
index 0000000..e19bfe7
Binary files /dev/null and b/assets/owo/paopao/E6989FE6989FE69C88E4BAAE_2x.png differ
diff --git a/assets/owo/paopao/E6B197_2x.png b/assets/owo/paopao/E6B197_2x.png
new file mode 100644
index 0000000..5f57a18
Binary files /dev/null and b/assets/owo/paopao/E6B197_2x.png differ
diff --git a/assets/owo/paopao/E6B299E58F91_2x.png b/assets/owo/paopao/E6B299E58F91_2x.png
new file mode 100644
index 0000000..f663de3
Binary files /dev/null and b/assets/owo/paopao/E6B299E58F91_2x.png differ
diff --git a/assets/owo/paopao/E6B3AA_2x.png b/assets/owo/paopao/E6B3AA_2x.png
new file mode 100644
index 0000000..a1caed0
Binary files /dev/null and b/assets/owo/paopao/E6B3AA_2x.png differ
diff --git a/assets/owo/paopao/E6BB91E7A8BD_2x.png b/assets/owo/paopao/E6BB91E7A8BD_2x.png
new file mode 100644
index 0000000..8402f16
Binary files /dev/null and b/assets/owo/paopao/E6BB91E7A8BD_2x.png differ
diff --git a/assets/owo/paopao/E781AFE6B3A1_2x.png b/assets/owo/paopao/E781AFE6B3A1_2x.png
new file mode 100644
index 0000000..1aa078a
Binary files /dev/null and b/assets/owo/paopao/E781AFE6B3A1_2x.png differ
diff --git a/assets/owo/paopao/E788B1E5BF83_2x.png b/assets/owo/paopao/E788B1E5BF83_2x.png
new file mode 100644
index 0000000..f6f4c64
Binary files /dev/null and b/assets/owo/paopao/E788B1E5BF83_2x.png differ
diff --git a/assets/owo/paopao/E78A80E588A9_2x.png b/assets/owo/paopao/E78A80E588A9_2x.png
new file mode 100644
index 0000000..c828e77
Binary files /dev/null and b/assets/owo/paopao/E78A80E588A9_2x.png differ
diff --git a/assets/owo/paopao/E78B82E6B197_2x.png b/assets/owo/paopao/E78B82E6B197_2x.png
new file mode 100644
index 0000000..2aceb02
Binary files /dev/null and b/assets/owo/paopao/E78B82E6B197_2x.png differ
diff --git a/assets/owo/paopao/E78EABE791B0_2x.png b/assets/owo/paopao/E78EABE791B0_2x.png
new file mode 100644
index 0000000..c0618cf
Binary files /dev/null and b/assets/owo/paopao/E78EABE791B0_2x.png differ
diff --git a/assets/owo/paopao/E7949FE6B094_2x.png b/assets/owo/paopao/E7949FE6B094_2x.png
new file mode 100644
index 0000000..9befd26
Binary files /dev/null and b/assets/owo/paopao/E7949FE6B094_2x.png differ
diff --git a/assets/owo/paopao/E79691E997AE_2x.png b/assets/owo/paopao/E79691E997AE_2x.png
new file mode 100644
index 0000000..cff4a43
Binary files /dev/null and b/assets/owo/paopao/E79691E997AE_2x.png differ
diff --git a/assets/owo/paopao/E79C9FE6A392_2x.png b/assets/owo/paopao/E79C9FE6A392_2x.png
new file mode 100644
index 0000000..97ca30d
Binary files /dev/null and b/assets/owo/paopao/E79C9FE6A392_2x.png differ
diff --git a/assets/owo/paopao/E79DA1E8A789_2x.png b/assets/owo/paopao/E79DA1E8A789_2x.png
new file mode 100644
index 0000000..21594dd
Binary files /dev/null and b/assets/owo/paopao/E79DA1E8A789_2x.png differ
diff --git a/assets/owo/paopao/E7A4BCE789A9_2x.png b/assets/owo/paopao/E7A4BCE789A9_2x.png
new file mode 100644
index 0000000..8572a23
Binary files /dev/null and b/assets/owo/paopao/E7A4BCE789A9_2x.png differ
diff --git a/assets/owo/paopao/E7AC91E5B0BF_2x.png b/assets/owo/paopao/E7AC91E5B0BF_2x.png
new file mode 100644
index 0000000..a2c29a1
Binary files /dev/null and b/assets/owo/paopao/E7AC91E5B0BF_2x.png differ
diff --git a/assets/owo/paopao/E7AC91E79CBC_2x.png b/assets/owo/paopao/E7AC91E79CBC_2x.png
new file mode 100644
index 0000000..0680d43
Binary files /dev/null and b/assets/owo/paopao/E7AC91E79CBC_2x.png differ
diff --git a/assets/owo/paopao/E7BAA2E9A286E5B7BE_2x.png b/assets/owo/paopao/E7BAA2E9A286E5B7BE_2x.png
new file mode 100644
index 0000000..7690c2f
Binary files /dev/null and b/assets/owo/paopao/E7BAA2E9A286E5B7BE_2x.png differ
diff --git a/assets/owo/paopao/E8839CE588A9_2x.png b/assets/owo/paopao/E8839CE588A9_2x.png
new file mode 100644
index 0000000..821abfd
Binary files /dev/null and b/assets/owo/paopao/E8839CE588A9_2x.png differ
diff --git a/assets/owo/paopao/E88AB1E5BF83_2x.png b/assets/owo/paopao/E88AB1E5BF83_2x.png
new file mode 100644
index 0000000..3e8e915
Binary files /dev/null and b/assets/owo/paopao/E88AB1E5BF83_2x.png differ
diff --git a/assets/owo/paopao/E88CB6E69DAF_2x.png b/assets/owo/paopao/E88CB6E69DAF_2x.png
new file mode 100644
index 0000000..fc8ac2c
Binary files /dev/null and b/assets/owo/paopao/E88CB6E69DAF_2x.png differ
diff --git a/assets/owo/paopao/E88DAFE4B8B8_2x.png b/assets/owo/paopao/E88DAFE4B8B8_2x.png
new file mode 100644
index 0000000..9bd93a0
Binary files /dev/null and b/assets/owo/paopao/E88DAFE4B8B8_2x.png differ
diff --git a/assets/owo/paopao/E89B8BE7B395_2x.png b/assets/owo/paopao/E89B8BE7B395_2x.png
new file mode 100644
index 0000000..37ab127
Binary files /dev/null and b/assets/owo/paopao/E89B8BE7B395_2x.png differ
diff --git a/assets/owo/paopao/E89CA1E7839B_2x.png b/assets/owo/paopao/E89CA1E7839B_2x.png
new file mode 100644
index 0000000..f3aba29
Binary files /dev/null and b/assets/owo/paopao/E89CA1E7839B_2x.png differ
diff --git a/assets/owo/paopao/E98499E8A786_2x.png b/assets/owo/paopao/E98499E8A786_2x.png
new file mode 100644
index 0000000..42d110e
Binary files /dev/null and b/assets/owo/paopao/E98499E8A786_2x.png differ
diff --git a/assets/owo/paopao/E985B7_2x.png b/assets/owo/paopao/E985B7_2x.png
new file mode 100644
index 0000000..728baff
Binary files /dev/null and b/assets/owo/paopao/E985B7_2x.png differ
diff --git a/assets/owo/paopao/E985B8E788BD_2x.png b/assets/owo/paopao/E985B8E788BD_2x.png
new file mode 100644
index 0000000..1fff71c
Binary files /dev/null and b/assets/owo/paopao/E985B8E788BD_2x.png differ
diff --git a/assets/owo/paopao/E992B1E5B881_2x.png b/assets/owo/paopao/E992B1E5B881_2x.png
new file mode 100644
index 0000000..1e89f99
Binary files /dev/null and b/assets/owo/paopao/E992B1E5B881_2x.png differ
diff --git a/assets/owo/paopao/E992B1_2x.png b/assets/owo/paopao/E992B1_2x.png
new file mode 100644
index 0000000..3cc877f
Binary files /dev/null and b/assets/owo/paopao/E992B1_2x.png differ
diff --git a/assets/owo/paopao/E998B4E999A9_2x.png b/assets/owo/paopao/E998B4E999A9_2x.png
new file mode 100644
index 0000000..9fe13b4
Binary files /dev/null and b/assets/owo/paopao/E998B4E999A9_2x.png differ
diff --git a/assets/owo/paopao/E99FB3E4B990_2x.png b/assets/owo/paopao/E99FB3E4B990_2x.png
new file mode 100644
index 0000000..38f78c2
Binary files /dev/null and b/assets/owo/paopao/E99FB3E4B990_2x.png differ
diff --git a/assets/owo/paopao/E9A699E89589_2x.png b/assets/owo/paopao/E9A699E89589_2x.png
new file mode 100644
index 0000000..eccebc3
Binary files /dev/null and b/assets/owo/paopao/E9A699E89589_2x.png differ
diff --git a/assets/owo/paopao/E9BB91E7BABF_2x.png b/assets/owo/paopao/E9BB91E7BABF_2x.png
new file mode 100644
index 0000000..cc3c56a
Binary files /dev/null and b/assets/owo/paopao/E9BB91E7BABF_2x.png differ
diff --git a/assets/owo/paopao/OK_2x.png b/assets/owo/paopao/OK_2x.png
new file mode 100644
index 0000000..a1e18ab
Binary files /dev/null and b/assets/owo/paopao/OK_2x.png differ
diff --git a/assets/owo/paopao/haha_2x.png b/assets/owo/paopao/haha_2x.png
new file mode 100644
index 0000000..e847878
Binary files /dev/null and b/assets/owo/paopao/haha_2x.png differ
diff --git a/assets/owo/paopao/list.txt b/assets/owo/paopao/list.txt
new file mode 100644
index 0000000..e684ea1
--- /dev/null
+++ b/assets/owo/paopao/list.txt
@@ -0,0 +1,72 @@
+E4B88DE9AB98E585B4_2x.png
+E4B996_2x.png
+E4BDA0E68782E79A84_2x.png
+E4BEBFE4BEBF_2x.png
+E586B7_2x.png
+E58B89E5BCBA_2x.png
+E59083E7939C_2x.png
+E59083E7BF94_2x.png
+E59090E8888C_2x.png
+E59090_2x.png
+E59180E592A9E788B9_2x.png
+E591B5E591B5_2x.png
+E591BC_2x.png
+E592A6_2x.png
+E59388E59388_2x.png
+E5958A_2x.png
+E596B7_2x.png
+E5989AE7919F_2x.png
+E5A4A7E68B87E68C87_2x.png
+E5A4AAE5BC80E5BF83_2x.png
+E5A4AAE998B3_2x.png
+E5A794E5B188_2x.png
+E5B08FE4B996_2x.png
+E5B08FE7BAA2E884B8_2x.png
+E5BC80E5BF83_2x.png
+E5BCB1_2x.png
+E5BDA9E899B9_2x.png
+E5BF83E7A28E_2x.png
+E68092_2x.png
+E6838AE593AD_2x.png
+E6838AE68190_2x.png
+E6838AE8AEB6_2x.png
+E68792E5BE97E79086_2x.png
+E6898BE7BAB8_2x.png
+E68C96E9BCBB_2x.png
+E68D82E598B4E7AC91_2x.png
+E6989FE6989FE69C88E4BAAE_2x.png
+E6B197_2x.png
+E6B299E58F91_2x.png
+E6B3AA_2x.png
+E6BB91E7A8BD_2x.png
+E781AFE6B3A1_2x.png
+E788B1E5BF83_2x.png
+E78A80E588A9_2x.png
+E78B82E6B197_2x.png
+E78EABE791B0_2x.png
+E7949FE6B094_2x.png
+E79691E997AE_2x.png
+E79C9FE6A392_2x.png
+E79DA1E8A789_2x.png
+E7A4BCE789A9_2x.png
+E7AC91E5B0BF_2x.png
+E7AC91E79CBC_2x.png
+E7BAA2E9A286E5B7BE_2x.png
+E8839CE588A9_2x.png
+E88AB1E5BF83_2x.png
+E88CB6E69DAF_2x.png
+E88DAFE4B8B8_2x.png
+E89B8BE7B395_2x.png
+E89CA1E7839B_2x.png
+E98499E8A786_2x.png
+E985B7_2x.png
+E985B8E788BD_2x.png
+E992B1E5B881_2x.png
+E992B1_2x.png
+E998B4E999A9_2x.png
+E99FB3E4B990_2x.png
+E9A699E89589_2x.png
+E9BB91E7BABF_2x.png
+haha_2x.png
+OK_2x.png
+what_2x.png
diff --git a/assets/owo/paopao/what_2x.png b/assets/owo/paopao/what_2x.png
new file mode 100644
index 0000000..7c985c8
Binary files /dev/null and b/assets/owo/paopao/what_2x.png differ
diff --git a/core/core.php b/core/core.php
index 704d92a..a3f5e4b 100644
--- a/core/core.php
+++ b/core/core.php
@@ -106,6 +106,31 @@ function _getViews($item)
echo number_format($result);
}
+function _parseAsideReply($text)
+{
+ echo $text;
+}
+
+function _parseReply($text)
+{
+ $text = preg_replace_callback(
+ '/\:\:\(\s*(呵呵|哈哈|吐舌|太开心|笑眼|花心|小乖|乖|捂嘴笑|滑稽|你懂的|不高兴|怒|汗|黑线|泪|真棒|喷|惊哭|阴险|鄙视|酷|啊|狂汗|what|疑问|酸爽|呀咩爹|委屈|惊讶|睡觉|笑尿|挖鼻|吐|犀利|小红脸|懒得理|勉强|爱心|心碎|玫瑰|礼物|彩虹|太阳|星星月亮|钱币|茶杯|蛋糕|大拇指|胜利|haha|OK|沙发|手纸|香蕉|便便|药丸|红领巾|蜡烛|音乐|灯泡|开心|钱|咦|呼|冷|生气|弱|吐血)\s*\)/is',
+ function ($match) {
+ return ') . '_2x.png)
';
+ },
+ $text
+ );
+ $text = preg_replace_callback(
+ '/\:\@\(\s*(高兴|小怒|脸红|内伤|装大款|赞一个|害羞|汗|吐血倒地|深思|不高兴|无语|亲亲|口水|尴尬|中指|想一想|哭泣|便便|献花|皱眉|傻笑|狂汗|吐|喷水|看不见|鼓掌|阴暗|长草|献黄瓜|邪恶|期待|得意|吐舌|喷血|无所谓|观察|暗地观察|肿包|中枪|大囧|呲牙|抠鼻|不说话|咽气|欢呼|锁眉|蜡烛|坐等|击掌|惊喜|喜极而泣|抽烟|不出所料|愤怒|无奈|黑线|投降|看热闹|扇耳光|小眼睛|中刀)\s*\)/is',
+ function ($match) {
+ return ') . '_2x.png)
';
+ },
+ $text
+ );
+ return $text;
+}
+
+
function _getLazyload()
{
echo Helper::options()->JLazyload;
diff --git a/functions.php b/functions.php
index 75fafdd..6667040 100644
--- a/functions.php
+++ b/functions.php
@@ -83,6 +83,7 @@ function themeConfig($form)
'weather' => '天气栏（需先在下方填写KEY值）',
'hot' => '热门文章栏',
'ranking' => '排行榜栏',
+ 'newreply' => '最新回复栏'
),
null,
'选择首页需要显示的侧边栏栏目',
diff --git a/public/aside.php b/public/aside.php
index 4f510a1..50fb107 100644
--- a/public/aside.php
+++ b/public/aside.php
@@ -75,6 +75,40 @@
+ options->JAside)) : ?>
+
+
+ widget('Widget_Comments_Recent', 'ignoreAuthor=true&pageSize=5')->to($item); ?>
+
+ have()) : ?>
+ next()) : ?>
+ -
+
+
 ?>)
+
+
author(false) ?>
+
date('Y-m-d'); ?>
+
+
+
+
+ - 人气很差！一条回复没有！
+
+
+
+
+
options->JAside)) : ?>
@@ -82,10 +116,12 @@
-
+
loading...