.forum-container[data-v-d260d3bc]{min-height:100vh;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md) var(--spacing-2xl);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family-sans)}.mobile-categories-section[data-v-d260d3bc],.mobile-search-section[data-v-d260d3bc],.mobile-post-layout[data-v-d260d3bc]{display:none}.desktop-header[data-v-d260d3bc],.desktop-post-layout[data-v-d260d3bc]{display:block}.forum-hero[data-v-d260d3bc]{position:relative;overflow:hidden;margin:0 calc(var(--spacing-md) * -1) var(--spacing-xl);padding:calc(var(--navbar-height) + var(--spacing-xl)) var(--spacing-md) var(--spacing-2xl);background:var(--bg-hero);color:var(--text-on-dark);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.hero-atmosphere[data-v-d260d3bc]{position:absolute;inset:0;pointer-events:none}.hero-glow[data-v-d260d3bc]{position:absolute;border-radius:50%;filter:blur(44px);opacity:.3;animation:driftGlow-d260d3bc 18s ease-in-out infinite alternate}.hero-glow-a[data-v-d260d3bc]{width:min(42vw,300px);height:min(42vw,300px);top:-20%;right:8%;background:radial-gradient(circle,var(--brand-peak-soft) 0%,transparent 70%)}.hero-glow-b[data-v-d260d3bc]{width:min(32vw,240px);height:min(32vw,240px);bottom:-24%;left:6%;background:radial-gradient(circle,var(--primary-400) 0%,transparent 68%);animation-delay:-5s}.hero-peak[data-v-d260d3bc]{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent 0%,rgba(12,30,46,.35) 100%),linear-gradient(105deg,transparent 42%,rgba(196,123,26,.14) 50%,transparent 58%);clip-path:polygon(0 70%,20% 46%,38% 60%,54% 26%,70% 52%,86% 34%,100% 56%,100% 100%,0 100%)}.hero-content[data-v-d260d3bc]{position:relative;z-index:1;max-width:40rem}.hero-brand[data-v-d260d3bc]{margin:0 0 var(--spacing-sm);font-family:var(--font-family-display);font-size:clamp(2.4rem,7vw,3.5rem);font-weight:700;letter-spacing:.08em;line-height:1}.hero-content h1[data-v-d260d3bc]{margin:0 0 var(--spacing-sm);font-family:var(--font-family-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:500;color:#f4f7faf0}.hero-content p[data-v-d260d3bc]:last-child{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:#f4f7fab3}.animate-rise[data-v-d260d3bc]{animation:riseIn-d260d3bc var(--transition-slow) both}@keyframes driftGlow-d260d3bc{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-12px,8px,0) scale(1.05)}}@keyframes riseIn-d260d3bc{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-d260d3bc{to{transform:rotate(360deg)}}.action-bar[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-container[data-v-d260d3bc]{position:relative;flex:1;max-width:420px}.search-input[data-v-d260d3bc]{width:100%;min-height:var(--touch-target-sm);padding:10px 44px 10px 14px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input[data-v-d260d3bc]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #c47b1a24}.search-btn[data-v-d260d3bc]{position:absolute;right:0;top:0;bottom:0;width:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--primary-600);cursor:pointer}.create-post-btn[data-v-d260d3bc]{display:inline-flex;align-items:center;gap:8px;min-height:var(--touch-target-sm);padding:10px 18px;border:none;border-radius:var(--radius-md);background:var(--brand-ink);color:var(--text-on-dark);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.create-post-btn[data-v-d260d3bc]:hover{background:var(--brand-ink-soft)}.content-area[data-v-d260d3bc]{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.content-header[data-v-d260d3bc]{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.desktop-header[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.desktop-header h2[data-v-d260d3bc]{margin:0;font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:600;color:var(--brand-ink)}.content-tabs[data-v-d260d3bc],.mobile-tabs[data-v-d260d3bc]{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tab[data-v-d260d3bc]{padding:8px 14px;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);user-select:none}.tab.active[data-v-d260d3bc]{background:var(--brand-ink);color:var(--text-on-dark)}.tab[data-v-d260d3bc]:not(.active):hover{color:var(--brand-ink);background:#0c1e2e0a}.loading-state[data-v-d260d3bc]{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--text-secondary)}.loader[data-v-d260d3bc]{width:36px;height:36px;margin:0 auto var(--spacing-md);border:3px solid var(--brand-line);border-top-color:var(--brand-peak);border-radius:50%;animation:spin-d260d3bc .9s linear infinite}.post-list[data-v-d260d3bc]{padding:0}.post-list[data-v-d260d3bc] .empty-state,.post-list[data-v-d260d3bc] .empty-state-wrapper{padding:var(--spacing-3xl) var(--spacing-lg)}.post-card.modern[data-v-d260d3bc]{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background var(--transition-fast)}.post-card.modern[data-v-d260d3bc]:last-child{border-bottom:none}.post-card.modern[data-v-d260d3bc]:hover{background:var(--bg-secondary)}.post-title-header[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.post-title[data-v-d260d3bc]{flex:1;margin:0;font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:600;color:var(--brand-ink);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tags[data-v-d260d3bc]{display:flex;gap:6px;flex-shrink:0}.tag[data-v-d260d3bc],.mobile-tag[data-v-d260d3bc]{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap}.tag.top[data-v-d260d3bc],.mobile-tag.top[data-v-d260d3bc]{background:#dc3d3d1a;color:var(--danger-color)}.tag.hot[data-v-d260d3bc],.mobile-tag.hot[data-v-d260d3bc]{background:#c47b1a1f;color:var(--brand-peak)}.post-preview[data-v-d260d3bc],.post-text-content[data-v-d260d3bc],.mobile-text-content[data-v-d260d3bc]{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-preview[data-v-d260d3bc]{margin-bottom:var(--spacing-md)}.post-content-images[data-v-d260d3bc]{display:flex;align-items:flex-start;gap:var(--spacing-md);margin:var(--spacing-sm) 0 var(--spacing-md);min-height:56px}.post-text-content[data-v-d260d3bc]{flex:1;min-width:0;-webkit-line-clamp:3}.vertical-divider[data-v-d260d3bc]{width:1px;height:52px;flex-shrink:0;background:linear-gradient(180deg,transparent,var(--brand-line) 20%,var(--brand-line) 80%,transparent)}.post-images[data-v-d260d3bc]{max-width:60px;flex-shrink:0}.image-grid[data-v-d260d3bc]{display:flex;gap:6px}.image-item[data-v-d260d3bc]{position:relative;width:50px;height:50px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-primary)}.thumbnail-img[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.more-images-overlay[data-v-d260d3bc]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0c1e2ea6;color:var(--text-on-dark);font-size:11px;font-weight:600}.post-meta[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.post-author[data-v-d260d3bc]{display:flex;align-items:center;gap:10px}.author-avatar[data-v-d260d3bc]{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.avatar-img[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.author-name[data-v-d260d3bc]{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.post-stats[data-v-d260d3bc],.mobile-post-stats[data-v-d260d3bc]{display:flex;gap:var(--spacing-md);font-size:var(--text-xs);color:var(--text-tertiary)}.stat[data-v-d260d3bc],.mobile-stat[data-v-d260d3bc]{display:inline-flex;align-items:center;gap:4px}.load-more[data-v-d260d3bc]{text-align:center;padding:var(--spacing-lg);border-top:1px solid var(--border-primary)}.load-more-btn[data-v-d260d3bc]{min-height:var(--touch-target-sm);padding:10px 22px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.load-more-btn[data-v-d260d3bc]:hover:not(:disabled){background:var(--brand-mist);border-color:var(--border-secondary)}.load-more-btn[data-v-d260d3bc]:disabled{opacity:.6;cursor:not-allowed}.mobile-floating-post[data-v-d260d3bc]{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-primary);border-top:1px solid var(--border-primary);box-shadow:0 -6px 20px #0c1e2e14;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.floating-post-container[data-v-d260d3bc]{display:flex;align-items:center;gap:12px;max-width:var(--container-max);margin:0 auto}.floating-avatar[data-v-d260d3bc]{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.floating-avatar img[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.floating-input-container[data-v-d260d3bc]{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-full);padding:10px 16px;cursor:pointer}.floating-input-placeholder[data-v-d260d3bc]{color:var(--text-placeholder);font-size:var(--text-sm)}.floating-post-btn[data-v-d260d3bc]{min-height:36px;padding:8px 16px;border:none;border-radius:var(--radius-full);background:var(--brand-ink);color:var(--text-on-dark);font-size:var(--text-sm);font-weight:600;cursor:pointer}.floating-post-modal[data-v-d260d3bc]{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-overlay)}.floating-post-content[data-v-d260d3bc]{width:min(100%,500px);max-height:80vh;overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.floating-post-header[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.floating-post-header h3[data-v-d260d3bc]{margin:0;font-family:var(--font-family-display);font-size:var(--text-lg);color:var(--brand-ink)}.close-btn[data-v-d260d3bc]{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.close-btn[data-v-d260d3bc]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.floating-post-body[data-v-d260d3bc]{padding:var(--spacing-lg)}.floating-title-input[data-v-d260d3bc],.floating-board-select[data-v-d260d3bc],.floating-textarea[data-v-d260d3bc]{width:100%;margin-bottom:12px;padding:12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;box-sizing:border-box}.floating-title-input[data-v-d260d3bc]:focus,.floating-board-select[data-v-d260d3bc]:focus,.floating-textarea[data-v-d260d3bc]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #c47b1a24}.floating-textarea[data-v-d260d3bc]{min-height:120px;resize:vertical;line-height:var(--leading-relaxed)}.add-image-btn[data-v-d260d3bc]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.uploaded-images[data-v-d260d3bc]{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.image-preview[data-v-d260d3bc]{position:relative;width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden}.image-preview img[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.remove-image[data-v-d260d3bc]{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--danger-color);color:#fff;cursor:pointer}.floating-post-footer[data-v-d260d3bc]{display:flex;justify-content:flex-end;gap:12px;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.cancel-btn[data-v-d260d3bc],.submit-btn[data-v-d260d3bc]{min-height:40px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.cancel-btn[data-v-d260d3bc]{border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary)}.submit-btn[data-v-d260d3bc]{border:none;background:var(--brand-ink);color:var(--text-on-dark);font-weight:600}.submit-btn[data-v-d260d3bc]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.forum-container[data-v-d260d3bc]{padding:0 0 var(--spacing-2xl)}.forum-hero[data-v-d260d3bc]{margin:0 0 var(--spacing-md);border-radius:0}}@media(max-width:768px){.action-bar[data-v-d260d3bc]{display:none}.forum-hero[data-v-d260d3bc]{padding:calc(var(--navbar-height) + var(--spacing-lg)) var(--spacing-md) var(--spacing-xl);text-align:left}.content-area[data-v-d260d3bc]{border:none;border-radius:0;background:transparent}.content-header[data-v-d260d3bc]{padding:var(--spacing-md);background:transparent;border-bottom:none}.desktop-header[data-v-d260d3bc],.desktop-post-layout[data-v-d260d3bc]{display:none}.mobile-categories-section[data-v-d260d3bc],.mobile-search-section[data-v-d260d3bc],.mobile-post-layout[data-v-d260d3bc]{display:block}.mobile-categories-section[data-v-d260d3bc]{margin-bottom:12px}.mobile-tabs[data-v-d260d3bc]{display:inline-flex;max-width:100%;overflow-x:auto}.mobile-tabs .tab[data-v-d260d3bc]{flex-shrink:0}.mobile-search-section[data-v-d260d3bc]{margin-bottom:12px}.mobile-search-container[data-v-d260d3bc]{display:flex;align-items:center;min-height:40px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);overflow:hidden}.mobile-search-container[data-v-d260d3bc]:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #c47b1a24}.mobile-search-input[data-v-d260d3bc]{flex:1;border:none;background:transparent;padding:8px 14px;font-size:16px;color:var(--text-primary);outline:none}.mobile-search-btn[data-v-d260d3bc]{border:none;background:transparent;color:var(--text-tertiary);padding:8px 12px;cursor:pointer}.post-list[data-v-d260d3bc]{padding-bottom:100px}.post-card.modern[data-v-d260d3bc]{margin:0 var(--spacing-md) 10px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);border-bottom:1px solid var(--border-primary)}.post-card.modern[data-v-d260d3bc]:hover{background:var(--bg-primary)}.mobile-post-header[data-v-d260d3bc]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.mobile-author-info[data-v-d260d3bc]{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-author-avatar[data-v-d260d3bc]{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary)}.mobile-avatar-img[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.mobile-author-details[data-v-d260d3bc]{display:flex;flex-direction:column;gap:2px}.mobile-author-name[data-v-d260d3bc]{font-size:12px;font-weight:600;color:var(--text-primary)}.mobile-post-tags[data-v-d260d3bc]{display:flex;gap:4px}.mobile-post-title[data-v-d260d3bc]{flex:1;font-family:var(--font-family-display);font-size:14px;font-weight:600;color:var(--brand-ink);line-height:1.3;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-main-content[data-v-d260d3bc]{display:flex;gap:12px;align-items:flex-start}.mobile-left-image[data-v-d260d3bc]{position:relative;width:70px;height:70px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.mobile-left-thumbnail[data-v-d260d3bc]{width:100%;height:100%;object-fit:cover}.mobile-left-image-count[data-v-d260d3bc]{position:absolute;bottom:2px;right:2px;background:#0c1e2eb3;color:var(--text-on-dark);font-size:9px;padding:1px 4px;border-radius:4px}.mobile-right-content[data-v-d260d3bc]{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:70px}.mobile-text-content[data-v-d260d3bc]{-webkit-line-clamp:2;margin-bottom:8px;font-size:12px}.mobile-post-stats[data-v-d260d3bc]{justify-content:flex-end}.load-more[data-v-d260d3bc]{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){.animate-rise[data-v-d260d3bc],.hero-glow[data-v-d260d3bc],.loader[data-v-d260d3bc]{animation:none}}
