.comment-section[data-v-b0fc8ad2]{width:100%}.comment-header[data-v-b0fc8ad2]{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.comment-title[data-v-b0fc8ad2]{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-b0fc8ad2]{font-size:16px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.comment-sort[data-v-b0fc8ad2]{display:flex;align-items:center;gap:.5rem}.sort-active[data-v-b0fc8ad2]{font-size:16px;--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity));line-height:1}.sort-divider[data-v-b0fc8ad2]{font-size:16px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.sort-inactive[data-v-b0fc8ad2]{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-b0fc8ad2]:hover{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity))}.sort-item[data-v-b0fc8ad2]{cursor:pointer}.comment-input-section[data-v-b0fc8ad2]{margin-bottom:1.5rem}.comment-input-container[data-v-b0fc8ad2]{display:flex;align-items:flex-start;gap:1rem}.user-avatar[data-v-b0fc8ad2]{margin-top:.75rem;width:3rem;height:3rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.input-wrapper[data-v-b0fc8ad2]{flex:1 1 0%}.comment-input[data-v-b0fc8ad2]{width:100%}.comment-input[data-v-b0fc8ad2] .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-b0fc8ad2] .el-textarea__inner::placeholder{--un-placeholder-opacity:1;color:rgb(153 153 153 / var(--un-placeholder-opacity))}.comment-input[data-v-b0fc8ad2] .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-b0fc8ad2]{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.input-actions[data-v-b0fc8ad2]{display:flex;align-items:center;gap:.5rem}.action-btn[data-v-b0fc8ad2]{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-b0fc8ad2]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity));height:18px;width:18px}.action-btn[data-v-b0fc8ad2]:hover{background:#f7f7f7;border-color:#dcdfe6}.action-btn:hover .action-icon[data-v-b0fc8ad2]{color:#333}.mention-text[data-v-b0fc8ad2]{font-size:15px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.publish-btn[data-v-b0fc8ad2]{--un-border-opacity:1;border-color:rgb(20 148 193 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(20 148 193 / var(--un-bg-opacity));padding:.5rem 1rem;font-size:15px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.bilibili-comment[data-v-b0fc8ad2]{width:100%}.comment-list[data-v-b0fc8ad2]>: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-b0fc8ad2]{display:flex;align-items:flex-start;gap:1rem}.comment-avatar[data-v-b0fc8ad2]{margin-top:.25rem;width:3rem;height:3rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.avatar-image[data-v-b0fc8ad2]{width:100%;height:100%;object-fit:cover}.comment-content[data-v-b0fc8ad2]{flex:1 1 0%}.comment-header[data-v-b0fc8ad2]{margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.author-info[data-v-b0fc8ad2]{display:flex;align-items:center;gap:.5rem}.comment-author[data-v-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{display:flex;align-items:center;gap:1rem}.action-item[data-v-b0fc8ad2]{display:flex;cursor:pointer;align-items:center;gap:.25rem}.action-item[data-v-b0fc8ad2]:hover{opacity:.8}.action-icon[data-v-b0fc8ad2]{width:1rem;height:1rem}.action-icon.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.like-action .action-icon.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(251 114 153 / var(--un-text-opacity))}.dislike-action .action-icon.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.action-text[data-v-b0fc8ad2]{font-size:14px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}.action-text.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.like-action .action-text.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(251 114 153 / var(--un-text-opacity))}.dislike-action .action-text.active[data-v-b0fc8ad2]{--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity))}.reply-input-section[data-v-b0fc8ad2]{margin-top:1rem}.reply-input-container[data-v-b0fc8ad2]{display:flex;align-items:flex-start;gap:.75rem}.reply-input-wrapper[data-v-b0fc8ad2]{flex:1 1 0%}.reply-input[data-v-b0fc8ad2]{width:100%}.reply-input[data-v-b0fc8ad2] .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-b0fc8ad2] .el-textarea__inner::placeholder{--un-placeholder-opacity:1;color:rgb(153 153 153 / var(--un-placeholder-opacity))}.reply-input[data-v-b0fc8ad2] .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-b0fc8ad2]{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between}.reply-input-actions[data-v-b0fc8ad2]{display:flex;align-items:center;gap:.5rem}.reply-submit-actions[data-v-b0fc8ad2]{display:flex;gap:.5rem}.cancel-btn[data-v-b0fc8ad2]{--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-b0fc8ad2]: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-b0fc8ad2]{--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-b0fc8ad2]: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-b0fc8ad2]{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-b0fc8ad2]>: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-b0fc8ad2]{display:flex;align-items:flex-start;gap:.75rem}.reply-avatar[data-v-b0fc8ad2]{margin-top:.25rem;width:1.75rem;height:1.75rem;flex-shrink:0;overflow:hidden;border-radius:9999px}.reply-content[data-v-b0fc8ad2]{flex:1 1 0%}.reply-header[data-v-b0fc8ad2]{margin-bottom:.25rem;display:flex;align-items:center;gap:1rem}.reply-author[data-v-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{display:flex;align-items:center;gap:1rem}.reply-more[data-v-b0fc8ad2]{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-b0fc8ad2]:hover{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity))}.more-text[data-v-b0fc8ad2]{font-size:12px;--un-text-opacity:1;color:rgb(0 161 214 / var(--un-text-opacity));line-height:1}.loading-more[data-v-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{font-size:12px;--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));line-height:1}@keyframes spin-b0fc8ad2{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-spin[data-v-b0fc8ad2]{animation:spin-b0fc8ad2 1s linear infinite}.reply-divider[data-v-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]{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-b0fc8ad2]:hover{background:#f7f7f7}@media (max-width:1200px){.comment-header[data-v-b0fc8ad2]{gap:.75rem}.comment-sort[data-v-b0fc8ad2]{gap:.25rem}}@media (max-width:768px){.comment-title[data-v-b0fc8ad2]{font-size:20px}.comment-count[data-v-b0fc8ad2],.comment-sort[data-v-b0fc8ad2]{font-size:14px}.comment-input-container[data-v-b0fc8ad2]{gap:.75rem}.user-avatar[data-v-b0fc8ad2]{width:2.5rem;height:2.5rem}.comment-input[data-v-b0fc8ad2] .el-textarea__inner{font-size:14px;min-height:50px}.input-bottom-bar[data-v-b0fc8ad2],.input-actions[data-v-b0fc8ad2]{gap:.25rem}.action-btn[data-v-b0fc8ad2]{width:2rem;height:2rem}.action-icon[data-v-b0fc8ad2]{width:1rem;height:1rem}.mention-text[data-v-b0fc8ad2]{font-size:13px}.publish-btn[data-v-b0fc8ad2]{padding:.25rem .75rem;font-size:13px}.comment-avatar[data-v-b0fc8ad2]{width:2.5rem;height:2.5rem}.comment-author[data-v-b0fc8ad2],.comment-time[data-v-b0fc8ad2]{font-size:12px}.comment-text[data-v-b0fc8ad2]{font-size:12px;line-height:18px}.action-text[data-v-b0fc8ad2]{font-size:12px}.reply-avatar[data-v-b0fc8ad2]{width:1.5rem;height:1.5rem}.reply-author[data-v-b0fc8ad2],.reply-time[data-v-b0fc8ad2]{font-size:12px}.reply-text[data-v-b0fc8ad2]{font-size:12px;line-height:16px}.reply-more[data-v-b0fc8ad2]{font-size:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}