.community-container[data-v-2dc72cde]{max-width:800px;margin:0 auto;padding:20px}.top-nav[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.logo[data-v-2dc72cde]{font-size:20px;font-weight:700}.search-box[data-v-2dc72cde]{width:300px}.topic-container[data-v-2dc72cde]{margin-bottom:20px}.topic-title[data-v-2dc72cde]{font-size:16px;font-weight:700;margin-bottom:10px}.topic-list[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;padding-bottom:10px}.topic-item[data-v-2dc72cde]{-ms-flex-negative:0;flex-shrink:0;margin-right:15px;cursor:pointer;text-align:center}.topic-cover[data-v-2dc72cde]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topic-name[data-v-2dc72cde]{margin-top:5px;font-size:12px}.post-item[data-v-2dc72cde]{background:#fff;border-radius:8px;padding:15px;margin-bottom:20px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.post-header[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.avatar[data-v-2dc72cde]{width:40px;height:40px;border-radius:50%;margin-right:10px}.nickname[data-v-2dc72cde]{font-weight:700}.post-time[data-v-2dc72cde]{font-size:12px;color:#999;margin-top:2px}.post-content[data-v-2dc72cde]{margin-bottom:15px;line-height:1.5;cursor:pointer}.media-content[data-v-2dc72cde]{margin-bottom:15px}.media-image[data-v-2dc72cde],.media-video[data-v-2dc72cde]{max-width:100%;border-radius:4px;cursor:pointer}.single-media[data-v-2dc72cde]{text-align:center}.order-link[data-v-2dc72cde]{display:inline-block;color:#409eff;cursor:pointer;margin-bottom:10px}.topic-tags[data-v-2dc72cde]{margin-bottom:10px}.topic-tags .el-tag[data-v-2dc72cde]{margin-right:8px;cursor:pointer}.interaction-bar[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #f0f0f0;padding-top:10px}.action-item[data-v-2dc72cde]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;cursor:pointer;color:#666}.action-item i[data-v-2dc72cde]{margin-right:3px}.is-active[data-v-2dc72cde]{color:#409eff}.comments-section[data-v-2dc72cde]{margin-top:20px}.comment-input[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:15px}.comment-input .el-button[data-v-2dc72cde]{margin-left:10px;-ms-flex-item-align:end;align-self:flex-end}.comments-list[data-v-2dc72cde]{margin-top:20px}.comment-item[data-v-2dc72cde]{margin-bottom:15px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.comment-user[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.comment-avatar[data-v-2dc72cde]{width:30px;height:30px;border-radius:50%;margin-right:10px}.comment-name[data-v-2dc72cde]{font-weight:700;font-size:14px}.comment-time[data-v-2dc72cde]{font-size:12px;color:#999}.comment-content[data-v-2dc72cde]{margin:5px 0;font-size:14px}.comment-actions[data-v-2dc72cde]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;color:#666}.comment-actions span[data-v-2dc72cde]{margin-right:15px;cursor:pointer}.reply-list[data-v-2dc72cde]{margin-left:40px;margin-top:10px}.reply-item[data-v-2dc72cde]{margin-bottom:10px}.reply-to[data-v-2dc72cde]{font-size:12px;color:#666;font-weight:400}.no-comments[data-v-2dc72cde]{text-align:center;color:#999;padding:20px 0}.el-pagination[data-v-2dc72cde]{text-align:center;margin-top:20px}.post-detail[data-v-2dc72cde]{padding:0 10px}