.comment-input-overlay[data-v-5ca1a97f]{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.comment-input-modal[data-v-5ca1a97f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;max-height:90vh;max-width:24rem;overflow-y:auto;width:100%}.modal-header[data-v-5ca1a97f]{padding:1rem 1rem .5rem}.modal-title[data-v-5ca1a97f]{color:#fff;font-size:1rem;font-weight:600;margin:0;text-align:center}.reply-hint[data-v-5ca1a97f]{background:#fded031a;border:1px solid rgba(253,237,3,.3);border-radius:.5rem;margin-top:.75rem;padding:.75rem}.reply-text[data-v-5ca1a97f]{color:#fded03;font-size:.875rem;font-weight:600}.reply-content[data-v-5ca1a97f]{color:#fffc;display:block;font-size:.875rem;line-height:1.4;margin-left:.5rem;margin-top:.25rem}.input-section[data-v-5ca1a97f]{padding:1rem;position:relative}.comment-textarea[data-v-5ca1a97f]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;font-size:.875rem;line-height:1.5;min-height:6rem;padding:.75rem;resize:vertical;width:100%}.comment-textarea[data-v-5ca1a97f]::-moz-placeholder{color:#ffffff80}.comment-textarea[data-v-5ca1a97f]::placeholder{color:#ffffff80}.comment-textarea[data-v-5ca1a97f]:focus{border-color:var(--primary-text-yellow);outline:none}.char-count[data-v-5ca1a97f]{bottom:0;color:#ffffff80;font-size:.75rem;position:absolute;right:1.5rem}.image-upload-section[data-v-5ca1a97f]{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem}.uploaded-image-container[data-v-5ca1a97f]{border-radius:.5rem;height:5rem;overflow:hidden;position:relative;width:5rem}.uploaded-image[data-v-5ca1a97f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.remove-image-btn[data-v-5ca1a97f]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.25rem;justify-content:center;position:absolute;right:.25rem;top:.25rem;transition:all .3s ease;width:1.25rem}.remove-image-btn[data-v-5ca1a97f]:hover{background:#f00c;transform:scale(1.1)}.add-image-btn[data-v-5ca1a97f]{align-items:center;background:#423e34;border-radius:.5rem;cursor:pointer;display:flex;height:5rem;justify-content:center;transition:all .3s ease;width:5rem}.add-image-btn[data-v-5ca1a97f]:hover{background:#ffffff1a;border-color:#fded03}.plus-icon[data-v-5ca1a97f]{color:#ffffffb3;font-size:1.5rem;font-weight:300}.modal-footer[data-v-5ca1a97f]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:.75rem;padding:1rem}.cancel-btn[data-v-5ca1a97f]{background:#ffffff1a;border:none;border-radius:1rem;color:#fffc;cursor:pointer;flex:1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .3s ease}.cancel-btn[data-v-5ca1a97f]:hover{background:#fff3;color:#fff}.send-btn[data-v-5ca1a97f]{background:linear-gradient(149.65deg,#fded03 4.94%,#f9a108 111.45%);border:none;border-radius:1rem;color:#000;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .3s ease}.send-btn[data-v-5ca1a97f]:hover:not(:disabled){background:#f9a108;transform:translateY(-1px)}.send-btn[data-v-5ca1a97f]:disabled{background:#fded034d;color:#00000080;cursor:not-allowed}.hidden-file-input[data-v-5ca1a97f]{display:none}.upload-overlay[data-v-5ca1a97f]{align-items:center;background:#000000b3;border-radius:.5rem;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.upload-spinner[data-v-5ca1a97f]{animation:spin-5ca1a97f 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fded03;height:1.5rem;margin-bottom:.25rem;width:1.5rem}.upload-text[data-v-5ca1a97f]{color:#fff;font-size:.75rem;font-weight:500}@keyframes spin-5ca1a97f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.comment-modal-enter-active[data-v-5ca1a97f],.comment-modal-leave-active[data-v-5ca1a97f]{transition:all .3s cubic-bezier(.4,0,.2,1)}.comment-modal-enter-from[data-v-5ca1a97f],.comment-modal-leave-to[data-v-5ca1a97f]{opacity:0;transform:scale(.9)}@media (max-width:640px){.comment-input-overlay[data-v-5ca1a97f]{padding:.5rem}.comment-input-modal[data-v-5ca1a97f]{max-height:95vh;max-width:none}.add-image-btn[data-v-5ca1a97f],.uploaded-image-container[data-v-5ca1a97f]{height:4rem;width:6rem}}.community-post[data-v-c35c622b]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--primary-bg);border-radius:.75rem;padding:1rem;transition:all .3s ease}.community-post[data-v-c35c622b]:hover{transform:translateY(-2px)}.username[data-v-c35c622b]{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2}.dingIcon[data-v-c35c622b]{background-image:url(../images/ding.png)}.dingIcon[data-v-c35c622b],.el-icon-chat-dot-round[data-v-c35c622b]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:15px;margin-left:5px;vertical-align:middle;width:15px}.el-icon-chat-dot-round[data-v-c35c622b]{background-image:url(../images/msg.png)}.el-icon-thumb[data-v-c35c622b]{background-image:url(../images/like.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;margin-left:5px}.el-icon-thumb[data-v-c35c622b],.el-icon-thumb.liked[data-v-c35c622b]{height:15px;vertical-align:middle;width:15px}.el-icon-thumb.liked[data-v-c35c622b]{background-image:url(../images/liked.png)}.interaction-stats[data-v-c35c622b],.user-stats[data-v-c35c622b]{color:#fff9;font-size:.75rem}.comment-count[data-v-c35c622b]{transition:all .3s ease}.comment-count[data-v-c35c622b]:hover{color:#fded03;transform:scale(1.05)}.post-tag[data-v-c35c622b]{align-items:center;background:#423e34;border-radius:1rem;color:var(--primary-text-yellow);display:flex;font-size:12px;font-weight:500;justify-content:center;padding:.45rem .8rem;transition:all .3s ease}.post-title[data-v-c35c622b]{color:#fff;font-size:1rem;font-weight:600;line-height:1.4}.description-text[data-v-c35c622b]{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap;word-break:break-all}.description-text[data-v-c35c622b]:not(.expanded){display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.description-text.expanded[data-v-c35c622b]{display:block;overflow:visible;white-space:pre-wrap}.expand-btn[data-v-c35c622b]{background:none;border:none;color:#fded03;cursor:pointer;font-size:.75rem;transition:color .3s ease}.gallery-grid[data-v-c35c622b]{grid-template-columns:repeat(3,1fr)}.gallery-item[data-v-c35c622b]{cursor:pointer;transition:transform .3s ease}.gallery-item[data-v-c35c622b]:hover{transform:scale(1.05)}.more-images-overlay[data-v-c35c622b]{background:#0009}.more-count[data-v-c35c622b]{color:#fff;font-size:.875rem;font-weight:600}.game-mention-bar[data-v-c35c622b]{background:#423e34;font-size:.5rem}.game-info[data-v-c35c622b]{align-items:center;display:flex}.mention-text[data-v-c35c622b]{color:#ffffffb3;font-size:.75rem;margin-right:10px}.game-name[data-v-c35c622b]{color:#4ade80;display:inline-block;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.view-details-btn[data-v-c35c622b]{background:none;border:none;color:#fff;cursor:pointer;font-size:.75rem;transition:color .3s ease}.comments-section[data-v-c35c622b]{padding:.5rem 0 0}.comments-expand-enter-active[data-v-c35c622b],.comments-expand-leave-active[data-v-c35c622b]{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.comments-expand-enter-from[data-v-c35c622b],.comments-expand-leave-to[data-v-c35c622b]{max-height:0;opacity:0;transform:translateY(-20px)}.comments-expand-enter-to[data-v-c35c622b],.comments-expand-leave-from[data-v-c35c622b]{max-height:500px;opacity:1;transform:translateY(0)}.loading-fade-enter-active[data-v-c35c622b],.loading-fade-leave-active[data-v-c35c622b]{transition:all .3s ease}.loading-fade-enter-from[data-v-c35c622b],.loading-fade-leave-to[data-v-c35c622b]{opacity:0;transform:scale(.95)}.comment-item-enter-active[data-v-c35c622b]{transition:all .4s cubic-bezier(.4,0,.2,1)}.comment-item-enter-from[data-v-c35c622b]{opacity:0;transform:translate(-20px)}.comment-item-leave-active[data-v-c35c622b]{transition:all .3s ease}.comment-item-leave-to[data-v-c35c622b]{opacity:0;transform:translate(20px)}.comment-item-move[data-v-c35c622b]{transition:transform .3s ease}.comments-title[data-v-c35c622b]{color:#fff;font-size:.875rem;font-weight:600}.loading-comments[data-v-c35c622b]{align-items:center;color:#fff9;display:flex;gap:.5rem;justify-content:center;padding:1rem}.loading-spinner[data-v-c35c622b]{animation:spin-c35c622b 1s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fded03;height:1rem;width:1rem}@keyframes spin-c35c622b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-c35c622b]{font-size:.75rem}.comment-item[data-v-c35c622b]{padding:.35rem}.comment-username[data-v-c35c622b]{color:#fff;font-size:.75rem;font-weight:600}.comment-time[data-v-c35c622b]{color:#ffffff80;font-size:.625rem}.comment-like[data-v-c35c622b],.reply-btn[data-v-c35c622b]{color:#fff9}.reply-btn[data-v-c35c622b]{background:none;border:none;cursor:pointer;font-size:.75rem;transition:color .3s ease}.reply-btn[data-v-c35c622b]:hover{color:#fded03}.comment-like-btn[data-v-c35c622b]{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;min-width:2.5rem;transition:color .3s ease}.like-count-text[data-v-c35c622b],.post-like-count-text[data-v-c35c622b]{display:inline-block;text-align:center}.comment-text[data-v-c35c622b]{color:#ffffffe6;font-size:.75rem;line-height:1.4}.reply-info[data-v-c35c622b]{font-size:10px}.reply-label[data-v-c35c622b]{color:gray;font-size:.75rem;font-weight:600}.reply-content[data-v-c35c622b]{color:#ffffffb3;font-size:.75rem;margin-left:.25rem}.comment-images[data-v-c35c622b]{margin-top:.5rem}.comment-gallery[data-v-c35c622b]{grid-template-columns:repeat(3,1fr)}.comment-image-item[data-v-c35c622b]{transition:transform .3s ease}.comment-image-item[data-v-c35c622b]:hover{transform:scale(1.05)}.empty-comments[data-v-c35c622b]{padding:.5rem 1rem;text-align:center}.empty-text[data-v-c35c622b]{color:#ffffff80;font-size:.875rem}.expand-post-btn[data-v-c35c622b]{border-radius:.5rem;color:#ffffffb3;cursor:pointer;font-size:.875rem;transition:all .3s ease}.expand-post-btn[data-v-c35c622b]:hover:not(:disabled){color:#fff;transform:translateY(-1px)}.expand-post-btn[data-v-c35c622b]:disabled{cursor:not-allowed;opacity:.5}.expand-post-btn .arrow-icon-down[data-v-c35c622b]{background-image:url(../images/arrow-down.png)}.expand-post-btn .arrow-icon-down[data-v-c35c622b],.expand-post-btn .arrow-icon-up[data-v-c35c622b]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:1rem;width:1rem}.expand-post-btn .arrow-icon-up[data-v-c35c622b]{background-image:url(../images/arrow-top.png)}.expand-post-btn .arrow-icon[data-v-c35c622b]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-post-btn .el-icon-arrow-down[data-v-c35c622b],.expand-post-btn .el-icon-arrow-up[data-v-c35c622b]{transition:transform .3s ease}@media (max-width:640px){.community-post[data-v-c35c622b]{padding:.75rem}.post-header[data-v-c35c622b]{gap:.75rem}.user-avatar[data-v-c35c622b]{height:2.5rem;width:2.5rem}.gallery-grid[data-v-c35c622b]{grid-template-columns:repeat(3,1fr)}.interaction-stats[data-v-c35c622b]{gap:.75rem}}