.community-page[data-v-f3e64a52]{min-height:100vh;background:var(--color-bg);padding-bottom:24px}.page-header[data-v-f3e64a52]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page-header h1[data-v-f3e64a52]{flex:1;font-size:18px;font-weight:600;margin:0}.filter-bar[data-v-f3e64a52]{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-chip[data-v-f3e64a52]{padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);font-size:13px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s}.filter-chip.active[data-v-f3e64a52]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sort-bar[data-v-f3e64a52]{display:flex;gap:8px;padding:0 16px 12px}.sort-btn[data-v-f3e64a52]{padding:4px 12px;border:none;background:none;font-size:13px;color:var(--color-text-muted);cursor:pointer}.sort-btn.active[data-v-f3e64a52]{color:var(--color-primary);font-weight:600}.post-list[data-v-f3e64a52]{padding:4px 16px 8px;display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.post-list[data-v-f3e64a52]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 24px 8px}.post-card[data-v-f3e64a52]{transition:transform .15s,box-shadow .15s,border-color .15s}.post-card[data-v-f3e64a52]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}}@media (min-width: 1100px){.post-list[data-v-f3e64a52]{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media (min-width: 1400px){.post-list[data-v-f3e64a52]{grid-template-columns:repeat(5,minmax(0,1fr))}}.loading-state[data-v-f3e64a52]{display:flex;justify-content:center;padding:40px 0}.post-card[data-v-f3e64a52]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;cursor:pointer;transition:all .15s}.post-card[data-v-f3e64a52]:active{border-color:var(--color-primary)}.post-author-wrap[data-v-f3e64a52]{display:flex;align-items:center;gap:8px}.post-avatar-img[data-v-f3e64a52],.post-avatar-letter[data-v-f3e64a52]{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--color-primary);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.post-header[data-v-f3e64a52]{display:flex;justify-content:space-between;margin-bottom:8px}.post-author[data-v-f3e64a52]{font-size:13px;font-weight:500;color:var(--color-primary)}.post-time[data-v-f3e64a52]{font-size:12px;color:var(--color-text-muted)}.post-title[data-v-f3e64a52]{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--color-text)}.post-summary[data-v-f3e64a52]{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tags[data-v-f3e64a52]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.post-tag[data-v-f3e64a52]{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.post-tag.emotion[data-v-f3e64a52]{background:#fef3c7;color:#d97706;border-color:#fde68a}.post-footer[data-v-f3e64a52]{display:flex;gap:16px}.post-stat[data-v-f3e64a52]{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}