.languagelist{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 30px;border-radius:10px;background-color:#f5f5f5;z-index:2}.languagelist ul{min-width:200px;max-width:90vw;width:100%;height:50vh;overflow-y:scroll;display:flex;flex-direction:column;justify-content:space-around}.languagelist ul li{text-align:center;padding:5px 0;cursor:pointer}.close-select-lan{position:absolute;top:-20px;right:-45px;padding:5px;cursor:pointer}.close-select-lan svg{fill:#fff;width:30px;height:30px;border:1px solid #fff;border-radius:50%;padding:4px;box-sizing:border-box}.lanmask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99}.lanmask .lan-bg{background-color:rgba(0,0,0,.7607843137254902);position:absolute;z-index:1;top:0;left:0;width:inherit;height:inherit}.main-widge{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:180}.login-mask{position:absolute;width:inherit;height:inherit;z-index:1;background-color:rgba(0,0,0,.7607843137254902)}.login-center-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;max-width:calc(100% - 30px);padding:25px 15px;align-items:flex-start;z-index:2;border-radius:10px}.login-center-box .login-title{display:flex;flex-direction:row;text-align:center}.login-center-box h3{margin:10px 0;color:#fff}.login-center-box a{color:#fff}.login-center-box .title-tip{display:flex;flex-direction:column;align-items:flex-start;margin:0 10px}.login-center-box .title-tip p{color:#fff}.login-center-box label{margin:0 5px;font-size:16px;color:#fff}.login-center-box input{max-width:100%;width:400px;height:60px;text-align:center;font-size:16px;background-color:#f4f4f4;border:0;margin:10px 0;outline:none}.login-center-box .btn{cursor:pointer;background-color:var(--theme);color:#fff;border-radius:10px;text-align:center;padding:20px 0;margin:10px 0;width:100%;font-weight:700}.close-loginbox{padding:20px 0;width:100%;display:flex;justify-content:center}.close-loginbox svg{fill:#fff;width:30px;height:30px;border-radius:50%;border:2px solid #fff;padding:5px;cursor:pointer}.upload-img-box[data-v-f0888b9a]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#d9d9d9;padding:20px;z-index:10;box-shadow:0 0 20px #666;border-radius:10px;z-index:1000}.upload-img-box h3[data-v-f0888b9a]{color:#000}.signcontent[data-v-f0888b9a]{display:flex;flex-direction:column;margin-top:15px;align-items:center}.signcontent input[data-v-f0888b9a]{width:200px;margin:10px 0;text-align:center}.subsign[data-v-f0888b9a]{width:120px;padding:5px;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px}.subsign[data-v-f0888b9a],.subupdate[data-v-f0888b9a]{background-color:var(--theme);color:#fff;border-radius:6px;font-size:14px;cursor:pointer;text-align:center}.subupdate[data-v-f0888b9a]{padding:8px 10px;display:inline-block}.preview-img[data-v-f0888b9a]{max-width:100px;width:100%}.progress-upload[data-v-f0888b9a]{width:100%;box-sizing:border-box}.viewer-mask[data-v-55674a55]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9998}.viewer-mask svg[data-v-55674a55]{position:absolute;top:15px;right:15px;fill:#fff;width:30px;height:30px}.viewer-content[data-v-55674a55]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;align-items:center;justify-content:center;max-width:100%}.nav-btn[data-v-55674a55]{width:50px;height:50px;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;margin:0 10px;outline:none;display:flex;align-items:center;justify-content:center;padding:0}.nav-btn[data-v-55674a55]:hover{background:rgba(0,0,0,.7)}.arrow-icon[data-v-55674a55]{width:20px;height:20px;flex-shrink:0}.main-image-wrapper[data-v-55674a55]{display:flex;flex-direction:column;align-items:center}.viewer-image[data-v-55674a55]{max-width:80vw;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:4px}.image-index-bar[data-v-55674a55]{display:flex;align-items:center;gap:10px;margin-top:20px;padding:10px;background:rgba(0,0,0,.5);border-radius:8px;overflow-x:auto;max-width:80vw}.index-thumbnail[data-v-55674a55]{width:60px;height:60px;border:3px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .2s}.index-thumbnail.active[data-v-55674a55]{border-color:#409eff}.thumbnail-img[data-v-55674a55]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2px}.image-index-bar[data-v-55674a55]::-webkit-scrollbar{height:4px}.image-index-bar[data-v-55674a55]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:2px}.comment-mask[data-v-73c3f26a]{width:100vw;height:100vh;z-index:36;position:fixed;left:0;top:0;background:rgba(0,0,0,.5)}.comment-box[data-v-73c3f26a]{position:fixed;bottom:0;left:0;z-index:40;background-color:#fff;height:70vh;width:100%}.close-comment[data-v-73c3f26a]{position:absolute;top:0;right:0}.close-icon[data-v-73c3f26a]{width:25px;height:25px;fill:#000;padding:10px;cursor:pointer}.comment-item[data-v-73c3f26a]{display:flex;flex-direction:row;width:100%}.comment-auther[data-v-73c3f26a]{display:flex;flex-direction:row;align-items:flex-start;margin:0 10px}.comment-auther img[data-v-73c3f26a]{width:60px;height:60px;border-radius:50%}.comment-text-box .nickname[data-v-73c3f26a]{font-size:12px;color:#a8a4a4}.comment-text-box[data-v-73c3f26a]{width:calc(100% - 80px)}.comment-text[data-v-73c3f26a]{margin-bottom:30px}.comment-text img[data-v-73c3f26a]{max-width:100%}.comment-time[data-v-73c3f26a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.comment-time span[data-v-73c3f26a]{font-size:12px;color:#a8a4a4}.comment-image[data-v-73c3f26a]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.comment-image div[data-v-73c3f26a]{margin:5px;width:200px;max-height:500px;overflow:hidden}.comment-image div img[data-v-73c3f26a]{width:100%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.show-comment[data-v-73c3f26a]{width:calc(100% - 20px);height:calc(100% - 110px);overflow-y:scroll;padding:0 10px 0 10px;margin-top:40px}.show-comment li[data-v-73c3f26a]{margin-bottom:10px}.nocomment[data-v-73c3f26a]{text-align:center}.nickname[data-v-73c3f26a]{color:#fff;font-size:14px;margin-bottom:5px}.mask[data-v-73c3f26a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(28,28,28,.5882352941176471);z-index:998;display:block}.edit-comment[data-v-73c3f26a]{position:absolute;bottom:0;left:0;padding:20px 10px 10px 10px;width:calc(100% - 20px);box-sizing:border-box}.comment-input[data-v-73c3f26a]{color:#999;background-color:#dfdfdf;padding:5px 10px;font-size:16px;border-radius:8px;width:100%;outline:none;height:30px;line-height:30px;cursor:pointer}.edit-comment-box[data-v-73c3f26a]{position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;width:calc(100% - 20px);padding:40px 10px 10px 10px}.edit-comment-content[data-v-73c3f26a]{position:relative;background-color:#dfdfdf;padding:5px 10px;font-size:16px;border-radius:8px;width:calc(100% - 20px);outline:none;height:200px;line-height:20px;overflow-y:scroll}.edit-comment-content img[data-v-73c3f26a]{max-width:100%}.edit-comment-content.empty[data-v-73c3f26a]:before{content:attr(data-placeholder);color:#999;cursor:text}.preview-zone[data-v-73c3f26a]{display:flex;flex-direction:row;flex-wrap:wrap}.preview-zone img[data-v-73c3f26a]{width:100px;-o-object-fit:contain;object-fit:contain}.preview-zone div[data-v-73c3f26a]{margin:3px;position:relative}.preview-zone .img-container[data-v-73c3f26a]{width:100px;height:100px;overflow:hidden;display:flex;justify-content:center;align-items:center}.preview-zone .close-img-icon[data-v-73c3f26a]{border-radius:50%;position:absolute;top:-5px;right:-10px;width:20px;height:20px;cursor:pointer;background-color:var(--theme);padding:3px;box-sizing:border-box;z-index:20;fill:#fff}.toolbar[data-v-73c3f26a]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0}.submit-div[data-v-73c3f26a]{padding:5px 20px;border-radius:10px;cursor:pointer}.send-comment-disable[data-v-73c3f26a]{border:2px solid #e1e1e1;color:#a4a1a1;cursor:not-allowed}.send-comment-active[data-v-73c3f26a]{background-color:var(--theme);color:#fff;cursor:pointer}.modal-up-enter[data-v-73c3f26a]{opacity:0;transform:translateY(100px)}.modal-up-enter-active[data-v-73c3f26a]{transition:all .3s ease-out}.modal-up-enter-to[data-v-73c3f26a],.modal-up-leave[data-v-73c3f26a]{opacity:1;transform:translateY(0)}.modal-up-leave-active[data-v-73c3f26a]{transition:all .3s ease-in}.modal-up-leave-to[data-v-73c3f26a]{opacity:0;transform:translateY(100px)}.userbar[data-v-a0ec68be]{position:absolute;right:10px;bottom:50px;z-index:20}.userbar ul li[data-v-a0ec68be]{list-style:none;margin:15px 0;cursor:pointer;text-align:center}.userbar ul li img[data-v-a0ec68be]{width:30px;height:30px;border:0;cursor:pointer}.userbar ul li p[data-v-a0ec68be]{font-size:12px;margin:4px 0;color:#fff}.like-btn[data-v-a0ec68be]{cursor:pointer}.like-btn.active .like-icon path[data-v-a0ec68be]{fill:var(--theme)}.like-icon path[data-v-a0ec68be]{fill:#fff;transition:fill .3s ease}