.comment-floating-btn{position:fixed;bottom:30px;right:60px;background:#ffffff;color:#f9d342;padding:15px 18px;cursor:pointer;border-radius:30px;height:55px;box-shadow:0 2px 35px rgba(0,0,0,0.18);transition:all 0.2s ease}.comment-floating-btn > svg{width:21px;height:21px}.comment-floating-btn > span{overflow:hidden;max-width:0px;white-space:nowrap;transition:all 0.2s ease;font-size:14px;color:#54667a;font-weight:500;opacity:0.8}.comment-floating-btn:hover > span,.comment-floating-btn.load > span{max-width:100px;padding-right:5px}.comment-floating-btn:active{background:#f3f3f3}.comment-floating-btn.hide{transform:scale(0);opacity:0;pointer-events:none}.comments{gap:29px}.comment-wrapper{background:#ffffff;box-shadow:0 2px 35px rgb(173 188 200 / 22%);padding:30px;border-radius:8px;gap:26px}.comment-head{column-gap:10px;padding-bottom:16px}.comment-avatar{position:relative}.comment-avatar > img{width:40px;height:40px;border-radius:50%}.comment-tick{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border:solid 2px #fff;border-radius:50%;color:#37e75b;background:#fff}.comment-user{line-height:22px}.comment-user-name{font-size:14px;font-weight:500}.comment-label{padding:1px 10px;font-weight:400;background:#e4e4e4;margin-right:10px;font-size:12px;border-radius:5px;user-select:none;cursor:pointer}.comment-label.type-1,.comment-label.type-5{background:#fff9e4;color:#ba9300}.comment-label.type-2,.comment-label.type-4{background:#dfffde;color:#07b205}.comment-label.type-3{background:#dff0ff;color:#4491d2}.comment-time{font-size:12px;opacity:0.8}.comment-reply{cursor:pointer;position:relative;opacity:0.7;transition:all 0.2s ease}.comment-reply:hover{opacity:0.8}.comment-reply > svg{width:24px;height:24px}.comment-reply-tip{position:absolute;white-space:nowrap;top:0;left:28px;font-size:13px;pointer-events:none;transition:all 0.2s ease;opacity:0;background:#fff}.comment-reply:hover .comment-reply-tip{left:34px;opacity:0.7}.comment-text{font-size:15px;font-weight:300;word-break:break-word}.comment-text p{margin:0;padding:0}.comment-text a{color:#ff4f5d;font-weight:500;transition:all 0.2s ease}.comment-text a:hover{color:#272626}.comment-reply-to{gap:5px;font-size:12px;opacity:0.7;padding-bottom:13px;font-weight:300;transition:all 0.2s ease;cursor:pointer}.comment-reply-to:hover{opacity:1}.comment-reply-to:active{opacity:0.7}.comment-reply-icon{width:18px;height:18px;opacity:0.4}.comment-wrapper > .comment-container{border-top:solid 1px #f4f4f4;padding-top:18px}.comment-wrapper > .comment-container:nth-child(1){border-top:none;padding-top:0}.comment-form-user{gap:5px;margin-bottom:18px;user-select:none;font-size:14px;font-weight:500;cursor:pointer}.comment-form-user > img{width:30px;height:30px;border-radius:50%}.comment-form-reply-to{gap:5px;font-size:14px;margin-bottom:20px;user-select:none;cursor:pointer;color:#5294ff;font-weight:600}.comment-form-reply-to > svg{width:16px;height:16px;opacity:0.7}.comment-form-reply-to-name > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px}.comment-form-reply-to-name{transition:all 0.2s ease}.comment-form-reply-to-name:hover{opacity:0.8}.comment-form-reply-to-name:active{opacity:0.6}.comment-form-reply-to-cancel{background:#dbe9ff;font-size:13px;padding:2px 9px;border-radius:10px;transition:all 0.2s ease}.comment-form-reply-to-cancel:hover,.comment-form-reply-to-cancel:active{background:#cce0ff}.comment-form-reply-to-cancel:active{opacity:0.8}.comment-form-title{font-size:17px;font-weight:600;padding-bottom:18px;margin-top:0px}.comment-form{gap:0}.comment-form-submit{margin:0;font-size:17px;font-weight:600;padding:13px 46px}.comment-message{color:#f9d342;padding:0;margin-bottom:9px;font-size:14px;border-radius:6px;font-weight:500}#comment-length{font-size:14px;font-weight:400;opacity:0.7;letter-spacing:1px}.comment-container{transition:all 0.2s ease}.comment-focus{background-color:#e3eaf3;box-shadow:0 0 0 30px #e3eaf3;border-radius:0;padding-top:0!important;margin-top:18px}.comment-focus.comment-container{border-color:#e3eaf3}.comment-wrapper > .comment-container.comment-focus:nth-child(1){margin-top:0px}.comment-form-reply-to-text{font-size:15px;font-weight:300;color:#54667a;background:#f1f4f8;border-radius:12px;padding:12px 20px;margin-top:7px;transition:all 0.2s ease}.comment-form-reply-to-text p{padding:0;margin:0}.comment-form-reply-to-text:hover,.comment-form-reply-to-text:active{background:#edf0f5}.comment-form-reply-to-text:active{opacity:0.6}.zm-pages{order:99}.input-text{display:block;border:1px solid #d1d5db;outline:none;box-shadow:none;font-size:15px;padding:8px 15px;border-radius:3px;color:#4b5563;background:#fff}.input-textarea,textarea.input-text{resize:vertical;height:150px;min-height:50px}textarea.input-text.code{font-size:14px;font-weight:300;line-height:18px;background:#292826;color:#e0e5ed;border-color:#292826;border-left:solid 10px #585858;border-radius:6px;padding:15px 20px}.input-text:disabled{background:#f9f9f9;border-color:#f9f9f9;color:#a7abb7;box-shadow:0 0 0 1px #ededed;cursor:not-allowed}.input-text:focus{border-color:#9f9f9f;box-shadow:inset 0 1px 2px rgb(0 0 0 / 8%)}select.input-text{border:solid 1px transparent;border-left-width:12px;outline:solid 1px #d1d5db;cursor:pointer}select.input-text:disabled{border:solid 1px transparent;border-left-width:12px;outline:solid 1px #f9f9f9}select.input-text:focus{border:solid 1px transparent;border-left-width:12px;outline:solid 1px #9f9f9f}