.comment-item[data-v-c3d21ee8]{background:var(--detail-card-bg);border:0;border-radius:1rem;min-height:8.125rem;padding:.75rem}.comment-item.panel[data-v-c3d21ee8]{background:transparent;border:0;border-radius:0;min-height:0;padding:0}.comment-head[data-v-c3d21ee8]{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comment-head[data-v-c3d21ee8],.comment-item.panel .comment-head[data-v-c3d21ee8]{gap:.625rem;grid-template-columns:1.875rem minmax(0,1fr) auto}.avatar[data-v-c3d21ee8]{background:var(--detail-pink);border-radius:50%;color:#fff;display:grid;font-size:.6875rem;font-style:normal;height:1.875rem;overflow:hidden;place-items:center;position:relative;width:1.875rem}.avatar[data-v-c3d21ee8] .c-image{height:100%;inset:0;position:absolute}.comment-item.panel .avatar[data-v-c3d21ee8]{background:var(--detail-pink);color:#fff;font-size:.6875rem;height:1.875rem;width:1.875rem}.who[data-v-c3d21ee8]{color:#fff;font-size:.875rem;font-weight:400}.who small[data-v-c3d21ee8]{color:#ffffff73;font-size:.6875rem;font-weight:400;margin-left:.375rem}.comment-item.panel .who[data-v-c3d21ee8]{color:#ffffff80;font-size:.875rem;font-weight:400}.love[data-v-c3d21ee8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;gap:.25rem}.love-icon[data-v-c3d21ee8]{display:block;height:.8125rem;width:1rem}.comment-item.panel .love[data-v-c3d21ee8]{color:#fff;font-size:.75rem;font-weight:500}.comment-item.panel .love-icon[data-v-c3d21ee8]{height:.8125rem;width:1rem}.love.active[data-v-c3d21ee8]{color:#ff7894}.love.active .love-icon[data-v-c3d21ee8]{-webkit-filter:var(--shell-nav-icon-filter-active);filter:var(--shell-nav-icon-filter-active)}.comment-item.panel .love.active .love-icon[data-v-c3d21ee8]{-webkit-filter:none;filter:none}.content[data-v-c3d21ee8]{display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.comment-item.panel .content[data-v-c3d21ee8],.content[data-v-c3d21ee8]{color:#fff;font-size:.875rem;line-height:1.25rem;margin:.375rem 0 0}.comment-item.panel .content[data-v-c3d21ee8]{display:block;-webkit-line-clamp:unset;overflow:visible}.panel-foot[data-v-c3d21ee8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem;margin-top:.375rem}.panel-foot .link-action[data-v-c3d21ee8],.panel-foot small[data-v-c3d21ee8]{color:#ffffff80;font-size:.875rem;font-weight:400;line-height:1.25rem}.expand-btn[data-v-c3d21ee8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;color:#ffffff80;cursor:pointer;font-size:.875rem;gap:.625rem;margin-top:.5rem;padding:0}.expand-icon[data-v-c3d21ee8]{display:block;height:.375rem;width:.5rem}.expand-icon.up[data-v-c3d21ee8]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.link-action[data-v-c3d21ee8]{background:transparent;border:0;color:#8b8490;cursor:pointer;font-size:.625rem}.replies[data-v-c3d21ee8]{list-style:none;margin:.625rem 0 0;padding:0 0 0 2.5rem}.replies li+li[data-v-c3d21ee8]{margin-top:1rem}.replies b[data-v-c3d21ee8]{font-size:.875rem}.replies .to[data-v-c3d21ee8],.replies b[data-v-c3d21ee8]{color:#ffffff80;font-weight:400}.replies p[data-v-c3d21ee8]{color:#fff;font-size:.875rem;line-height:1.25rem;margin:.375rem 0 0;word-break:break-word}.reply-foot[data-v-c3d21ee8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem;margin-top:.375rem}.reply-foot .link-action[data-v-c3d21ee8],.reply-foot small[data-v-c3d21ee8]{color:#ffffff80;font-size:.875rem}.comment-item:not(.panel) .reply-hover[data-v-c3d21ee8]{display:none;margin-top:.5rem}@media(hover:none){.comment-item:not(.panel) .reply-hover[data-v-c3d21ee8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}@media(hover:hover)and (pointer:fine){.link-action[data-v-c3d21ee8]:hover,.love[data-v-c3d21ee8]:not(:disabled):hover{color:#ff7894}.comment-item:not(.panel):focus-within .reply-hover[data-v-c3d21ee8],.comment-item:not(.panel):hover .reply-hover[data-v-c3d21ee8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}}