@charset "UTF-8";.z-comment[data-v-b681b01f]{margin:3rem 1rem;padding:1.25rem;border:1px solid var(--c-surface-line);border-radius:1rem;box-shadow:inset 0 1px 0 var(--c-surface-highlight),0 1rem 3rem var(--c-surface-shadow);background:linear-gradient(145deg,var(--c-surface-highlight),transparent 36%),color-mix(in srgb,var(--c-bg-1) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);animation:comment-enter-b681b01f .45s cubic-bezier(.22,1,.36,1) both}.comment-header[data-v-b681b01f]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comment-header>h3[data-v-b681b01f]{margin:0;font-size:1.35rem}.privacy-btn[data-v-b681b01f]{display:grid;place-items:center;position:relative;width:2rem;height:2rem;border:1px solid transparent;border-radius:.625rem;color:var(--c-text-2);transition:color .2s,border-color .2s,background-color .2s,transform .2s}.privacy-btn[data-v-b681b01f]:before{content:"";inset-inline-end:.55rem;bottom:calc(100% + .55rem);width:0;height:0;border:.38rem solid transparent;border-top:.38rem solid var(--c-bg-3);transform:translateY(.35rem);z-index:6}.privacy-btn[data-v-b681b01f]:after,.privacy-btn[data-v-b681b01f]:before{position:absolute;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.privacy-btn[data-v-b681b01f]:after{content:attr(data-tip);inset-inline-end:0;bottom:calc(100% + 1.25rem);width:min(19rem,75vw);padding:.65rem .8rem;border:1px solid var(--c-surface-line);border-radius:.75rem;box-shadow:0 .75rem 2rem var(--c-surface-shadow);background:var(--c-bg-3);font-size:.78rem;line-height:1.45;text-align:start;color:var(--c-text-1);transform:translateY(.45rem) scale(.97);transform-origin:right bottom;z-index:5}.privacy-btn[data-v-b681b01f]:focus,.privacy-btn[data-v-b681b01f]:focus-visible,.privacy-btn[data-v-b681b01f]:hover{border-color:var(--c-surface-border);background:var(--c-surface-fill);color:var(--c-primary);transform:translateY(-1px)}.privacy-btn[data-v-b681b01f]:focus-visible:after,.privacy-btn[data-v-b681b01f]:focus-visible:before,.privacy-btn[data-v-b681b01f]:focus:after,.privacy-btn[data-v-b681b01f]:focus:before,.privacy-btn[data-v-b681b01f]:hover:after,.privacy-btn[data-v-b681b01f]:hover:before{opacity:1;transform:none}.comment-status[data-v-b681b01f]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:7rem;margin:1rem 0 0;padding:1rem;border:1px dashed var(--c-surface-line);border-radius:.85rem;background:color-mix(in srgb,var(--c-surface-fill) 80%,transparent);color:var(--c-text-2)}.comment-status>svg[data-v-b681b01f]{width:2rem;height:2rem;color:var(--c-warning)}.comment-status>div[data-v-b681b01f]{min-width:0}.comment-status strong[data-v-b681b01f]{display:block;font-size:.95rem;color:var(--c-text-1)}.comment-status p[data-v-b681b01f]{margin:.25rem 0 0;font-size:.78rem;line-height:1.5}.comment-status>button[data-v-b681b01f]{padding:.5rem .75rem;border:1px solid var(--c-surface-border);border-radius:.6rem;background:var(--c-surface-fill);font-size:.78rem;color:var(--c-primary);transition:border-color .2s,background-color .2s,transform .2s}.comment-status>button[data-v-b681b01f]:focus-visible,.comment-status>button[data-v-b681b01f]:hover{border-color:var(--c-primary);background:var(--c-primary-soft);transform:translateY(-1px)}.comment-status.error[data-v-b681b01f]{border-style:solid;border-color:color-mix(in srgb,var(--c-warning) 45%,var(--c-surface-line));background:color-mix(in srgb,var(--c-warning-soft) 65%,var(--c-surface-fill))}.loading-spinner[data-v-b681b01f]{width:2rem;height:2rem;border:3px solid var(--c-bg-3);border-top-color:var(--c-primary);border-radius:50%;animation:comment-spin-b681b01f .8s linear infinite}[data-v-b681b01f]>[data-tippy-root]>.tippy-box{padding:0}.popover-confirm[data-v-b681b01f]{display:flex;align-items:center;overflow-wrap:anywhere}.popover-confirm>.input[data-v-b681b01f]{min-width:0;padding:.3em .6em;outline:none}.popover-confirm>button[data-v-b681b01f]{flex-shrink:0;align-self:stretch;padding:.3em;border-radius:0 .5em .5em 0}[data-v-b681b01f] #twikoo{margin:1.2rem 0 0}[data-v-b681b01f] #twikoo .tk-submit{display:flex;flex-direction:column;gap:0;animation:comment-form-enter-b681b01f .45s cubic-bezier(.22,1,.36,1) .08s both}[data-v-b681b01f] #twikoo .tk-submit>.tk-row:first-child{display:block}[data-v-b681b01f] #twikoo .tk-submit>.tk-row:first-child>.tk-avatar{display:none}[data-v-b681b01f] #twikoo .tk-submit .tk-col{display:flex;flex-direction:column;min-width:0}[data-v-b681b01f] #twikoo .tk-submit .tk-preview-container{margin:0 0 .65rem;border:1px solid var(--c-surface-line);border-radius:.85rem;background:var(--c-surface-fill)}[data-v-b681b01f] #twikoo .tk-admin-container{position:fixed;z-index:calc(var(--z-index-popover) + 1)}[data-v-b681b01f] #twikoo .tk-input{order:1;position:relative;margin:0 0 .65rem;font-family:var(--font-monospace)}[data-v-b681b01f] #twikoo .tk-input:before{content:"匿名可评";position:absolute;inset-inline-end:.9rem;top:.75rem;padding:.25rem .5rem;border:1px solid color-mix(in srgb,var(--c-primary) 30%,var(--c-surface-line));border-radius:999px;background:color-mix(in srgb,var(--c-primary-soft) 70%,var(--c-bg-2));font:600 .68rem/1.2 var(--font-basic);letter-spacing:.04em;color:var(--c-primary);pointer-events:none;z-index:2}[data-v-b681b01f] #twikoo .tk-input:after{content:"";position:absolute;opacity:.94;inset-inline-end:.2rem;bottom:.05rem;width:7.25rem;height:5.45rem;background:url(../assets/comment/mascot.gif) 100% 100%/contain no-repeat;transform-origin:right bottom;transition:opacity .22s,filter .22s,transform .22s;filter:drop-shadow(0 .35rem .55rem var(--c-surface-glow));pointer-events:none;z-index:2}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner{width:100%;min-width:0;min-height:7.25rem!important;max-width:100%;padding:1rem 7.75rem 1rem 1rem;border:1px solid var(--c-surface-line);border-radius:.9rem;box-shadow:inset 0 1px 0 var(--c-surface-highlight);box-sizing:border-box;outline:none;background:radial-gradient(circle at 92% 72%,var(--c-primary-soft),transparent 17%),linear-gradient(145deg,var(--c-surface-highlight),transparent 40%),var(--c-surface-fill);font:inherit;line-height:1.65;color:var(--c-text-1);transition:border-color .22s,box-shadow .22s,background-color .22s,transform .22s;resize:vertical}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner::-moz-placeholder{opacity:.88;color:var(--c-text-2)}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner::placeholder{opacity:.88;color:var(--c-text-2)}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner:hover{border-color:color-mix(in srgb,var(--c-primary) 38%,var(--c-surface-line))}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft),inset 0 1px 0 var(--c-surface-highlight);background-color:var(--c-bg-1);transform:translateY(-1px)}[data-v-b681b01f] #twikoo .tk-input .el-input__count{inset-inline-end:.8rem;bottom:.35rem;background:transparent;font-size:.68rem;color:var(--c-text-3)}[data-v-b681b01f] #twikoo .tk-meta-input{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;order:2;position:relative}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group{display:flex;position:relative;width:100%;min-width:0;border:1px solid var(--c-surface-line);border-radius:.72rem;box-shadow:inset 0 1px 0 var(--c-surface-highlight);background:var(--c-surface-fill);transition:border-color .2s,box-shadow .2s,background-color .2s,transform .2s}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:before{position:absolute;opacity:0;bottom:calc(100% + .6rem);left:50%;width:-moz-max-content;width:max-content;max-width:min(18rem,80vw);padding:.5rem .65rem;border:1px solid var(--c-surface-line);border-radius:.65rem;box-shadow:0 .65rem 1.8rem var(--c-surface-shadow);background:var(--c-bg-3);font-size:.72rem;line-height:1.4;color:var(--c-text-1);transform:translate(-50%,.35rem) scale(.97);transition:opacity .18s,transform .18s;pointer-events:none;z-index:8}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:first-child:before{content:"昵称可自由填写，无需注册账号"}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:nth-child(2):before{content:"邮箱不会公开；回复提醒待邮件服务配置"}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:nth-child(3):before{content:"可选，填写后昵称可跳转到你的主页"}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:hover{border-color:color-mix(in srgb,var(--c-primary) 35%,var(--c-surface-line))}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft),inset 0 1px 0 var(--c-surface-highlight);background:var(--c-bg-1);transform:translateY(-1px)}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:focus-within:before{opacity:1;transform:translate(-50%) scale(1)}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group__prepend{display:grid;flex:0 0 auto;place-items:center;min-width:3.35rem;padding:0 .65rem;border:0;border-inline-end:1px solid var(--c-surface-line);border-radius:.68rem 0 0 .68rem;background:color-mix(in srgb,var(--c-bg-2) 78%,transparent);font-size:.78rem;color:var(--c-text-2)}[data-v-b681b01f] #twikoo .tk-meta-input .el-input__inner{flex:1 1 0;width:0;height:2.45rem;min-width:0;padding:0 .7rem;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--c-text-1)}[data-v-b681b01f] #twikoo .tk-row.actions{align-items:center;justify-content:space-between;order:3;margin:.7rem 0 0}[data-v-b681b01f] #twikoo .tk-row-actions-start{display:flex;align-items:center;gap:.3rem}[data-v-b681b01f] #twikoo .tk-submit-action-icon{display:grid;place-items:center;width:2rem;height:2rem;margin:0;border:1px solid transparent;border-radius:.6rem;color:var(--c-text-2);transition:color .2s,border-color .2s,background-color .2s,transform .2s}[data-v-b681b01f] #twikoo .tk-submit-action-icon:hover{border-color:var(--c-surface-line);background:var(--c-surface-fill);color:var(--c-primary);transform:translateY(-1px)}[data-v-b681b01f] #twikoo .tk-row.actions>.el-button{height:2.25rem;padding:0 .95rem;border:1px solid var(--c-surface-line);border-radius:.65rem;box-shadow:inset 0 1px 0 var(--c-surface-highlight);background:var(--c-surface-fill);color:var(--c-text-1);transition:border-color .2s,box-shadow .2s,color .2s,transform .2s}[data-v-b681b01f] #twikoo .tk-row.actions>.el-button:hover:not(.is-disabled){border-color:var(--c-primary);color:var(--c-primary);transform:translateY(-1px)}[data-v-b681b01f] #twikoo .tk-row.actions>.tk-send{border-color:color-mix(in srgb,var(--c-primary) 62%,var(--c-surface-line));box-shadow:0 .45rem 1.1rem var(--c-primary-soft),inset 0 1px color-mix(in srgb,#fff 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--c-primary) 92%,#fff),var(--c-primary));color:#fff}[data-v-b681b01f] #twikoo .tk-row.actions>.tk-send:hover:not(.is-disabled){box-shadow:0 .65rem 1.4rem var(--c-primary-soft),inset 0 1px color-mix(in srgb,#fff 42%,transparent);color:#fff}[data-v-b681b01f] #twikoo .tk-row.actions>.tk-send.is-disabled{opacity:.5}[data-v-b681b01f] #twikoo .OwO .OwO-body{border:1px solid var(--c-surface-line);border-radius:.85rem;box-shadow:0 1rem 2.5rem var(--c-surface-shadow);background:var(--c-bg-1);animation:comment-panel-enter-b681b01f .25s cubic-bezier(.22,1,.36,1) both}[data-v-b681b01f] #twikoo .OwO .OwO-item{border-radius:.45rem;transition:background-color .16s,transform .16s}[data-v-b681b01f] #twikoo .OwO .OwO-item:hover{background:var(--c-primary-soft);transform:translateY(-2px) scale(1.04)}[data-v-b681b01f] #twikoo .tk-comments-container{margin-top:1.2rem}[data-v-b681b01f] #twikoo .tk-comments-title{display:flex;align-items:center;justify-content:space-between;min-height:2.4rem;margin:0;padding-top:1rem;border-top:1px solid var(--c-surface-line)}[data-v-b681b01f] #twikoo .tk-comments-count{font-size:1.1rem;color:var(--c-text-1)}[data-v-b681b01f] #twikoo .tk-comments-actions{display:flex;align-items:center;gap:.45rem;color:var(--c-text-2)}[data-v-b681b01f] #twikoo .tk-comments-actions .tk-icon{display:grid;place-items:center;width:1.85rem;height:1.85rem;border:1px solid transparent;border-radius:.55rem;font-size:.88rem;transition:border-color .18s,background-color .18s,color .18s,transform .18s}[data-v-b681b01f] #twikoo .tk-comments-actions .tk-icon:hover{border-color:var(--c-surface-line);background:var(--c-surface-fill);color:var(--c-primary);transform:rotate(8deg) scale(1.05)}[data-v-b681b01f] #twikoo .tk-comments-actions .tk-icon>svg{width:.9rem;height:.9rem}[data-v-b681b01f] #twikoo .tk-comments-no{padding:2.4rem 1rem 1.2rem;font-size:.9rem;color:var(--c-text-3)}[data-v-b681b01f] #twikoo .tk-comment{padding:1rem 0;border-bottom:1px solid var(--c-surface-line);animation:comment-item-enter-b681b01f .35s cubic-bezier(.22,1,.36,1) both}[data-v-b681b01f] #twikoo .tk-comment:last-child{border-bottom:0}[data-v-b681b01f] #twikoo .tk-comment .tk-main{min-width:0}[data-v-b681b01f] #twikoo .tk-comment .tk-content{line-height:1.65}[data-v-b681b01f] #twikoo .tk-comment .tk-action-link{border-radius:.45rem;transition:background-color .18s,color .18s,transform .18s}[data-v-b681b01f] #twikoo .tk-comment .tk-action-link:hover{background:var(--c-primary-soft);color:var(--c-primary);transform:translateY(-1px)}[data-v-b681b01f] #twikoo .tk-avatar{border-radius:50%}@supports (corner-shape:squircle){[data-v-b681b01f] #twikoo .tk-avatar{corner-shape:superellipse(1.2)}}[data-v-b681b01f] #twikoo .tk-avatar.tk-clickable{cursor:auto}[data-v-b681b01f] #twikoo .tk-time{color:var(--c-text-3)}[data-v-b681b01f] #twikoo .tk-content{margin-top:0}[data-v-b681b01f] #twikoo .tk-comments-title,[data-v-b681b01f] #twikoo .tk-nick{font-family:var(--font-creative)}[data-v-b681b01f] #twikoo .tk-owo-emotion{width:auto;height:1.4em;vertical-align:text-bottom}[data-v-b681b01f] #twikoo .tk-extras,[data-v-b681b01f] #twikoo .tk-footer{font-size:.7em;color:var(--c-text-1)}[data-v-b681b01f] #twikoo .tk-replies:not(.tk-replies-expand){-webkit-mask-image:linear-gradient(0deg,transparent,#fff 4em);mask-image:linear-gradient(0deg,transparent,#fff 4em)}[data-v-b681b01f] #twikoo .tk-expand{border-radius:.5em;transition:background-color .1s}[data-v-b681b01f] #twikoo .tippy-svg-arrow>svg{fill:inherit;width:auto;height:auto}.z-comment[data-mascot-state=focused][data-v-b681b01f] #twikoo .tk-input:before{content:"准备记录"}.z-comment[data-mascot-state=focused][data-v-b681b01f] #twikoo .tk-input:after{transform:translateY(-.08rem) scale(1.025);filter:drop-shadow(0 .45rem .75rem var(--c-surface-glow))}.z-comment[data-mascot-state=typing][data-v-b681b01f] #twikoo .tk-input:before{content:"输入中"}.z-comment[data-mascot-state=typing][data-v-b681b01f] #twikoo .tk-input:after{transform:translateY(-.12rem) scale(1.055);filter:drop-shadow(0 .5rem .85rem var(--c-surface-glow))}.z-comment[data-mascot-state=nearly-full][data-v-b681b01f] #twikoo .tk-input:before{content:"快写满啦";border-color:color-mix(in srgb,var(--c-warning) 55%,var(--c-surface-line));background:var(--c-warning-soft);color:var(--c-warning)}.z-comment[data-mascot-state=nearly-full][data-v-b681b01f] #twikoo .tk-input:after{transform:translateY(-.16rem) scale(1.08);filter:drop-shadow(0 .55rem .95rem color-mix(in srgb,var(--c-warning) 22%,transparent))}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) pre{overflow:auto;border-radius:.5em;font-size:.85em}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) a{margin:-.1em -.2em;padding:.1em .2em;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-b681b01f] :where(.tk-preview-container,.tk-content) a:hover{border-radius:.3em;background-size:100% 100%}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) p{margin:.2em 0}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) img{border-radius:.5em}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) menu,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ol,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ul{margin:.5em 0;padding-inline-start:1.5em;font-size:.9rem;list-style:revert}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) menu>li,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ol>li,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ul>li{margin:.2em 0}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) menu>li::marker,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ol>li::marker,[data-v-b681b01f] :where(.tk-preview-container,.tk-content) ul>li::marker{color:var(--c-primary)}[data-v-b681b01f] :where(.tk-preview-container,.tk-content) blockquote{margin:.5em 0;padding:.2em .5em;border-inline-start:4px solid var(--c-border);border-radius:4px;background-color:var(--c-bg-2);font-size:.9em}@media(max-width:640px){.privacy-btn[data-v-b681b01f]{width:var(--touch-target);height:var(--touch-target)}.z-comment[data-v-b681b01f]{margin:2rem var(--mobile-page-gutter);padding:1rem;border-radius:var(--mobile-surface-radius);animation:none}.comment-header>h3[data-v-b681b01f]{font-size:1.2rem}.comment-status[data-v-b681b01f]{grid-template-columns:auto minmax(0,1fr);min-height:8rem}.comment-status>button[data-v-b681b01f]{grid-column:1/-1;width:100%}[data-v-b681b01f] #twikoo .tk-comment,[data-v-b681b01f] #twikoo .tk-submit{animation:none}[data-v-b681b01f] #twikoo .tk-input .el-textarea__inner{min-height:8.4rem!important;padding:3rem 6.6rem 3.2rem 1rem;font-size:1rem}[data-v-b681b01f] #twikoo .tk-meta-input .el-input__inner{min-height:var(--touch-target);font-size:1rem}[data-v-b681b01f] #twikoo .tk-input:before{inset-inline:.8rem auto}[data-v-b681b01f] #twikoo .tk-input:after{inset-inline-end:.05rem;bottom:.05rem;width:6.25rem;height:4.7rem}[data-v-b681b01f] #twikoo .tk-meta-input{grid-template-columns:1fr}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:before{inset-inline-start:0;left:auto;max-width:calc(100vw - 3rem);transform:translateY(.35rem) scale(.97)}[data-v-b681b01f] #twikoo .tk-meta-input .el-input-group:focus-within:before{transform:none}[data-v-b681b01f] #twikoo .tk-row.actions{flex-wrap:wrap;gap:.5rem}[data-v-b681b01f] #twikoo .tk-row-actions-start{margin-inline-end:auto}[data-v-b681b01f] #twikoo .tk-submit-action-icon{width:var(--touch-target);height:var(--touch-target)}[data-v-b681b01f] #twikoo .tk-row.actions>.el-button{min-height:var(--touch-target)}[data-v-b681b01f] #twikoo .tk-comments-title{align-items:flex-start;gap:.75rem}[data-v-b681b01f] #twikoo .tk-comment{gap:.65rem}[data-v-b681b01f] #twikoo .tk-comment>.tk-avatar{width:2.25rem;height:2.25rem}}@media(prefers-reduced-transparency:reduce){.z-comment[data-v-b681b01f]{background:var(--c-bg-1);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.loading-spinner[data-v-b681b01f],.z-comment[data-v-b681b01f],[data-v-b681b01f] #twikoo .OwO .OwO-body,[data-v-b681b01f] #twikoo .tk-comment,[data-v-b681b01f] #twikoo .tk-input:after,[data-v-b681b01f] #twikoo .tk-submit{animation:none}[data-v-b681b01f] #twikoo .tk-input:after{background-image:url(../assets/comment/mascot-static.png);transition:none}.privacy-btn[data-v-b681b01f],[data-v-b681b01f] #twikoo *{transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes comment-enter-b681b01f{0%{opacity:0;transform:translateY(1rem) scale(.985)}}@keyframes comment-form-enter-b681b01f{0%{opacity:0;transform:translateY(.75rem)}}@keyframes comment-panel-enter-b681b01f{0%{opacity:0;transform:translateY(-.5rem) scale(.98)}}@keyframes comment-item-enter-b681b01f{0%{opacity:0;transform:translateY(.5rem)}}@keyframes comment-spin-b681b01f{to{transform:rotate(1turn)}}
