@charset "UTF-8";.z-comment[data-v-bc687b00]{margin:2rem auto;padding:0 1rem}.z-comment .comment-header[data-v-bc687b00]{align-items:center;display:flex;justify-content:space-between}.z-comment .comment-header h3[data-v-bc687b00]{font-size:1.5rem;margin:0}.z-comment .comment-header .privacy-btn[data-v-bc687b00]{border-radius:4px;color:var(--c-text-2);padding:4px;transition:all .2s}.z-comment .comment-header .privacy-btn[data-v-bc687b00]:hover{background-color:var(--c-bg-soft);color:var(--c-text-1)}.z-comment .comment-container[data-v-bc687b00]{min-height:200px}.z-comment .comment-loading[data-v-bc687b00]{color:var(--c-text-2);padding:2rem;text-align:center}.z-comment .comment-loading .loading-spinner[data-v-bc687b00]{animation:spin-bc687b00 1s linear infinite;border-radius:50%;border-top:3px solid var(--c-bg-3);border:3px solid var(--c-bg-3);border-top-color:var(--c-primary);height:40px;margin:0 auto 1rem;width:40px}.z-comment .comment-loading p[data-v-bc687b00]{font-size:.9rem}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit{display:flex;flex-direction:column}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-avatar,.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit a.tk-submit-action-icon.__markdown{display:none}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-preview-container{margin-bottom:.5rem;margin-left:0}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-row.actions{justify-content:flex-end;margin:0 0 .5rem;order:3}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-input{margin-bottom:.5rem;order:1}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-input .el-textarea__inner{background:var(--c-bg-2);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;border:2px solid var(--c-border);border-radius:12px;padding:.8rem;transition:all .2s}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-input .el-textarea__inner:focus{background:var(--c-bg);background-position:100% 100%;background-position-y:350px;background-repeat:no-repeat;background-size:contain;border-color:#409eff}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input{order:2;position:relative}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group{background:var(--c-bg-2);border:2px solid var(--c-border);border-radius:10px;transition:all .2s}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:focus-within{background:var(--c-bg);border-color:#409eff}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:first-child:before{content:"输入QQ号会自动获取昵称和头像🐧"}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:nth-child(2):before{content:"收到回复将会发送到您的邮箱📧"}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:nth-child(3):before{content:"可以通过昵称访问您的网站🔗"}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:before{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text-1);display:none;font-size:.9rem;left:50%;padding:.8rem 1rem;position:absolute;top:-60px;transform:translate(-50%);white-space:nowrap;z-index:100}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:after{border:8px solid transparent;border-top:8px solid var(--c-bg);content:"";display:none;left:50%;position:absolute;top:-12px;transform:translate(-50%)}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:focus-within:after,.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group:focus-within:before{animation:fadeInTip-bc687b00 .3s ease;display:block}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group .el-input__inner{border:none!important}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-submit .tk-meta-input .el-input-group .el-input-group__prepend{background:var(--c-bg-1);border:none;border-radius:8px 0 0 8px;color:var(--c-text-2);transition:all .2s}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .OwO .OwO-body{animation:fadeInPanel-bc687b00 .3s ease .1s 1 normal both;background:var(--c-bg);border-radius:8px;transform:translateZ(0)}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-content .tk-owo-emotion{height:1.4em;vertical-align:text-bottom;width:auto}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-content a{background:linear-gradient(var(--c-primary-soft),var(--c-primary-soft)) no-repeat bottom/100% .1em;color:#409eff;margin:0 -.1em;padding:0 .1em;transition:all .2s}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-content a:hover{background-size:100% 100%;border-radius:.3em}.z-comment[data-v-bc687b00] #twikoo>:not(.tk-admin-container) .tk-content p>code{background-color:var(--c-bg-2);border-radius:4px;color:var(--c-text-1);font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:.1em .3em}@keyframes spin-bc687b00{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeInTip-bc687b00{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInPanel-bc687b00{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}