.community-page[data-v-4cf6e6bd]{min-height:100vh;background:var(--color-bg);padding-bottom:24px}.page-header[data-v-4cf6e6bd]{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-4cf6e6bd]{flex:1;font-size:18px;font-weight:600;margin:0}.header-actions[data-v-4cf6e6bd]{display:flex;gap:8px}.quick-note-btn[data-v-4cf6e6bd]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ede9fe;color:#7c3aed;border:1px solid #C4B5FD;border-radius:var(--radius-btn);font-size:13px;cursor:pointer}.back-btn[data-v-4cf6e6bd]{padding:4px;color:var(--color-text);background:none;border:none;cursor:pointer}.tab-bar[data-v-4cf6e6bd]{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tab-btn[data-v-4cf6e6bd]{flex:1;padding:12px;border:none;background:none;font-size:14px;color:var(--color-text-muted);cursor:pointer;position:relative}.tab-btn.active[data-v-4cf6e6bd]{color:var(--color-primary);font-weight:600}.tab-btn.active[data-v-4cf6e6bd]:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--color-primary)}.publish-btn[data-v-4cf6e6bd]{display:flex;align-items:center;gap:4px;padding:6px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:13px;cursor:pointer}.filter-bar[data-v-4cf6e6bd]{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-chip[data-v-4cf6e6bd]{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-4cf6e6bd]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sort-bar[data-v-4cf6e6bd]{display:flex;gap:8px;padding:0 16px 12px}.sort-btn[data-v-4cf6e6bd]{padding:4px 12px;border:none;background:none;font-size:13px;color:var(--color-text-muted);cursor:pointer}.sort-btn.active[data-v-4cf6e6bd]{color:var(--color-primary);font-weight:600}.post-list[data-v-4cf6e6bd]{padding:0 16px;display:flex;flex-direction:column;gap:12px}.loading-state[data-v-4cf6e6bd]{display:flex;justify-content:center;padding:40px 0}.post-card[data-v-4cf6e6bd]{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-4cf6e6bd]:active{border-color:var(--color-primary)}.post-author-wrap[data-v-4cf6e6bd]{display:flex;align-items:center;gap:8px}.post-avatar-img[data-v-4cf6e6bd],.post-avatar-letter[data-v-4cf6e6bd]{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-4cf6e6bd]{display:flex;justify-content:space-between;margin-bottom:8px}.post-author[data-v-4cf6e6bd]{font-size:13px;font-weight:500;color:var(--color-primary)}.post-time[data-v-4cf6e6bd]{font-size:12px;color:var(--color-text-muted)}.post-title[data-v-4cf6e6bd]{font-size:16px;font-weight:600;margin:0 0 6px;color:var(--color-text)}.post-summary[data-v-4cf6e6bd]{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-4cf6e6bd]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.post-tag[data-v-4cf6e6bd]{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-4cf6e6bd]{background:#fef3c7;color:#d97706;border-color:#fde68a}.idea-tag[data-v-4cf6e6bd]{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.post-footer[data-v-4cf6e6bd]{display:flex;gap:16px}.post-stat[data-v-4cf6e6bd]{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.detail-popup[data-v-4cf6e6bd]{height:100%;display:flex;flex-direction:column;padding:20px}.detail-header[data-v-4cf6e6bd]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-shrink:0}.detail-header h2[data-v-4cf6e6bd]{font-size:20px;font-weight:700;margin:0;flex:1}.close-btn[data-v-4cf6e6bd]{padding:4px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;flex-shrink:0}.detail-meta[data-v-4cf6e6bd]{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-shrink:0}.detail-author[data-v-4cf6e6bd]{font-size:14px;font-weight:500;color:var(--color-primary)}.detail-avatar-img[data-v-4cf6e6bd],.detail-avatar-letter[data-v-4cf6e6bd]{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--color-primary);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}.detail-time[data-v-4cf6e6bd]{font-size:12px;color:var(--color-text-muted)}.chapters-list[data-v-4cf6e6bd]{flex:1;overflow-y:auto}.chapters-list h4[data-v-4cf6e6bd]{font-size:14px;font-weight:600;margin:0 0 12px}.chapter-item[data-v-4cf6e6bd]{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:14px}.chapter-num[data-v-4cf6e6bd]{color:var(--color-text-muted);flex-shrink:0}.chapter-title[data-v-4cf6e6bd]{color:var(--color-text)}.detail-content[data-v-4cf6e6bd]{flex:1;overflow-y:auto;margin-bottom:16px}.detail-loading[data-v-4cf6e6bd]{flex:1;display:flex;align-items:center;justify-content:center}.detail-content pre[data-v-4cf6e6bd]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--color-text)}.detail-actions[data-v-4cf6e6bd]{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--color-border);flex-shrink:0}.publish-popup[data-v-4cf6e6bd]{height:100%;display:flex;flex-direction:column;padding:20px}.publish-popup-pc[data-v-4cf6e6bd]{height:auto}@media (min-width: 768px){.publish-popup[data-v-4cf6e6bd]{padding:0}.publish-header[data-v-4cf6e6bd]{padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.publish-form[data-v-4cf6e6bd]{gap:16px}.form-item[data-v-4cf6e6bd]{margin-bottom:0}.submit-btn[data-v-4cf6e6bd]{margin-top:20px}}.publish-header[data-v-4cf6e6bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.publish-header h2[data-v-4cf6e6bd]{font-size:18px;font-weight:600;margin:0}.publish-form[data-v-4cf6e6bd]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-item[data-v-4cf6e6bd]{display:flex;flex-direction:column;gap:6px}.form-item label[data-v-4cf6e6bd]{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-item input[data-v-4cf6e6bd],.form-item textarea[data-v-4cf6e6bd],.form-item select[data-v-4cf6e6bd]{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px;background:var(--color-surface);color:var(--color-text)}.form-item textarea[data-v-4cf6e6bd]{resize:none;min-height:80px}.submit-btn[data-v-4cf6e6bd]{padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:15px;font-weight:600;margin-top:auto}.submit-btn[data-v-4cf6e6bd]:disabled{background:var(--color-border)}.note-qr-popup[data-v-4cf6e6bd]{text-align:center}.note-qr-popup h3[data-v-4cf6e6bd]{font-size:18px;font-weight:600;margin:0 0 12px}.qr-desc[data-v-4cf6e6bd]{font-size:14px;color:var(--color-text-muted);margin-bottom:20px}.qr-box[data-v-4cf6e6bd]{display:flex;justify-content:center;margin-bottom:20px}.qr-img[data-v-4cf6e6bd]{width:200px;height:200px;object-fit:contain}.qr-fallback[data-v-4cf6e6bd]{padding:40px;color:var(--color-text-muted)}.qr-tip[data-v-4cf6e6bd]{font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.close-qr-btn[data-v-4cf6e6bd]{padding:12px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:15px;cursor:pointer}