.comment-section[data-v-e8c4b9dc]{width:100%}.comment-header[data-v-e8c4b9dc]{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.comment-title[data-v-e8c4b9dc]{font-size:24px;--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));font-weight:700;line-height:1}.comment-count[data-v-e8c4b9dc]{font-size:16px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.comment-sort[data-v-e8c4b9dc]{display:flex;align-items:center;gap:.5rem}.sort-active[data-v-e8c4b9dc]{font-size:16px;--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));line-height:1}.sort-divider[data-v-e8c4b9dc]{font-size:16px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.sort-inactive[data-v-e8c4b9dc]{cursor:pointer;font-size:16px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.sort-inactive[data-v-e8c4b9dc]:hover{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity))}.sort-item[data-v-e8c4b9dc]{cursor:pointer}.comment-input-section[data-v-e8c4b9dc]{margin-bottom:1.5rem}.comment-input-container[data-v-e8c4b9dc]{display:flex;align-items:flex-start;gap:1rem}.user-avatar[data-v-e8c4b9dc]{margin-top:.75rem;width:3rem;height:3rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.input-wrapper[data-v-e8c4b9dc]{flex:1 1 0%}.comment-input[data-v-e8c4b9dc]{width:100%}.comment-input[data-v-e8c4b9dc] .el-textarea__inner{resize:none;--un-border-opacity:1;border-color:rgb(241 242 243 / var(--un-border-opacity));border-radius:.5rem;font-size:16px;border:1px solid #f1f2f3;min-height:60px}.comment-input[data-v-e8c4b9dc] .el-textarea__inner::placeholder{--un-placeholder-opacity:1;color:rgb(153 153 153 / var(--un-placeholder-opacity))}.comment-input[data-v-e8c4b9dc] .el-textarea__inner:focus{--un-border-opacity:1;border-color:rgb(20 148 193 / var(--un-border-opacity));box-shadow:0 0 0 2px #1494c11a}.input-bottom-bar[data-v-e8c4b9dc]{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.input-actions[data-v-e8c4b9dc]{display:flex;align-items:center;gap:.5rem}.action-btn[data-v-e8c4b9dc]{display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.25rem;border-style:solid;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));box-sizing:border-box;flex-shrink:0;height:32px;width:32px}.action-icon[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity));height:18px;width:18px}.action-btn[data-v-e8c4b9dc]:hover{background:#f7f7f7;border-color:#dcdfe6}.action-btn:hover .action-icon[data-v-e8c4b9dc]{color:#333}.mention-text[data-v-e8c4b9dc]{font-size:15px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.publish-btn[data-v-e8c4b9dc]{--un-border-opacity:1;border-color:rgb(64 158 255 / var(--un-border-opacity));border-style:none;--un-bg-opacity:1;background-color:rgb(64 158 255 / var(--un-bg-opacity));padding:.5rem 1rem;font-size:15px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));background-color:#409eff}.publish-btn[data-v-e8c4b9dc]:disabled{background-color:#a0cfff;border-color:#a0cfff}.bilibili-comment[data-v-e8c4b9dc]{width:100%}.comment-list[data-v-e8c4b9dc]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse))}.comment-item[data-v-e8c4b9dc]{display:flex;align-items:flex-start;gap:1rem}.comment-avatar[data-v-e8c4b9dc]{margin-top:.25rem;width:3rem;height:3rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.avatar-image[data-v-e8c4b9dc]{width:100%;height:100%;object-fit:cover}.comment-content[data-v-e8c4b9dc]{flex:1 1 0%}.comment-header[data-v-e8c4b9dc]{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.author-info[data-v-e8c4b9dc]{display:flex;align-items:center;gap:.5rem}.comment-more-btn[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));min-height:auto;padding:4px}.comment-more-btn[data-v-e8c4b9dc]:hover{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity))}.comment-more-btn[data-v-e8c4b9dc] .el-icon{font-size:16px}.delete-item[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.delete-item[data-v-e8c4b9dc]:hover{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity))}.comment-author[data-v-e8c4b9dc]{font-size:14px;--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));font-weight:500;line-height:1}.user-level[data-v-e8c4b9dc]{border-radius:.125rem;--un-bg-opacity:1;background-color:rgb(0 161 214 / var(--un-bg-opacity));padding:.125rem .375rem;font-size:10px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));line-height:1}.author-badge[data-v-e8c4b9dc]{border-radius:.125rem;--un-bg-opacity:1;background-color:rgb(251 114 153 / var(--un-bg-opacity));padding:.125rem .375rem;font-size:10px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));line-height:1}.comment-time[data-v-e8c4b9dc]{margin-right:auto;font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.comment-text[data-v-e8c4b9dc]{margin-bottom:.75rem;text-align:left;font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:20px}.comment-actions[data-v-e8c4b9dc]{display:flex;align-items:center;gap:1rem}.action-item[data-v-e8c4b9dc]{display:flex;cursor:pointer;align-items:center;gap:.25rem}.action-item[data-v-e8c4b9dc]:hover{opacity:.8}.action-icon[data-v-e8c4b9dc]{width:1rem;height:1rem}.action-icon.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.like-action .action-icon.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(251 114 153 / var(--un-text-opacity))}.dislike-action .action-icon.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.action-text[data-v-e8c4b9dc]{font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.action-text.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.like-action .action-text.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(251 114 153 / var(--un-text-opacity))}.dislike-action .action-text.active[data-v-e8c4b9dc]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.reply-input-section[data-v-e8c4b9dc]{margin-top:1rem}.reply-input-container[data-v-e8c4b9dc]{display:flex;align-items:flex-start;gap:.75rem}.reply-input-wrapper[data-v-e8c4b9dc]{flex:1 1 0%}.reply-input[data-v-e8c4b9dc]{width:100%}.reply-input[data-v-e8c4b9dc] .el-textarea__inner{resize:none;--un-border-opacity:1;border-color:rgb(227 229 231 / var(--un-border-opacity));border-radius:.5rem;font-size:14px;border:1px solid #e3e5e7}.reply-input[data-v-e8c4b9dc] .el-textarea__inner::placeholder{--un-placeholder-opacity:1;color:rgb(153 153 153 / var(--un-placeholder-opacity))}.reply-input[data-v-e8c4b9dc] .el-textarea__inner:focus{--un-border-opacity:1;border-color:rgb(0 161 214 / var(--un-border-opacity));box-shadow:0 0 0 2px #00a1d61a}.reply-input-bottom-bar[data-v-e8c4b9dc]{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.reply-input-actions[data-v-e8c4b9dc]{display:flex;align-items:center;gap:.5rem}.reply-submit-actions[data-v-e8c4b9dc]{display:flex;gap:.5rem}.cancel-btn[data-v-e8c4b9dc]{--un-border-opacity:1;border-color:rgb(227 229 231 / var(--un-border-opacity));--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity))}.cancel-btn[data-v-e8c4b9dc]:hover{--un-border-opacity:1;border-color:rgb(192 196 204 / var(--un-border-opacity));--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity))}.submit-reply-btn[data-v-e8c4b9dc]{--un-border-opacity:1;border-color:rgb(0 161 214 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(0 161 214 / var(--un-bg-opacity))}.submit-reply-btn[data-v-e8c4b9dc]:hover{--un-border-opacity:1;border-color:rgb(0 145 194 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(0 145 194 / var(--un-bg-opacity))}.reply-list[data-v-e8c4b9dc]{margin-top:1rem;border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(244 245 247 / var(--un-bg-opacity));padding:.75rem}.reply-list[data-v-e8c4b9dc]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}.reply-item[data-v-e8c4b9dc]{display:flex;align-items:flex-start;gap:.75rem}.reply-avatar[data-v-e8c4b9dc]{margin-top:.25rem;width:1.75rem;height:1.75rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.reply-content[data-v-e8c4b9dc]{flex:1 1 0%}.reply-header[data-v-e8c4b9dc]{margin-bottom:.25rem;display:flex;align-items:center;gap:1rem}.reply-author[data-v-e8c4b9dc]{font-size:14px;--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));font-weight:500;line-height:1}.reply-time[data-v-e8c4b9dc]{margin-right:auto;font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.reply-text[data-v-e8c4b9dc]{margin-bottom:.5rem;text-align:left;font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:18px}.reply-actions[data-v-e8c4b9dc]{display:flex;align-items:center;gap:1rem}.reply-more[data-v-e8c4b9dc]{cursor:pointer;font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.reply-more[data-v-e8c4b9dc]:hover{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity))}.more-text[data-v-e8c4b9dc]{font-size:12px;--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity));line-height:1}.loading-more[data-v-e8c4b9dc]{display:flex;align-items:center;gap:.5rem;font-size:12px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.loading-spinner[data-v-e8c4b9dc]{width:1rem;height:1rem;animation:spin 1s linear infinite;border-width:2px;border-color:rgb(209 213 219 / var(--un-border-opacity));--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(75 85 99 / var(--un-border-top-opacity));border-radius:9999px}.loading-text[data-v-e8c4b9dc]{font-size:12px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}@keyframes spin-e8c4b9dc{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin[data-v-e8c4b9dc]{animation:spin-e8c4b9dc 1s linear infinite}.reply-divider[data-v-e8c4b9dc]{margin-top:1rem;margin-bottom:1rem;height:1px;--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity))}.emoji-grid[data-v-e8c4b9dc]{box-sizing:border-box;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));max-height:220px;max-width:300px;overflow-y:auto;padding:8px}.emoji-btn[data-v-e8c4b9dc]{align-items:center;background:#fff;border:1px solid #f1f2f3;border-radius:6px;display:flex;font-size:18px;height:36px;justify-content:center;line-height:1;padding:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.emoji-btn[data-v-e8c4b9dc]:hover{background:#f7f7f7}@media(max-width:1200px){.comment-header[data-v-e8c4b9dc]{gap:.75rem}.comment-sort[data-v-e8c4b9dc]{gap:.25rem}}@media(max-width:768px){.comment-title[data-v-e8c4b9dc]{font-size:20px}.comment-count[data-v-e8c4b9dc],.comment-sort[data-v-e8c4b9dc]{font-size:14px}.comment-input-container[data-v-e8c4b9dc]{gap:.75rem}.user-avatar[data-v-e8c4b9dc]{width:2.5rem;height:2.5rem}.comment-input[data-v-e8c4b9dc] .el-textarea__inner{font-size:14px;min-height:50px}.input-bottom-bar[data-v-e8c4b9dc],.input-actions[data-v-e8c4b9dc]{gap:.25rem}.action-btn[data-v-e8c4b9dc]{width:2rem;height:2rem}.action-icon[data-v-e8c4b9dc]{width:1rem;height:1rem}.mention-text[data-v-e8c4b9dc]{font-size:13px}.publish-btn[data-v-e8c4b9dc]{padding:.25rem .75rem;font-size:13px}.comment-avatar[data-v-e8c4b9dc]{width:2.5rem;height:2.5rem}.comment-author[data-v-e8c4b9dc],.comment-time[data-v-e8c4b9dc]{font-size:12px}.comment-text[data-v-e8c4b9dc]{font-size:12px;line-height:18px}.action-text[data-v-e8c4b9dc]{font-size:12px}.reply-avatar[data-v-e8c4b9dc]{width:1.5rem;height:1.5rem}.reply-author[data-v-e8c4b9dc],.reply-time[data-v-e8c4b9dc]{font-size:12px}.reply-text[data-v-e8c4b9dc]{font-size:12px;line-height:16px}.reply-more[data-v-e8c4b9dc]{font-size:12px}}@media(max-width:720px){.comment-input-section[data-v-e8c4b9dc]{background:#f8f9fa;border-top:1px solid #eee;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.comment-input-container[data-v-e8c4b9dc]{gap:0}.input-main-container[data-v-e8c4b9dc]{align-items:flex-end;background:#fff;border:1px solid #e8e8e8;border-radius:20px;display:flex;min-height:40px;padding:2px 4px 2px 2px;transition:all .2s ease}.input-main-container[data-v-e8c4b9dc]:focus-within{border-color:#409eff}.mobile-input-prefix[data-v-e8c4b9dc]{padding-bottom:2px}.mobile-input-suffix[data-v-e8c4b9dc]{margin-left:4px;padding-bottom:2px}.comment-input[data-v-e8c4b9dc] .el-textarea__inner{background:transparent!important;border:none!important;box-shadow:none!important;color:#333;font-size:15px;line-height:1.4;min-height:36px!important;padding:8px 10px!important}.comment-input-section.composer--expanded .comment-input[data-v-e8c4b9dc] .el-textarea__inner{max-height:120px;min-height:36px!important}.mobile-emoji-btn[data-v-e8c4b9dc]{align-items:center;background:transparent!important;border:none!important;display:flex;height:36px!important;justify-content:center;padding:0!important;width:36px!important}.mobile-emoji-btn .action-icon[data-v-e8c4b9dc]{color:#999;height:24px!important;width:24px!important}.mobile-publish-btn[data-v-e8c4b9dc]{align-items:center;border-radius:18px;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:60px;padding:0 16px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}