.comments-section[data-v-ffb44531]{background:var(--vtb-bg-color);border-radius:var(--vtb-spacing-1);display:flex;flex:1;flex-direction:column;margin-top:var(--vtb-spacing-3);overflow:hidden}.comments-section.mobile[data-v-ffb44531]{bottom:0;display:none;height:85%;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease;width:100%;z-index:30}.comments-section.mobile.open[data-v-ffb44531]{display:block;transform:translateY(0)}.comments-section.section[data-v-ffb44531]{background:var(--vtb-bg-color);display:none;transform:translateY(-100%);width:100%}.comments-section.section.open[data-v-ffb44531]{display:block;transform:translateY(0)}.comments-header[data-v-ffb44531]{background:var(--vtb-bg-color);border-bottom:1px solid var(--vtb-border-color);flex-shrink:0;padding:var(--vtb-spacing-4);position:sticky;top:0;z-index:10}.comments-header .header-content[data-v-ffb44531]{align-items:center;display:flex;justify-content:space-between}.comments-header .header-content h3[data-v-ffb44531]{color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP2);font-weight:600;margin:0}.comments-header .header-content .close-comments-btn[data-v-ffb44531]{background:none;border:none;cursor:pointer;padding:4px}.empty-container[data-v-ffb44531],.loading-container[data-v-ffb44531]{align-items:center;display:flex;flex:1;justify-content:center;min-height:100px;padding:var(--vtb-spacing-6)}.empty-container p[data-v-ffb44531],.loading-container p[data-v-ffb44531]{color:var(--vtb-hint-text-color);font-size:var(--vtb-fontSizeP4);margin:0;text-align:center}.comments-list[data-v-ffb44531]{flex:1;height:calc(100% - 100px);overflow-y:auto;padding:var(--vtb-spacing-4)}.comments-list[data-v-ffb44531]::-webkit-scrollbar{width:4px}.comments-list[data-v-ffb44531]::-webkit-scrollbar-track{background:transparent}.comments-list[data-v-ffb44531]::-webkit-scrollbar-thumb{background:var(--vtb-border-color);border-radius:2px}.comments-list[data-v-ffb44531]::-webkit-scrollbar-thumb:hover{background:var(--vtb-hint-text-color)}.comment-item[data-v-ffb44531]{display:flex;gap:var(--vtb-spacing-3);margin-bottom:var(--vtb-spacing-5)}.comment-avatar[data-v-ffb44531]{flex-shrink:0}.comment-content[data-v-ffb44531]{flex:1;min-width:0}.comment-header[data-v-ffb44531]{align-items:center;display:flex;gap:var(--vtb-spacing-2);margin-bottom:var(--vtb-spacing-1)}.comment-header .comment-nickname[data-v-ffb44531]{color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP4);font-weight:600}.comment-header .comment-time[data-v-ffb44531]{color:var(--vtb-hint-text-color);font-size:var(--vtb-fontSizeP5)}.comment-text[data-v-ffb44531]{color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP4);line-height:1.5;margin-bottom:var(--vtb-spacing-2);word-wrap:break-word}.comment-actions[data-v-ffb44531]{align-items:center;display:flex;gap:var(--vtb-spacing-1)}.comment-actions .delete-action[data-v-ffb44531],.comment-actions .like-action[data-v-ffb44531],.comment-actions .reply-action[data-v-ffb44531]{align-items:center;border-radius:var(--vtb-spacing-2);color:var(--vtb-hint-text-color);cursor:pointer;display:flex;font-size:var(--vtb-fontSizeP5);gap:var(--vtb-spacing-1);padding:var(--vtb-spacing-1) var(--vtb-spacing-2);transition:all .2s ease}.comment-actions .delete-action.active[data-v-ffb44531],.comment-actions .like-action.active[data-v-ffb44531],.comment-actions .reply-action.active[data-v-ffb44531]{color:var(--vtb-dom-color)}.comment-actions .delete-action.loading[data-v-ffb44531],.comment-actions .like-action.loading[data-v-ffb44531],.comment-actions .reply-action.loading[data-v-ffb44531]{cursor:not-allowed;opacity:.7;pointer-events:none}.comment-actions .action-loading[data-v-ffb44531]{animation:rotate-ffb44531 1s linear infinite;color:var(--vtb-dom-color)}.comment-actions .delete-action[data-v-ffb44531]:hover{background:#fee;color:#e74c3c}.comment-actions .delete-action[data-v-ffb44531]:hover .vtb-svg-icon{color:#e74c3c}.comment-actions .reply-count[data-v-ffb44531]{color:var(--vtb-hint-text-color);font-size:var(--vtb-fontSizeP5);margin-left:var(--vtb-spacing-1)}.reply-section[data-v-ffb44531]{background:var(--vtb-secondary-bg-color);border:1px solid var(--vtb-border-color);border-radius:var(--vtb-spacing-2);margin-top:var(--vtb-spacing-3);padding:var(--vtb-spacing-3)}.reply-section .reply-input-area[data-v-ffb44531]{margin-bottom:var(--vtb-spacing-3)}.reply-section .reply-input-area .reply-input-container[data-v-ffb44531]{align-items:flex-end;display:flex;gap:var(--vtb-spacing-2)}.reply-section .reply-input-area .reply-input-container .reply-input[data-v-ffb44531]{flex:1}.reply-section .reply-input-area .reply-input-container .reply-input[data-v-ffb44531] .el-textarea__inner{background:var(--vtb-bg-color);border:1px solid var(--vtb-border-color);border-radius:var(--vtb-spacing-2);color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP5);padding:var(--vtb-spacing-2);resize:none}.reply-section .reply-input-area .reply-input-container .reply-input[data-v-ffb44531] .el-textarea__inner:focus{border-color:var(--vtb-dom-color);box-shadow:0 0 0 2px rgba(var(--vtb-dom-color-rgb),.1)}.reply-section .reply-input-area .reply-input-container .reply-input[data-v-ffb44531] .el-textarea__inner::-moz-placeholder{color:var(--vtb-hint-text-color)}.reply-section .reply-input-area .reply-input-container .reply-input[data-v-ffb44531] .el-textarea__inner::placeholder{color:var(--vtb-hint-text-color)}.reply-section .reply-input-area .reply-input-container[data-v-ffb44531] .el-button{min-width:60px}.reply-section .reply-loading[data-v-ffb44531]{align-items:center;display:flex;gap:var(--vtb-spacing-2);justify-content:center;min-height:80px;padding:var(--vtb-spacing-4)}.reply-section .no-replies[data-v-ffb44531],.reply-section .reply-loading[data-v-ffb44531]{color:var(--vtb-hint-text-color);font-size:var(--vtb-fontSizeP5)}.reply-section .no-replies[data-v-ffb44531]{padding:var(--vtb-spacing-2);text-align:center}.replies[data-v-ffb44531]{border-left:2px solid var(--vtb-border-color);margin-top:var(--vtb-spacing-2);padding-left:var(--vtb-spacing-4)}.replies .reply-item[data-v-ffb44531]{display:flex;gap:var(--vtb-spacing-2);margin-bottom:var(--vtb-spacing-3)}.replies .reply-item .reply-avatar[data-v-ffb44531]{flex-shrink:0}.replies .reply-item .reply-content[data-v-ffb44531]{flex:1}.replies .reply-item .reply-content .reply-header[data-v-ffb44531]{align-items:center;display:flex;gap:var(--vtb-spacing-2);margin-bottom:var(--vtb-spacing-1)}.replies .reply-item .reply-content .reply-header .nickname[data-v-ffb44531]{color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP5);font-weight:600}.replies .reply-item .reply-content .reply-header .time[data-v-ffb44531]{color:var(--vtb-hint-text-color);font-size:var(--vtb-fontSizeP5)}.replies .reply-item .reply-content .reply-text[data-v-ffb44531]{color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP5);line-height:1.4;margin-bottom:var(--vtb-spacing-1)}.replies .reply-item .reply-content .reply-actions[data-v-ffb44531]{align-items:center;display:flex;gap:var(--vtb-spacing-1)}.replies .reply-item .reply-content .reply-actions .delete-action[data-v-ffb44531],.replies .reply-item .reply-content .reply-actions .like-action[data-v-ffb44531]{align-items:center;border-radius:var(--vtb-spacing-1);color:var(--vtb-hint-text-color);cursor:pointer;display:flex;font-size:var(--vtb-fontSizeP5);gap:var(--vtb-spacing-1);padding:2px var(--vtb-spacing-1);transition:all .2s ease}.replies .reply-item .reply-content .reply-actions .delete-action[data-v-ffb44531]:hover,.replies .reply-item .reply-content .reply-actions .like-action[data-v-ffb44531]:hover{background:var(--vtb-secondary-bg-color);color:var(--vtb-text-color)}.replies .reply-item .reply-content .reply-actions .delete-action.active[data-v-ffb44531],.replies .reply-item .reply-content .reply-actions .like-action.active[data-v-ffb44531],.replies .reply-item .reply-content .reply-actions .delete-action.active[data-v-ffb44531] .vtb-svg-icon,.replies .reply-item .reply-content .reply-actions .like-action.active[data-v-ffb44531] .vtb-svg-icon{color:var(--vtb-dom-color)}.replies .reply-item .reply-content .reply-actions .delete-action.loading[data-v-ffb44531],.replies .reply-item .reply-content .reply-actions .like-action.loading[data-v-ffb44531]{cursor:not-allowed;opacity:.7;pointer-events:none}.replies .reply-item .reply-content .reply-actions .delete-action[data-v-ffb44531]:hover{background:#fee;color:#e74c3c}.replies .reply-item .reply-content .reply-actions .delete-action[data-v-ffb44531]:hover .vtb-svg-icon{color:#e74c3c}.comment-input-area[data-v-ffb44531]{background:var(--vtb-bg-color);border-top:1px solid var(--vtb-border-color);bottom:0;flex-shrink:0;padding:var(--vtb-spacing-4);position:sticky;z-index:10}.comment-input-area .comment-input-wrapper[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper[data-v-ffb44531],.comment-input-area .input-container[data-v-ffb44531]{align-items:flex-end;display:flex;gap:var(--vtb-spacing-3)}.comment-input-area .comment-input-wrapper .comment-input[data-v-ffb44531],.comment-input-area .comment-input-wrapper .desktop-comment-field[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper .comment-input[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper .desktop-comment-field[data-v-ffb44531],.comment-input-area .input-container .comment-input[data-v-ffb44531],.comment-input-area .input-container .desktop-comment-field[data-v-ffb44531]{flex:1}.comment-input-area .comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner,.comment-input-area .comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner,.comment-input-area .desktop-comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner,.comment-input-area .desktop-comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner,.comment-input-area .input-container .comment-input[data-v-ffb44531] .el-textarea__inner,.comment-input-area .input-container .desktop-comment-field[data-v-ffb44531] .el-textarea__inner{background:var(--vtb-secondary-bg-color);border:1px solid var(--vtb-border-color);border-radius:var(--vtb-spacing-3);color:var(--vtb-text-color);font-size:var(--vtb-fontSizeP4);padding:var(--vtb-spacing-3);resize:none}.comment-input-area .comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner:focus,.comment-input-area .comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner:focus,.comment-input-area .desktop-comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner:focus,.comment-input-area .desktop-comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner:focus,.comment-input-area .input-container .comment-input[data-v-ffb44531] .el-textarea__inner:focus,.comment-input-area .input-container .desktop-comment-field[data-v-ffb44531] .el-textarea__inner:focus{border-color:var(--vtb-dom-color);box-shadow:0 0 0 2px rgba(var(--vtb-dom-color-rgb),.1)}.comment-input-area .comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner::-moz-placeholder,.comment-input-area .comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::-moz-placeholder,.comment-input-area .desktop-comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner::-moz-placeholder,.comment-input-area .desktop-comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::-moz-placeholder,.comment-input-area .input-container .comment-input[data-v-ffb44531] .el-textarea__inner::-moz-placeholder,.comment-input-area .input-container .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::-moz-placeholder{color:var(--vtb-hint-text-color)}.comment-input-area .comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner::placeholder,.comment-input-area .comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::placeholder,.comment-input-area .desktop-comment-input-wrapper .comment-input[data-v-ffb44531] .el-textarea__inner::placeholder,.comment-input-area .desktop-comment-input-wrapper .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::placeholder,.comment-input-area .input-container .comment-input[data-v-ffb44531] .el-textarea__inner::placeholder,.comment-input-area .input-container .desktop-comment-field[data-v-ffb44531] .el-textarea__inner::placeholder{color:var(--vtb-hint-text-color)}.comment-input-area .comment-input-wrapper .desktop-send-btn[data-v-ffb44531],.comment-input-area .comment-input-wrapper .send-button[data-v-ffb44531],.comment-input-area .comment-input-wrapper .send-comment-btn[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper .desktop-send-btn[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper .send-button[data-v-ffb44531],.comment-input-area .desktop-comment-input-wrapper .send-comment-btn[data-v-ffb44531],.comment-input-area .input-container .desktop-send-btn[data-v-ffb44531],.comment-input-area .input-container .send-button[data-v-ffb44531],.comment-input-area .input-container .send-comment-btn[data-v-ffb44531]{background:var(--vtb-dom-color);border-color:var(--vtb-dom-color);border-radius:var(--vtb-spacing-3);font-weight:500;padding:var(--vtb-spacing-2) var(--vtb-spacing-4)}.comment-input-area .comment-input-wrapper .desktop-send-btn[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .comment-input-wrapper .send-button[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .comment-input-wrapper .send-comment-btn[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .desktop-comment-input-wrapper .desktop-send-btn[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .desktop-comment-input-wrapper .send-button[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .desktop-comment-input-wrapper .send-comment-btn[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .input-container .desktop-send-btn[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .input-container .send-button[data-v-ffb44531]:hover:not(:disabled),.comment-input-area .input-container .send-comment-btn[data-v-ffb44531]:hover:not(:disabled){background:var(--vtb-dom-color);border-color:var(--vtb-dom-color);opacity:.9}.comment-input-area .comment-input-wrapper .desktop-send-btn[data-v-ffb44531]:disabled,.comment-input-area .comment-input-wrapper .send-button[data-v-ffb44531]:disabled,.comment-input-area .comment-input-wrapper .send-comment-btn[data-v-ffb44531]:disabled,.comment-input-area .desktop-comment-input-wrapper .desktop-send-btn[data-v-ffb44531]:disabled,.comment-input-area .desktop-comment-input-wrapper .send-button[data-v-ffb44531]:disabled,.comment-input-area .desktop-comment-input-wrapper .send-comment-btn[data-v-ffb44531]:disabled,.comment-input-area .input-container .desktop-send-btn[data-v-ffb44531]:disabled,.comment-input-area .input-container .send-button[data-v-ffb44531]:disabled,.comment-input-area .input-container .send-comment-btn[data-v-ffb44531]:disabled{cursor:not-allowed;opacity:.5}@keyframes rotate-ffb44531{0%{transform:rotate(0)}to{transform:rotate(1turn)}}