.fade-enter-active[data-v-f063db0a],.fade-leave-active[data-v-f063db0a]{transition:all .25s ease}.fade-enter-from[data-v-f063db0a],.fade-leave-to[data-v-f063db0a]{opacity:0;transform:translateY(-8px)}.outer[data-v-f063db0a],.outer .editor-wrap[data-v-f063db0a]{position:relative}.outer .editor-wrap.is-replying .edit[data-v-f063db0a]{border-color:#ef71a0}.outer .edit[data-v-f063db0a]{background-color:var(--theme-hover-bg);border:1px solid var(--theme-border-color);border-radius:10px;box-sizing:border-box;color:var(--theme-text-color);font-size:14px;line-height:1.6;max-width:100%;min-height:120px;min-width:100%;padding:12px;resize:vertical;transition:border-color .3s ease}.outer .edit[data-v-f063db0a]:focus{border-color:#ef71a0;outline:none}.outer .reply-hint[data-v-f063db0a]{align-items:center;background-color:var(--theme-hover-bg);border-left:3px solid #ef71a0;border-radius:0 6px 6px 0;color:var(--theme-secondary-text);display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 14px}.outer .reply-hint .reply-icon[data-v-f063db0a]{color:#ef71a0;flex-shrink:0}.outer .reply-hint strong[data-v-f063db0a]{color:#ef71a0;font-weight:600}.outer .reply-hint .cancel-reply[data-v-f063db0a]{border-radius:4px;color:var(--theme-secondary-text);cursor:pointer;font-size:12px;margin-left:auto;padding:2px 8px;transition:all .2s ease}.outer .reply-hint .cancel-reply[data-v-f063db0a]:hover{background-color:#e74b3214;color:#e74b32}.outer .tip[data-v-f063db0a]{animation:slideIn-f063db0a .3s ease;border-radius:6px;box-sizing:border-box;color:#fff;font-size:13px;padding:10px 16px;position:absolute;right:0;top:10px;z-index:10}.outer .tip-content[data-v-f063db0a],.outer .tip-email[data-v-f063db0a],.outer .tip-username[data-v-f063db0a]{background-color:#ef71a0}.outer .tip-error[data-v-f063db0a],.outer .tip-format[data-v-f063db0a]{background-color:#e74b32}.outer .tip-comment[data-v-f063db0a],.outer .tip-msg[data-v-f063db0a]{background-color:#31c560}.outer .info[data-v-f063db0a]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.outer .info img[data-v-f063db0a]{border-radius:50%;flex-shrink:0}.outer .info .inputs[data-v-f063db0a]{display:flex;flex:1;margin-left:10px}.outer .info .inputs .input-item[data-v-f063db0a]{padding-left:10px;width:50%}.outer .info .inputs input[data-v-f063db0a]{background:var(--theme-hover-bg);border:1px solid var(--theme-border-color);border-radius:6px;box-sizing:border-box;color:var(--theme-text-color);font-size:14px;height:44px;min-height:44px;padding:8px 12px;transition:border-color .3s ease;width:100%}.outer .info .inputs input[data-v-f063db0a]:focus{border-color:#ef71a0;outline:none}.outer .submit[data-v-f063db0a]{align-items:center;background-color:#ef71a0;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;float:right;font-size:14px;gap:6px;height:42px;justify-content:center;margin-top:16px;min-width:90px;padding:0 24px;transition:all .25s ease}.outer .submit[data-v-f063db0a],.outer .submit span[data-v-f063db0a],.outer .submit svg[data-v-f063db0a]{color:#fff!important}.outer .submit[data-v-f063db0a]:hover{color:#fff!important;transform:translateY(-1px)}.outer .submit[data-v-f063db0a]:active{transform:scale(.96)}.outer .all[data-v-f063db0a]{clear:both;margin-top:60px}.outer .all .tips[data-v-f063db0a]{align-items:center;color:var(--theme-secondary-text);display:flex;flex-direction:column;gap:12px;margin:80px auto 40px;text-align:center}.outer .all .tips .empty-icon[data-v-f063db0a]{opacity:.3}.outer .all .tips p[data-v-f063db0a]{font-size:14px;margin:0}.outer .all .comment-item[data-v-f063db0a]{border-bottom:1px solid var(--theme-border-color);padding:16px 0;transition:background-color .2s ease}.outer .all .comment-item[data-v-f063db0a]:last-child{border-bottom:none}.outer .all .comment-item .detail .top[data-v-f063db0a]{align-items:center;display:flex}.outer .all .comment-item .detail .top .top-l[data-v-f063db0a]{flex-shrink:0}.outer .all .comment-item .detail .top .top-l img[data-v-f063db0a]{border-radius:50%;transition:transform .5s ease}.outer .all .comment-item .detail .top .top-l img[data-v-f063db0a]:hover{transform:rotate(1turn)}.outer .all .comment-item .detail .top .top-r[data-v-f063db0a]{display:flex;flex:1;flex-direction:column;justify-content:center;margin-left:12px;min-width:0}.outer .all .comment-item .detail .top .top-r .username[data-v-f063db0a]{align-items:center;color:#ef71a0;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:4px}.outer .all .comment-item .detail .top .top-r .time[data-v-f063db0a]{color:var(--theme-secondary-text);font-size:12px;margin-top:2px}.outer .all .comment-item .detail .top .reply-btn[data-v-f063db0a]{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--theme-secondary-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.outer .all .comment-item .detail .top .reply-btn svg[data-v-f063db0a]{display:none;flex-shrink:0}.outer .all .comment-item .detail .top .reply-btn[data-v-f063db0a]:hover{background-color:#ef71a00f;border-color:#ef71a026;color:#ef71a0}.outer .all .comment-item .detail .bot[data-v-f063db0a]{background-color:var(--theme-hover-bg);border-radius:4px 10px 10px;box-sizing:border-box;color:var(--theme-text-color);font-size:14px;line-height:1.7;margin-left:52px;margin-top:10px;padding:12px 16px;word-break:break-word}.outer .all .comment-item .children[data-v-f063db0a]{margin-left:26px;margin-top:4px;padding-left:20px;position:relative}.outer .all .comment-item .children .child-item[data-v-f063db0a]{padding:12px 0}.outer .all .comment-item .children .child-item[data-v-f063db0a]:first-child{padding-top:8px}.outer .all .comment-item .children .child-item .detail .top .top-l img[data-v-f063db0a]{height:28px;width:28px}.outer .all .comment-item .children .child-item .detail .top .top-r .username[data-v-f063db0a]{font-size:13px}.outer .all .comment-item .children .child-item .detail .top .top-r .time[data-v-f063db0a]{font-size:11px}.outer .all .comment-item .children .child-item .detail .top .reply-btn[data-v-f063db0a]{font-size:11px;padding:4px 10px}.outer .all .comment-item .children .child-item .detail .bot[data-v-f063db0a]{border-radius:4px 8px 8px;font-size:13px;margin-left:40px;padding:8px 14px}.outer .all .comment-item .children .child-item .detail .bot .reply-at[data-v-f063db0a]{color:#ef71a0;font-weight:500;margin-right:6px}@media screen and (max-width:768px){.outer .info[data-v-f063db0a]{align-items:stretch;flex-direction:column}.outer .info img[data-v-f063db0a]{height:48px;margin:0 auto 12px;width:48px}.outer .info .inputs[data-v-f063db0a]{flex-direction:column;margin-left:0}.outer .info .inputs .input-item[data-v-f063db0a]{margin-bottom:10px;padding-left:0;width:100%}.outer .submit[data-v-f063db0a]{padding:12px 20px;width:100%}.outer .all[data-v-f063db0a]{margin-top:60px}.outer .all .comment-item[data-v-f063db0a]{padding:14px 0}.outer .all .comment-item .detail .top .reply-btn[data-v-f063db0a]{padding:6px}.outer .all .comment-item .detail .top .reply-btn svg[data-v-f063db0a]{display:block}.outer .all .comment-item .detail .top .reply-btn span[data-v-f063db0a]{display:none}.outer .all .comment-item .detail .bot[data-v-f063db0a]{font-size:13px;margin-left:0;padding:10px 12px}.outer .all .comment-item .children[data-v-f063db0a]{margin-left:16px;padding-left:14px}.outer .all .comment-item .children .child-item .detail .bot[data-v-f063db0a]{font-size:12px;margin-left:0;padding:8px 10px}}@media screen and (max-width:480px){.outer .edit[data-v-f063db0a]{min-height:100px;padding:10px}.outer .edit[data-v-f063db0a],.outer .submit[data-v-f063db0a]{font-size:13px}.outer .all[data-v-f063db0a]{margin-top:40px}.outer .all .comment-item[data-v-f063db0a]{padding:12px 0}.outer .all .comment-item .detail .top .top-r .username[data-v-f063db0a]{font-size:13px}.outer .all .comment-item .detail .top .top-r .time[data-v-f063db0a]{font-size:11px}.outer .all .comment-item .children[data-v-f063db0a]{margin-left:12px;padding-left:10px}}@keyframes slideIn-f063db0a{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
