.blog-comment-node[data-v-df3ff229]{--comment-indent:52px;--comment-avatar:40px;position:relative;min-width:0}.blog-comment-branch[data-v-df3ff229]{position:relative;margin-top:16px;padding-left:var(--comment-indent)}.blog-comment-children[data-v-df3ff229]{display:flex;flex-direction:column;gap:16px}.blog-comment-node.has-replies.is-expanded[data-v-df3ff229]:before{content:"";position:absolute;left:calc(var(--comment-avatar)/2);top:calc(var(--comment-avatar) + 8px);bottom:14px;width:calc(var(--comment-indent) - var(--comment-avatar)/2 - 12px);border-left:1px solid #2e2e30;border-bottom:1px solid #2e2e30;border-bottom-left-radius:12px;pointer-events:none}.blog-comment-toggles[data-v-df3ff229]{display:flex;flex-wrap:wrap;gap:8px}.blog-comment-node.is-expanded>.blog-comment-branch>.blog-comment-children:not(:empty)~.blog-comment-toggles[data-v-df3ff229]{margin-top:16px}.blog-comment-children>.blog-comment-node[data-depth="3"][data-v-df3ff229]:after{content:"";position:absolute;top:calc(var(--comment-avatar)/2 - 12px);left:-32px;width:20px;height:12px;border-left:1px solid #2e2e30;border-bottom:1px solid #2e2e30;border-bottom-left-radius:12px;pointer-events:none}.blog-comment-toggle[data-v-df3ff229]{display:inline-flex;align-items:center;gap:2px;min-height:28px;padding:4px 6px 4px 12px;border-radius:100px;background:#222224;color:#8a899c;font-family:"PingFang SC",var(--font-sans);font-size:12px;font-weight:400;line-height:17px;cursor:pointer}.blog-comment-toggle svg[data-v-df3ff229]{width:20px;height:20px;flex-shrink:0}.blog-comment-toggle .is-up[data-v-df3ff229]{transform:rotate(180deg)}.blog-comment-toggle[data-v-df3ff229]:disabled{cursor:default;opacity:.5}@media(max-width:767px){.blog-comment-node[data-depth="2"][data-v-df3ff229],.blog-comment-node[data-depth="3"][data-v-df3ff229]{--comment-indent:36px;--comment-avatar:24px}.blog-comment-children>.blog-comment-node[data-depth="3"][data-v-df3ff229]:after{left:-24px}}.playback-comment-sort[data-v-0ddcdb4e]{display:flex;align-items:center;gap:8px;height:52px}.playback-comment-sort button[data-v-0ddcdb4e]{height:28px;padding:0 14px;border-radius:999px;background:var(--color-surface-hover);color:var(--color-foreground);font-size:14px;font-weight:500;line-height:17px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playback-comment-sort button[aria-pressed=true][data-v-0ddcdb4e]{background:var(--color-action-subtle);color:var(--color-action-primary)}.blog-comment-threads[data-v-0ddcdb4e]{display:flex;flex-direction:column;gap:24px}.playback-load-more[data-v-0ddcdb4e]{display:inline-flex;align-items:center;align-self:center;gap:2px;min-height:28px;padding:4px 6px 4px 12px;border-radius:100px;background:#222224;color:#8a899c;font-family:"PingFang SC",var(--font-sans);font-size:12px;font-weight:400;line-height:17px;cursor:pointer}.playback-load-more svg[data-v-0ddcdb4e]{width:20px;height:20px;transform:rotate(-90deg)}.playback-comment-empty[data-v-0ddcdb4e],.playback-comment-state[data-v-0ddcdb4e]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 12px;color:var(--color-foreground-muted);text-align:center;font-size:14px}.playback-comment-empty svg[data-v-0ddcdb4e]{width:107.4px;height:96px}@media(min-width:768px){.playback-comment-sort[data-v-0ddcdb4e]{display:none}}.blog-comments[data-v-dfd4457e]{position:relative;padding-block:0}h2[data-v-dfd4457e]{display:flex;align-items:center;height:52px;font-size:16px;font-weight:600;line-height:20px;color:#ffffffeb}@media(max-width:767px){.blog-comments[data-v-dfd4457e] .blog-composer-offscreen{visibility:hidden;pointer-events:none}}@media(min-width:768px){.blog-comments[data-v-dfd4457e]{width:calc(100% + 16px);padding-top:12px}h2[data-v-dfd4457e]{height:auto;margin-bottom:24px;font-family:"PingFang SC",var(--font-sans);font-size:24px;line-height:34px;color:var(--color-foreground)}.blog-comment-list[data-v-dfd4457e]{margin-top:24px}}
