@charset "UTF-8";.z-comment[data-v-119b03bd]{margin:2rem auto;padding:0 1rem;scroll-margin-top:5rem}.z-comment>h3[data-v-119b03bd]{margin-top:3rem;font-size:1.25rem}.comment-panel[data-v-119b03bd]{position:relative;margin-top:1rem;padding:1rem;border:2px solid var(--c-border);border-radius:1rem;box-shadow:2px 4px .5em var(--ld-shadow);background:var(--c-bg)}.comment-state[data-v-119b03bd]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;color:var(--c-text-2)}.comment-state .icon[data-v-119b03bd]{font-size:2rem;color:var(--c-primary)}.comment-state .loading-spinner[data-v-119b03bd]{width:40px;height:40px;border:3px solid var(--c-bg-3);border-top-color:var(--c-primary);border-radius:50%;animation:spin-119b03bd 1s linear infinite}.comment-state p[data-v-119b03bd]{font-size:.9rem}.comment-state.is-error[data-v-119b03bd]{border:1px dashed var(--c-border);border-radius:.75rem;background:var(--c-bg-2)}.twikoo-host[data-v-119b03bd]{min-height:2rem}[data-v-119b03bd] .twikoo-host .tk-admin-container{position:fixed;z-index:1}[data-v-119b03bd] .twikoo-host .tk-avatar{overflow:hidden;border-radius:50%;box-shadow:2px 4px .5em var(--ld-shadow);background-color:#fff}[data-v-119b03bd] .twikoo-host .tk-submit{display:flex;flex-direction:column;padding:.25rem 0 1rem}[data-v-119b03bd] .twikoo-host .tk-submit .tk-avatar,[data-v-119b03bd] .twikoo-host .tk-submit a.tk-submit-action-icon.__markdown{display:none}[data-v-119b03bd] .twikoo-host .tk-submit .tk-preview-container{margin:0 0 .5rem}[data-v-119b03bd] .twikoo-host .tk-submit .tk-row.actions{align-items:center;justify-content:flex-end;gap:.5rem;order:3;margin:0 0 .5rem}[data-v-119b03bd] .twikoo-host .tk-submit .tk-input{order:1;margin-bottom:.5rem;font-family:var(--font-monospace)}[data-v-119b03bd] .twikoo-host .tk-submit .tk-input .el-textarea-inner{padding:.8rem;border:2px solid var(--c-border);border-radius:12px;background-color:var(--c-bg-2);transition:all .2s}[data-v-119b03bd] .twikoo-host .tk-submit .tk-input .el-textarea-inner:focus{border-color:var(--c-primary);background-color:var(--c-bg);background-position-y:350px}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input{order:2;position:relative}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group{border:2px solid var(--c-border);border-radius:10px;background:var(--c-bg-2);transition:all .2s}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:focus-within{border-color:var(--c-primary);background:var(--c-bg)}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:focus-within:after,[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:focus-within:before{display:block;animation:fade-in-tip-119b03bd .3s ease}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:before{display:none;position:absolute;top:-60px;left:50%;padding:.8rem 1rem;border:1px solid var(--c-border);border-radius:8px;background:var(--c-bg);font-size:.9rem;white-space:nowrap;color:var(--c-text-1);transform:translate(-50%);z-index:100}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:after{content:"";display:none;position:absolute;top:-12px;left:50%;border:8px solid transparent;border-top:8px solid var(--c-bg);transform:translate(-50%)}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:first-child:before{content:"输入QQ号会自动获取昵称和头像🐧"}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:nth-child(2):before{content:"收到回复将会发送到您的邮箱📧"}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:nth-child(3):before{content:"可以通过昵称访问您的网站🔗"}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input__inner{border:none}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group-prepend{border:none;border-radius:8px 0 0 8px;background:var(--c-bg-1);color:var(--c-text-2);transition:all .2s}[data-v-119b03bd] .twikoo-host .owo .owo-body{border-radius:8px;background:var(--c-bg);transform:translateZ(0);animation:fade-in-panel-119b03bd .3s ease .1s 1 normal both}[data-v-119b03bd] .twikoo-host .tk-content{margin-top:.1rem;font-size:.95rem;line-height:1.6}[data-v-119b03bd] .twikoo-host .tk-content .tk-owo-emotion{width:auto;height:4.2em;margin:0 .2em;vertical-align:middle}[data-v-119b03bd] .twikoo-host .tk-content a{margin:0 -.1em;padding:0 .1em;background:linear-gradient(var(--c-primary-soft),var(--c-primary-soft)) no-repeat bottom/100% .1em;color:var(--c-primary);transition:all .2s}[data-v-119b03bd] .twikoo-host .tk-content a:hover{border-radius:.3em;background-size:100% 100%}[data-v-119b03bd] .twikoo-host .tk-content p>code,[data-v-119b03bd] .twikoo-host .tk-content>code{padding:.2em .4em;border:1px solid var(--c-border);border-radius:6px;background:var(--c-bg-2)}[data-v-119b03bd] .twikoo-host .tk-content .code-toolbar,[data-v-119b03bd] .twikoo-host .tk-content>span>pre{position:relative;overflow:auto;padding:.4rem;border:2px solid var(--c-border);border-radius:8px;background:var(--c-bg-2)}[data-v-119b03bd] .twikoo-host .tk-content .code-toolbar:before,[data-v-119b03bd] .twikoo-host .tk-content>span>pre:before{display:none}[data-v-119b03bd] .twikoo-host .tk-content .code-toolbar pre,[data-v-119b03bd] .twikoo-host .tk-content>span>pre pre{margin-top:.75rem}[data-v-119b03bd] .twikoo-host .tk-content .code-toolbar pre code,[data-v-119b03bd] .twikoo-host .tk-content>span>pre pre code{display:block;padding-top:.75rem}[data-v-119b03bd] .twikoo-host .tk-comments-title,[data-v-119b03bd] .twikoo-host .tk-nick>strong{margin-bottom:0;font-family:var(--font-creative)}[data-v-119b03bd] .twikoo-host .tk-comments-title{padding-top:.5rem;border-top:1px solid var(--c-border)}[data-v-119b03bd] .twikoo-host .tk-comment{padding:1rem 0;border-bottom:1px solid var(--c-border)}[data-v-119b03bd] .twikoo-host .tk-comment:last-child{border-bottom:none}[data-v-119b03bd] .twikoo-host .tk-replies:not(.tk-replies-expand){-webkit-mask-image:linear-gradient(#fff 50%,transparent);mask-image:linear-gradient(#fff 50%,transparent)}[data-v-119b03bd] .twikoo-host .tk-collapse,[data-v-119b03bd] .twikoo-host .tk-comments-more,[data-v-119b03bd] .twikoo-host .tk-expand,[data-v-119b03bd] .twikoo-host .tk-load-more,[data-v-119b03bd] .twikoo-host [class*=expand],[data-v-119b03bd] .twikoo-host [class*=more]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;margin:.35rem auto;padding:.4rem 1rem;border:1px solid var(--c-border);border-radius:999px;box-shadow:1px 2px .35em var(--ld-shadow);background:var(--c-bg-2);font-size:.85rem;line-height:1.2;color:var(--c-text-1);transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s,transform .2s;cursor:pointer}[data-v-119b03bd] .twikoo-host .tk-collapse:after,[data-v-119b03bd] .twikoo-host .tk-comments-more:after,[data-v-119b03bd] .twikoo-host .tk-expand:after,[data-v-119b03bd] .twikoo-host .tk-load-more:after,[data-v-119b03bd] .twikoo-host [class*=expand]:after,[data-v-119b03bd] .twikoo-host [class*=more]:after{content:"";width:.45em;height:.45em;border-right:2px solid;border-bottom:2px solid;transform:translateY(-.1em) rotate(45deg);transition:transform .2s}[data-v-119b03bd] .twikoo-host .tk-collapse:hover,[data-v-119b03bd] .twikoo-host .tk-comments-more:hover,[data-v-119b03bd] .twikoo-host .tk-expand:hover,[data-v-119b03bd] .twikoo-host .tk-load-more:hover,[data-v-119b03bd] .twikoo-host [class*=expand]:hover,[data-v-119b03bd] .twikoo-host [class*=more]:hover{border-color:var(--c-primary);box-shadow:2px 4px .5em var(--ld-shadow);background:var(--c-bg-3);color:var(--c-primary);transform:translateY(-1px)}[data-v-119b03bd] .twikoo-host .tk-collapse:active,[data-v-119b03bd] .twikoo-host .tk-comments-more:active,[data-v-119b03bd] .twikoo-host .tk-expand:active,[data-v-119b03bd] .twikoo-host .tk-load-more:active,[data-v-119b03bd] .twikoo-host [class*=expand]:active,[data-v-119b03bd] .twikoo-host [class*=more]:active{box-shadow:1px 2px .25em var(--ld-shadow);transform:translateY(0)}[data-v-119b03bd] .twikoo-host .tk-replies-expand+.tk-expand:after,[data-v-119b03bd] .twikoo-host .tk-replies-expand~.tk-expand:after,[data-v-119b03bd] .twikoo-host [class*=collapse]:after{transform:translateY(.1em) rotate(225deg)}[data-v-119b03bd] .twikoo-host .tk-nick-link{color:var(--c-primary)}[data-v-119b03bd] .twikoo-host .tk-comment .tk-main{margin-top:-.1rem}[data-v-119b03bd] .twikoo-host .tk-comment .tk-main .tk-meta{margin-bottom:.3rem}[data-v-119b03bd] .twikoo-host .tk-comment .tk-main .tk-extras{margin-top:.5rem;font-size:.85rem;color:var(--c-text-2)}[data-v-119b03bd] .twikoo-host .tk-cancel,[data-v-119b03bd] .twikoo-host .tk-preview{border:1px solid var(--c-border);border-radius:8px;background-color:var(--c-bg-2);color:var(--c-text-1)}[data-v-119b03bd] .twikoo-host .tk-cancel:hover,[data-v-119b03bd] .twikoo-host .tk-preview:hover{border-color:var(--c-primary);background-color:var(--c-bg-3)}[data-v-119b03bd] .twikoo-host .tk-send{border:1px solid var(--c-primary);border-radius:8px;background-color:var(--c-primary);color:#fff}[data-v-119b03bd] .twikoo-host .tk-send:hover{border-color:var(--c-primary-soft);background-color:var(--c-primary-soft)}[data-v-119b03bd] .twikoo-host .tk-time{color:var(--c-text-3)}[data-v-119b03bd] .twikoo-host .tk-extras,[data-v-119b03bd] .twikoo-host .tk-footer{font-size:.7rem;color:var(--c-text-3)}@media(max-width:720px){.z-comment[data-v-119b03bd]{padding:0 .75rem}.comment-panel[data-v-119b03bd]{padding:.75rem;border-radius:.875rem}[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:after,[data-v-119b03bd] .twikoo-host .tk-submit .tk-meta-input .el-input-group:before{content:none}[data-v-119b03bd] .twikoo-host .tk-comment{padding:.875rem 0}[data-v-119b03bd] .twikoo-host .tk-avatar{width:2.25rem;height:2.25rem}}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) pre{overflow:auto;border-radius:.5rem;font-size:.8125rem}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) p{margin:.2em 0}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) img{border-radius:.5em}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) menu,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ol,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ul{margin:.5em 0;padding-inline-start:1.5em;font-size:.9rem;list-style:revert}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) menu>li,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ol>li,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ul>li{margin:.2em 0}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) menu>li::marker,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ol>li::marker,[data-v-119b03bd] :where(.tk-preview-container,.tk-content) ul>li::marker{color:var(--c-primary)}[data-v-119b03bd] :where(.tk-preview-container,.tk-content) blockquote{margin:.5rem 0 .8rem;padding:.8rem;border-left:4px solid var(--c-border);border-radius:8px;background:var(--c-bg-2);font-size:.9rem;color:var(--c-text-2);transition:all .2s}@keyframes spin-119b03bd{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fade-in-tip-119b03bd{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in-panel-119b03bd{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}