html{font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;--primary-color:#f29cb2;--pink-color:#f29cb2;--blue-color:#3393ce;--primary-light-color:#e9eefe;--default-color:#f29cb2;--default-hover-color:rgb(36,118,219);--default-active-color:#1363c5;overflow:overlay!important}html:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,80%,.4)}html::-webkit-scrollbar{width:8px;height:4px;background-color:hsla(0,0%,100%,0);-webkit-transition:all .3s;transition:all .3s;cursor:pointer}html::-webkit-scrollbar:hover{background-color:rgba(0,128,0,0)}html::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,0)}html::-webkit-scrollbar-track:hover{background-color:rgba(238,238,238,0)}html::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(221,221,221,.2);-webkit-transition:all .3s;transition:all .3s}html::-webkit-scrollbar-thumb:hover{width:10px;border-radius:4px;background-color:#ccc}body,html{width:100%;height:auto;background-color:var(--background-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.body-modal{overflow:hidden;padding-right:17px;box-sizing:border-box}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}.clearfix:after,.clearfix:before{content:"";display:block;height:0;line-height:0;visibility:hidden;overflow:hidden;clear:both}.text-elipsis,.text-three-elipsis,.text-two-elipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-elipsis{-webkit-line-clamp:1;line-clamp:1}.text-two-elipsis{-webkit-line-clamp:2;line-clamp:2}.text-three-elipsis{-webkit-line-clamp:3;line-clamp:3}.text-wrap{overflow:hidden;word-wrap:break-word}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{font-size:14px;font-weight:400;line-height:1.42;position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;height:32px;outline:none;cursor:pointer;transition:all;transition-timing-function:linear;transition-duration:.2s;text-align:center;vertical-align:top;white-space:nowrap;border:1px solid hsla(0,0%,100%,0);background-clip:padding-box}.black-mode,.black-mode .disabled-dark,.black-mode img,.black-mode saki-button[disabled-dark=true],.black-mode saki-images{filter:invert(1) hue-rotate(180deg)}.black-mode .model-bg,.dark-mode .model-bg{background-color:hsla(0,0%,100%,.6)}@media(prefers-color-scheme:dark){.system-mode{filter:contrast(.96) brightness(.9) invert(1) hue-rotate(180deg)}.system-mode .disabled-dark,.system-mode img,.system-mode saki-button[disabled-dark=true],.system-mode saki-images{filter:contrast(1.1) brightness(1) invert(1) hue-rotate(180deg)}.system-mode .model-bg{background-color:hsla(0,0%,100%,.6)}}body.light-mode{--text-primary:#000;--text-secondary:#666;--background-primary:#fff;--background-secondary:#f4f4f4;--background-tertiary:#eee;--background-blue:#3393ce}body.dark-mode{--text-primary:#fff;--text-secondary:#cdcdcd;--background-primary:#1b1b1b;--background-secondary:#313131;--background-tertiary:#858585;--background-blue:#4497ca;--saki-default-color:#9c5164;--saki-default-bottom-border-color:#f29cb2;--saki-default-hover-color:#f185a0;--saki-default-active-color:#ce5d79;--saki-defalut-border-color:#f1f1f1;--saki-maintitle-color:#000 --saki-subtitle-color:#999 --saki-subtitle-select-color:#222 --saki-button-loading-color:#5ec9f0;--saki-button-loading-border-color:#f3f3f3;--saki-button-normal-bg-color:var(-saki-default-color);--saki-button-normal-bg-hover-color:#f1f3f4;--saki-button-normal-bg-active-color:#ddd;--saki-button-circle-icon-gray-hover-bg-color:#fff;--saki-button-circle-icon-gray-hover-bg-hover-color:#f1f3f4;--saki-button-circle-icon-gray-hover-bg-active-color:#ddd;--saki-chat-dialog-right-border-color:var(-saki-default-color);--saki-chat-dialog-bg-color:#fff;--saki-chat-dialog-bg-hover-color:#f1f3f4;--saki-chat-dialog-bg-active-color:#ddd;--saki-chat-dialog-bg-select-color:#faebef;--saki-chat-dialog-message-color:#999;--saki-chat-dialog-time-color:#999;--saki-chat-dialog-time-select-color:#999;--saki-chat-dialog-context-menu-background-color:#eee;--saki-chat-dialog-count-bg-color:#ccc;--saki-chat-dialog-count-color:#fff;--saki-chat-bubble-left-bg-color:#e9b0be;--saki-chat-bubble-right-bg-color:#b3dff0;--saki-chat-bubble-content-border-radius:10px;--saki-chat-bubble-time-color:#888;--saki-chat-bubble-read-progress-color:#f185a0;--saki-chat-bubble-loading-color:#f185a0;--saki-chat-bubble-loading-active-color:#f3f3f3;--saki-chat-header-online-color:#248bb4;--saki-call-mini-video-width:160px;--saki-loading-circle-bg-color:#f185a0;--saki-loading-circle-active-bg-color:#f3f3f3;--saki-menu-active-border-color:var(--saki-default-color);--saki-menu-active-background-color:#eee;--saki-drag-sort-selected-color:var(--saki-default-color)}.app-layout.Mobile .a-main .a-main-wrap .a-m-left{width:100%}.app-layout .a-main{width:100%;margin:60px 0 0}.app-layout .a-main .a-main-wrap{width:100%;min-width:200px;margin:0 auto;display:flex;justify-content:space-between;position:relative}.app-layout .a-main .a-main-wrap .a-m-left{width:calc(100% - var(--r-w));border-right:1px solid #eee}.app-layout .a-main .a-main-wrap .a-m-right{width:var(--r-w);position:fixed;top:60px;right:var(--r-r);padding:10px 10px 0}.app-layout .a-main .a-main-wrap .a-m-right .a-r-user{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0;padding:0 0 16px;border-bottom:1px solid #eee}.app-layout .a-main .a-main-wrap .a-m-right .a-r-user .a-un{font-size:18px;color:#666;margin:4px 0 0}.app-layout .a-main .a-main-wrap .a-m-right .a-r-user .a-bio{font-size:16px;color:#888;margin:4px 0}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 10px}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item{display:flex;justify-content:flex-start;align-items:center;border-radius:20px;padding:8px 16px 8px 10px;margin:6px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#666;transition:all .3s}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item.active{color:var(--saki-default-color);font-weight:700}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item:hover{background-color:#fcebef}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item:hover saki-icon{color:var(--saki-default-color)}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item:active{background-color:#f0c3ce}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item .a-i-icon{width:28px}.app-layout .a-main .a-main-wrap .a-m-right .a-r-nav .a-n-item .a-i-name{padding:0 0 0 10px;font-size:16px}.app-layout .a-main .a-main-wrap .a-m-right .a-r-copyright{margin:20px 0}.app-layout .a-main .a-main-wrap .a-m-right .a-r-copyright a,.app-layout .a-main .a-main-wrap .a-m-right .a-r-copyright span{color:#666;font-size:14px;margin:2px 0;text-shadow:none}.app-layout .a-main .a-main-wrap .a-m-mobile-nav{width:100%;position:fixed;bottom:0;left:0}.blog-layout{width:100%;overflow:hidden}.blog-layout.Mobile .a-main .a-main-wrap{width:100%;margin:0}.blog-layout .a-main{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between}.blog-layout .a-main .a-main-wrap{width:calc(100% - var(--r-w));margin:0 0 0 var(--r-w);position:relative;transition:all .5s}.blog-layout .a-main .a-main-wrap:before{background-attachment:fixed;background-image:url(/images/dot.69de5fb.gif);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s;width:100%;z-index:1}.blog-layout .a-main .a-main-wrap .a-m-bg{position:fixed;left:0;top:0;width:calc(var(--w));height:calc(var(--h));overflow:hidden}.blog-layout .a-main .a-main-wrap .a-m-bg:after{content:"";position:absolute;left:calc(var(--r-w) - 30px);top:-30px;width:calc(var(--w) - var(--r-w) + 60px);height:calc(var(--h) + 60px);background-color:#f29cb2;background-position:50%;background-size:cover;background-image:var(--blog-bg);transition:all .5s;animation:figureAnima 60s linear infinite alternate}.blog-layout .a-main .a-main-wrap .a-m-page{background-color:#fff;margin:calc(var(--pageToTopDistance)) 0 0 0;position:relative;z-index:5}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user{width:100px;position:absolute;top:calc(var(--pageToTopDistance)*-.6);left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user:hover .u-avatar{border-color:rgba(0,0,0,.5)}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user:hover .u-info,.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user:hover .u-info:after{background-color:rgba(0,0,0,.5)}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user .u-avatar{position:absolute;top:-50px;transition:all 1s;border:5px solid rgba(0,0,0,.3);border-radius:50%}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user .u-avatar:hover{transform:rotate(1turn)}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user .u-info{position:absolute;top:45px;width:max-content;max-width:400px;padding:16px 20px;background-color:rgba(0,0,0,.3);border-radius:10px;color:#fff;font-size:16px;margin:26px 0 0;transition:all 1s;text-align:center;display:flex}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-center-user .u-info:after{content:"";width:25px;height:25px;background-color:rgba(0,0,0,.3);border-radius:6px;-webkit-clip-path:polygon(0 0,90% 0,calc(100% - 25px) 90%);clip-path:polygon(0 0,90% 0,calc(100% - 25px) 90%);position:absolute;left:50%;top:-10.5px;transform:translate(-50%) rotate(45deg);transition:all 1s}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-changebg{position:absolute;top:-60px;right:20px;cursor:progress;z-index:5}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-changebg span{color:#fff}.blog-layout .a-main .a-main-wrap .a-m-page .a-m-bottom-btn{position:absolute;top:-100px;left:50%;transform:translate(-50%);animation:cyclicMobility 1.8s linear infinite alternate;cursor:pointer;z-index:5}@keyframes cyclicMobility{0%{transform:translate(-50%,30px)}to{transform:translate(-50%)}}.blog-layout .a-main .a-main-wrap .a-m-page .sub-page{margin:0 auto;padding:50px 8px}.blog-layout .a-main .a-main-wrap .a-m-footer{max-width:900px;position:relative;z-index:4;margin:40px auto;display:flex;flex-direction:column-reverse}.blog-layout .a-main .hideside-button{width:12px;height:100px;position:fixed;left:calc(var(--r-w));top:50%;transform:translateY(-50%);border-radius:6px;border-radius:0 20px 20px 0;transition:background-color .5s,left .5s;cursor:pointer;background-color:#f4f4f4;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:5}.blog-layout .a-main .hideside-button:hover{background-color:#eee}.blog-layout .a-main .hideside-button:active{background-color:#ddd}.blog-layout .a-main .hideside-button.hide{left:0;background-color:#ccc}.blog-layout .a-main .hideside-button.hide:hover{background-color:#bbb}.blog-layout .a-main .hideside-button.hide:active{background-color:#aaa}.blog-layout .a-main .hideside-button saki-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.context-menu-item{display:flex;justify-content:flex-start;align-items:center;padding:0 6px;font-size:14px}.context-menu-item .icon{fill:#666;width:16px;height:16px;margin-right:6px}.context-menu-item.disabletap .icon{fill:#aaa}.a-r-copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 6px}.a-r-copyright a,.a-r-copyright span{color:#fff;font-size:14px;margin:2px 0;text-shadow:0 0 3px #000}.index-page{width:var(--w);height:var(--h)}.index-page .ip-main{width:100%;height:100%;position:relative;overflow:hidden}.index-page .ip-main:before{background-attachment:fixed;background-image:url(/images/dot.69de5fb.gif);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s;width:100%;z-index:1}.index-page .ip-main .a-m-bg{position:fixed;left:0;top:0;width:calc(var(--w));height:calc(var(--h));overflow:hidden}.index-page .ip-main .a-m-bg:after{content:"";position:absolute;left:-30px;top:-30px;width:calc(var(--w) + 60px);height:calc(var(--h) + 60px);background-color:#f29cb2;background-position:50%;background-size:cover;background-image:var(--blog-bg);transition:all .5s;animation:figureAnima 60s linear infinite alternate}@keyframes figureAnima{0%{transform:translateY(-30px)}20%{transform:translateY(30px)}40%{transform:translate(30px)}60%{transform:translate(-30px)}80%{transform:translate(30px)}to{transform:translateY(30px)}}.index-page .ip-main .ip-header{width:100%;position:fixed;top:0;right:0;z-index:100;display:flex;height:70px;padding:0 10px 0 20px;justify-content:space-between;align-items:center}.index-page .ip-main .ip-header .ip-h-left{display:flex;justify-content:center;align-items:center}.index-page .ip-main .ip-header .ip-h-left .logo{height:40px;display:flex;justify-content:flex-start;align-items:center;text-shadow:0 0 10px rgba(68,68,68,.2196078431)}.index-page .ip-main .ip-header .ip-h-left .logo:hover span{color:var(--saki-default-color)}.index-page .ip-main .ip-header .ip-h-left .logo span{font-size:18px;color:#ddd;transition:all .5s;font-weight:700}.index-page .ip-main .ip-header .ip-h-right .a-r-nav{width:100%;display:flex;justify-content:center;align-items:center;padding:0;transition:all .5s}.index-page .ip-main .ip-header .ip-h-right .a-r-nav.menu{position:absolute}.index-page .ip-main .ip-header .ip-h-right .a-r-nav.menu.show{right:0;opacity:1}.index-page .ip-main .ip-header .ip-h-right .a-r-nav.menu.hide{right:-100%;opacity:0}.index-page .ip-main .ip-header .ip-h-right .a-r-nav.mobileMenu.hide{display:none}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item{display:flex;justify-content:flex-start;align-items:center;border-radius:20px;padding:4px 5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#ddd;text-shadow:0 0 20px #444;transition:all .3s}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item:hover{background-color:rgba(242,156,178,.4196078431)}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item:active{background-color:rgba(242,156,178,.6980392157)}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item .a-i-icon{width:28px}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item .a-i-name{padding:0 0 0 4px;font-size:16px;display:flex;align-items:center}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item .a-i-name span{white-space:nowrap}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item .a-i-name span:first-child{font-size:16px}.index-page .ip-main .ip-header .ip-h-right .a-r-nav .a-n-item .a-i-name span:nth-child(2){margin:0 0 0 4px;font-size:12px}.index-page .ip-main .ip-footer{width:100%;max-width:900px;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5;margin:16px auto;display:flex;flex-direction:column-reverse}.index-page .ip-main .ip-users{position:relative;z-index:10}.index-page .ip-main .ip-users .ipu-item{position:absolute;transition:all 1s;animation:ipuScale 1.8s linear infinite alternate}.index-page .ip-main .ip-users .ipu-item.active,.index-page .ip-main .ip-users .ipu-item:hover{animation:none;transform:scale(1)}.index-page .ip-main .ip-users .ipu-item.active .ipu-i-info,.index-page .ip-main .ip-users .ipu-item:hover .ipu-i-info{transform:translate(-50%) scale(1);opacity:1}@keyframes ipuScale{0%{transform:scale(.7)}to{transform:scale(1)}}.index-page .ip-main .ip-users .ipu-item saki-avatar{position:relative;z-index:99}.index-page .ip-main .ip-users .ipu-item .ipu-i-info{position:absolute;top:calc(var(--avatar-size) + 20px);left:50%;z-index:1000;transform:translate(-50%) scale(.7);opacity:0;width:max-content;max-width:300px;padding:8px 12px;background-color:rgba(0,0,0,.3);border-radius:10px;transition:all .3s;font-size:14px;color:#fff}.index-page .ip-main .ip-users .ipu-item .ipu-i-info:after{content:"";width:25px;height:25px;background-color:rgba(0,0,0,.3);border-radius:6px;-webkit-clip-path:polygon(0 0,90% 0,calc(100% - 25px) 90%);clip-path:polygon(0 0,90% 0,calc(100% - 25px) 90%);position:absolute;left:50%;top:-10.5px;transform:translate(-50%) rotate(45deg);transition:all 1s}.content-none{width:100%;text-align:center;margin:100px auto}.content-none.full{height:calc(var(--h) - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.content-none span{color:#999}.editor{position:relative;width:100%}.editor .ql-editor.ql-blank:before{font-style:normal;font-size:16px}.editor .ql-toolbar .ql-formats a,.editor .ql-toolbar .ql-formats p,.editor .ql-toolbar .ql-formats span{font-size:14px;margin:0}.editor a,.editor p,.editor span{font-size:16px;margin:4px 0;word-break:break-all}.editor .ql-align-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.editor .ql-align-right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right}.editor .ql-align-left{text-align:left}.editor a{position:relative;padding-bottom:5px}.editor a:after{content:"";width:0;height:3px;position:absolute;bottom:0;background-color:var(--saki-default-color);z-index:10000;left:50%;transform:translateX(-50%);transition:all .5s}.editor a:hover:after{width:100%}.editor h1,.editor h2{margin-bottom:.5rem!important}.editor pre{width:100%}.editor pre.ql-syntax{width:100%;padding:10px;border-radius:5px;background-color:#23241f;color:#f8f8f2;overflow:visible}.editor pre.ql-syntax:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}.editor blockquote{border-left:4px solid #ccc;margin:5px 0;padding:0 5px;color:#555}.editor h1{display:block;width:auto;font-size:26px;font-weight:700;cursor:pointer;transition:all .5s}.editor h1 .headerlink{text-decoration:none}.editor h1 .headerlink:hover{color:#555}.editor h1:hover.iconfont:before{color:#df849b}.editor h1.iconfont:before{color:var(--saki-default-color);margin-right:5px}.editor h2{display:block;font-size:20px;font-weight:700;cursor:pointer;transition:all .5s}.editor h2 .headerlink{text-decoration:none}.editor h2 .headerlink:hover{color:#555}.editor h2:hover.iconfont:before{color:#df849b}.editor h2.iconfont:before{color:var(--saki-default-color);margin-right:5px}.editor a{color:#555;text-decoration:underline;transition:-webkit-text-decoration .5s;transition:text-decoration .5s;transition:text-decoration .5s,-webkit-text-decoration .5s}.editor a:hover{color:var(--saki-default-color);text-decoration:none}.editor ol{list-style:decimal}.editor ul li{position:relative;font-size:16px;line-height:26px;padding-left:10px}.editor ul li:before{content:"";width:5px;height:5px;border:4px solid var(--saki-default-color);box-sizing:content-box;border-radius:50%;position:absolute;left:0;top:60%;transform:translate(-50%,-50%)}.editor img{max-width:80%!important;display:block;transition:all .5s;border-radius:10px;max-height:480px}@media screen and (max-width:767px){.editor img{max-height:320px}}.editor .ql-indent-1{padding-left:40px}.editor .ql-indent-2{padding-left:80px}.editor .ql-indent-3{padding-left:120px}.editor .ql-indent-4{padding-left:160px}.editor .ql-indent-5{padding-left:200px}.editor .ql-indent-6{padding-left:240px}.editor .ql-indent-7{padding-left:280px}.editor .ql-indent-8{padding-left:320px}.new-article-page{width:100%;margin:0 auto 20px}@media screen and (max-width:767px){.new-article-page{padding-bottom:50px}}.new-article-page .na-main{margin:10px 0;--btn-bg-color:#f4f4f4;--btn-bg-color:#fff}.new-article-page .na-main .na-title{padding:0 16px}.new-article-page .na-main .na-content{padding:0 0 10px;margin:0 0 20px;border-bottom:1px solid #eee}.new-article-page .na-main .na-content .ql-toolbar{background-color:#f5f5f5;padding:4px;margin:0 15px;border-radius:6px}.new-article-page .na-main .na-content .ql-editor{min-height:300px;max-height:var(--max-h)}.new-article-page .na-main .na-content .na-c-info{display:flex;justify-content:flex-end;align-items:center}.new-article-page .na-main .na-content .na-c-info .contentLength{color:#999;font-size:12px}.new-article-page .na-main .na-item{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px 16px}.new-article-page .na-main .na-item .na-i-main{margin:10px 0 0}.new-article-page .na-main .na-item .na-i-title{white-space:nowrap;margin:0 10px 0 0}.new-article-page .na-main .na-item .na-i-main{display:flex;justify-content:flex-start}.new-article-page .na-main .na-item .na-i-main .na-i-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.new-article-page .na-main .na-item .na-i-main .na-i-list .l-item{display:flex;align-items:center;justify-content:flex-start;background-color:var(--saki-default-color);color:#fff;height:32px;border-radius:16px;margin:0 6px 6px 0;padding:0 8px;cursor:pointer;overflow:hidden}.new-article-page .na-main .na-item .na-i-main .na-i-list .l-item saki-button{width:0;transition:all .3s}.new-article-page .na-main .na-item .na-i-main .na-i-list .l-item span{font-size:14px}.new-article-page .na-main .na-item .na-i-main .na-i-list .l-item:hover{padding:0 2px 0 8px}.new-article-page .na-main .na-item .na-i-main .na-i-list .l-item:hover saki-button{width:26px}.new-article-page .na-main .na-buttons{margin:-6px 0 0;padding:0 16px}.app-content-page{width:100%;margin:0 auto}@media screen and (max-width:767px){.app-content-page{padding-bottom:50px}}.app-content-page .ac-main .CollectionsListPage .bi-header,.app-content-page .ac-main .recommend-page .bi-header{margin:20px 0 4px;padding:0}.app-content-page .ac-main .CollectionsListPage .coll-list,.app-content-page .ac-main .CollectionsListPage .recommend-l-list,.app-content-page .ac-main .recommend-page .coll-list,.app-content-page .ac-main .recommend-page .recommend-l-list{padding:0;transform:translate(-8px);width:calc(100% + 16px)}.app-content-page .ac-main .CollectionsListPage .coll-list .bi-l-item,.app-content-page .ac-main .CollectionsListPage .recommend-l-list .bi-l-item,.app-content-page .ac-main .recommend-page .coll-list .bi-l-item,.app-content-page .ac-main .recommend-page .recommend-l-list .bi-l-item{padding:6px 8px}.blog-content-page{width:100%;margin:0 auto}.blog-content-page.Mobile .bc-main{flex-direction:column}.blog-content-page.Mobile .bc-main .bc-left{width:100%;padding:0}.blog-content-page.Mobile .bc-main .bc-right{width:100%}.blog-content-page.Mobile .bc-main .bi-header{padding:0}.blog-content-page .bc-main{display:flex;justify-content:space-between;--index-r-w:260px}.blog-content-page .bc-main .bc-left{width:calc(100% - var(--index-r-w));padding:0 20px 0 0}.blog-content-page .bc-main .bc-left .cp-main{padding:0}.blog-content-page .bc-main .bc-left .cp-main .CollectionsListPage .bi-header,.blog-content-page .bc-main .bc-left .cp-main .recommend-page .bi-header{margin:20px 0 4px;padding:0}.blog-content-page .bc-main .bc-left .cp-main .CollectionsListPage .coll-list,.blog-content-page .bc-main .bc-left .cp-main .CollectionsListPage .recommend-l-list,.blog-content-page .bc-main .bc-left .cp-main .recommend-page .coll-list,.blog-content-page .bc-main .bc-left .cp-main .recommend-page .recommend-l-list{padding:0;transform:translate(-8px);width:calc(100% + 8px)}.blog-content-page .bc-main .bc-left .cp-main .CollectionsListPage .coll-list .bi-l-item,.blog-content-page .bc-main .bc-left .cp-main .CollectionsListPage .recommend-l-list .bi-l-item,.blog-content-page .bc-main .bc-left .cp-main .recommend-page .coll-list .bi-l-item,.blog-content-page .bc-main .bc-left .cp-main .recommend-page .recommend-l-list .bi-l-item{padding:6px 8px}.blog-content-page .bc-main .bc-right{width:var(--index-r-w);padding:10px 0 0}.blog-collection-detail-page{width:100%;margin:0 auto;padding:0 10px}.blog-collection-detail-page .bc-main{padding:0 10px}.blog-collection-detail-page .bc-main .ac-loading{width:100%;height:calc(var(--h) - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-collection-detail-page .bc-main .ac-loading span{color:#999;margin:10px 0 0}.blog-collection-detail-page .bc-main .ac-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.blog-collection-detail-page .bc-main .ac-desc{font-size:14px;color:#222;overflow:hidden;margin:2px 0}.blog-collection-detail-page .bc-main .ac-more span{cursor:pointer;color:var(--saki-default-color)}.blog-collection-detail-page .bc-main .ac-more span:hover{text-decoration:underline}.blog-collection-detail-page .bc-main .ac-info{display:flex;justify-content:space-between;margin:0 4px 20px 0}.blog-collection-detail-page .bc-main .ac-info span{color:#666;font-size:13px;margin:0 6px 0 0}.blog-collection-page{width:100%;margin:0 auto;padding:0 10px}.blog-collection-page .bc-main .bm-header{display:flex;justify-content:center;align-items:center;padding:0 26px;margin:0 0 30px}.blog-collection-page .bc-main .bm-header .bm-left{display:flex;justify-content:flex-start;align-items:center}.blog-collection-page .bc-main .bm-header .bm-left .bm-l-title{font-size:32px}.blog-collection-page .bc-main .bm-header .bm-left .bm-l-count{font-size:16px;margin:0 0 0 8px;color:#999}.blog-collection-page .bc-main .ac-none{width:100%;margin:100px 0;display:flex;justify-content:center;align-items:center}.blog-collection-page .bc-main .ac-none span{font-size:24px;color:#999}.blog-collection-page .bc-main .ac-list{width:100%;display:flex;flex-direction:column}.blog-index-page{width:100%;margin:0 auto}.blog-index-page.PC .bi-main .bi-left .bi-header.recommend,.blog-index-page.PC .bi-main .bi-left .bi-list.recommend,.blog-index-page.Pad .bi-main .bi-left .bi-header.recommend,.blog-index-page.Pad .bi-main .bi-left .bi-list.recommend{display:none}.blog-index-page.Mobile .bi-main{flex-direction:column}.blog-index-page.Mobile .bi-main .bi-left{width:100%;padding:0}.blog-index-page.Mobile .bi-main .bi-left .bir-statistics{margin:0 0 40px;padding:0 0 20px;border-bottom:1px solid #eee}.blog-index-page.Mobile .bi-main .bi-left .bi-header.profile,.blog-index-page.Mobile .bi-main .bi-left .bi-profile,.blog-index-page.Mobile .bi-main .bi-left .publish-dropdown{display:none}.blog-index-page.Mobile .bi-main .bi-right{width:100%}.blog-index-page .bi-main{display:flex;justify-content:space-between;--r-w:260px}.blog-index-page .bi-main .bi-left{width:calc(100% - var(--r-w));padding:0 20px 0 0}.blog-index-page .bi-main .bi-left .am-category{border:none;padding:0}.blog-index-page .bi-main .bi-left .bi-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 12px}.blog-index-page .bi-main .bi-left .bi-header .bih-left{display:flex;justify-content:flex-start;align-items:center}.blog-index-page .bi-main .bi-left .bi-header .bih-left .bih-title{font-size:32px}.blog-index-page .bi-main .bi-left .bi-header .bih-left .bih-count{font-size:16px;margin:0 6px 0 8px;color:#999}.blog-index-page .bi-main .bi-left .bi-list{display:flex;flex-direction:column;justify-content:center;margin:10px 0 50px}.blog-index-page .bi-main .bi-left .recommend-page{margin:-20px 0 0}.blog-index-page .bi-main .bi-left .recommend-page .bih-btn{color:#666;font-size:14px;cursor:pointer}.blog-index-page .bi-main .bi-right{width:var(--r-w);padding:10px 0 0}.bi-more{display:inline-block;margin:0 auto;padding:6px 0;white-space:nowrap;font-size:14px}.BlogContentSideComponent .publish-dropdown,.UserInfoStatisticsComponent .publish-dropdown{padding:0 10px;margin:30px 0}.BlogContentSideComponent .a-r-user,.UserInfoStatisticsComponent .a-r-user{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 12px 16px;margin:0 0 20px;border-bottom:1px solid #eee}.BlogContentSideComponent .a-r-user .a-un,.UserInfoStatisticsComponent .a-r-user .a-un{font-size:18px;color:#666;margin:4px 0 0;padding:0 0 4px;font-weight:700}.BlogContentSideComponent .a-r-user .a-bio,.UserInfoStatisticsComponent .a-r-user .a-bio{font-size:16px;color:#888;margin:4px 0}.BlogContentSideComponent .bi-profile,.UserInfoStatisticsComponent .bi-profile{padding:0 12px;margin:10px 0 0}.BlogContentSideComponent .bi-profile .bi-a-item,.UserInfoStatisticsComponent .bi-profile .bi-a-item{width:100%;display:flex;justify-content:space-between;margin:8px 0}.BlogContentSideComponent .bi-profile .bi-a-item span:first-child,.UserInfoStatisticsComponent .bi-profile .bi-a-item span:first-child{width:80px;font-size:12px;color:#999}.BlogContentSideComponent .bi-profile .bi-a-item span:nth-child(2),.UserInfoStatisticsComponent .bi-profile .bi-a-item span:nth-child(2){font-size:12px;color:#222}.BlogContentSideComponent .bi-header,.UserInfoStatisticsComponent .bi-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 4px;padding:0 12px}.BlogContentSideComponent .bi-header .bih-left,.UserInfoStatisticsComponent .bi-header .bih-left{display:flex;justify-content:flex-start;align-items:center}.BlogContentSideComponent .bi-header .bih-left .bih-title,.UserInfoStatisticsComponent .bi-header .bih-left .bih-title{font-size:20px}.BlogContentSideComponent .bi-header .bih-left .bih-count,.UserInfoStatisticsComponent .bi-header .bih-left .bih-count{font-size:16px;margin:0 6px 0 8px;color:#999}.BlogContentSideComponent .bi-header .bih-right .bih-btn,.UserInfoStatisticsComponent .bi-header .bih-right .bih-btn{color:#666;font-size:14px;cursor:pointer}.BlogContentSideComponent .bi-list,.UserInfoStatisticsComponent .bi-list{width:100%;margin:0}.BlogContentSideComponent .bi-list .bi-none,.UserInfoStatisticsComponent .bi-list .bi-none{width:100%;display:inline-block;color:#666;text-align:center;margin:50px auto}.BlogContentSideComponent .bir-statistics,.UserInfoStatisticsComponent .bir-statistics{width:100%;max-width:500px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.BlogContentSideComponent .bir-statistics .bas-item,.UserInfoStatisticsComponent .bir-statistics .bas-item{display:flex;flex-direction:column;align-items:center}.BlogContentSideComponent .bir-statistics .bas-item span:first-child,.UserInfoStatisticsComponent .bir-statistics .bas-item span:first-child{color:#666;font-size:14px}.BlogContentSideComponent .bir-statistics .bas-item span:nth-child(2),.UserInfoStatisticsComponent .bir-statistics .bas-item span:nth-child(2){color:#222;font-size:16px}.update-recommend-modal .modal-main{width:100%;display:flex;flex-direction:column;justify-content:center}.update-recommend-modal .modal-main .bi-none{margin:100px auto;color:#999;font-size:18px}.update-recommend-modal .modal-main .ur-list{display:flex;flex-direction:column;justify-content:flex-start}.update-recommend-modal .modal-main .ur-list .ur-l-item{display:flex;background-color:#f3f3f3;padding:10px;border-radius:10px;transition:all .3s;margin:4px 0;cursor:pointer}.update-recommend-modal .modal-main .ur-list .ur-l-item:hover{background-color:#ddd}.update-recommend-modal .modal-main .ur-list .ur-l-item:active{background-color:#ccc}.update-recommend-modal .modal-main .ur-list .ur-l-item .urli-info{display:flex;flex-direction:column;flex:1 1}.update-recommend-modal .modal-main .ur-list .ur-l-item .urli-info .i-title{font-size:18px;color:#222;font-weight:700}.update-recommend-modal .modal-main .ur-list .ur-l-item .urli-info .i-desc,.update-recommend-modal .modal-main .ur-list .ur-l-item .urli-info .i-url{font-size:14px;color:#999}.recommend-page .bi-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 4px;padding:0 12px}.recommend-page .bi-header .bih-left{display:flex;justify-content:flex-start;align-items:center}.recommend-page .bi-header .bih-left .bih-title{font-size:20px}.recommend-page .bi-header .bih-left .bih-count{font-size:16px;margin:0 6px 0 8px;color:#999}.recommend-page .bi-header .bih-right .bih-btn{color:#666;font-size:14px;cursor:pointer}.recommend-page .bi-none{width:100%;display:inline-block;color:#666;text-align:center;margin:50px auto}.recommend-l-list{padding:0 4px;margin:0}.recommend-l-list .bi-l-item{display:flex;flex-direction:column;padding:6px 8px;border-radius:6px;transition:all .3s}.recommend-l-list .bi-l-item:hover{background-color:#eee}.recommend-l-list .bi-l-item:active{background-color:#ddd}.recommend-l-list .bi-l-item span:first-child{color:#222;font-size:14px}.recommend-l-list .bi-l-item span:nth-child(2){color:#999;font-size:14px}.CollectionsListPage .bi-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 4px;padding:0 12px}.CollectionsListPage .bi-header .bih-left{display:flex;justify-content:flex-start;align-items:center}.CollectionsListPage .bi-header .bih-left .bih-title{font-size:20px;color:#000}.CollectionsListPage .bi-header .bih-left .bih-count{font-size:16px;margin:0 6px 0 8px;color:#999}.CollectionsListPage .bi-header .bih-right .bih-btn{color:#666;font-size:14px;cursor:pointer}.CollectionsListPage .coll-list{padding:4px;margin:0;border-radius:6px;max-height:400px}.CollectionsListPage .coll-list .bi-l-item{display:flex;padding:6px 8px;border-radius:6px;transition:all .3s}.CollectionsListPage .coll-list .bi-l-item:hover{background-color:#eee}.CollectionsListPage .coll-list .bi-l-item:active{background-color:#ddd}.CollectionsListPage .coll-list .bi-l-item span{color:#222;font-size:14px;transition:all .3s}.blog-moment-page{width:100%;margin:0 auto;padding:10px 0}.blog-moment-page .bm-main{width:100%}.blog-moment-page .bm-main .bm-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 26px;margin:0 0 30px}.blog-moment-page .bm-main .bm-header .bm-left{display:flex;justify-content:flex-start;align-items:center}.blog-moment-page .bm-main .bm-header .bm-left .bm-l-title{font-size:32px}.blog-moment-page .bm-main .bm-header .bm-left .bm-l-count{font-size:16px;margin:0 0 0 8px;color:#999}.blog-moment-page .bm-main .bm-header .bm-right{margin:4px 0 0}.blog-moment-page .bm-main .bm-header .bm-right .bm-l-pagenum{color:#666;font-size:16px}.blog-photos-page{width:100%;margin:0 auto;padding:10px 0}.blog-photos-page .bm-main{width:100%}.blog-photos-page .bm-main .bm-header{display:flex;justify-content:center;align-items:center;padding:0 26px;margin:0 0 60px}.blog-photos-page .bm-main .bm-header .bm-left{display:flex;justify-content:flex-start;align-items:center}.blog-photos-page .bm-main .bm-header .bm-left .bm-l-title{font-size:32px}.blog-photos-page .bm-main .bm-header .bm-left .bm-l-count{font-size:16px;margin:0 0 0 8px;color:#999}.saki-gallery{width:100%;padding:0 5px}.saki-gallery .im-img{position:relative}.saki-gallery .im-img .im-i-name{width:100%;position:absolute;bottom:0;color:#fff;padding:20px 6px 6px;font-size:14px;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,0))}@media(max-width:767px){.saki-gallery .im-img .im-i-name{font-size:12px}}.blog-articles-page .bm-main .bm-header{flex-direction:column}.blog-articles-page .bm-main .bm-header .bm-right{margin:4px 0 0}.blog-articles-page .bm-main .bm-header .bm-right .bm-l-pagenum{color:#666;font-size:16px}.blog-articles-page{width:100%;margin:0 auto;padding:10px 0}.blog-articles-page .bm-main{width:100%}.blog-articles-page .bm-main .bm-header{display:flex;justify-content:center;align-items:center;padding:0 26px;margin:0 0 30px}.blog-articles-page .bm-main .bm-header .bm-left{display:flex;justify-content:flex-start;align-items:center}.blog-articles-page .bm-main .bm-header .bm-left .bm-l-title{font-size:32px}.blog-articles-page .bm-main .bm-header .bm-left .bm-l-count{font-size:16px;margin:0 0 0 8px;color:#999}.blog-about-page{width:100%}.blog-about-page .ba-main{display:flex;flex-direction:column;align-items:center}.blog-about-page .ba-main .ba-nickname{font-size:28px;color:#666;margin:20px 0 0}.blog-about-page .ba-main .ba-username{font-size:16px;color:#999;margin:4px 0 0}.blog-about-page .ba-main .ba-bio,.blog-about-page .ba-main .ba-gb{font-size:16px;color:#666;margin:4px 0 0}.blog-about-page .ba-main .ba-createTime{margin:30px 0 0;font-size:24px;color:#666;margin:40px 0 0}.blog-about-page .ba-main .ba-createTime span{font-weight:700;font-size:26px;margin:0 4px}.blog-about-page .ba-main .ba-statistics{margin:40px 0 0;width:100%;max-width:500px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.blog-about-page .ba-main .ba-statistics .bas-item{display:flex;flex-direction:column;align-items:center}.blog-about-page .ba-main .ba-statistics .bas-item span:first-child{color:#666;font-size:16px}.blog-about-page .ba-main .ba-statistics .bas-item span:nth-child(2){color:#222;font-size:22px}.blog-about-page .ba-main .ba-introduce{margin:40px 0 10px;width:100%;max-width:800px;padding:0 20px;font-size:16px}.blog-about-page .ba-main .ba-introduce .ba-update{display:flex;justify-content:flex-end}.blog-about-page .ba-main .ba-introduce .ba-update.none{display:flex;justify-content:center}.UpdateIntroduceModal .modal-main .pm-content ql-toolbar{background-color:#f5f5f5;padding:4px;margin:0 15px;border-radius:6px}.UpdateIntroduceModal .modal-main .pm-content .ql-editor{min-height:300px;max-height:var(--max-h)}.UpdateIntroduceModal .modal-main .pm-content .ql-editor:before{font-size:16px;top:4px}.blog-search-page{width:100%;margin:0 auto;padding:10px}.blog-search-page .bs-main{width:100%}.blog-search-page .bs-main,.blog-search-page .bs-main .as-m-title{display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-search-page .bs-main .as-m-title{text-align:center;margin:0 0 50px;font-size:32px}.blog-search-page .bs-main .as-m-input{display:flex;width:100%;max-width:400px;margin:0 0 20px;justify-content:center;align-items:center}.blog-search-page .bs-main .as-m-input saki-input{flex:1 1}.blog-search-page .bs-main .as-keywords{display:flex;flex-wrap:wrap;justify-content:center}.blog-search-page .bs-main .as-keywords .as-k-item{color:var(--saki-default-color);margin:10px}.blog-search-page .bs-main .am-category{width:100%}.blog-search-page .bs-main .as-list{width:100%;margin:10px 0 0}.app-search-page{width:100%;margin:0 auto;padding:10px}.app-search-page .as-main.none{height:calc(var(--h) - 80px);display:flex;flex-direction:column;justify-content:center}.app-search-page .as-main .as-m-title{text-align:center;margin:0 0 50px;font-size:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-search-page .as-main .as-m-input{display:flex;justify-content:space-between;align-items:center}.app-search-page .as-main .as-m-input saki-input{flex:1 1}.app-search-page .as-main .as-keywords{display:flex;flex-wrap:wrap;justify-content:center}.app-search-page .as-main .as-keywords .as-k-item{color:var(--saki-default-color);margin:10px}.app-search-page .as-main .as-list{margin:10px 0 0;height:calc(var(--h) - 188px)}@media screen and (max-width:767px){.app-search-page .as-main .as-list{padding-bottom:50px}}.app-moment-page{width:100%;margin:0 auto}@media screen and (max-width:767px){.app-moment-page{padding-bottom:50px}}.app-moment-page .am-main .am-post{padding:0 8px 0 10px}.am-category{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 10px 10px 0}.app-notification-page{width:100%;margin:0 auto}@media screen and (max-width:767px){.app-notification-page{padding-bottom:50px}}.app-notification-page .an-main .an-header{width:calc(100% - var(--r-w));padding:10px 10px 10px 0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:60px;background-color:#fff;z-index:5}.app-notification-page .an-main .am-category{width:calc(100% - var(--r-w));padding:2px 0;border-top:none;position:fixed;top:116px;background-color:#fff;z-index:5}.app-notification-page .an-main .an-list,.app-notification-page .an-main .content-none{padding:96px 0 0}.app-notification-page .an-main .an-list saki-button,.app-notification-page .an-main .an-list saki-button saki-comment-item,.app-notification-page .an-main .content-none saki-button,.app-notification-page .an-main .content-none saki-button saki-comment-item{width:100%}.app-collection-page{width:100%;margin:0 auto}@media screen and (max-width:767px){.app-collection-page{padding-bottom:50px}}.app-collection-page .ac-main .ac-none{width:100%;height:calc(var(--h) - 100px);display:flex;justify-content:center;align-items:center}.app-collection-page .ac-main .ac-list{width:100%;display:flex;flex-direction:column}.select-content-modal,.select-content-modal .modal-main{width:100%}.select-content-modal .modal-main .ac-list{width:100%;display:flex;flex-direction:column}.select-content-modal .modal-main .ac-list .content-base-item-component{padding:16px 10px 16px 2px}.collection-item-component{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0 10px 10px;transition:all .3s;border-bottom:1px solid #eee;cursor:pointer}.collection-item-component:hover{background-color:#f4f4f4;background-color:#eee}.collection-item-component .ci-top{display:flex;justify-content:space-between}.collection-item-component .ci-top .ci-t-main{flex:1 1;display:flex;justify-content:space-between}.collection-item-component .ci-top .ci-t-main .ci-r-left{flex:1 1}.collection-item-component .ci-top .ci-t-main .ci-r-left .ci-r-title{font-size:18px;font-weight:700;color:#222}.collection-item-component .ci-top .ci-t-main .ci-r-left .ci-r-content{font-size:14px;color:#222;overflow:hidden;margin:2px 0}.collection-item-component .ci-top .ci-t-main .ci-r-right{position:relative;margin:4px 10px 0 0;width:80px;height:80px}@media screen and (max-width:767px){.collection-item-component .ci-top .ci-t-main .ci-r-right{width:60px;height:60px}}.collection-item-component .ci-top .ci-t-main .ci-r-right .ci-r-count{position:absolute;right:4px;bottom:4px;background-color:rgba(0,0,0,.5);padding:4px 6px;height:20px;min-width:20px;border-radius:10px;color:#fff;font-size:10px;display:flex;justify-content:center;align-items:center}.collection-item-component .ci-top .ci-t-more{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center}.collection-item-component .ci-top .ci-t-more:hover{background-color:#eee;background-color:#ddd}.collection-item-component .ci-info{display:flex;justify-content:space-between;margin:4px 4px 0 0}.collection-item-component .ci-info span{color:#666;font-size:13px;margin:0 6px 0 0}.app-collection-detail-page{width:100%;margin:0 auto}@media screen and (max-width:767px){.app-collection-detail-page{padding-bottom:50px}}.app-collection-detail-page .ac-main{padding:0 10px}.app-collection-detail-page .ac-main .ac-loading{width:100%;height:calc(var(--h) - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center}.app-collection-detail-page .ac-main .ac-loading span{color:#999;margin:10px 0 0}.collection-page .ac-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.collection-page .ac-desc{font-size:14px;color:#666;overflow:hidden;margin:2px 0}.collection-page .ac-more span{cursor:pointer;color:var(--saki-default-color)}.collection-page .ac-more span:hover{text-decoration:underline}.collection-page .ac-info{display:flex;justify-content:space-between;margin:10px 4px 10px 0}.collection-page .ac-info .ci-i-left{flex:1 1;padding:0 10px 0 0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.collection-page .ac-info .ci-i-left .cp-h-nickname{display:flex;justify-content:flex-start;align-items:center;font-size:14px;cursor:pointer;color:#444}.collection-page .ac-info .ci-i-left .cp-h-nickname:hover span{text-decoration:underline;color:var(--saki-default-color)}.collection-page .ac-info .ci-i-left span{color:#666;font-size:13px;margin:0 3px}.collection-page .ac-info .ci-i-right span{color:#666;font-size:13px;white-space:nowrap}.header-component{width:100%;position:fixed;top:0;right:0;z-index:100}.header-component .h-title{font-size:16px;color:#555;margin:0 0 0 4px}.header-component .logo{height:50px;display:flex;justify-content:flex-start;align-items:center;font-size:18px}.header-component .logo:hover span{text-decoration:underline;color:var(--saki-default-color)}.header-component .logo span{font-size:18px;color:#555}.header-blog-component{width:calc(100% - var(--r-w));position:fixed;top:0;right:0;z-index:100;transition:width .5s}.header-blog-component.Mobile{width:100%}.header-blog-component.light-text .logo{text-shadow:0 0 20px #444}.header-blog-component.light-text .logo span{color:#ddd}.header-blog-component.light-text .h-r-spacing{background-color:#ddd}.header-blog-component.light-text .a-r-nav .a-n-item{text-shadow:0 0 20px #444}.header-blog-component.light-text .a-r-nav .a-n-item:hover{background-color:rgba(242,156,178,.4196078431)}.header-blog-component.light-text .a-r-nav .a-n-item:active{background-color:rgba(242,156,178,.6980392157)}.header-blog-component.light-text .a-r-nav .a-n-item .a-i-name{color:#ddd;display:flex;align-items:center}.header-blog-component .h-title{font-size:16px;color:#555;margin:0 0 0 4px}.header-blog-component .logo{height:40px;display:flex;justify-content:flex-start;align-items:center;text-shadow:0 0 10px rgba(68,68,68,.2196078431)}.header-blog-component .logo:hover span{color:var(--saki-default-color)}.header-blog-component .logo span{font-size:18px;color:#555;transition:all .5s;font-weight:700}.header-blog-component .a-r-nav{display:flex;justify-content:center;align-items:flex-start;padding:0;transition:all .5s}.header-blog-component .a-r-nav.menu{position:absolute}.header-blog-component .a-r-nav.menu.show{right:140px;opacity:1}.header-blog-component .a-r-nav.menu.hide{right:-100%;opacity:0}.header-blog-component .a-r-nav.mobileMenu.hide{display:none}.header-blog-component .a-r-nav .a-n-item{display:flex;justify-content:flex-start;align-items:center;border-radius:20px;padding:4px 8px;margin:0 1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#666;text-shadow:0 0 10px rgba(68,68,68,.2196078431);transition:all .3s}.header-blog-component .a-r-nav .a-n-item.active{color:var(--saki-default-color);font-weight:700}.header-blog-component .a-r-nav .a-n-item:hover{background-color:#fcebef}.header-blog-component .a-r-nav .a-n-item:hover saki-icon{color:var(--saki-default-color)}.header-blog-component .a-r-nav .a-n-item:active{background-color:#f0c3ce}.header-blog-component .a-r-nav .a-n-item .a-i-icon{width:28px}.header-blog-component .a-r-nav .a-n-item .a-i-name{padding:0 0 0 4px;font-size:16px;white-space:nowrap}.header-blog-component .a-r-nav .a-n-item .a-i-name span:first-child{font-size:16px}.header-blog-component .a-r-nav .a-n-item .a-i-name span:nth-child(2){margin:0 0 0 4px;font-size:12px}@media screen and (max-width:1024px){.header-blog-component .a-r-nav .a-n-item{padding:4px 6px 4px 4px;margin:0}.header-blog-component .a-r-nav .a-n-item .a-i-name{padding:0 0 0 2px}}.header-blog-component .h-r-spacing{width:1px;height:24px;background-color:#666;margin:0 10px}.header-blog-component .h-r-menu-button{display:flex;justify-content:center;align-items:center;margin:0 4px 0 6px;cursor:pointer;position:relative;z-index:10}.header-blog-component .h-r-menu-button.show .menu-icon .b-one{transform:rotate(45deg) translate(5px,3.5px)}.header-blog-component .h-r-menu-button.show .menu-icon .b-two{opacity:0;height:0}.header-blog-component .h-r-menu-button.show .menu-icon .b-three{transform:rotate(-45deg) translate(5px,-3.5px)}.header-blog-component .h-r-menu-button.lightText .menu-icon .b-one,.header-blog-component .h-r-menu-button.lightText .menu-icon .b-three,.header-blog-component .h-r-menu-button.lightText .menu-icon .b-two{background-color:#ddd}.header-blog-component .h-r-menu-button .menu-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-blog-component .h-r-menu-button .menu-icon .b-one,.header-blog-component .h-r-menu-button .menu-icon .b-three,.header-blog-component .h-r-menu-button .menu-icon .b-two{width:26px;height:4px;border-radius:3px;background-color:#666;margin:2px 0;transition:all .3s}.side-component{--r-w:240px;width:var(--r-w);height:100%;position:fixed;left:0;top:0;background-color:#fafafa;overflow:hidden;border-right:1px solid #eee;transition:width .5s,left .5s;z-index:500;padding:10px 10px 0}.side-component.hide{left:calc(var(--r-w)*-1);padding:0;border-right:none}.side-component .a-r-user{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0;padding:0 0 16px;border-bottom:1px solid #eee}.side-component .a-r-user .a-un{font-size:18px;color:#666;margin:4px 0 0;font-weight:700}.side-component .a-r-user .a-bio{font-size:16px;color:#888;margin:4px 0}.side-component .a-r-nav{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 10px}.side-component .a-r-nav .a-n-item{display:flex;justify-content:flex-start;align-items:center;border-radius:20px;padding:8px 16px 8px 10px;margin:6px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#666;transition:all .3s}.side-component .a-r-nav .a-n-item.active{color:var(--saki-default-color);font-weight:700}.side-component .a-r-nav .a-n-item:hover{background-color:#fcebef}.side-component .a-r-nav .a-n-item:hover saki-icon{color:var(--saki-default-color)}.side-component .a-r-nav .a-n-item:active{background-color:#f0c3ce}.side-component .a-r-nav .a-n-item .a-i-icon{width:28px}.side-component .a-r-nav .a-n-item .a-i-name{padding:0 0 0 10px;font-size:16px}.side-component .a-r-nav .a-n-item .a-i-name span:first-child{font-size:16px}.side-component .a-r-nav .a-n-item .a-i-name span:nth-child(2){margin:0 0 0 4px;font-size:12px}.side-component .a-r-copyright{margin:20px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.side-component .a-r-copyright a,.side-component .a-r-copyright span{color:#666;font-size:14px;margin:2px 0;text-shadow:none}.sc-bg{width:100%;height:100%;position:fixed;left:0;right:0;background-color:rgba(0,0,0,.4);z-index:190;transition:all .5s}.sc-bg.scbg-enter-done{opacity:1}.sc-bg.scbg-will-load{display:none;opacity:0}.sc-bg.scbg-enter{opacity:0}.sc-bg.scbg-enter-active,.sc-bg.scbg-leave{opacity:1}.sc-bg.scbg-leave-active{opacity:0}.sc-bg.scbg-leave-done{display:none}.login-component{justify-content:flex-start}.il-loading,.login-component{display:flex;flex-direction:column;width:100%;height:100%}.il-loading{position:fixed;left:0;top:0;background-color:#fff;z-index:11111;justify-content:center;align-items:center;transition:opacity .1s;opacity:0}.il-loading.active{opacity:1}.il-loading.hide{display:none}.il-loading .loading-animation{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);width:50px;height:50px;border-radius:50%;margin:auto;transform:rotate(1turn)}.il-loading .loading-animation:after,.il-loading .loading-animation:before{position:absolute;content:"";box-sizing:border-box;border-radius:50%;transform:rotate(2turn)}.il-loading .loading-animation:before{animation:rotate 2s ease-out infinite}.il-loading .loading-animation:after{animation:rotate 2s ease-in-out infinite}.il-loading .loading-animation:before{top:0;left:0;right:0;bottom:0;border-top:3px solid var(--default-color);border-left:3px solid var(--default-color);border-bottom:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0)}.il-loading .loading-animation:after{top:-2px;left:-2px;right:-2px;bottom:-2px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-style:solid;border-width:7px;transition:border-color .3s}@keyframes rotate{to{transform:rotate(0deg)}}.il-loading .loading-name{transform:translateY(60px);font-size:22px}.il-loading .loading-logo{width:160px;height:160px}.il-loading .loading-logo img{width:100%;height:100%;border-radius:20px}.il-loading .loading-progress-bar{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:100%;max-width:280px}.weather-detail-modal{width:100%;height:100%}.weather-detail-modal .wd-main{padding:0 0 10px;width:100%;height:calc(100% - 50px)}.weather-detail-modal .wd-main .wd-title{font-size:24px;font-weight:300}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list{width:100%;height:100%;display:flex;flex-direction:column}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.uvIndex .sp-item{padding:2px 20px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-dete{flex:1 1;width:60px;font-size:14px;color:#666;display:flex;flex-direction:column}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-dete .date{font-size:12px;color:#999}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-weatherCode{flex:1 1;text-align:left;white-space:nowrap}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-weatherCode span{font-size:14px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-weatherCode span:nth-child(2){margin:0 0 0 6px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-val{flex:1 1;text-align:center;font-size:14px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list.visibility .sp-item .sp-level{flex:1 1;font-size:14px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;cursor:default}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item:hover{background-color:#eee}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item:active{background-color:#ddd}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-dete{flex:1 1;width:60px;font-size:14px;color:#666}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-weatherCode{flex:1 1}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-val{flex:1 1;text-align:center;font-size:14px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-val span:nth-child(2){font-size:12px;margin:0 0 0 4px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-level{flex:1 1;text-align:center;font-size:14px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-color{flex:1 1;display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-color .sp-progress{width:80px;height:10px;border-radius:5px}.weather-detail-modal .wd-main .wd-surfacePressure .wp-sp-list .sp-item .sp-color .sp-level{font-size:12px;color:#666;margin:0 0 2px}.weather-detail-modal .wd-main .wd-wind .wp-chart{width:calc(100% - var(--margin-lr));margin:0 0 0 calc(var(--margin-lr));overflow-y:auto}.weather-detail-modal .wd-main .wd-wind .wd-color{display:flex;justify-content:center;align-items:center;padding:10px 14px;margin:12px 0}.weather-detail-modal .wd-main .wd-wind .wd-color .wd-c-item{margin:0 10px 0 0;display:flex;justify-content:flex-start;align-items:center}.weather-detail-modal .wd-main .wd-wind .wd-color .wd-c-item span{color:#666;font-size:14px;margin:0 10px 0 0}.weather-detail-modal .wd-main .wd-wind .wd-color .wd-c-item .item-progress{width:50px;height:4px;border-radius:2px;background-color:var(--bg-color);position:relative}.weather-detail-modal .wd-main .wd-wind .wd-color .wd-c-item .item-progress:after{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-color);background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.weather-detail-modal .wd-main .wd-humidity .wd-precipitationSummary,.weather-detail-modal .wd-main .wd-precipitation .wd-precipitationSummary{padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.weather-detail-modal .wd-main .wd-humidity .wd-precipitationSummary .wd-ps-item,.weather-detail-modal .wd-main .wd-precipitation .wd-precipitationSummary .wd-ps-item{margin:0 0 10px}.weather-detail-modal .wd-main .wd-humidity .wd-precipitationSummary .wd-ps-item span,.weather-detail-modal .wd-main .wd-precipitation .wd-precipitationSummary .wd-ps-item span{color:#666;font-size:14px}.weather-detail-modal .wd-main .wd-warning{padding:0 10px;display:flex;flex-direction:column;justify-content:flex-start}.weather-detail-modal .wd-main .wd-warning .wp-w-item{width:calc(100% - 20px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-bottom:1px solid #eee;margin:0 10px 20px;transition:all .3s;padding:10px 0 30px}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-header .wp-wi-left{display:flex;justify-content:flex-start;align-items:center}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-header .wp-wi-right{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 10px}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-header .wp-wi-right .wp-wi-title{flex:1 1;font-size:18px;margin:0 0 6px}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-header .wp-wi-right .wp-wi-time{flex:1 1;font-size:12px;color:#666}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-bottom .wp-w-b-desc{font-size:14px;color:#222;padding:0 0 6px}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-bottom .wp-w-b-source{font-size:12px;color:#666}.weather-detail-modal .wd-main .wd-warning .wp-w-item .wp-w-bottom .wp-w-b-source span{margin:0 14px 0 0}.collection-modal,.collection-modal .c-header,.collection-modal .c-main{width:100%}.collection-modal .c-main .c-list{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 20px}.collection-modal .c-main .c-list .c-l-item{width:100%;max-width:300px;display:flex;justify-content:space-between;margin:6px 0}.publish-moment-page{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.publish-moment-page .pm-user{margin:28px 0 0}.publish-moment-page .pm-main{margin:10px 0;width:100%;--btn-bg-color:#f4f4f4;--btn-bg-color:#fff}.publish-moment-page .pm-main .pm-title{padding:0 16px}.publish-moment-page .pm-main .pm-content.article{padding:0 0 10px;margin:0 0 20px;border-bottom:1px solid #eee}.publish-moment-page .pm-main .pm-content.article .ql-toolbar{background-color:#f5f5f5;padding:4px;margin:0 15px;border-radius:6px}.publish-moment-page .pm-main .pm-content.article .ql-editor{min-height:300px;max-height:var(--max-h)}.publish-moment-page .pm-main .pm-content.article .ql-editor:before{font-size:16px;top:4px}.publish-moment-page .pm-main .pm-content.article .na-c-info{display:flex;justify-content:flex-end;align-items:center}.publish-moment-page .pm-main .pm-content.article .na-c-info .contentLength{color:#999;font-size:12px}.publish-moment-page .pm-main .pm-content.toolbar-fixed .ql-container{margin-top:var(--toolbar-height)}.publish-moment-page .pm-main .pm-content.toolbar-fixed .ql-toolbar{width:var(--toolbar-width);position:fixed;top:60px;z-index:10}@media screen and (max-width:767px){.publish-moment-page .pm-main .pm-content.toolbar-fixed .ql-toolbar{width:calc(var(--w) - 30px)}}.publish-moment-page .pm-main .pm-content.moment{padding:0;--editor-padding:0 10px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.publish-moment-page .pm-main .pm-content.moment .ql-toolbar{display:none}.publish-moment-page .pm-main .pm-content.moment .ql-editor{min-height:40px}.publish-moment-page .pm-main .pm-content.moment .ql-editor:before{font-size:16px;top:4px}.publish-moment-page .pm-main .pm-info{padding:0 16px}.publish-moment-page .pm-main .pm-info,.publish-moment-page .pm-main .pm-info .pm-i-item{display:flex;justify-content:flex-start;align-items:center}.publish-moment-page .pm-main .pm-info .pm-i-item.permission{background-color:#eee;padding:4px 10px 4px 6px;height:24px;border-radius:12px}.publish-moment-page .pm-main .pm-info .pm-i-item.permission span{color:#666;font-size:12px}.publish-moment-page .pm-main .pm-tools{display:flex;justify-content:space-between;align-items:center;margin:6px 0;padding:0 6px}.publish-moment-page .pm-main .pm-tools .pm-t-l{display:flex;justify-content:flex-start;flex-wrap:wrap}.publish-moment-page .pm-main .pm-tools .pm-t-r .contentLength{color:#999;font-size:12px}.publish-moment-page .pm-main .pm-item{display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px 16px}.publish-moment-page .pm-main .pm-item .pm-i-main{margin:10px 0 0}.publish-moment-page .pm-main .pm-item .pm-i-title{white-space:nowrap;margin:0 10px 0 0}.publish-moment-page .pm-main .pm-item .pm-i-main{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list .l-item{display:flex;align-items:center;justify-content:flex-start;background-color:var(--saki-default-color);color:#fff;height:32px;border-radius:16px;margin:0 6px 6px 0;padding:0 8px;cursor:pointer;overflow:hidden}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list .l-item saki-button{width:0;transition:all .3s}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list .l-item span{font-size:14px}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list .l-item:hover{padding:0 2px 0 8px}.publish-moment-page .pm-main .pm-item .pm-i-main .pm-i-list .l-item:hover saki-button{width:26px}.publish-moment-page .pm-main .pm-file{margin:10px 0 0}.publish-moment-page .pm-main .pm-buttons{margin:-6px 0 0;padding:0 16px}.av-i-media{max-width:270px}.av-i-media.flex{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.av-i-media.flex .media-item{margin:0 0 0 10px}.av-i-media.grid{display:grid;grid-template-columns:repeat(3,80px);grid-gap:10px;gap:10px}.av-i-media .media-item{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border:2px solid #eee;border-radius:10px;cursor:pointer}.publish-moments-modal .pm-content.toolbar-fixed .ql-toolbar{top:55px!important}.settings-component{display:flex;justify-content:flex-start;flex-direction:column;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-component.Mobile .settings-main{position:relative}.settings-component.Mobile .settings-main .settings-m-list-page{width:100%}.settings-component.Mobile .settings-main .settings-m-item-page{width:100%;height:100%;position:absolute;top:0;left:100%;background-color:#fff;transition:left .3s;padding:10px}.settings-component.Mobile .settings-main .settings-m-item-page.active{left:0}.settings-component .settings-main{display:flex;justify-content:space-between;height:calc(100% - 56px);border-top:1px solid #eee}.settings-component .settings-main .settings-m-left{width:200px;height:100%;border-right:1px solid #eee}.settings-component .settings-main .settings-m-main{width:calc(100% - 200px);height:100%;padding:10px 0}.settings-component .s-account .s-a-profile{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.settings-component .s-account .s-a-profile .s-a-p-nickname{margin-top:10px;font-size:18px;font-weight:500}.settings-component .s-account .s-a-profile .s-a-p-item{width:100%}.setting-about-page .version-info,.settings-component .s-account .s-a-buttons{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.setting-about-page .version-info img{width:80px;height:80px;margin:10px 0}.setting-about-page .version-info .version-code{color:#666;display:flex;align-items:center;justify-content:center}.setting-about-page .version-info .version-code span:nth-child(2){background-color:var(--saki-default-color);color:#fff;font-size:10px;font-weight:700;padding:4px;border-radius:4px;margin:0 0 0 4px}.settings-item-component{padding:6px 10px}.settings-item-component.border{margin-bottom:16px;border:1px solid #eee;border-radius:10px;padding:6px 18px 20px}.settings-item-component .pi-title{font-size:18px;font-weight:600;margin:6px 0}.settings-item-component .pi-subtitle{font-size:16px;font-weight:500;margin:6px 0;color:var(--default-color);font-size:12px}.settings-item-component .pi-main{font-size:14px;width:100%}.settings-item-component .auto-close-window-after-copy{width:100%;margin-top:10px}.settings-item-component .auto-close-window-after-copy,.settings-item-component .s-sync{display:flex;justify-content:space-between;align-items:center}.settings-item-component .s-backup{display:flex;flex-direction:column;justify-content:flex-start}.settings-item-component .s-backup .s-b-path{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-radius:6px;margin-bottom:10px}.settings-item-component .s-backup .s-b-path .name{padding-right:10px;white-space:nowrap}.settings-item-component .s-backup .s-b-path .content{flex:1 1;display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.settings-item-component .s-backup .s-b-path .content:hover .path{color:#777}.settings-item-component .s-backup .s-b-path .content:hover .icon{fill:#777}.settings-item-component .s-backup .s-b-path .content:active .path{color:#555}.settings-item-component .s-backup .s-b-path .content:active .icon{fill:#555}.settings-item-component .s-backup .s-b-path .content .path{color:#999;flex:1 1;text-align:right}.settings-item-component .s-backup .s-b-path .content .icon{width:14px;height:14px;fill:#999;margin-left:6px}.settings-item-component .s-backup .s-p-automatically{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}.settings-item-component .s-backup .s-p-buttons{display:flex;justify-content:flex-end;align-items:center}.settings-item-component .s-backup .s-p-last-backup-time,.settings-item-component .shortcut-item{display:flex;justify-content:space-between;align-items:center}.settings-item-component .shortcut-item{margin-top:10px}.settings-item-component .shortcut-item .keys{display:flex;justify-content:space-between;align-items:center}.settings-item-component .shortcut-item .keys .key-item{border:1px solid #ccc;border-radius:4px;padding:6px 8px;margin-left:6px}.settings-menu-item{display:flex;justify-content:flex-start;align-items:center}.settings-menu-item .icon{fill:#666;margin-right:6px;width:20px;transform:translateY(1px)}.settings-menu-item .name{font-size:16px}.about-links,.about-links .settings-link{display:flex;justify-content:flex-start;align-items:center}.about-links .settings-link{margin:12px 0;color:#000;cursor:pointer}.about-links .settings-link span{margin-left:8px}.about-links .settings-link:hover span{color:#555}.setting-maps .sm-basemap,.setting-maps .sm-positionShare{display:flex;justify-content:space-between;margin:20px 0 0}.setting-maps .sm-segmented{position:relative;height:52px;display:flex;justify-content:flex-end}.setting-maps .sm-segmented saki-segmented{position:absolute}.setting-maps .sm-bm-recommend{display:flex;justify-content:flex-start;align-items:center;margin-top:6px;white-space:nowrap;flex-wrap:wrap}.setting-maps .sm-bm-recommend .sm-r-item{margin:4px 6px 0 0;cursor:pointer;font-style:italic}.setting-maps .sm-bm-recommend .sm-r-item>span{font-size:12px;color:#666}.setting-maps .sm-bm-recommend .sm-r-item>span:hover{color:#444}.setting-maps .sm-bm-recommend .sm-r-item>span:active{color:#222}.setting-maps .sm-sc-color{display:flex;justify-content:space-between;align-items:center}.setting-maps .sm-sc-color .sm-sc-min{padding-right:6px;color:#58c8f2}.setting-maps .sm-sc-color .sm-sc-line{flex:1 1;height:4px;border-radius:2px;background:linear-gradient(45deg,rgb(88,200,242),rgb(237,164,178))}.setting-maps .sm-sc-color .sm-sc-max{padding-left:6px;color:#eda4b2}.setting-maps .sm-speed-color-range{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:16px 0}.setting-maps .sm-speed-color-range .sm-sc-type{width:100%;display:flex;justify-content:space-between;margin:0 0 10px}.setting-maps .sm-speed-color-range .sm-sc-speed{width:100%;display:flex;align-items:center;justify-content:space-between}.setting-maps .sm-speed-color-range .sm-sc-speed span{color:#555}.setting-maps .sm-speed-color-range .sm-sc-range{width:100%;display:flex;align-items:center;justify-content:space-between}.setting-maps .sm-speed-color-range .sm-sc-range saki-slider{width:100%;padding:0 20px}.setting-maps .sm-speed-color-range .sm-sc-range>div span{display:flex;flex-direction:column;align-items:center}.setting-maps .sm-speed-color-range .sm-sc-range>div span.text{color:#555;margin:0 0 2px}.setting-maps .sm-trc-item{display:flex;justify-content:space-between;align-items:center}.setting-maps .sm-trc-item span{margin:0 10px 0 0}.setting-maps .sm-trc-item .sm-trc-i-color{flex:1 1;height:4px;border-radius:2px}.setting-cache{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.content-item-component{width:100%;display:flex;justify-content:space-between;padding:20px 0 20px 10px;transition:all .3s;border-bottom:1px solid #eee;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.content-item-component:hover{background-color:#f4f4f4}.content-item-component:hover .ci-right .ci-r-tags .ci-r-tag{background-color:#ddd}.content-item-component:hover .ci-right .ci-r-title{color:var(--saki-default-color)}.content-item-component:active{background-color:#eee}.content-item-component.blog .ci-right .ci-r-title{font-size:24px}.content-item-component .ci-right{flex:1 1;padding:0 10px;overflow:hidden}.content-item-component .ci-right .ci-r-header{height:40px;margin:0 0 4px;display:flex;justify-content:space-between;align-items:center}.content-item-component .ci-right .ci-r-header .ci-h-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.content-item-component .ci-right .ci-r-header .ci-h-left .ci-h-top .ci-h-nickname{font-size:14px;cursor:pointer;color:#444}.content-item-component .ci-right .ci-r-header .ci-h-left .ci-h-top .ci-h-nickname:hover{text-decoration:underline;color:var(--saki-default-color)}.content-item-component .ci-right .ci-r-header .ci-h-left .ci-h-bottom span{color:#666;font-size:13px}.content-item-component .ci-right .ci-r-title{font-size:18px;font-weight:700;color:#222}.content-item-component .ci-right .ci-r-content{font-size:14px;color:#444;overflow:hidden;margin:2px 0}.content-item-component .ci-right .ci-r-more span{cursor:pointer;color:var(--saki-default-color)}.content-item-component .ci-right .ci-r-more span:hover{text-decoration:underline}.content-item-component .ci-right .ci-r-media{margin:10px 0}.content-item-component .ci-right .ci-r-media .item-m-map{width:100%;height:100%}.content-item-component .ci-right .ci-r-media .item-media-list{display:grid;grid-template-columns:repeat(3,120px);grid-gap:10px;gap:10px;padding:0}@media screen and (max-width:450px){.content-item-component .ci-right .ci-r-media .item-media-list{grid-template-columns:repeat(3,80px)}}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item{border-radius:10px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item.active .play-icon,.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item:hover .play-icon{opacity:1}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item.active:before,.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item:hover:before{background-color:rgba(0,0,0,.7)}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item .play-icon{width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s;position:absolute;left:0;top:0;cursor:pointer}.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item .vid,.content-item-component .ci-right .ci-r-media .item-media-list .item-m-l-vid-item .vid iframe{width:100%;height:100%}.content-item-component .ci-right .ci-r-tags{margin:10px 0 0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content-item-component .ci-right .ci-r-tags .ci-r-tag{font-size:12px;cursor:pointer;color:#444;background-color:#eee;border-radius:12px;height:24px;margin:0 4px 4px 0;padding:2px 8px;transition:all .2s;display:flex;justify-content:center;align-items:center}.content-item-component .ci-right .ci-r-tags .ci-r-tag:hover{color:var(--saki-default-color)}.content-item-component .ci-right .ci-r-tags .ci-r-tag:hover saki-icon{fill:var(--saki-default-color)}.content-item-component .ci-right .content-item-info{padding:0 10px 0 0}.content-base-item-component{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px 10px;transition:all .3s;border-bottom:1px solid #eee;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.content-base-item-component.click{background-color:var(--cbi-bg-color)}.content-base-item-component.click:hover{background-color:var(--cbi-bg-hover-color)}.content-base-item-component.click:active{background-color:var(--cbi-bg-active-color)}.content-base-item-component .ci-top{display:flex;justify-content:space-between}.content-base-item-component .ci-top .ci-r-left{flex:1 1;padding:0 10px 0 0}.content-base-item-component .ci-top .ci-r-left .ci-r-time{font-size:13px;color:#666}.content-base-item-component .ci-top .ci-r-left .ci-r-title{font-size:18px;font-weight:700;color:#222}.content-base-item-component .ci-top .ci-r-left .ci-r-content{font-size:14px;color:#444;overflow:hidden;margin:2px 0}.content-base-item-component .ci-top .ci-r-right{position:relative;margin:4px 0 0;width:80px;height:80px}@media screen and (max-width:767px){.content-base-item-component .ci-top .ci-r-right{width:60px;height:60px}}.content-base-item-component .ci-top .ci-r-right .ci-r-count{position:absolute;right:4px;bottom:4px;background-color:rgba(0,0,0,.5);padding:4px 6px;height:20px;min-width:20px;border-radius:10px;color:#fff;font-size:10px;display:flex;justify-content:center;align-items:center}.content-base-item-component .ci-r-tags{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content-base-item-component .ci-r-tags .ci-r-tag{font-size:12px;cursor:pointer;color:#444;background-color:#eee;border-radius:12px;height:24px;margin:0 4px 4px 0;padding:2px 8px;transition:all .2s;display:flex;justify-content:center;align-items:center}.content-base-item-component .ci-r-tags .ci-r-tag:hover{color:var(--saki-default-color)}.content-base-item-component .ci-r-tags .ci-r-tag:hover saki-icon{fill:var(--saki-default-color)}.content-base-item-component .content-item-info{margin:2px 0 0}.content-page-component{width:100%;display:flex;justify-content:space-between;padding:10px 0 20px}.content-page-component.blog .cp-main .cp-r-title{font-size:32px}.content-page-component .cp-loading{width:100%;height:calc(var(--h) - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center}.content-page-component .cp-loading span{color:#999;margin:10px 0 0}.content-page-component .cp-input-password{width:100%;margin:100px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-page-component .cp-input-password .as-m-input{display:flex;justify-content:space-between;align-items:center}.content-page-component .cp-input-password .as-m-input saki-input{flex:1 1}.content-page-component .cp-main{flex:1 1;padding:0 16px}.content-page-component .cp-main .cp-r-title{font-size:22px;font-weight:700;color:#222;margin:10px 0 6px}.content-page-component .cp-main .cp-r-header{display:flex;justify-content:space-between;align-items:center}.content-page-component .cp-main .cp-r-header .cp-h-left{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:4px 0}.content-page-component .cp-main .cp-r-header .cp-h-left .cp-h-nickname{display:flex;justify-content:flex-start;align-items:center;font-size:14px;cursor:pointer;color:#444}.content-page-component .cp-main .cp-r-header .cp-h-left .cp-h-nickname:hover span{text-decoration:underline;color:var(--saki-default-color)}.content-page-component .cp-main .cp-r-header .cp-h-left>span{font-size:13px;color:#666;word-break:break-all}.content-page-component .cp-main .cp-r-content{font-size:14px;color:#222;margin:2px 0;position:relative}.content-page-component .cp-main .cp-r-content .cp-r-catalog{width:16px;z-index:10;transition:all .3s;position:fixed;right:14px;bottom:20px}.content-page-component .cp-main .cp-r-content .cp-r-catalog.hide{opacity:0;transform:translateY(100%)}.content-page-component .cp-main .cp-r-content .cp-r-catalog.app.PC,.content-page-component .cp-main .cp-r-content .cp-r-catalog.app.Pad{left:calc(var(--w) - var(--r-w) - (var(--r-r)) - 25px)}.content-page-component .cp-main .cp-r-content .cp-r-catalog.blog.PC,.content-page-component .cp-main .cp-r-content .cp-r-catalog.blog.Pad{right:calc((var(--r-r)) + var(--index-r-w) + 10px)}.content-page-component .cp-main .cp-r-more span{cursor:pointer;color:var(--saki-default-color)}.content-page-component .cp-main .cp-r-more span:hover{text-decoration:underline}.content-page-component .cp-main .cp-r-media{margin:10px 0}.content-page-component .cp-main .cp-r-media .item-m-map{width:100%;height:100%}.content-page-component .cp-main .cp-r-media .item-media-list{display:grid;grid-template-columns:repeat(3,120px);grid-gap:10px;gap:10px}@media screen and (max-width:450px){.content-page-component .cp-main .cp-r-media .item-media-list{grid-template-columns:repeat(3,80px)}}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item{border-radius:10px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item.active .play-icon,.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item:hover .play-icon{opacity:1}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item.active:before,.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item:hover:before{background-color:rgba(0,0,0,.7)}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item .play-icon{width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s;position:absolute;left:0;top:0;cursor:pointer}.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item .vid,.content-page-component .cp-main .cp-r-media .item-media-list .item-m-l-vid-item .vid iframe{width:100%;height:100%}.content-page-component .cp-main .cp-r-tags{margin:20px 0 10px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content-page-component .cp-main .cp-r-tags .cp-r-tag{font-size:12px;cursor:pointer;color:#444;background-color:#eee;border-radius:12px;height:24px;margin:0 4px 4px 0;padding:2px 8px;transition:all .2s;display:flex;justify-content:center;align-items:center}.content-page-component .cp-main .cp-r-tags .cp-r-tag:hover{color:var(--saki-default-color)}.content-page-component .cp-main .cp-r-tags .cp-r-tag:hover saki-icon{fill:var(--saki-default-color)}.content-page-component .cp-main .cp-r-collections{margin:4px 0 8px;display:flex;justify-content:flex-start;align-items:center}.content-page-component .cp-main .cp-r-collections .cp-r-coll{color:#444;background-color:#eee;border-radius:6px;margin:0 4px 4px 0;padding:8px 10px;display:flex;justify-content:flex-start;align-items:center;font-size:14px}.content-page-component .cp-main .cp-r-collections .cp-r-coll .cp-r-tag{cursor:pointer;transition:all .2s;font-size:14px;color:#444;margin:0 0 0 4px}.content-page-component .cp-main .cp-r-collections .cp-r-coll .cp-r-tag:hover{color:var(--saki-default-color)}.content-page-component .cp-main .cp-r-collections .cp-r-coll .cp-r-tag:hover saki-icon{fill:var(--saki-default-color)}.content-page-component .cp-main .cp-r-share{border:1px dashed var(--saki-default-color);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:flex-start;margin:10px 0 0}.content-page-component .cp-main .cp-r-share .cp-r-s-left{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.content-page-component .cp-main .cp-r-share .cp-r-s-left .cp-r-s-item{display:flex;justify-content:flex-start;align-items:center;margin:2px 0}.content-page-component .cp-main .cp-r-share .cp-r-s-left .cp-r-s-item span:first-child{margin:0 6px 0 0;color:var(--saki-default-color);font-weight:700;font-size:14px;white-space:nowrap}.content-page-component .cp-main .cp-r-share .cp-r-s-left .cp-r-s-item span:nth-child(2){color:#777;font-size:14px}.content-page-component .cp-main .cp-r-share .cp-r-s-left .cp-r-s-item a{color:#777;font-size:14px;word-break:break-all}.content-page-component .cp-main .cp-r-share .cp-r-s-left .cp-r-s-item a:hover{color:var(--saki-default-color)}.content-page-component .cp-main .cp-r-share .cp-r-s-right span{color:var(--saki-default-color);white-space:nowrap}.content-page-component .cp-main .cp-comment{margin:20px 0 0}.content-page-component .cp-main .cp-comment .cp-c-header{display:flex;justify-content:space-between;align-items:center}.content-page-component .cp-main .cp-comment .cp-c-header .cp-c-h-title span:first-child{font-size:20px}.content-page-component .cp-main .cp-comment .cp-c-header .cp-c-h-title span:nth-child(2){font-size:16px;color:#666;margin:0 0 0 6px}.render-info{display:flex;align-items:center;margin:0 6px 0 0;white-space:nowrap}.content-item-info{display:flex;justify-content:space-between;align-items:center}.content-item-info .ci-r-i-left{display:flex;justify-content:flex-start;align-items:center}.content-item-info .ci-r-i-left span{font-size:13px;color:#666}.content-item-info .ci-r-i-right{display:flex;justify-content:flex-end;align-items:center}.content-item-info .ci-r-i-right>div{display:flex;justify-content:center;align-items:center}.content-item-info .ci-r-i-right>div span{font-size:13px;color:#666;margin:0 0 0 8px;white-space:nowrap}.content-item-info.column{flex-direction:column}.content-item-info.column .ci-r-i-left{width:100%}.content-item-info.column .ci-r-i-left span{font-size:12px}.content-item-info.column .ci-r-i-right{width:100%;justify-content:space-between}.content-item-info.column .ci-r-i-right>div{display:flex;justify-content:center;align-items:center}.content-item-info.column .ci-r-i-right>div span{font-size:12px;color:#666;margin:0 0 0 8px;white-space:nowrap}.comment-component{margin:20px 0 0}.comment-component .cp-c-header{display:flex;justify-content:space-between;align-items:center}.comment-component .cp-c-header .cp-c-h-title span:first-child{font-size:20px}.comment-component .cp-c-header .cp-c-h-title span:nth-child(2){font-size:16px;color:#666;margin:0 0 0 6px}.content-list-page{width:100%;margin:0 auto;padding:10px 0}.content-list-page .bs-main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-list-page .bs-main .as-m-input{display:flex;width:100%;max-width:400px;margin:0 0 20px;justify-content:center;align-items:center}.content-list-page .bs-main .as-m-input saki-input{flex:1 1}.content-list-page .bs-main .am-category,.content-list-page .bs-main .as-list{width:100%}.content-list-page .bs-main .bs-pagenum{width:100%;max-width:600px;padding:0 20px;margin:0 auto}