.comment-item {padding:.5rem.25rem;margin-bottom:.25rem;}
.comment-avatar {width:var(--comment-avatar-size-mobile);height:var(--comment-avatar-size-mobile);}
.comment-username {font-size:.6875rem;margin-bottom:.125rem;}
.comment-text {font-size:.9375rem;margin-bottom:.25rem;line-height:1.3;}
.comment-footer {gap:.75rem;font-size:.75rem;}
.comment-like-btn,.comment-footer span[onclick*=showReplyInput] {font-size:.75rem;}
.comment-pagination {margin-left:1.125rem;margin-top:.5rem;font-size:.8125rem;color:#fff;}
.comment-pagination a,.comment-pagination.collapse-btn {color:#fff;}
.dynamic-reply-box {margin-left:2.125rem;}

        @media (max-width: 767.98px) {
    .col-md-9 {padding-left:0 !important;padding-right:0 !important;width:100% !important;flex:0 0 100% !important;max-width:100% !important;}
    .py-3 {padding-top:0.5rem !important;padding-bottom:0.5rem !important;}
    .publish-box {display:none !important;}
    .dynamic-item {border-radius:0 !important;margin-bottom:0.375rem !important;box-shadow:none !important;padding:1rem 0.5rem 0.375rem 0.5rem !important;}
    .dynamic-item:not(:last-child)::after {left:3rem;right:0.5rem;}
    body {padding-bottom:60px;}
    .dynamic-avatar {width:2.5rem;height:2.5rem;margin-right:0.5rem;}
    .comment-item {padding:0.5rem 0.25rem;margin-bottom:0.25rem;}
    .comment-avatar {width:1.25rem;height:1.25rem;margin-right:0.375rem;margin-left:2.125rem;}
    .comment-username {font-size:0.6875rem;margin-bottom:0.125rem;}
    .comment-text {font-size:0.9375rem;margin-bottom:0.25rem;line-height:1.3;}
    .comment-footer {gap:0.75rem;font-size:0.75rem;}
    .comment-like-btn {font-size:0.75rem;}
    .comment-footer span[onclick*="showReplyInput"] {font-size:0.75rem;}
    .comment-pagination {margin-left:1.125rem;margin-top:0.5rem;font-size:0.8125rem;color:#fff;}
    .comment-pagination a {color:#fff;}
    .comment-pagination .collapse-btn {color:#fff;}
    .dynamic-reply-box {margin-left:2.125rem;}
    .reply-submit {font-size:0.75rem;}
    .dynamic-reply-box .btn.text-lvse {font-size:0.75rem;}
    .reply-textarea {min-height:50px;}
}

[data-bs-theme="dark"] .publish-box {background-color:#141414 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .publish-textarea {background-color:#252525 !important;color:#c6c6c6 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .reply-textarea,[data-bs-theme="dark"] .reply-input {background-color:#252525 !important;color:#c6c6c6 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .reply-tuzki {background-color:#252525 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .reply-tuzki img:hover {background-color:#333 !important;}
[data-bs-theme="dark"] .publish-tuzki {background-color:#252525 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .publish-tuzki img:hover {background-color:#333 !important;}
[data-bs-theme="dark"] .plidbuuu {background-color:#141414 !important;border-top-color:#333 !important;}
[data-bs-theme="dark"] .plidbuuu input {background-color:#252525 !important;color:#c6c6c6 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .plidbuuu input::placeholder {color:#999 !important;}
[data-bs-theme="dark"] .yidong-pinglun {background-color:#141414 !important;border-top-color:#333 !important;}
[data-bs-theme="dark"] .yidong-pinglun .b-box-content {background-color:#252525 !important;color:#c6c6c6 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .yidong-pinglun .b-box-content:focus {border-color:var(--bs-lvse) !important;}
[data-bs-theme="dark"] .yidong-pinglun .b-tuzki {background-color:#252525 !important;border-color:#333 !important;}
[data-bs-theme="dark"] .yidong-pinglun .b-tuzki img:hover {background-color:#333 !important;}

.publish-box {border-radius:0.5rem;padding:1.25rem;background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);}
.publish-header {display:flex;align-items:flex-start;gap:0.75rem;}
.publish-avatar {width:3rem;height:3rem;border-radius:50%;flex-shrink:0;}
.publish-content {flex:1;min-width:0;}
.publish-textarea-wrapper {position:relative;margin-bottom:0.75rem;}
.publish-textarea {width:100%;min-height:100px;border:1px solid var(--bs-border-color);border-radius:0.375rem;padding:0.75rem;font-size:0.875rem;line-height:1.5;resize:vertical;outline:none;background-color:var(--bs-body-bg);color:var(--bs-body-color);transition:border-color 0.2s;}
.publish-textarea:focus {border-color:var(--bs-lvse);box-shadow:0 0 0 0.2rem rgba(var(--bs-lvse-rgb), 0.25);}
.publish-actions {display:flex;justify-content:space-between;align-items:center;}
.publish-tools {display:flex;align-items:center;gap:0.5rem;position:relative;}
.emoji-btn {color:var(--bs-secondary);text-decoration:none;display:flex;align-items:center;padding:0.25rem;border-radius:0.25rem;transition:all 0.2s;}
.emoji-btn:hover {color:var(--bs-lvse);background-color:var(--bs-border-color);}
.publish-btn {background:none;border:none;font-weight:500;padding:0.375rem 1rem;border-radius:0.375rem;transition:all 0.2s;color:var(--bs-lvse);}
.publish-btn:hover {background-color:var(--bs-lvse);color:white !important;}
.publish-tuzki {position:absolute;top:100%;left:0;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:0.375rem;padding:0.5rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);min-width:300px;margin-top:0.25rem;}
.publish-tuzki img {width:18px;height:18px;margin:0.125rem;cursor:pointer;border-radius:0.25rem;transition:background-color 0.2s;}
.publish-tuzki img:hover {background-color:var(--bs-border-color);}

.dynamic-item {border-radius:0.5rem;padding:1.25rem 1.25rem 0.5rem 1.25rem;margin-bottom:0.375rem;position:relative;}
.dynamic-item:not(:last-child)::after {content:'';position:absolute;bottom:0;left:4.75rem;right:1.25rem;height:1px;background-color:var(--bs-border-color);}
.dynamic-header {display:flex;align-items:flex-start;margin-bottom:0.75rem;}
.dynamic-avatar {width:3rem;height:3rem;border-radius:50%;margin-right:0.75rem;flex-shrink:0;}
.dynamic-info {flex:1;min-width:0;}
.dynamic-username {font-weight:600;font-size:0.8rem;margin-bottom:0.5rem;}
.dynamic-text {font-size:0.9375rem;line-height:1.5;margin-bottom:0.5rem;}
.dynamic-actions {display:flex;justify-content:flex-start;align-items:center;gap:1.25rem;margin-bottom:0.375rem;flex-wrap:nowrap;}
.action-btn {display:inline-flex !important;align-items:center !important;gap:0.25rem !important;cursor:pointer;font-size:0.8125rem;padding:0;border-radius:0;transition:all 0.2s;text-decoration:none;background:none;border:none;line-height:1 !important;color:var(--bs-secondary);}
.action-btn:hover {color:var(--bs-lvse);}
.action-btn.dynamic-time {cursor:default;color:var(--bs-secondary);}
.action-btn.dynamic-time:hover {color:var(--bs-secondary);}
.like-btn.liked {color:#27ae60 !important;}
.location-info {color:var(--bs-secondary);font-size:0.8125rem;margin-left:0.25rem;}
.comments-stats-container {padding:0.25rem 0;color:var(--bs-secondary);font-size:0.8125rem;cursor:pointer;margin-bottom:0.5rem;}
.comments-stats-container:hover {color:var(--bs-lvse);}

.dynamic-comments {margin-top:0.5rem;padding-left:0;}
.comment-item {display:flex;margin-bottom:0.375rem;padding:0.625rem 0.5rem;border-radius:0.25rem;}
.comment-item:last-child {border-bottom:none;margin-bottom:0;}
.comment-avatar {width:1.5rem;height:1.5rem;border-radius:50%;margin-right:0.5rem;flex-shrink:0;margin-left:3.75rem;}
.comment-content {flex:1;min-width:0;}
.comment-username {font-weight:600;font-size:0.75rem;margin-bottom:0.125rem;}
.comment-text {font-size:0.9375rem;line-height:1.4;margin-bottom:0.25rem;word-wrap:break-word;white-space:pre-wrap;}
.comment-footer {display:flex;align-items:center;gap:0.875rem;font-size:0.8125rem;flex-wrap:wrap;justify-content:flex-start;}
.comment-time {color:var(--bs-secondary);}
.comment-like-btn {cursor:pointer;color:var(--bs-secondary);text-decoration:none;background:none;border:none;padding:0;font-size:0.8125rem;display:inline-flex;align-items:center;gap:0.25rem;transition:color 0.2s;}
.comment-like-btn:hover {color:var(--bs-lvse);}
.comment-like-btn.liked {color:#27ae60 !important;}
.comment-footer span[onclick*="showReplyInput"] {cursor:pointer;color:var(--bs-secondary);text-decoration:none;background:none;border:none;padding:0;font-size:0.8125rem;transition:color 0.2s;}
.comment-footer span[onclick*="showReplyInput"]:hover {color:var(--bs-lvse);}
.reply-indicator {color:var(--bs-secondary);font-size:0.9375rem;}

.reply-input-box {display:none;margin-top:0.5rem;position:relative;}
.reply-input-box.show {display:block;}
.reply-input {width:100%;border-radius:0.25rem;padding:0.375rem;font-size:0.8125rem;resize:none;min-height:60px;padding-bottom:2rem;background-color:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);}
.reply-input:focus {border-color:var(--bs-lvse);box-shadow:0 0 0 0.2rem rgba(var(--bs-lvse-rgb), 0.25);outline:none;}
.reply-submit {position:absolute;bottom:0.25rem;right:0.25rem;color:var(--bs-lvse);background:none;border:none;padding:0;font-size:0.8125rem;cursor:pointer;text-decoration:none;z-index:10;}
.reply-submit:hover {text-decoration:underline;}

.dynamic-reply-box {display:none;margin-top:0.75rem;position:relative;margin-left:3.75rem;}
.dynamic-reply-box.show {display:block;}
.reply-textarea {width:100%;min-height:60px;border-radius:0.375rem;padding:0.5rem;padding-bottom:2rem;resize:vertical;font-size:0.8125rem;background-color:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);}
.reply-textarea:focus {border-color:var(--bs-lvse);box-shadow:0 0 0 0.2rem rgba(var(--bs-lvse-rgb), 0.25);outline:none;}
.dynamic-reply-box .btn.text-lvse {position:absolute;bottom:0.25rem;right:0.25rem;color:var(--bs-lvse);background:none;border:none;padding:0;font-size:0.8125rem;cursor:pointer;text-decoration:none;z-index:10;}
.dynamic-reply-box .btn.text-lvse:hover {text-decoration:underline;}
.reply-emoji-btn {position:absolute;bottom:0.25rem;left:0.25rem;color:var(--bs-secondary);text-decoration:none;display:flex;align-items:center;padding:0.25rem;border-radius:0.25rem;transition:all 0.2s;z-index:10;}
.reply-emoji-btn:hover {color:var(--bs-lvse);background-color:var(--bs-border-color);}
.reply-input-box .word-count {position:absolute;bottom:0.25rem;left:2.5rem;font-size:0.75rem;color:#999;z-index:10;}
.dynamic-reply-box .word-count {position:absolute;bottom:0.25rem;left:2.5rem;font-size:0.75rem;color:#999;z-index:10;}
.reply-tuzki {position:absolute;bottom:100%;left:0;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:0.375rem;padding:0.5rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);min-width:300px;margin-bottom:0.25rem;}
.reply-tuzki img {width:18px;height:18px;margin:0.125rem;cursor:pointer;border-radius:0.25rem;transition:background-color 0.2s;}
.reply-tuzki img:hover {background-color:var(--bs-border-color);}

.comment-pagination {margin-left:1.9rem;padding-left:0;margin-top:0.5rem;font-size:0.8125rem;color:#fff;padding-bottom:0.9rem;}
.comment-pagination a {color:#fff;text-decoration:none;margin:0 0.25rem;cursor:pointer;}
.comment-pagination a:hover {color:var(--bs-lvse);}
.comment-pagination .collapse-btn {color:#fff;cursor:pointer;margin-left:0.5rem;}
.comment-pagination .collapse-btn:hover {color:var(--bs-lvse);}

.plidbuuu {padding:0.75rem 1rem;z-index:1000;background:var(--bs-body-bg);display:flex;align-items:center;gap:0.75rem;width:100%;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;}
.plidbuuu input {flex:1;background:var(--bs-body-bg) !important;border:1px solid var(--bs-border-color) !important;border-radius:0.375rem !important;outline:none !important;color:var(--bs-body-color) !important;padding:0.75rem 1rem !important;font-size:0.875rem !important;line-height:1.5 !important;height:40px;box-sizing:border-box;}
.plidbuuu input:focus {border-color:var(--bs-lvse) !important;box-shadow:0 0 0 0.2rem rgba(var(--bs-lvse-rgb), 0.25) !important;}
.plidbuuu input::placeholder {color:var(--bs-secondary) !important;}
.plzj {flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.send-btn {color:white !important;background-color:#27ae60;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:0.375rem;font-weight:500;transition:all 0.2s;border:none;width:60px;height:40px;flex-shrink:0;}
.send-btn:hover {color:white !important;background-color:#27ae60;opacity:0.9;text-decoration:none;}
.send-btn:active {opacity:0.8;}
.send-text {font-size:0.875rem;line-height:1;font-weight:500;writing-mode:horizontal-tb !important;text-orientation:mixed !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;overflow:visible !important;}

.yidong-pinglun {background:var(--bs-body-bg);border-top:1px solid var(--bs-border-color);z-index:1001;}
.yidong-pinglun .b-box-content {background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);}
.yidong-pinglun .b-box-content:focus {border-color:var(--bs-lvse);}
.yidong-pinglun .wqy-btn {background-color:var(--bs-lvse) !important;border:none;color:white;padding:0.25rem 0.75rem;border-radius:0.375rem;writing-mode:horizontal-tb !important;text-orientation:mixed !important;text-align:center !important;vertical-align:middle !important;line-height:1.2;white-space:nowrap !important;overflow:visible !important;}
.yidong-pinglun .wqy-btn:hover {opacity:0.8;}
.yidong-pinglun input[type="button"].wqy-btn {writing-mode:horizontal-tb !important;text-orientation:mixed !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;overflow:visible !important;display:inline-block !important;line-height:normal !important;}
.plidbuuu .send-btn .send-text {writing-mode:horizontal-tb !important;text-orientation:mixed !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;overflow:visible !important;display:inline-block !important;line-height:normal !important;}

.b-tuzki {background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:0.375rem;padding:0.5rem;max-height:200px;overflow-y:auto;}
.b-tuzki img {width:18px;height:18px;margin:0.125rem;cursor:pointer;border-radius:0.25rem;}
.b-tuzki img:hover {background-color:var(--bs-border-color);}

@keyframes slideIn {from {transform:translateY(100%);opacity:0;} to {transform:translateY(0);opacity:1;}}
@keyframes slideOut {from {transform:translateY(0);opacity:1;} to {transform:translateY(100%);opacity:0;}}
.yidong-pinglun {animation:slideIn 0.4s ease-out;}
.yidong-pinglun.slide-out {animation:slideOut 0.4s ease-in;}

.dynamic-text img,.comment-text img {width:18px;height:18px;vertical-align:middle;margin:0 1px;}

.comment-more {color:var(--bs-secondary);font-size:0.8125rem;transition:color 0.2s;}
.comment-more:hover {color:var(--bs-lvse);}

.dropdown-menu {background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:0.375rem;box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);min-width:120px;}
.dropdown-item {color:var(--bs-body-color);padding:0.5rem 1rem;font-size:0.875rem;transition:background-color 0.2s;}
.dropdown-item:hover {background-color:var(--bs-border-color);color:var(--bs-body-color);}
.dropdown-item.delete-comment {color:#dc3545;}
.dropdown-item.delete-comment:hover {background-color:#dc3545;color:white;}

.publish-textarea img {width:18px;height:18px;vertical-align:middle;margin:0 1px;}
.reply-textarea img,.reply-input img {width:18px;height:18px;vertical-align:middle;margin:0 1px;}

.pagination-container {display:none !important;}
.infinite-scroll-loader {text-align:center;padding:1rem;color:var(--bs-secondary);font-size:0.875rem;}
.infinite-scroll-loader .spinner-border {width:1rem;height:1rem;margin-right:0.5rem;}
.infinite-scroll-end {text-align:center;padding:1rem;color:var(--bs-secondary);font-size:0.875rem;border-top:1px solid var(--bs-border-color);margin-top:1rem;}

        @media (min-width: 768px) {
    .pagination-container {display:block !important;}
    .infinite-scroll-loader,.infinite-scroll-end {display:none !important;}
        }