@charset "UTF-8";/*!
 * Twikoo 评论美化（站点独立样式，不改主题源码）
 * 引入：_config.fomalhaut.yml → inject.head 的 <link rel="stylesheet" href="/css/twikoo.css?v=...">
 * 目标：在保留主题原「气泡评论」观感的前提下，把 Twikoo 2.x 的表单 / 列表 / 交互统一到站点主题色与卡片语言
 * 配色：主体色一律取 var(--theme-color)（fomal.js 按用户选择的主题色写进 :root），
 *       并用 color-mix() 派生浅底/描边/悬浮色；每个变量第一行是「不支持 color-mix() 的老浏览器」回退值。
 * 兼容：只使用 Twikoo 2.x 的类名（.tk-*），老版本 1.x 的 .el-* 选择器不受影响。
 */.twikoo{--tk-accent:var(--theme-color, #39c5bb);--tk-accent-strong:#23766f;--tk-accent-strong:color-mix(in srgb, var(--tk-accent) 62%, #000);--tk-accent-deep:#23766f;--tk-accent-deep:hsl(from var(--tk-accent) h s 30%);--tk-accent-faint:rgba(57, 197, 187, 0.14);--tk-accent-faint:color-mix(in srgb, var(--tk-accent) 14%, transparent);--tk-on-deep:#fff;--tk-disabled-bg:#eceff1;--tk-disabled-text:#5c686e;--tk-accent-soft:rgba(57, 197, 187, 0.1);--tk-accent-soft:color-mix(in srgb, var(--tk-accent) 10%, transparent);--tk-accent-line:rgba(57, 197, 187, 0.3);--tk-accent-line:color-mix(in srgb, var(--tk-accent) 30%, transparent);--tk-accent-wash:rgba(57, 197, 187, 0.06);--tk-accent-wash:color-mix(in srgb, var(--tk-accent) 6%, transparent);--tk-line-soft:rgba(128, 128, 128, 0.16);--tk-line:rgba(128, 128, 128, 0.3);--tk-fill-soft:rgba(128, 128, 128, 0.06);--tk-fill-strong:rgba(128, 128, 128, 0.11);--tk-surface:#fff;--tk-surface-2:#f7f9fa;--tk-radius-card:14px;--tk-radius-field:10px;--tk-shadow-soft:0 2px 10px rgba(15, 23, 42, 0.05);--tk-shadow-hover:0 6px 18px rgba(15, 23, 42, 0.08);--tk-shadow-accent:0 6px 16px -8px var(--tk-accent)}.twikoo .tk-comments-title{font-size:1.15rem;letter-spacing:.01em}.twikoo .tk-comments-count{color:var(--tk-accent-strong);font-variant-numeric:tabular-nums}.twikoo .tk-comments-actions .tk-icon,.twikoo .tk-comments-actions .tk-icon svg{color:var(--tk-accent-strong);stroke:var(--tk-accent-strong);width:1.1em;height:1.1em;opacity:.72;transition:opacity .2s ease}.twikoo .tk-comments-actions .tk-icon:hover{opacity:1}[data-theme=dark] .twikoo .tk-comments-count{color:#91dfd8;color:hsl(from var(--tk-accent) h s 72%)}[data-theme=dark] .twikoo .tk-comments-actions .tk-icon,[data-theme=dark] .twikoo .tk-comments-actions .tk-icon svg{color:#91dfd8;color:hsl(from var(--tk-accent) h s 72%);stroke:#91dfd8;stroke:hsl(from var(--tk-accent) h s 72%)}.twikoo .tk-comments-actions{font-size:1rem}.twikoo .tk-sort-item{padding:4px 11px;border-radius:8px;color:inherit;opacity:.68;transition:color .2s ease,background-color .2s ease,opacity .2s ease}.twikoo .tk-sort-item:hover{background-color:var(--tk-accent-wash);color:var(--tk-accent-strong);opacity:1}.twikoo .tk-sort-item.__active{background-color:var(--tk-accent-wash);color:var(--tk-accent-strong);opacity:.95;font-weight:600}.twikoo .tk-comments-search{gap:.5rem;align-items:center;margin-bottom:1.25rem}.twikoo .tk-submit{gap:.75rem;padding:16px 18px;border:1px solid var(--tk-line);border-radius:var(--tk-radius-card);background-color:var(--tk-surface-2);box-shadow:var(--tk-shadow-soft);transition:border-color .25s ease,box-shadow .25s ease;position:relative;z-index:2}.twikoo .tk-submit:focus-within{border-color:var(--tk-accent-line);box-shadow:var(--tk-shadow-soft),0 0 0 4px var(--tk-accent-wash)}.twikoo{position:relative}.twikoo .tk-admin-container{z-index:3}.twikoo .tk-lightbox{z-index:4}.twikoo .tk-meta-input{display:flex;align-items:stretch;gap:8px;margin-bottom:0;overflow:hidden;border:1px solid var(--tk-line);border-radius:var(--tk-radius-field);background-color:var(--tk-surface-2);transition:border-color .25s ease,background-color .25s ease}.twikoo .tk-meta-input:focus-within{border-color:var(--tk-accent-line)}.twikoo .tk-meta-input .tk-input+.tk-input{margin-left:0}.twikoo .tk-meta-input__item{min-width:0}.twikoo .tk-meta-input .tk-input-group__prepend{height:auto;padding:0 11px;border:0;border-right:1px solid var(--tk-line-soft);border-radius:0;background-color:var(--tk-fill-soft);color:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.02em;opacity:.72}.twikoo .tk-meta-input .tk-input__inner{height:40px;padding:0 12px;border:0;border-radius:0;background-color:transparent;font-size:.875rem}.twikoo .tk-meta-input .tk-input__inner:hover{background-color:var(--tk-accent-wash)}.twikoo .tk-meta-input .tk-input__inner:focus{background-color:var(--tk-accent-wash);box-shadow:inset 0 -2px 0 var(--tk-accent-deep)}.twikoo .tk-meta-input .tk-input__inner::placeholder{color:currentColor;opacity:.4}.twikoo .tk-meta-input input[type=email]{font-variant-numeric:tabular-nums}.twikoo .tk-textarea .tk-input__inner,.twikoo .tk-textarea__inner{min-height:120px;padding:12px 14px;border:1px solid var(--tk-line);border-radius:var(--tk-radius-field);background-color:var(--tk-surface);line-height:1.7;transition:border-color .25s ease,box-shadow .25s ease}.twikoo .tk-textarea .tk-input__inner:hover,.twikoo .tk-textarea__inner:hover{border-color:var(--tk-accent-line)}.twikoo .tk-textarea .tk-input__inner:focus,.twikoo .tk-textarea__inner:focus{border-color:var(--tk-accent-deep);box-shadow:0 0 0 3px var(--tk-accent-wash)}.twikoo .tk-textarea .tk-input__inner::placeholder,.twikoo .tk-textarea__inner::placeholder{color:currentColor;opacity:.4}.twikoo .tk-row.actions{align-items:center;margin-top:.25rem;margin-bottom:0;gap:10px}.twikoo .tk-row-actions-start{gap:4px}.twikoo .tk-submit-action-icon{width:1.35em;margin-right:6px;border-radius:8px;color:var(--tk-accent-deep);opacity:.95;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.twikoo .tk-submit-action-icon svg{transition:transform .2s ease}.twikoo .tk-submit-action-icon:hover{background-color:var(--tk-accent-soft);opacity:1}.twikoo .tk-submit-action-icon:hover svg{transform:translateY(-1px)}.twikoo .tk-submit-action-icon.__markdown:hover svg{transform:none}.twikoo .tk-button{padding:9px 18px;border-radius:9px;border-color:var(--tk-line-soft);transition:all .2s ease;display:inline-grid;place-items:center}.twikoo .tk-button--small{padding:9px 18px;font-size:.8125rem}.twikoo .tk-button.tk-preview{color:var(--tk-accent-strong);border-color:var(--tk-accent-line);background-color:var(--tk-accent-wash)}.twikoo .tk-button.tk-preview:hover{color:#fff;background-color:var(--tk-accent-deep);border-color:var(--tk-accent-deep)}.twikoo .tk-button--primary{color:var(--tk-on-deep);border:0;background-image:linear-gradient(135deg,var(--tk-accent-deep),var(--tk-accent-strong));box-shadow:var(--tk-shadow-accent)}.twikoo .tk-button--primary:not(.is-disabled):focus,.twikoo .tk-button--primary:not(.is-disabled):hover{color:var(--tk-on-deep);background-image:linear-gradient(135deg,var(--tk-accent-strong),var(--tk-accent-deep),var(--tk-accent-strong));box-shadow:0 8px 18px -8px var(--tk-accent-deep);transform:translateY(-1px)}.twikoo .tk-button--primary.is-disabled{opacity:1;color:var(--tk-disabled-text);background-image:none;background-color:var(--tk-disabled-bg);border:0;box-shadow:none;cursor:not-allowed}.twikoo .tk-button--primary.is-loading{opacity:.85;color:var(--tk-on-deep);background-image:none;background-color:var(--tk-accent-deep)}.twikoo .tk-input__count{color:currentColor;opacity:.52;font-variant-numeric:tabular-nums}.twikoo .tk-comment{padding:14px 16px;border-radius:var(--tk-radius-card);border:1px solid transparent;transition:background-color .25s ease,border-color .25s ease;position:relative;z-index:1}.twikoo .tk-comment:hover{background-color:var(--tk-accent-wash);border-color:var(--tk-accent-line)}.twikoo .tk-replies{border-radius:12px}.twikoo .tk-replies>.tk-comment{padding:10px 12px;border-radius:12px}.twikoo .tk-replies>.tk-comment:hover{background-color:var(--tk-fill-soft);border-color:transparent}.twikoo .tk-avatar,.twikoo .tk-avatar img{border-radius:10px}.twikoo .tk-avatar{transition:box-shadow .25s ease;filter:saturate(.55)}.twikoo .tk-comment:hover>.tk-avatar{box-shadow:0 0 0 2px var(--tk-accent-line)}.twikoo .tk-replies .tk-avatar:not(.tk-has-avatar),.twikoo .tk-submit .tk-avatar:not(.tk-has-avatar){border-radius:8px}[data-theme=dark] .twikoo .tk-avatar{box-shadow:0 0 0 1px rgba(255,255,255,.08)}[data-theme=dark] .twikoo .tk-comment:hover>.tk-avatar{box-shadow:0 0 0 2px var(--tk-accent-line)}.twikoo .tk-meta{gap:.3em;align-items:center}.twikoo .tk-nick,.twikoo .tk-nick-link{font-weight:600;opacity:.95;font-synthesis-weight:none}.twikoo .tk-nick-link{color:inherit}.twikoo .tk-nick-link:hover{color:var(--tk-accent-strong)}.twikoo .tk-time{color:inherit;opacity:.55;font-size:.8125rem;font-variant-numeric:tabular-nums}.twikoo .tk-content{border-radius:4px 14px 14px 14px;box-shadow:var(--tk-shadow-soft);transition:box-shadow .25s ease,transform .25s ease}.twikoo .tk-comment:hover .tk-content{box-shadow:var(--tk-shadow-hover)}.twikoo .tk-replies .tk-content{box-shadow:none}.twikoo .tk-content img{border-radius:8px}.twikoo .tk-action-link{color:var(--tk-accent-deep);opacity:.82;transition:opacity .2s ease,transform .2s ease}.twikoo .tk-action-link:hover{opacity:1;transform:translateY(-1px)}.twikoo .tk-action-count{opacity:.62;font-variant-numeric:tabular-nums}.twikoo .tk-actions button{color:var(--tk-accent-deep);opacity:.78;transition:opacity .2s ease}.twikoo .tk-actions button:hover{opacity:1}.twikoo .tk-extras{color:inherit;opacity:.38;font-size:.78em;transition:opacity .3s ease}.twikoo .tk-comment:hover .tk-extras{opacity:.78}.twikoo .tk-expand{border-radius:0 0 var(--tk-radius-card) var(--tk-radius-card);color:var(--tk-accent-strong);opacity:.85;transition:background-color .2s ease,opacity .2s ease}.twikoo .tk-expand:hover{background-color:var(--tk-accent-soft);opacity:1}.twikoo .tk-preview-container{border:1px dashed var(--tk-accent-line);border-radius:var(--tk-radius-field);background-color:var(--tk-accent-wash);padding:10px 14px}.twikoo .tk-pagination-pager{border-radius:8px;transition:background-color .2s ease,color .2s ease}.twikoo .tk-pagination-pager:hover{background-color:var(--tk-accent-soft);color:var(--tk-accent-strong)}.twikoo .tk-pagination-pager.__current{color:#fff;background-color:var(--tk-accent-strong);box-shadow:var(--tk-shadow-accent)}.twikoo .tk-footer{color:inherit;opacity:.3;font-size:.72em;transition:opacity .2s ease}.twikoo .tk-footer:hover{opacity:.55}.twikoo .OwO .OwO-body{border:1px solid var(--tk-line-soft);border-radius:12px;overflow:hidden;box-shadow:var(--tk-shadow-hover)}.twikoo .OwO .OwO-bar{border-top-color:var(--tk-line-soft);background-color:var(--tk-fill-soft)}.twikoo .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active,.twikoo .OwO .OwO-body .OwO-packages li:hover{background-color:var(--tk-accent-soft)}.twikoo .tk-loading-spinner .path{stroke:var(--tk-accent)}[data-theme=dark] .twikoo{--tk-on-deep:#0b2b28;--tk-disabled-bg:#303030;--tk-disabled-text:#939393;--tk-accent-strong:#8ee7de;--tk-accent-strong:hsl(from var(--tk-accent) h s 86%);--tk-accent-deep:#8ee7de;--tk-accent-deep:hsl(from var(--tk-accent) h s 72%);--tk-line:rgba(255, 255, 255, 0.22);--tk-line-soft:rgba(255, 255, 255, 0.12);--tk-surface:#232323;--tk-surface-2:#2a2a2a;--tk-fill-soft:rgba(255, 255, 255, 0.05);--tk-fill-strong:rgba(255, 255, 255, 0.09);--tk-shadow-soft:0 2px 10px rgba(0, 0, 0, 0.25);--tk-shadow-hover:0 6px 18px rgba(0, 0, 0, 0.35)}@media screen and (max-width:767px){.twikoo .tk-meta-input{border-radius:var(--tk-radius-field)}.twikoo .tk-meta-input .tk-input-group__prepend{border-right:0;border-bottom:1px solid var(--tk-line-soft);border-radius:0}.twikoo .tk-meta-input .tk-input+.tk-input{margin-top:8px}.twikoo .tk-submit{padding:14px}.twikoo .tk-row.actions{margin-left:0;margin-top:.5rem;gap:6px}.twikoo .tk-row-actions-start{flex-wrap:wrap}.twikoo .tk-comment{padding:10px 8px}.twikoo .tk-actions{display:inline}.twikoo .tk-extras{opacity:.5}.twikoo .tk-content{max-width:100%}}@supports (container-type:inline-size){#twikoo-wrap{container-type:inline-size}.twikoo .tk-meta-input .tk-input{width:auto}.twikoo .tk-meta-input .tk-input-group__prepend{border-right:0;border-bottom:1px solid var(--tk-line-soft)}.twikoo .tk-meta-input:focus-within{border-color:var(--tk-line)}.twikoo .tk-meta-input .tk-input+.tk-input{margin-left:0;margin-top:8px}}.twikoo .tk-content a{color:#1c6c62;color:hsl(from var(--tk-accent) h 62% 26%)}.twikoo .tk-master .tk-content{background:#7fd0c7;background:hsl(from var(--tk-accent) h s 72%);color:#0c272e}.twikoo .tk-master .tk-content a{color:#14645c;color:hsl(from var(--tk-accent) h 65% 20%)}[data-theme=dark] .twikoo .tk-content{background:#1c5f5a;background:hsl(from var(--tk-accent) h s 26%);color:#eafbf8;box-shadow:none}[data-theme=dark] .twikoo .tk-content a{color:#c7ece7;color:hsl(from var(--tk-accent) h s 85%)}[data-theme=dark] .twikoo .tk-master .tk-content{background:#1f6a64;background:hsl(from var(--tk-accent) h s 28%);color:#f0fdfa}[data-theme=dark] .twikoo .tk-master .tk-content a{color:#cff3ee;color:hsl(from var(--tk-accent) h s 86%)}