.skeleton[data-v-aa227a2d]{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:var(--radius-sm);position:relative;overflow:hidden;--skeleton-base: #f0f0f0;--skeleton-highlight: #e0e0e0}.skeleton-shimmer[data-v-aa227a2d]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:var(--animation-type, pulse) 1.5s ease-in-out infinite}.skeleton-shimmer[data-v-aa227a2d]{background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)!important}@supports (-webkit-appearance: none){.skeleton-shimmer[data-v-aa227a2d]{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)!important}}.app-dark-mode .skeleton-shimmer[data-v-aa227a2d]{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important}.skeleton-text[data-v-aa227a2d]{border-radius:var(--radius-sm)}.skeleton-circular[data-v-aa227a2d]{border-radius:50%}.skeleton-rectangular[data-v-aa227a2d]{border-radius:0}.skeleton-rounded[data-v-aa227a2d]{border-radius:var(--radius-lg)}@keyframes pulse-aa227a2d{0%,to{opacity:1}50%{opacity:.4}}@keyframes wave-aa227a2d{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton[data-v-aa227a2d]{--skeleton-base: #f5f5f5 !important;--skeleton-highlight: #ebebeb !important}@supports (-webkit-appearance: none){.skeleton[data-v-aa227a2d]{--skeleton-base: #f8f8f8 !important;--skeleton-highlight: #e8e8e8 !important}}.app-dark-mode .skeleton[data-v-aa227a2d]{--skeleton-base: #2a2a2a !important;--skeleton-highlight: #3a3a3a !important}@media (max-width: 768px){.skeleton[data-v-aa227a2d]{border-radius:var(--radius-xs)}}.header[data-v-98a5dd8a]{background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:var(--header-height);width:100%;display:flex;align-items:center}.container[data-v-98a5dd8a]{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg);width:100%;height:100%}.header-content[data-v-98a5dd8a]{display:flex;align-items:center;justify-content:space-between;height:100%}.logo[data-v-98a5dd8a]{display:flex;align-items:center;text-decoration:none}.logo-img[data-v-98a5dd8a]{height:45px;width:auto;display:block;object-fit:contain}.search-container[data-v-98a5dd8a]{flex:1;max-width:400px;margin:0 var(--spacing-xl)}.search-input[data-v-98a5dd8a]{position:relative;display:flex;align-items:center;background:var(--background-light);border:2px solid transparent;border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.search-input[data-v-98a5dd8a]:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:var(--shadow-md)}.search-input svg[data-v-98a5dd8a]{color:var(--text-secondary);margin-right:var(--spacing-sm)}.search-input input[data-v-98a5dd8a]{border:none;background:none;outline:none;flex:1;font-size:16px}.nav[data-v-98a5dd8a]{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link[data-v-98a5dd8a]{color:var(--text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:color .2s ease}.nav-link[data-v-98a5dd8a]:hover{color:var(--text-primary)}.notification-link[data-v-98a5dd8a]{position:relative}.notification-badge[data-v-98a5dd8a]{position:absolute;top:-2px;right:-2px;background:var(--primary-color);color:#fff;font-size:12px;font-weight:var(--font-weight-bold);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.user-menu[data-v-98a5dd8a]{position:relative}.user-avatar[data-v-98a5dd8a]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color);transition:border-color .2s ease}.user-avatar[data-v-98a5dd8a]:hover{border-color:var(--primary-color)}.user-avatar img[data-v-98a5dd8a]{width:100%;height:100%;object-fit:cover}.user-dropdown[data-v-98a5dd8a]{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;margin-top:var(--spacing-sm);overflow:hidden}.dropdown-item[data-v-98a5dd8a]{display:block;width:100%;padding:var(--spacing-md);text-align:left;color:var(--text-primary);transition:background-color .2s ease}.dropdown-item[data-v-98a5dd8a]:hover{background:var(--background-light)}.dropdown-divider[data-v-98a5dd8a]{border:none;border-top:1px solid var(--border-light);margin:0}.logout[data-v-98a5dd8a]{color:var(--error)}.auth-buttons[data-v-98a5dd8a]{display:flex;gap:var(--spacing-md)}.btn[data-v-98a5dd8a]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:all .2s ease;text-align:center}.btn-outline[data-v-98a5dd8a]{border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline[data-v-98a5dd8a]:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary[data-v-98a5dd8a]{background:var(--primary-color);color:#fff}.btn-primary[data-v-98a5dd8a]:hover{background:var(--primary-hover)}.desktop-only[data-v-98a5dd8a]{display:flex!important}.mobile-only[data-v-98a5dd8a]{display:none!important}.mobile-nav[data-v-98a5dd8a]{display:flex;align-items:center;gap:var(--spacing-md)}.nav-icon[data-v-98a5dd8a]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);transition:background-color .2s ease;position:relative}.nav-icon[data-v-98a5dd8a]:hover{background:var(--background-light)}.search-toggle[data-v-98a5dd8a]{color:var(--text-secondary)}.menu-toggle[data-v-98a5dd8a]{border:none;background:none;cursor:pointer}.user-avatar-mobile[data-v-98a5dd8a]{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.user-avatar-mobile img[data-v-98a5dd8a]{width:100%;height:100%;object-fit:cover}.hamburger-icon[data-v-98a5dd8a]{display:flex;flex-direction:column;gap:3px}.hamburger-icon span[data-v-98a5dd8a]{width:20px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .2s ease}.mobile-search[data-v-98a5dd8a]{padding:var(--spacing-md) 0;border-top:1px solid var(--border-light);animation:slideDown-98a5dd8a .2s ease}.mobile-search .search-input[data-v-98a5dd8a]{position:relative;display:flex;align-items:center;background:var(--background-light);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.mobile-search .search-input input[data-v-98a5dd8a]{border:none;background:none;outline:none;flex:1;font-size:16px;margin:0 var(--spacing-sm)}.close-search[data-v-98a5dd8a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-secondary);transition:color .2s ease}.close-search[data-v-98a5dd8a]:hover{color:var(--text-primary)}.mobile-menu-overlay[data-v-98a5dd8a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn-98a5dd8a .2s ease}.mobile-menu[data-v-98a5dd8a]{position:fixed;top:0;right:0;width:300px;height:100vh;background:#fff;box-shadow:var(--shadow-xl);animation:slideInRight-98a5dd8a .3s ease;overflow-y:auto}.mobile-menu-header[data-v-98a5dd8a]{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light);position:relative}.user-info[data-v-98a5dd8a]{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar-large[data-v-98a5dd8a]{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-details[data-v-98a5dd8a]{flex:1}.user-name[data-v-98a5dd8a]{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.user-email[data-v-98a5dd8a]{font-size:14px;color:var(--text-secondary)}.auth-info h3[data-v-98a5dd8a]{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-info p[data-v-98a5dd8a]{font-size:14px;color:var(--text-secondary)}.close-menu[data-v-98a5dd8a]{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.close-menu[data-v-98a5dd8a]:hover{color:var(--text-primary);background:var(--background-light)}.mobile-menu-content[data-v-98a5dd8a]{padding:var(--spacing-lg) 0}.mobile-menu-item[data-v-98a5dd8a]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);transition:background-color .2s ease;width:100%;text-align:left;border:none;background:none;cursor:pointer}.mobile-menu-item[data-v-98a5dd8a]:hover{background:var(--background-light)}.mobile-menu-item svg[data-v-98a5dd8a]{color:var(--text-secondary)}.mobile-menu-divider[data-v-98a5dd8a]{border:none;border-top:1px solid var(--border-light);margin:var(--spacing-md) 0}.logout-item[data-v-98a5dd8a]{color:var(--error)}.logout-item svg[data-v-98a5dd8a]{color:var(--error)}.mobile-auth-buttons[data-v-98a5dd8a]{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-lg)}.btn-mobile[data-v-98a5dd8a]{width:100%;padding:var(--spacing-md);font-size:16px;font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all .2s ease}.dropdown-divider[data-v-98a5dd8a]{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0;border:none}@keyframes fadeIn-98a5dd8a{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-98a5dd8a{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideDown-98a5dd8a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.search-container[data-v-98a5dd8a]{max-width:300px}}@media (max-width: 768px){.container[data-v-98a5dd8a]{padding:0 var(--spacing-md)}.desktop-only[data-v-98a5dd8a]{display:none!important}.mobile-only[data-v-98a5dd8a]{display:flex!important}.header-content[data-v-98a5dd8a]{justify-content:space-between}.logo-img[data-v-98a5dd8a]{height:36px}.mobile-menu[data-v-98a5dd8a]{width:280px}}@media (max-width: 480px){.container[data-v-98a5dd8a]{padding:0 var(--spacing-sm)}.header-content[data-v-98a5dd8a]{gap:var(--spacing-xs)}.logo-img[data-v-98a5dd8a]{height:30px}.mobile-nav[data-v-98a5dd8a]{gap:var(--spacing-sm)}.nav-icon[data-v-98a5dd8a]{width:36px;height:36px}.mobile-menu[data-v-98a5dd8a]{width:100%;right:0}.mobile-menu-header[data-v-98a5dd8a]{padding:var(--spacing-lg) var(--spacing-md)}.close-menu[data-v-98a5dd8a]{right:var(--spacing-md)}}#app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.main-content{flex:1;padding-top:var(--spacing-xxl);margin-top:var(--spacing-md)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg);width:100%;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:14px;transition:all .2s ease;cursor:pointer;text-decoration:none;border:none;background:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary{background:var(--background-grey);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);min-height:50vh}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:var(--error);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.success{background:var(--success);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.main-content{padding-top:var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.main-content{padding-top:var(--spacing-sm)}}@media (max-width: 375px){*{max-width:100%;box-sizing:border-box}.container{padding:0 var(--spacing-xs);margin:0 auto}}:root{--primary-color: #ff5a5f;--primary-hover: #e7464b;--primary-light: #ff8e91;--secondary-color: #767676;--text-primary: #222222;--text-secondary: #717171;--text-muted: #b0b0b0;--background: #ffffff;--background-light: #f7f7f7;--background-grey: #ebebeb;--border-color: #dddddd;--border-light: #efefef;--success: #00a699;--warning: #fc642d;--error: #c13515;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--container-max-width: 1200px;--header-height: 80px;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--background);line-height:1.6;width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.bbcode-quote{background:#f8f9fa;border-left:4px solid #dee2e6;padding:1rem;margin:1rem 0;border-radius:.25rem}.bbcode-quote cite{font-style:normal;font-weight:600;color:#6c757d;display:block;margin-bottom:.5rem}.bbcode-code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.25rem;padding:1rem;margin:1rem 0;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.4}.bbcode-code code{background:none;padding:0;border:none;color:inherit}.bbcode-hide{background:#fff3cd;border:1px solid #ffeaa7;border-radius:.25rem;padding:1rem;margin:1rem 0;text-align:center;color:#856404;font-style:italic}.bbcode-attachment{background:#e3f2fd;border:1px solid #bbdefb;border-radius:.25rem;padding:.75rem;margin:1rem 0;text-align:center;color:#1976d2;font-weight:500}.post-content img{max-width:100%;height:auto;border-radius:.25rem;margin:.5rem 0}.post-content ul,.post-content ol{margin:1rem 0;padding-left:2rem}.post-content li{margin:.25rem 0;line-height:1.6}.post-content table{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid #dee2e6}.post-content th,.post-content td{padding:.75rem;border:1px solid #dee2e6;text-align:left}.post-content th{background:#f8f9fa;font-weight:600}.post-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-content a:hover{border-bottom-color:var(--primary-color)}.post-content p{margin:1rem 0;line-height:1.6}.post-content p:first-child{margin-top:0}.post-content p:last-child{margin-bottom:0}.forum-card[data-v-f52364fb]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.forum-card[data-v-f52364fb]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.forum-header[data-v-f52364fb]{display:flex;align-items:flex-start;margin-bottom:var(--spacing-lg)}.forum-icon[data-v-f52364fb]{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;margin-right:var(--spacing-md);flex-shrink:0}.forum-icon img[data-v-f52364fb]{width:100%;height:100%;object-fit:cover}.default-icon[data-v-f52364fb]{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:20px}.forum-info[data-v-f52364fb]{flex:1;min-width:0;overflow:hidden}.forum-name[data-v-f52364fb]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.4}.forum-description[data-v-f52364fb]{color:var(--text-secondary);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-stats[data-v-f52364fb]{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.stat[data-v-f52364fb]{text-align:center}.stat-number[data-v-f52364fb]{display:block;font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}.stat-label[data-v-f52364fb]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.forum-activity[data-v-f52364fb]{margin-top:var(--spacing-md)}.last-post[data-v-f52364fb]{display:flex;align-items:center;justify-content:space-between}.post-info[data-v-f52364fb]{flex:1;min-width:0}.post-title[data-v-f52364fb]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:14px;margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta[data-v-f52364fb]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary);min-width:0;flex-wrap:wrap;overflow:hidden}.post-author[data-v-f52364fb],.post-time[data-v-f52364fb]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1}.post-avatar[data-v-f52364fb]{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-left:var(--spacing-md);flex-shrink:0}.post-avatar img[data-v-f52364fb]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.forum-card[data-v-f52364fb]{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);margin-left:0;margin-right:0}.forum-header[data-v-f52364fb]{margin-bottom:var(--spacing-md)}.forum-stats[data-v-f52364fb]{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.post-meta[data-v-f52364fb]{flex-direction:column;align-items:flex-start;gap:2px}.post-author[data-v-f52364fb],.post-time[data-v-f52364fb]{max-width:100%}.post-title[data-v-f52364fb]{font-size:13px}}@media (max-width: 375px){.forum-card[data-v-f52364fb]{padding:var(--spacing-sm)}.forum-header[data-v-f52364fb]{margin-bottom:var(--spacing-sm)}.forum-name[data-v-f52364fb]{font-size:16px}.forum-description[data-v-f52364fb]{font-size:12px}.post-author[data-v-f52364fb],.post-time[data-v-f52364fb]{max-width:80px;font-size:11px}.post-title[data-v-f52364fb]{font-size:12px}}@media (max-width: 480px){.forum-card[data-v-f52364fb]{padding:var(--spacing-sm);margin-left:0;margin-right:0;box-sizing:border-box}.forum-icon[data-v-f52364fb]{width:40px;height:40px;margin-right:var(--spacing-sm)}.forum-name[data-v-f52364fb]{font-size:16px;line-height:1.3}.forum-description[data-v-f52364fb]{font-size:13px}.forum-stats[data-v-f52364fb]{gap:var(--spacing-sm)}.stat-number[data-v-f52364fb]{font-size:16px}}.forum-card-skeleton[data-v-cdf1e421]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all .2s ease}.forum-header[data-v-cdf1e421]{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.forum-info[data-v-cdf1e421]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.forum-stats[data-v-cdf1e421]{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.stat-item[data-v-cdf1e421]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.latest-post[data-v-cdf1e421]{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.post-info[data-v-cdf1e421]{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width: 768px){.forum-stats[data-v-cdf1e421]{gap:var(--spacing-lg)}.forum-header[data-v-cdf1e421]{margin-bottom:var(--spacing-md)}}.home[data-v-d17f80c7]{min-height:calc(100vh - var(--header-height));padding-bottom:var(--spacing-xl)}.container[data-v-d17f80c7]{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.hero[data-v-d17f80c7]{background:linear-gradient(135deg,var(--background-light) 0%,white 100%);padding:var(--spacing-xxl) 0;margin-bottom:var(--spacing-xxl)}.hero-content[data-v-d17f80c7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center}.hero-title[data-v-d17f80c7]{font-size:48px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-subtitle[data-v-d17f80c7]{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.hero-actions[data-v-d17f80c7]{display:flex;gap:var(--spacing-md)}.btn-large[data-v-d17f80c7]{padding:var(--spacing-md) var(--spacing-xl);font-size:16px}.community-preview[data-v-d17f80c7]{display:grid;gap:var(--spacing-md)}.preview-card[data-v-d17f80c7]{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:transform .2s ease}.preview-card[data-v-d17f80c7]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-icon[data-v-d17f80c7]{font-size:32px;margin-bottom:var(--spacing-md)}.preview-card h3[data-v-d17f80c7]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.preview-card p[data-v-d17f80c7]{color:var(--text-secondary);font-size:14px}.featured-forums[data-v-d17f80c7],.group-section[data-v-d17f80c7]{margin-bottom:var(--spacing-xxl)}.group-section[data-v-d17f80c7]:not(:last-child){padding-bottom:var(--spacing-xxl);border-bottom:2px solid var(--border-light);position:relative}.floating-group-name[data-v-d17f80c7]{position:fixed;top:50%;right:var(--spacing-lg);transform:translateY(-50%) translate(20px);z-index:1000;opacity:0;transition:all .6s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.floating-group-name.show[data-v-d17f80c7]{opacity:1;transform:translateY(-50%) translate(0)}.floating-group-name[data-v-d17f80c7]:not(.show){opacity:0;transform:translateY(-50%) translate(30px) scale(.95);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.floating-content[data-v-d17f80c7]{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);min-width:200px;animation:floatingPulse-d17f80c7 2s ease-in-out infinite;transition:all .4s ease}.floating-group-name.show .floating-content[data-v-d17f80c7]{transform:scale(1);filter:brightness(1)}.floating-group-name:not(.show) .floating-content[data-v-d17f80c7]{transform:scale(.9);filter:brightness(.8);animation:none}.floating-text[data-v-d17f80c7]{font-weight:var(--font-weight-semibold);font-size:16px;white-space:nowrap}.floating-indicator[data-v-d17f80c7]{display:flex;align-items:center;gap:var(--spacing-sm)}.scroll-progress[data-v-d17f80c7]{display:flex;align-items:center;background:#fff3;border-radius:var(--radius-md);padding:2px 8px}.progress-text[data-v-d17f80c7]{font-size:12px;font-weight:var(--font-weight-semibold);color:#ffffffe6}.scroll-dots[data-v-d17f80c7]{display:flex;gap:4px}.scroll-dots .dot[data-v-d17f80c7]{width:6px;height:6px;background:#fff9;border-radius:50%;animation:dotBounce-d17f80c7 1.4s ease-in-out infinite both}.scroll-dots .dot[data-v-d17f80c7]:nth-child(2){animation-delay:.16s}.scroll-dots .dot[data-v-d17f80c7]:nth-child(3){animation-delay:.32s}@keyframes floatingPulse-d17f80c7{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.05);box-shadow:var(--shadow-xl)}}@keyframes dotBounce-d17f80c7{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.group-section[data-v-d17f80c7]:not(:last-child):after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px}.section-header[data-v-d17f80c7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-header h2[data-v-d17f80c7]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.view-all-btn[data-v-d17f80c7]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-xl);box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;font-size:14px}.view-all-btn[data-v-d17f80c7]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#7c3aed)}.forums-grid[data-v-d17f80c7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);width:100%;max-width:100%;overflow:hidden}.stats[data-v-d17f80c7]{background:var(--background-light);padding:var(--spacing-xxl) 0}.stats-grid[data-v-d17f80c7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.stat-item[data-v-d17f80c7]{text-align:center}.stat-number[data-v-d17f80c7]{font-size:48px;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;margin-bottom:var(--spacing-sm)}.stat-label[data-v-d17f80c7]{font-size:16px;color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 968px){.hero-content[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-title[data-v-d17f80c7]{font-size:36px}.forums-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-md)}.stats-grid[data-v-d17f80c7]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.stat-number[data-v-d17f80c7]{font-size:36px}.section-header[data-v-d17f80c7]{flex-direction:column;gap:var(--spacing-md);text-align:center}.section-header h2[data-v-d17f80c7]{font-size:28px}}@media (max-width: 480px){.forums-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 568px){.hero-actions[data-v-d17f80c7]{flex-direction:column}.stats-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-md)}.section-header[data-v-d17f80c7]{flex-direction:column;gap:var(--spacing-sm);text-align:center}.section-header h2[data-v-d17f80c7]{font-size:24px}.featured-forums[data-v-d17f80c7]{margin-bottom:var(--spacing-xl)}.stats[data-v-d17f80c7]{padding:var(--spacing-xl) 0}.container[data-v-d17f80c7]{padding:0 var(--spacing-md)}}.special-group-hero[data-v-d17f80c7]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:var(--spacing-xxl) 0;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.special-group-hero[data-v-d17f80c7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content[data-v-d17f80c7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;position:relative;z-index:2}.hero-left[data-v-d17f80c7]{width:100%}.hero-text[data-v-d17f80c7]{color:#fff}.hero-title[data-v-d17f80c7]{font-size:48px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-description[data-v-d17f80c7]{font-size:20px;line-height:1.6;opacity:.9;margin-bottom:var(--spacing-xl)}.hero-decoration[data-v-d17f80c7]{position:relative;height:300px}.floating-elements[data-v-d17f80c7]{position:relative;width:100%;height:100%}.element[data-v-d17f80c7]{position:absolute;font-size:40px;animation:float-d17f80c7 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.element-1[data-v-d17f80c7]{top:20%;left:20%;animation-delay:0s}.element-2[data-v-d17f80c7]{top:60%;right:30%;animation-delay:1.5s}.element-3[data-v-d17f80c7]{top:10%;right:20%;animation-delay:3s}.element-4[data-v-d17f80c7]{bottom:20%;left:30%;animation-delay:4.5s}@keyframes float-d17f80c7{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(5deg)}66%{transform:translateY(-10px) rotate(-3deg)}}.special-forums-grid[data-v-d17f80c7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);width:100%}.special-forum-card[data-v-d17f80c7]{animation:slideInUp-d17f80c7 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.special-forum-card .forum-card[data-v-d17f80c7]{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden}.special-forum-card .forum-card[data-v-d17f80c7]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.special-forum-card .forum-card[data-v-d17f80c7]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #667eea33;border-color:#667eea4d}@keyframes slideInUp-d17f80c7{to{opacity:1;transform:translateY(0)}}.fire-subforum-button[data-v-d17f80c7]{position:relative;background:linear-gradient(135deg,#ff416c,#ff4757,#ff6348,#ff7675,#fd79a8);border:none;border-radius:var(--radius-xxl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0) scale(1);box-shadow:0 8px 32px #ff416c66,inset 0 2px #ffffff4d,inset 0 -2px #0000001a;animation:fireButtonPulse-d17f80c7 3s ease-in-out infinite;width:100%;max-width:100%;box-sizing:border-box}.fire-subforum-button[data-v-d17f80c7]:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 16px 48px #ff416c99,inset 0 2px #fff6,inset 0 -2px #0003;animation-play-state:paused}.fire-subforum-button[data-v-d17f80c7]:active{transform:translateY(-2px) scale(1.02)}.fire-button-content[data-v-d17f80c7]{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:var(--spacing-sm);width:100%;overflow:hidden}.fire-flames[data-v-d17f80c7]{display:flex;gap:4px}.flame[data-v-d17f80c7]{font-size:20px;animation:flameFlicker-d17f80c7 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,69,0,.5))}.flame-1[data-v-d17f80c7]{animation-delay:0s}.flame-2[data-v-d17f80c7]{animation-delay:.3s}.flame-3[data-v-d17f80c7]{animation-delay:.6s}.fire-text[data-v-d17f80c7]{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden}.fire-label[data-v-d17f80c7]{font-size:16px;font-weight:var(--font-weight-bold);line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#ffe8e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fire-count[data-v-d17f80c7]{font-size:12px;font-weight:var(--font-weight-medium);opacity:.95;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.fire-icon[data-v-d17f80c7]{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.fire-subforum-button:hover .fire-icon[data-v-d17f80c7]{background:#ffffff4d;transform:rotate(15deg) scale(1.1)}.fire-glow[data-v-d17f80c7]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease;z-index:2}.fire-subforum-button:hover .fire-glow[data-v-d17f80c7]{left:100%}.fire-sparks[data-v-d17f80c7]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.spark[data-v-d17f80c7]{position:absolute;font-size:12px;animation:sparkle-d17f80c7 2s ease-in-out infinite;opacity:0}.spark-1[data-v-d17f80c7]{top:20%;left:15%;animation-delay:0s}.spark-2[data-v-d17f80c7]{top:60%;right:20%;animation-delay:.7s}.spark-3[data-v-d17f80c7]{bottom:25%;left:75%;animation-delay:1.4s}@keyframes fireButtonPulse-d17f80c7{0%,to{box-shadow:0 8px 32px #ff416c66,inset 0 2px #ffffff4d}50%{box-shadow:0 12px 40px #ff416c99,inset 0 2px #fff6}}@keyframes flameFlicker-d17f80c7{0%,to{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(-3px) scale(1.1);opacity:.9}50%{transform:translateY(-1px) scale(.95);opacity:1}75%{transform:translateY(-4px) scale(1.05);opacity:.8}}@keyframes sparkle-d17f80c7{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.api-status-banner[data-v-d17f80c7]{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-bottom:1px solid #ffc107;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.status-info[data-v-d17f80c7]{display:flex;align-items:center;gap:var(--spacing-md)}.status-icon[data-v-d17f80c7]{font-size:24px}.status-text[data-v-d17f80c7]{flex:1}.status-text strong[data-v-d17f80c7]{color:#856404;font-weight:var(--font-weight-semibold)}.status-actions[data-v-d17f80c7]{margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px}.test-link[data-v-d17f80c7],.solution-link[data-v-d17f80c7]{color:#856404;text-decoration:underline;font-weight:var(--font-weight-medium)}.test-link[data-v-d17f80c7]:hover,.solution-link[data-v-d17f80c7]:hover{color:#533f03}.subforum-modal-overlay[data-v-d17f80c7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn-d17f80c7 .3s ease-out}.subforum-modal[data-v-d17f80c7]{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003;max-width:800px;width:90vw;max-height:80vh;overflow:hidden;animation:modalSlideIn-d17f80c7 .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.modal-header[data-v-d17f80c7]{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-xl);color:#fff;position:relative;overflow:hidden}.modal-header[data-v-d17f80c7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:headerShimmer-d17f80c7 3s ease-in-out infinite}.header-content[data-v-d17f80c7]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.forum-info[data-v-d17f80c7]{display:flex;align-items:center;gap:var(--spacing-lg)}.forum-icon[data-v-d17f80c7]{width:56px;height:56px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forum-details h3[data-v-d17f80c7]{font-size:24px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.forum-details p[data-v-d17f80c7]{font-size:14px;color:#fffffff2;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-button[data-v-d17f80c7]{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button[data-v-d17f80c7]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-content[data-v-d17f80c7]{padding:var(--spacing-xl);max-height:50vh;overflow-y:auto}.subforums-grid[data-v-d17f80c7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.subforum-option[data-v-d17f80c7]{position:relative;background:#fff;border:2px solid var(--border-light);border-radius:16px;padding:var(--spacing-lg);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;opacity:0;transform:translateY(20px)}.subforum-option.animate-delayed[data-v-d17f80c7]{animation:slideInUp-d17f80c7 .6s ease-out forwards}.subforum-option[data-v-d17f80c7]:hover{border-color:#8b5cf6;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #8b5cf633}.subforum-content[data-v-d17f80c7]{position:relative;z-index:2}.subforum-header[data-v-d17f80c7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.subforum-title[data-v-d17f80c7]{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.subforum-stats[data-v-d17f80c7]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.subforum-stats span[data-v-d17f80c7]{font-size:12px;color:var(--text-secondary);background:var(--background-light);padding:2px 8px;border-radius:var(--radius-sm)}.subforum-description[data-v-d17f80c7]{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.enter-arrow[data-v-d17f80c7]{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translate(-10px);transition:all .3s ease}.subforum-option:hover .enter-arrow[data-v-d17f80c7]{opacity:1;transform:translate(0)}.option-glow[data-v-d17f80c7]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .8s ease}.subforum-option:hover .option-glow[data-v-d17f80c7]{left:100%}@keyframes modalFadeIn-d17f80c7{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-d17f80c7{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes headerShimmer-d17f80c7{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@media (max-width: 968px){.special-group-hero[data-v-d17f80c7]{padding:var(--spacing-xl) 0}.hero-content[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-left[data-v-d17f80c7]{order:1}.hero-decoration[data-v-d17f80c7]{order:2;text-align:center}.hero-title[data-v-d17f80c7]{font-size:36px}.hero-description[data-v-d17f80c7]{font-size:18px}.hero-decoration[data-v-d17f80c7]{height:200px}.element[data-v-d17f80c7]{font-size:30px}.special-forums-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-lg)}.featured-forums .container[data-v-d17f80c7]{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.group-section[data-v-d17f80c7]{margin-bottom:var(--spacing-xl)}.section-header[data-v-d17f80c7]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.section-header h2[data-v-d17f80c7]{font-size:24px}.floating-group-name[data-v-d17f80c7]{right:var(--spacing-sm);top:40%;transform:translateY(-50%) translate(15px)}.floating-group-name.show[data-v-d17f80c7]{transform:translateY(-50%) translate(0)}.floating-group-name[data-v-d17f80c7]:not(.show){transform:translateY(-50%) translate(25px) scale(.95)}.floating-content[data-v-d17f80c7]{min-width:160px;padding:var(--spacing-sm) var(--spacing-md)}.floating-text[data-v-d17f80c7]{font-size:14px}.scroll-progress[data-v-d17f80c7]{padding:1px 6px}.progress-text[data-v-d17f80c7]{font-size:11px}.fire-subforum-button[data-v-d17f80c7]{padding:var(--spacing-md) var(--spacing-lg)}.fire-label[data-v-d17f80c7]{font-size:14px}.fire-count[data-v-d17f80c7]{font-size:11px}.fire-icon[data-v-d17f80c7]{width:40px;height:40px}.flame[data-v-d17f80c7]{font-size:16px}.subforum-modal[data-v-d17f80c7]{width:95vw;max-height:85vh}.modal-header[data-v-d17f80c7]{padding:var(--spacing-lg)}.forum-details h3[data-v-d17f80c7]{font-size:20px}.forum-icon[data-v-d17f80c7]{width:48px;height:48px}.subforums-grid[data-v-d17f80c7]{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 568px){.hero-title[data-v-d17f80c7]{font-size:28px}.hero-description[data-v-d17f80c7]{font-size:16px}.element[data-v-d17f80c7]{font-size:24px}.special-forums-grid[data-v-d17f80c7]{gap:var(--spacing-md)}.featured-forums .container[data-v-d17f80c7]{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.group-section[data-v-d17f80c7]{margin-bottom:var(--spacing-lg)}.section-header h2[data-v-d17f80c7]{font-size:20px}.floating-group-name[data-v-d17f80c7]{right:var(--spacing-xs);top:35%;transform:translateY(-50%) translate(12px)}.floating-group-name.show[data-v-d17f80c7]{transform:translateY(-50%) translate(0)}.floating-group-name[data-v-d17f80c7]:not(.show){transform:translateY(-50%) translate(20px) scale(.92)}.floating-content[data-v-d17f80c7]{min-width:140px;padding:var(--spacing-xs) var(--spacing-sm)}.floating-text[data-v-d17f80c7]{font-size:12px}.scroll-dots .dot[data-v-d17f80c7]{width:4px;height:4px}.scroll-progress[data-v-d17f80c7]{padding:1px 4px}.progress-text[data-v-d17f80c7]{font-size:10px}.special-forum-card[data-v-d17f80c7]{gap:var(--spacing-sm)}}@media (max-width: 768px){.status-info[data-v-d17f80c7]{flex-direction:column;align-items:flex-start}.status-actions[data-v-d17f80c7]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width: 480px){.special-forums-grid[data-v-d17f80c7]{gap:var(--spacing-sm);grid-template-columns:1fr}.special-forum-card[data-v-d17f80c7]{gap:var(--spacing-xs)}.section-header[data-v-d17f80c7]{margin-bottom:var(--spacing-md)}.section-header h2[data-v-d17f80c7]{font-size:18px;line-height:1.3}.view-all-btn[data-v-d17f80c7]{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.group-section[data-v-d17f80c7]{margin-bottom:var(--spacing-md)}.group-section[data-v-d17f80c7]:not(:last-child){padding-bottom:var(--spacing-md)}.fire-subforum-button[data-v-d17f80c7]{padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-xs);width:100%;max-width:100%;font-size:14px}.fire-button-content[data-v-d17f80c7]{gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.fire-label[data-v-d17f80c7]{font-size:11px;max-width:100px;line-height:1.1}.fire-count[data-v-d17f80c7]{font-size:9px}.fire-icon[data-v-d17f80c7]{width:18px;height:18px;flex-shrink:0}.flame[data-v-d17f80c7]{font-size:12px}.spark[data-v-d17f80c7]{font-size:8px}.fire-flames[data-v-d17f80c7]{gap:2px;flex-shrink:0}}.forums-page[data-v-b203da90]{padding:var(--spacing-xl);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - var(--header-height))}.forums-page .container[data-v-b203da90]{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;border:1px solid var(--border-light);padding:var(--spacing-xl)}.page-header[data-v-b203da90]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.header-content h1[data-v-b203da90]{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.header-content p[data-v-b203da90]{color:var(--text-secondary);font-size:16px}.header-actions[data-v-b203da90]{display:flex;gap:var(--spacing-md);align-items:center;flex-shrink:0}.search-box[data-v-b203da90]{position:relative;min-width:300px}.search-box input[data-v-b203da90]{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;background:#fff}.search-box input[data-v-b203da90]:focus{outline:none;border-color:var(--primary-color)}.search-box svg[data-v-b203da90]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.sort-select[data-v-b203da90]{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;background:#fff;cursor:pointer}.sort-select[data-v-b203da90]:focus{outline:none;border-color:var(--primary-color)}.filters[data-v-b203da90]{margin-bottom:var(--spacing-xl);position:relative}.filters[data-v-b203da90]:after{content:"";position:absolute;right:0;top:0;bottom:var(--spacing-sm);width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));pointer-events:none;opacity:0;transition:opacity .3s ease}@media (max-width: 968px){.filters[data-v-b203da90]:after{opacity:1}}.filter-tabs[data-v-b203da90]{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.filter-tabs[data-v-b203da90]::-webkit-scrollbar{display:none}.filter-tab[data-v-b203da90]{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-xl);background:#fff;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab[data-v-b203da90]:hover{color:var(--primary-color);border-color:var(--primary-color)}.filter-tab.active[data-v-b203da90]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.loading[data-v-b203da90]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.loading-spinner[data-v-b203da90]{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-b203da90 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-b203da90{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-group-name[data-v-b203da90]{position:fixed;top:50%;right:var(--spacing-lg);transform:translateY(-50%) translate(20px);z-index:1000;opacity:0;transition:all .6s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.floating-group-name.show[data-v-b203da90]{opacity:1;transform:translateY(-50%) translate(0)}.floating-group-name[data-v-b203da90]:not(.show){opacity:0;transform:translateY(-50%) translate(30px) scale(.95);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.floating-content[data-v-b203da90]{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);min-width:200px;animation:floatingPulse-b203da90 2s ease-in-out infinite;transition:all .4s ease}.floating-group-name.show .floating-content[data-v-b203da90]{transform:scale(1);filter:brightness(1)}.floating-group-name:not(.show) .floating-content[data-v-b203da90]{transform:scale(.9);filter:brightness(.8);animation:none}.floating-text[data-v-b203da90]{font-weight:var(--font-weight-semibold);font-size:16px;white-space:nowrap}.floating-indicator[data-v-b203da90]{display:flex;align-items:center;gap:var(--spacing-sm)}.scroll-progress[data-v-b203da90]{display:flex;align-items:center;background:#fff3;border-radius:var(--radius-md);padding:2px 8px}.progress-text[data-v-b203da90]{font-size:12px;font-weight:var(--font-weight-semibold);color:#ffffffe6}.scroll-dots[data-v-b203da90]{display:flex;gap:4px}.scroll-dots .dot[data-v-b203da90]{width:6px;height:6px;background:#fff9;border-radius:50%;animation:dotBounce-b203da90 1.4s ease-in-out infinite both}.scroll-dots .dot[data-v-b203da90]:nth-child(2){animation-delay:.16s}.scroll-dots .dot[data-v-b203da90]:nth-child(3){animation-delay:.32s}@keyframes floatingPulse-b203da90{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.05);box-shadow:var(--shadow-xl)}}@keyframes dotBounce-b203da90{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.empty-state[data-v-b203da90]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-icon[data-v-b203da90]{font-size:64px;margin-bottom:var(--spacing-lg)}.empty-state h3[data-v-b203da90]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.forums-grid[data-v-b203da90]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.forums-hierarchy[data-v-b203da90]{display:grid;gap:var(--spacing-xxl);margin-bottom:var(--spacing-xl)}.forum-group[data-v-b203da90]{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 12px #0000000d;border:1px solid var(--border-light);animation:slideInUp-b203da90 .4s ease-out;transition:all .3s ease}.forum-group[data-v-b203da90]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.category-header[data-v-b203da90]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.category-header[data-v-b203da90]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.category-header[data-v-b203da90]:hover:before{left:100%}.category-title[data-v-b203da90]{display:flex;align-items:center;gap:var(--spacing-md)}.category-icon[data-v-b203da90]{font-size:20px;filter:brightness(1.2)}.category-title h3[data-v-b203da90]{color:#fff;font-size:18px;font-weight:var(--font-weight-semibold);margin:0;flex:1}.category-count[data-v-b203da90]{color:#fffc;font-size:14px;font-weight:var(--font-weight-medium);background:#ffffff1a;padding:4px 8px;border-radius:var(--radius-md)}.forum-children[data-v-b203da90]{padding:var(--spacing-xl);background:#fff}.forums-grid[data-v-b203da90]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.forum-card-wrapper[data-v-b203da90]{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.main-forum-card[data-v-b203da90]{transform:none!important;border-left:4px solid #3b82f6!important;background:#fff!important;box-shadow:0 2px 12px #00000014!important;border-radius:var(--radius-lg)!important;transition:all .3s ease!important;margin-bottom:0}.main-forum-card[data-v-b203da90]:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #3b82f626!important;border-left-color:#2563eb!important}.subforum-button[data-v-b203da90]{position:relative;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);border:none;border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0);box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #fff3;width:100%;max-width:100%;box-sizing:border-box}.subforum-button[data-v-b203da90]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #8b5cf666,inset 0 1px #ffffff4d}.subforum-button[data-v-b203da90]:active{transform:translateY(-1px) scale(.98)}.button-content[data-v-b203da90]{position:relative;z-index:2;display:flex;align-items:center;gap:var(--spacing-md);color:#fff;width:100%;overflow:hidden}.button-icon[data-v-b203da90]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.subforum-button:hover .button-icon[data-v-b203da90]{background:#ffffff40;transform:rotate(15deg)}.button-text[data-v-b203da90]{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;overflow:hidden}.button-label[data-v-b203da90]{font-size:14px;font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.button-count[data-v-b203da90]{font-size:12px;font-weight:var(--font-weight-medium);opacity:.9;color:#fffc}.button-glow[data-v-b203da90]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.subforum-button:hover .button-glow[data-v-b203da90]{left:100%}.subforum-modal-overlay[data-v-b203da90]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn-b203da90 .3s ease-out}.subforum-modal[data-v-b203da90]{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 8px 24px #0003;max-width:800px;width:90vw;max-height:80vh;overflow:hidden;animation:modalSlideIn-b203da90 .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.modal-header[data-v-b203da90]{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--spacing-xl);color:#fff;position:relative;overflow:hidden}.modal-header[data-v-b203da90]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:headerShimmer-b203da90 3s ease-in-out infinite}.header-content[data-v-b203da90]{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.forum-info[data-v-b203da90]{display:flex;align-items:center;gap:var(--spacing-lg)}.forum-icon[data-v-b203da90]{width:56px;height:56px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forum-details h3[data-v-b203da90]{font-size:24px;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.forum-details p[data-v-b203da90]{font-size:14px;color:#fffffff2;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-button[data-v-b203da90]{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button[data-v-b203da90]:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-content[data-v-b203da90]{padding:var(--spacing-xl);max-height:50vh;overflow-y:auto}.subforums-grid[data-v-b203da90]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.subforum-option[data-v-b203da90]{position:relative;background:#fff;border:2px solid var(--border-light);border-radius:16px;padding:var(--spacing-lg);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;opacity:0;transform:translateY(20px)}.subforum-option.animate-delayed[data-v-b203da90]{animation:slideInUp-b203da90 .6s ease-out forwards}.subforum-option[data-v-b203da90]:hover{border-color:#8b5cf6;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #8b5cf633}.subforum-content[data-v-b203da90]{position:relative;z-index:2}.subforum-header[data-v-b203da90]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.subforum-title[data-v-b203da90]{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.subforum-stats[data-v-b203da90]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.subforum-stats span[data-v-b203da90]{font-size:12px;color:var(--text-secondary);background:var(--background-light);padding:2px 8px;border-radius:var(--radius-sm)}.subforum-description[data-v-b203da90]{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md)}.enter-arrow[data-v-b203da90]{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translate(-10px);transition:all .3s ease}.subforum-option:hover .enter-arrow[data-v-b203da90]{opacity:1;transform:translate(0)}.option-glow[data-v-b203da90]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transition:left .8s ease}.subforum-option:hover .option-glow[data-v-b203da90]{left:100%}.pagination[data-v-b203da90]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.page-numbers[data-v-b203da90]{display:flex;gap:var(--spacing-xs)}.page-btn[data-v-b203da90]{width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium)}.page-btn[data-v-b203da90]:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active[data-v-b203da90]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 968px){.forums-page[data-v-b203da90]{padding:var(--spacing-md)}.forums-page .container[data-v-b203da90]{padding:var(--spacing-lg)}.page-header[data-v-b203da90]{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.header-content h1[data-v-b203da90]{font-size:28px}.header-content p[data-v-b203da90]{font-size:14px}.header-actions[data-v-b203da90]{flex-direction:column;gap:var(--spacing-md)}.search-box[data-v-b203da90]{min-width:auto}.search-box input[data-v-b203da90]{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);font-size:16px}.forums-grid[data-v-b203da90]{grid-template-columns:1fr}.filter-tabs[data-v-b203da90]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--spacing-md);gap:var(--spacing-xs);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.filter-tab[data-v-b203da90]{padding:var(--spacing-xs) var(--spacing-md);font-size:12px;white-space:nowrap;flex-shrink:0;min-width:auto}.forum-group[data-v-b203da90]{margin-bottom:var(--spacing-lg)}.forum-children[data-v-b203da90]{padding:var(--spacing-md);gap:var(--spacing-lg)}.floating-group-name[data-v-b203da90]{right:var(--spacing-sm);top:40%;transform:translateY(-50%) translate(15px)}.floating-group-name.show[data-v-b203da90]{transform:translateY(-50%) translate(0)}.floating-group-name[data-v-b203da90]:not(.show){transform:translateY(-50%) translate(25px) scale(.95)}.floating-content[data-v-b203da90]{min-width:160px;padding:var(--spacing-sm) var(--spacing-md)}.floating-text[data-v-b203da90]{font-size:14px}.scroll-progress[data-v-b203da90]{padding:1px 6px}.progress-text[data-v-b203da90]{font-size:11px}.forums-grid[data-v-b203da90]{grid-template-columns:1fr;gap:var(--spacing-md)}.forum-card-wrapper[data-v-b203da90]{gap:var(--spacing-sm)}.subforum-button[data-v-b203da90]{padding:var(--spacing-sm) var(--spacing-md);width:100%;max-width:100%}.button-content[data-v-b203da90]{gap:var(--spacing-sm)}.button-icon[data-v-b203da90]{width:32px;height:32px}.button-label[data-v-b203da90]{font-size:13px}.button-count[data-v-b203da90]{font-size:11px}.subforum-modal[data-v-b203da90]{width:95vw;max-height:85vh}.modal-header[data-v-b203da90]{padding:var(--spacing-lg)}.forum-details h3[data-v-b203da90]{font-size:20px}.forum-icon[data-v-b203da90]{width:48px;height:48px}.subforums-grid[data-v-b203da90]{grid-template-columns:1fr;gap:var(--spacing-md)}.category-header[data-v-b203da90]{padding:var(--spacing-md) var(--spacing-lg)}.category-title h3[data-v-b203da90]{font-size:16px}.category-count[data-v-b203da90]{font-size:12px;padding:2px 6px}.main-forum-card[data-v-b203da90]{border-radius:var(--radius-md)!important}}@media (max-width: 568px){.forums-page[data-v-b203da90]{padding:var(--spacing-sm)}.forums-page .container[data-v-b203da90]{padding:var(--spacing-md);border-radius:var(--radius-lg)}.header-content h1[data-v-b203da90]{font-size:24px}.header-content p[data-v-b203da90]{font-size:13px;margin-bottom:var(--spacing-sm)}.header-actions[data-v-b203da90]{gap:var(--spacing-sm)}.search-box input[data-v-b203da90]{padding:10px 12px}.sort-select[data-v-b203da90]{padding:10px 12px;font-size:14px}.filter-tabs[data-v-b203da90]{gap:6px;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-tab[data-v-b203da90]{padding:6px 12px;font-size:11px;border-radius:var(--radius-lg)}.forum-group[data-v-b203da90]{margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.category-header[data-v-b203da90]{padding:var(--spacing-sm) var(--spacing-md)}.floating-group-name[data-v-b203da90]{right:var(--spacing-xs);top:35%;transform:translateY(-50%) translate(12px)}.floating-group-name.show[data-v-b203da90]{transform:translateY(-50%) translate(0)}.floating-group-name[data-v-b203da90]:not(.show){transform:translateY(-50%) translate(20px) scale(.92)}.floating-content[data-v-b203da90]{min-width:140px;padding:var(--spacing-xs) var(--spacing-sm)}.floating-text[data-v-b203da90]{font-size:12px}.scroll-dots .dot[data-v-b203da90]{width:4px;height:4px}.scroll-progress[data-v-b203da90]{padding:1px 4px}.progress-text[data-v-b203da90]{font-size:10px}.category-title[data-v-b203da90]{gap:var(--spacing-sm)}.category-title h3[data-v-b203da90]{font-size:14px}.category-icon[data-v-b203da90]{font-size:16px}.category-count[data-v-b203da90]{font-size:10px;padding:2px 4px}.forum-children[data-v-b203da90]{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.subforum-button[data-v-b203da90]{padding:8px 12px;width:100%;max-width:100%;font-size:12px}.button-content[data-v-b203da90]{gap:var(--spacing-xs)}.button-icon[data-v-b203da90]{width:28px;height:28px}.button-label[data-v-b203da90]{font-size:12px}.button-count[data-v-b203da90]{font-size:10px}.modal-content[data-v-b203da90],.subforum-option[data-v-b203da90]{padding:var(--spacing-md)}.subforum-title[data-v-b203da90]{font-size:16px}.pagination[data-v-b203da90]{flex-wrap:wrap;gap:var(--spacing-xs)}.page-btn[data-v-b203da90]{width:36px;height:36px;font-size:14px}.view-all-btn[data-v-b203da90]{padding:var(--spacing-xs) var(--spacing-md);font-size:12px;align-self:center}.empty-state[data-v-b203da90]{padding:var(--spacing-xl) var(--spacing-md)}.empty-icon[data-v-b203da90]{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state h3[data-v-b203da90]{font-size:20px;margin-bottom:var(--spacing-xs)}.empty-state p[data-v-b203da90]{font-size:14px}}@keyframes modalFadeIn-b203da90{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn-b203da90{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.forums-grid[data-v-b203da90]{grid-template-columns:1fr;gap:var(--spacing-sm)}.subforum-button[data-v-b203da90]{padding:var(--spacing-xs) var(--spacing-sm);font-size:11px}.button-content[data-v-b203da90]{gap:4px}.button-icon[data-v-b203da90]{width:24px;height:24px;flex-shrink:0}.button-label[data-v-b203da90]{font-size:11px;max-width:120px}.button-count[data-v-b203da90]{font-size:9px}}@keyframes slideInUp-b203da90{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes headerShimmer-b203da90{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.thread-item-skeleton[data-v-63a809ec]{display:flex;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:all .2s ease;gap:var(--spacing-lg)}.thread-item-skeleton.pinned-skeleton[data-v-63a809ec]{background:linear-gradient(135deg,#fef7e0,#fff9f0);border-left:4px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a;position:relative}.thread-item-skeleton.pinned-skeleton[data-v-63a809ec]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.thread-content[data-v-63a809ec]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.thread-header[data-v-63a809ec]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.thread-title-skeleton[data-v-63a809ec]{display:flex;align-items:center;gap:var(--spacing-sm)}.pinned-indicator-skeleton[data-v-63a809ec]{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;border-radius:var(--radius-sm);flex-shrink:0}.thread-tags[data-v-63a809ec]{display:flex;gap:var(--spacing-sm)}.thread-meta[data-v-63a809ec]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.author-info[data-v-63a809ec]{display:flex;align-items:center;gap:var(--spacing-sm)}.thread-stats[data-v-63a809ec]{display:flex;gap:var(--spacing-md)}.last-activity[data-v-63a809ec]{display:flex;align-items:center;gap:var(--spacing-sm);min-width:120px}.last-post-info[data-v-63a809ec]{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width: 768px){.thread-item-skeleton[data-v-63a809ec]{flex-direction:column;gap:var(--spacing-md)}.last-activity[data-v-63a809ec]{min-width:auto}.thread-meta[data-v-63a809ec]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.forum-detail-page[data-v-de8d5cdb]{padding:var(--spacing-lg) 0}.forum-header-skeleton[data-v-de8d5cdb]{margin-bottom:var(--spacing-xl)}.forum-info-skeleton[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.forum-info-skeleton .forum-main[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-lg)}.forum-info-skeleton .forum-details[data-v-de8d5cdb]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.forum-info-skeleton .forum-stats[data-v-de8d5cdb]{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.thread-controls-skeleton[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.thread-controls-skeleton .filter-options[data-v-de8d5cdb]{display:flex;gap:var(--spacing-sm)}.breadcrumb[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:14px}.breadcrumb a[data-v-de8d5cdb]{color:var(--primary-color);text-decoration:none}.breadcrumb a[data-v-de8d5cdb]:hover{text-decoration:underline}.forum-header[data-v-de8d5cdb]{margin-bottom:var(--spacing-xl)}.forum-info[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.forum-main[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-lg)}.forum-icon[data-v-de8d5cdb]{width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.forum-icon img[data-v-de8d5cdb]{width:100%;height:100%;object-fit:cover}.default-icon[data-v-de8d5cdb]{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:28px}.forum-details h1[data-v-de8d5cdb]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.forum-details p[data-v-de8d5cdb]{color:var(--text-secondary);font-size:16px;margin-bottom:var(--spacing-md)}.forum-stats[data-v-de8d5cdb]{display:flex;gap:var(--spacing-lg);font-size:14px;color:var(--text-secondary)}.subforums-nav[data-v-de8d5cdb]{margin-bottom:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.subforums-header[data-v-de8d5cdb]{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.subforums-header h3[data-v-de8d5cdb]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.subforums-list[data-v-de8d5cdb]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg)}.subforum-btn[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease;min-width:160px}.subforum-btn[data-v-de8d5cdb]:hover{background:var(--primary-light);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.subforum-icon[data-v-de8d5cdb]{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.subforum-icon img[data-v-de8d5cdb]{width:100%;height:100%;object-fit:cover}.subforum-icon.default[data-v-de8d5cdb]{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:14px}.subforum-info[data-v-de8d5cdb]{flex:1;min-width:0}.subforum-name[data-v-de8d5cdb]{display:block;font-weight:var(--font-weight-medium);font-size:14px;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subforum-stats[data-v-de8d5cdb]{display:flex;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.subforum-stats span[data-v-de8d5cdb]:first-child:after{content:" 主题"}.subforum-stats span[data-v-de8d5cdb]:last-child:after{content:" 帖子"}.thread-controls[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.filter-options[data-v-de8d5cdb]{display:flex;gap:var(--spacing-sm)}.filter-btn[data-v-de8d5cdb]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-btn[data-v-de8d5cdb]:hover{color:var(--primary-color);border-color:var(--primary-color)}.filter-btn.active[data-v-de8d5cdb]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.promoted-toggle[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-xs);border-color:#0ea5e9;color:#0ea5e9;position:relative;overflow:hidden}.filter-btn.promoted-toggle[data-v-de8d5cdb]:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0c4a6e}.filter-btn.promoted-toggle.active[data-v-de8d5cdb]{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;border-color:#0ea5e9;box-shadow:0 2px 4px #0ea5e933}.promoted-toggle-icon[data-v-de8d5cdb]{font-size:12px;transition:transform .2s ease}.filter-btn.promoted-toggle.active .promoted-toggle-icon[data-v-de8d5cdb]{transform:scale(1.1)}.promoted-count[data-v-de8d5cdb]{font-size:11px;opacity:.8;font-weight:var(--font-weight-medium)}.filter-btn.top-toggle[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-xs);border-color:#ef4444;color:#ef4444;position:relative;overflow:hidden}.filter-btn.top-toggle[data-v-de8d5cdb]:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.filter-btn.top-toggle.active[data-v-de8d5cdb]{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-color:#ef4444;box-shadow:0 2px 4px #ef444433}.top-toggle-icon[data-v-de8d5cdb]{font-size:12px;transition:transform .2s ease}.filter-btn.top-toggle.active .top-toggle-icon[data-v-de8d5cdb]{transform:rotate(-5deg)}.top-count[data-v-de8d5cdb]{font-size:11px;opacity:.8;font-weight:var(--font-weight-medium)}.filter-btn.pinned-toggle[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-xs);border-color:#f59e0b;color:#f59e0b;position:relative;overflow:hidden}.filter-btn.pinned-toggle[data-v-de8d5cdb]:hover{background:#fef7e0;border-color:#f59e0b;color:#d97706}.filter-btn.pinned-toggle.active[data-v-de8d5cdb]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-color:#f59e0b;box-shadow:0 2px 4px #f59e0b33}.pinned-toggle-icon[data-v-de8d5cdb]{font-size:12px;transition:transform .2s ease}.filter-btn.pinned-toggle.active .pinned-toggle-icon[data-v-de8d5cdb]{transform:rotate(15deg)}.pinned-count[data-v-de8d5cdb]{font-size:11px;opacity:.8;font-weight:var(--font-weight-medium)}.sort-select[data-v-de8d5cdb]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;font-size:14px}.threads-list[data-v-de8d5cdb]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.thread-item[data-v-de8d5cdb]{display:flex;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .3s ease}.thread-item[data-v-de8d5cdb]:hover{background:var(--background-light)}.thread-item[data-v-de8d5cdb]:last-child{border-bottom:none}.thread-item.promoted-thread[data-v-de8d5cdb]{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-left:4px solid #0ea5e9;box-shadow:0 2px 8px #0ea5e91a;position:relative}.thread-item.promoted-thread[data-v-de8d5cdb]:hover{background:linear-gradient(135deg,#bae6fd,#e0f2fe);box-shadow:0 4px 12px #0ea5e926;transform:translateY(-1px)}.thread-item.promoted-thread[data-v-de8d5cdb]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.thread-item.top-thread[data-v-de8d5cdb]{background:linear-gradient(135deg,#fee2e2,#fff5f5);border-left:4px solid #ef4444;box-shadow:0 2px 8px #ef44441a;position:relative}.thread-item.top-thread[data-v-de8d5cdb]:hover{background:linear-gradient(135deg,#fecaca,#fee2e2);box-shadow:0 4px 12px #ef444426;transform:translateY(-1px)}.thread-item.top-thread[data-v-de8d5cdb]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#f87171)}.thread-item.pinned-thread[data-v-de8d5cdb]{background:linear-gradient(135deg,#fef7e0,#fff9f0);border-left:4px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a;position:relative}.thread-item.pinned-thread[data-v-de8d5cdb]:hover{background:linear-gradient(135deg,#fef3c7,#fef7e0);box-shadow:0 4px 12px #f59e0b26;transform:translateY(-1px)}.thread-content[data-v-de8d5cdb]{flex:1;min-width:0}.thread-header[data-v-de8d5cdb]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.thread-title[data-v-de8d5cdb]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.4;margin-right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.promoted-indicator[data-v-de8d5cdb]{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-bold);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #0ea5e94d;flex-shrink:0}.promoted-icon[data-v-de8d5cdb]{font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.promoted-label[data-v-de8d5cdb]{font-size:11px;letter-spacing:.5px}.top-indicator[data-v-de8d5cdb]{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-bold);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #ef44444d;flex-shrink:0}.top-icon[data-v-de8d5cdb]{font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.top-label[data-v-de8d5cdb]{font-size:11px;letter-spacing:.5px}.pinned-indicator[data-v-de8d5cdb]{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-bold);text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 3px #f59e0b4d;flex-shrink:0}.pinned-icon[data-v-de8d5cdb]{font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.pinned-label[data-v-de8d5cdb]{font-size:11px;letter-spacing:.5px}.thread-tags[data-v-de8d5cdb]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag[data-v-de8d5cdb]{background:var(--background-grey);color:var(--text-secondary);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.thread-preview[data-v-de8d5cdb]{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-meta[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center}.author-avatar[data-v-de8d5cdb]{width:24px;height:24px;border-radius:50%}.author-name[data-v-de8d5cdb]{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:14px;white-space:nowrap}.thread-time[data-v-de8d5cdb]{color:var(--text-secondary);font-size:12px}.thread-stats[data-v-de8d5cdb]{display:flex;gap:var(--spacing-md);font-size:12px;color:var(--text-secondary)}.thread-stats .created-time[data-v-de8d5cdb]{font-weight:var(--font-weight-medium);color:var(--text-primary)}.thread-author[data-v-de8d5cdb]{margin-left:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:1px solid var(--border-light);display:flex;align-items:center;min-width:120px}.author-post[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-sm)}.author-post .author-avatar[data-v-de8d5cdb]{width:32px;height:32px;border-radius:50%}.author-info[data-v-de8d5cdb]{display:flex;flex-direction:column;gap:2px}.author-info .author-name[data-v-de8d5cdb]{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.author-info .post-time[data-v-de8d5cdb]{font-size:11px;color:var(--text-secondary)}.empty-state[data-v-de8d5cdb]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-icon[data-v-de8d5cdb]{font-size:64px;margin-bottom:var(--spacing-lg)}.modal-overlay[data-v-de8d5cdb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-de8d5cdb]{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2[data-v-de8d5cdb]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.close-btn[data-v-de8d5cdb]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs)}.modal-body[data-v-de8d5cdb]{padding:var(--spacing-lg)}.form-group[data-v-de8d5cdb]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-de8d5cdb]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-group input[data-v-de8d5cdb],.form-group textarea[data-v-de8d5cdb]{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;font-family:inherit}.form-group input[data-v-de8d5cdb]:focus,.form-group textarea[data-v-de8d5cdb]:focus{outline:none;border-color:var(--primary-color)}.modal-actions[data-v-de8d5cdb]{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}@media (max-width: 968px){.forum-info[data-v-de8d5cdb]{flex-direction:column;align-items:stretch}.subforums-list[data-v-de8d5cdb]{padding:var(--spacing-md);gap:var(--spacing-xs)}.subforum-btn[data-v-de8d5cdb]{min-width:auto;flex:1;max-width:calc(50% - var(--spacing-xs) / 2)}.subforum-icon[data-v-de8d5cdb]{width:28px;height:28px}.subforum-name[data-v-de8d5cdb]{font-size:13px}.subforum-stats[data-v-de8d5cdb]{font-size:11px}.thread-controls[data-v-de8d5cdb]{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter-options[data-v-de8d5cdb]{overflow-x:auto;padding-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.thread-item[data-v-de8d5cdb]{flex-direction:column}.thread-item.pinned-thread[data-v-de8d5cdb]{border-left-width:3px;padding:var(--spacing-md)}.thread-item.pinned-thread[data-v-de8d5cdb]:before{height:1px}.pinned-indicator[data-v-de8d5cdb]{padding:1px var(--spacing-xs);font-size:11px}.pinned-icon[data-v-de8d5cdb]{font-size:9px}.pinned-label[data-v-de8d5cdb]{font-size:10px}.filter-btn.pinned-toggle[data-v-de8d5cdb]{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm)}.pinned-toggle-icon[data-v-de8d5cdb]{font-size:11px}.thread-title[data-v-de8d5cdb]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.last-activity[data-v-de8d5cdb]{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--border-light);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}}.promoted-threads-section[data-v-de8d5cdb],.top-threads-section[data-v-de8d5cdb],.pinned-threads-section[data-v-de8d5cdb]{margin-bottom:var(--spacing-xl)}.section-header[data-v-de8d5cdb]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.promoted-header[data-v-de8d5cdb]{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-bottom:2px solid #0ea5e9}.top-header[data-v-de8d5cdb]{background:linear-gradient(135deg,#fee2e2,#fff5f5);border-bottom:2px solid #ef4444}.pinned-header[data-v-de8d5cdb]{background:linear-gradient(135deg,#fef7e0,#fff9f0);border-bottom:2px solid #f59e0b}.regular-header[data-v-de8d5cdb]{background:var(--background-light);border-bottom:1px solid var(--border-color)}.section-title[data-v-de8d5cdb]{display:flex;align-items:center;gap:var(--spacing-sm)}.section-icon[data-v-de8d5cdb]{font-size:18px}.section-title h3[data-v-de8d5cdb]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.section-count[data-v-de8d5cdb]{font-size:14px;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.promoted-threads-list[data-v-de8d5cdb],.top-threads-list[data-v-de8d5cdb],.pinned-threads-list[data-v-de8d5cdb],.regular-threads-list[data-v-de8d5cdb]{background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--border-light);border-top:none;overflow:hidden}.promoted-threads-section .promoted-threads-list[data-v-de8d5cdb]{border:1px solid #0ea5e9;border-top:none;box-shadow:0 2px 8px #0ea5e90d}.top-threads-section .top-threads-list[data-v-de8d5cdb]{border:1px solid #ef4444;border-top:none;box-shadow:0 2px 8px #ef44440d}.pinned-threads-section .pinned-threads-list[data-v-de8d5cdb]{border:1px solid #f59e0b;border-top:none;box-shadow:0 2px 8px #f59e0b0d}.thread-item.regular-thread[data-v-de8d5cdb]{border-left:none;background:#fff}.thread-item.regular-thread[data-v-de8d5cdb]:hover{background:var(--background-light)}.thread-item.pinned-thread[data-v-de8d5cdb]{background:linear-gradient(135deg,#fef7e0,#fff9f0);border-left:4px solid #f59e0b;position:relative}.thread-item.pinned-thread[data-v-de8d5cdb]:hover{background:linear-gradient(135deg,#fef3c7,#fef7e0);transform:translateY(-1px)}.thread-item.pinned-thread[data-v-de8d5cdb]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.btn-sm[data-v-de8d5cdb]{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px;border-radius:var(--radius-sm)}.empty-regular-threads[data-v-de8d5cdb]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary);background:#fff}.empty-regular-threads .empty-icon[data-v-de8d5cdb]{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.empty-regular-threads p[data-v-de8d5cdb]{margin-bottom:var(--spacing-lg);font-size:14px}.loading-state[data-v-de8d5cdb]{background:#fff}.load-more-section[data-v-de8d5cdb]{padding:var(--spacing-xl);text-align:center;border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}.btn-full[data-v-de8d5cdb]{width:100%;max-width:300px}@media (max-width: 768px){.section-header[data-v-de8d5cdb]{padding:var(--spacing-sm) var(--spacing-md)}.section-title h3[data-v-de8d5cdb]{font-size:14px}.section-count[data-v-de8d5cdb]{font-size:12px}.section-icon[data-v-de8d5cdb]{font-size:16px}}.scroll-to-top-btn[data-v-b387e523]{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 12px #ff5a5f4d,0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;color:#fff;font-family:var(--font-family)}.scroll-to-top-btn[data-v-b387e523]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #ff5a5f66,0 4px 8px #00000026;background:linear-gradient(135deg,var(--primary-hover),var(--primary-color))}.scroll-to-top-btn[data-v-b387e523]:active{transform:translateY(0) scale(.95);transition:all .1s ease}.scroll-icon[data-v-b387e523]{display:flex;align-items:center;justify-content:center;margin-bottom:-2px}.scroll-icon svg[data-v-b387e523]{opacity:.9;transition:opacity .2s ease}.scroll-to-top-btn:hover .scroll-icon svg[data-v-b387e523]{opacity:1;animation:bounce-b387e523 .6s infinite alternate}.scroll-text[data-v-b387e523]{font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:.5px;opacity:.9;line-height:1}.scroll-to-top-btn:hover .scroll-text[data-v-b387e523]{opacity:1}.scroll-to-top-enter-active[data-v-b387e523],.scroll-to-top-leave-active[data-v-b387e523]{transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top-enter-from[data-v-b387e523],.scroll-to-top-leave-to[data-v-b387e523]{opacity:0;transform:translateY(20px) scale(.8)}@keyframes bounce-b387e523{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@media (max-width: 768px){.scroll-to-top-btn[data-v-b387e523]{bottom:24px;right:24px;width:48px;height:48px}.scroll-icon svg[data-v-b387e523]{width:20px;height:20px}.scroll-text[data-v-b387e523]{font-size:7px}}@media (max-width: 480px){.scroll-to-top-btn[data-v-b387e523]{bottom:20px;right:20px;width:44px;height:44px}.scroll-icon svg[data-v-b387e523]{width:18px;height:18px}}@media (prefers-color-scheme: dark){.scroll-to-top-btn[data-v-b387e523]{background:linear-gradient(135deg,#ff6b70,#ff5a5f);box-shadow:0 4px 12px #ff6b704d,0 2px 4px #0003}.scroll-to-top-btn[data-v-b387e523]:hover{box-shadow:0 8px 20px #ff6b7066,0 4px 8px #00000040}}@media (prefers-contrast: high){.scroll-to-top-btn[data-v-b387e523]{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){.scroll-to-top-btn[data-v-b387e523],.scroll-to-top-enter-active[data-v-b387e523],.scroll-to-top-leave-active[data-v-b387e523],.scroll-icon svg[data-v-b387e523]{transition:none!important;animation:none!important}}.thread-detail-skeleton[data-v-d960d9e5]{padding:var(--spacing-lg) 0}.container[data-v-d960d9e5]{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.breadcrumb-skeleton[data-v-d960d9e5]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.breadcrumb-skeleton span[data-v-d960d9e5]{color:var(--text-secondary)}.thread-header-skeleton[data-v-d960d9e5]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.thread-info[data-v-d960d9e5]{flex:1}.thread-meta[data-v-d960d9e5]{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.author-info[data-v-d960d9e5]{display:flex;align-items:center;gap:var(--spacing-sm)}.author-details[data-v-d960d9e5]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.thread-stats[data-v-d960d9e5]{display:flex;gap:var(--spacing-md)}.thread-actions[data-v-d960d9e5]{display:flex;gap:var(--spacing-sm)}.post-skeleton[data-v-d960d9e5]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.original-post[data-v-d960d9e5]{border-left:4px solid var(--primary-color)}.post-author[data-v-d960d9e5]{background:var(--background-light);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-md)}.post-author .author-info[data-v-d960d9e5]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.post-content[data-v-d960d9e5]{padding:var(--spacing-lg)}.post-body[data-v-d960d9e5]{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-footer[data-v-d960d9e5]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.post-actions[data-v-d960d9e5]{display:flex;gap:var(--spacing-md)}.replies-section-skeleton[data-v-d960d9e5]{margin-top:var(--spacing-xl)}.replies-header[data-v-d960d9e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.container[data-v-d960d9e5]{padding:0 var(--spacing-md)}.thread-header-skeleton[data-v-d960d9e5]{flex-direction:column;gap:var(--spacing-md)}.thread-meta[data-v-d960d9e5]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.thread-actions[data-v-d960d9e5]{align-self:stretch}.replies-header[data-v-d960d9e5]{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}}.reply-box[data-v-7ec738af]{background:#fff;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid #e4e4e4;transition:all .2s ease}.reply-box.reply-to-comment[data-v-7ec738af]{margin-left:48px;border-color:var(--primary-color);box-shadow:0 2px 8px #ff385c1a}.reply-to-info[data-v-7ec738af]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:#f7f7f7;border-radius:8px;font-size:14px}.reply-label[data-v-7ec738af]{color:#666}.reply-target[data-v-7ec738af]{color:var(--primary-color);font-weight:500}.cancel-reply[data-v-7ec738af]{margin-left:auto;background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.cancel-reply[data-v-7ec738af]:hover{background:#eee;color:#666}.reply-form[data-v-7ec738af]{display:flex;gap:12px}.author-avatar[data-v-7ec738af]{flex-shrink:0}.author-avatar img[data-v-7ec738af]{width:40px;height:40px;border-radius:50%;object-fit:cover}.reply-content[data-v-7ec738af]{flex:1}.reply-content textarea[data-v-7ec738af]{width:100%;min-height:80px;max-height:300px;padding:12px;border:1px solid #e4e4e4;border-radius:8px;resize:none;font-size:14px;line-height:1.6;font-family:inherit;transition:border-color .2s}.reply-content textarea[data-v-7ec738af]:focus{outline:none;border-color:var(--primary-color)}.reply-actions[data-v-7ec738af]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.formatting-tools[data-v-7ec738af]{display:flex;gap:4px}.formatting-tools button[data-v-7ec738af]{background:none;border:none;color:#666;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s}.formatting-tools button[data-v-7ec738af]:hover{background:#f5f5f5;color:#333}.submit-actions[data-v-7ec738af]{display:flex;align-items:center;gap:16px}.char-count[data-v-7ec738af]{font-size:13px;color:#999}.char-count.over-limit[data-v-7ec738af]{color:#ff385c}.submit-btn[data-v-7ec738af]{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.submit-btn[data-v-7ec738af]:hover:not(:disabled){background:#e5002d;transform:translateY(-1px);box-shadow:0 4px 12px #ff385c4d}.submit-btn[data-v-7ec738af]:disabled{background:#ccc;cursor:not-allowed}.reply-preview[data-v-7ec738af]{margin-top:16px;padding:16px;background:#f9f9f9;border-radius:8px;border:1px solid #e4e4e4}.preview-header[data-v-7ec738af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;color:#666}.close-preview[data-v-7ec738af]{background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.close-preview[data-v-7ec738af]:hover{background:#eee;color:#666}.preview-content[data-v-7ec738af]{font-size:14px;line-height:1.6;color:#333}@media (max-width: 768px){.reply-box.reply-to-comment[data-v-7ec738af]{margin-left:16px}.formatting-tools[data-v-7ec738af]{flex-wrap:wrap}.formatting-tools button[data-v-7ec738af]{padding:6px 10px;font-size:12px}.submit-btn[data-v-7ec738af]{padding:6px 16px;font-size:13px}}.thread-detail-page[data-v-4961ab38]{padding:var(--spacing-lg) 0}.breadcrumb[data-v-4961ab38]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:14px}.breadcrumb a[data-v-4961ab38]{color:var(--primary-color);text-decoration:none}.breadcrumb a[data-v-4961ab38]:hover{text-decoration:underline}.thread-header[data-v-4961ab38]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-xl)}.thread-info h1[data-v-4961ab38]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3;margin-bottom:var(--spacing-md)}.thread-meta[data-v-4961ab38]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.author-info[data-v-4961ab38]{display:flex;align-items:center;gap:var(--spacing-sm)}.author-avatar[data-v-4961ab38]{width:32px;height:32px;border-radius:50%}.author-details[data-v-4961ab38]{display:flex;flex-direction:column;gap:2px}.author-name[data-v-4961ab38]{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:14px}.thread-time[data-v-4961ab38]{color:var(--text-secondary);font-size:12px}.thread-stats[data-v-4961ab38]{display:flex;gap:var(--spacing-md);font-size:14px;color:var(--text-secondary)}.thread-tags[data-v-4961ab38]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tag[data-v-4961ab38]{background:var(--background-grey);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.thread-actions[data-v-4961ab38]{display:flex;gap:var(--spacing-sm)}.action-btn[data-v-4961ab38]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.action-btn[data-v-4961ab38]:hover{color:var(--primary-color);border-color:var(--primary-color)}.action-btn.active[data-v-4961ab38]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.post[data-v-4961ab38]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden}.original-post[data-v-4961ab38]{border-left:4px solid var(--primary-color)}.post-author[data-v-4961ab38]{background:var(--background-light);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-md)}.post-author .author-avatar[data-v-4961ab38]{width:48px;height:48px;border-radius:50%}.post-author .author-info h3[data-v-4961ab38],.post-author .author-info h4[data-v-4961ab38]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.author-role[data-v-4961ab38]{font-size:12px;color:var(--primary-color);font-weight:var(--font-weight-medium);display:block}.post-count[data-v-4961ab38]{font-size:11px;color:var(--text-secondary);display:block}.post-content[data-v-4961ab38]{padding:var(--spacing-lg)}.post-body[data-v-4961ab38]{color:var(--text-primary);line-height:1.7;margin-bottom:var(--spacing-lg);font-size:16px;word-wrap:break-word;overflow-wrap:break-word}.post-body p[data-v-4961ab38]{margin-bottom:var(--spacing-md)}.post-body ul[data-v-4961ab38],.post-body ol[data-v-4961ab38]{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.post-body li[data-v-4961ab38]{margin-bottom:var(--spacing-xs)}.post-body strong[data-v-4961ab38]{font-weight:var(--font-weight-semibold)}.post-footer[data-v-4961ab38]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.post-actions[data-v-4961ab38]{display:flex;gap:var(--spacing-md)}.like-btn[data-v-4961ab38],.reply-btn[data-v-4961ab38]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.like-btn[data-v-4961ab38]:hover,.reply-btn[data-v-4961ab38]:hover{color:var(--primary-color);background:var(--background-light)}.like-btn.active[data-v-4961ab38]{color:var(--primary-color)}.post-time[data-v-4961ab38]{font-size:12px;color:var(--text-secondary)}.replies-section[data-v-4961ab38]{margin-top:var(--spacing-xl)}.replies-header[data-v-4961ab38]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.replies-header h2[data-v-4961ab38]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sort-select[data-v-4961ab38]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;font-size:14px}.login-prompt[data-v-4961ab38]{text-align:center;padding:var(--spacing-xl);background:var(--background-light);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);color:var(--text-secondary)}.login-prompt a[data-v-4961ab38]{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.login-prompt a[data-v-4961ab38]:hover{text-decoration:underline}.post-body[data-v-4961ab38] .bbcode-quote{background:var(--background-light);border-left:4px solid var(--primary-color);padding:var(--spacing-md);margin:var(--spacing-md) 0;border-radius:var(--radius-md)}.post-body[data-v-4961ab38] .bbcode-quote cite{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-style:normal;display:block;margin-bottom:var(--spacing-xs)}.post-body[data-v-4961ab38] .bbcode-code{background:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;overflow-x:auto;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.5}.post-body[data-v-4961ab38] .bbcode-hide{background:var(--background-grey);border:1px dashed var(--border-color);padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:center;color:var(--text-secondary);border-radius:var(--radius-md)}.post-body[data-v-4961ab38] .bbcode-table{border-collapse:collapse;width:100%;margin:var(--spacing-md) 0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.post-body[data-v-4961ab38] .bbcode-table td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light)}.post-body[data-v-4961ab38] .bbcode-table tr:nth-child(2n){background:var(--background-light)}.post-body[data-v-4961ab38] .bbcode-table tr[style*=background-color]{opacity:.8}.post-body[data-v-4961ab38] .bbcode-table tr[style*=LightBlue]{background-color:#add8e6!important}.post-body[data-v-4961ab38] .bbcode-table tr[style*=Pink]{background-color:pink!important}.post-body[data-v-4961ab38] .bbcode-attachment{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:center;color:var(--text-secondary)}.post-body[data-v-4961ab38] .bbcode-hr{border:none;height:1px;background:var(--border-color);margin:var(--spacing-xl) 0}.post-body[data-v-4961ab38] .bbcode-media{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0;text-align:center;color:var(--text-secondary)}.post-body[data-v-4961ab38] span[style*=font-size]{max-font-size:24px!important}.post-body[data-v-4961ab38] img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-sm) 0}.post-body[data-v-4961ab38] a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.post-body[data-v-4961ab38] a:hover{border-bottom-color:var(--primary-color)}@media (max-width: 968px){.thread-header[data-v-4961ab38]{flex-direction:column}.thread-meta[data-v-4961ab38]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.thread-actions[data-v-4961ab38]{align-self:stretch}.action-btn[data-v-4961ab38]{flex:1;justify-content:center}.replies-header[data-v-4961ab38]{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.form-actions[data-v-4961ab38]{flex-direction:column}.post-body[data-v-4961ab38] .bbcode-table{font-size:14px}.post-body[data-v-4961ab38] .bbcode-code{font-size:12px}}.login-page[data-v-819f2c71]{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;background:var(--background-light);padding:var(--spacing-xl) 0}.auth-container[data-v-819f2c71]{max-width:400px;margin:0 auto;background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.auth-header[data-v-819f2c71]{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1[data-v-819f2c71]{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-header p[data-v-819f2c71]{color:var(--text-secondary);font-size:16px}.auth-form[data-v-819f2c71]{margin-bottom:var(--spacing-xl)}.form-group[data-v-819f2c71]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-819f2c71]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:14px}.form-group input[data-v-819f2c71]{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s ease;background:#fff}.form-group input[data-v-819f2c71]:focus{outline:none;border-color:var(--primary-color)}.form-group input[data-v-819f2c71]:disabled{background:var(--background-light);cursor:not-allowed}.form-options[data-v-819f2c71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.checkbox[data-v-819f2c71]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--text-secondary)}.checkbox input[data-v-819f2c71]{margin-right:var(--spacing-sm)}.forgot-link[data-v-819f2c71]{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:var(--font-weight-medium)}.forgot-link[data-v-819f2c71]:hover{color:var(--primary-hover)}.btn-full[data-v-819f2c71]{width:100%}.auth-footer[data-v-819f2c71]{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.auth-footer p[data-v-819f2c71]{color:var(--text-secondary);font-size:14px}.auth-link[data-v-819f2c71]{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-link[data-v-819f2c71]:hover{color:var(--primary-hover)}.social-login[data-v-819f2c71]{margin-top:var(--spacing-xl)}.divider[data-v-819f2c71]{position:relative;text-align:center;margin:var(--spacing-xl) 0}.divider[data-v-819f2c71]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span[data-v-819f2c71]{background:#fff;padding:0 var(--spacing-md);color:var(--text-secondary);font-size:14px}.social-buttons[data-v-819f2c71]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.social-btn[data-v-819f2c71]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:14px;font-weight:var(--font-weight-medium)}@media (max-width: 768px){.auth-container[data-v-819f2c71]{margin:0 var(--spacing-md);padding:var(--spacing-xl)}.social-buttons[data-v-819f2c71]{grid-template-columns:1fr}}.register-page[data-v-21f4ca3f]{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;background:var(--background-light);padding:var(--spacing-xl) 0}.auth-container[data-v-21f4ca3f]{max-width:500px;margin:0 auto;background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.auth-header[data-v-21f4ca3f]{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1[data-v-21f4ca3f]{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-header p[data-v-21f4ca3f]{color:var(--text-secondary);font-size:16px}.auth-form[data-v-21f4ca3f]{margin-bottom:var(--spacing-xl)}.form-group[data-v-21f4ca3f]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-21f4ca3f]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:14px}.form-group input[data-v-21f4ca3f],.form-group select[data-v-21f4ca3f]{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s ease;background:#fff}.form-group input[data-v-21f4ca3f]:focus,.form-group select[data-v-21f4ca3f]:focus{outline:none;border-color:var(--primary-color)}.form-group input[data-v-21f4ca3f]:disabled,.form-group select[data-v-21f4ca3f]:disabled{background:var(--background-light);cursor:not-allowed}.field-hint[data-v-21f4ca3f]{font-size:12px;color:var(--text-secondary);margin-top:var(--spacing-xs)}.error-text[data-v-21f4ca3f]{color:var(--error);font-size:12px;margin-top:var(--spacing-xs)}.checkbox[data-v-21f4ca3f]{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:var(--text-secondary);line-height:1.5}.checkbox input[data-v-21f4ca3f]{margin-right:var(--spacing-sm);margin-top:2px;width:auto}.checkbox a[data-v-21f4ca3f]{color:var(--primary-color);text-decoration:none}.checkbox a[data-v-21f4ca3f]:hover{color:var(--primary-hover);text-decoration:underline}.btn-full[data-v-21f4ca3f]{width:100%}.btn[data-v-21f4ca3f]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-21f4ca3f]{background:#fef2f2;color:var(--error);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid #fecaca}.success[data-v-21f4ca3f]{background:#f0fdf4;color:#16a34a;padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid #bbf7d0}.auth-footer[data-v-21f4ca3f]{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.auth-footer p[data-v-21f4ca3f]{color:var(--text-secondary);font-size:14px}.auth-link[data-v-21f4ca3f]{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-link[data-v-21f4ca3f]:hover{color:var(--primary-hover)}@media (max-width: 768px){.auth-container[data-v-21f4ca3f]{margin:0 var(--spacing-md);padding:var(--spacing-xl)}}.profile-page[data-v-72b44660]{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.loading-state[data-v-72b44660],.error-state[data-v-72b44660]{text-align:center;padding:var(--spacing-xxl)}.debug-info[data-v-72b44660]{margin:var(--spacing-lg) 0;text-align:left}.debug-info details[data-v-72b44660]{background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.debug-info summary[data-v-72b44660]{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.debug-info pre[data-v-72b44660]{margin-top:var(--spacing-md);font-size:12px;color:var(--text-primary);background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto}.skeleton-content[data-v-72b44660]{flex:1}.skeleton-stats[data-v-72b44660]{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.profile-header[data-v-72b44660]{display:flex;gap:var(--spacing-xl);align-items:flex-start;margin-bottom:var(--spacing-xxl);background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.profile-avatar[data-v-72b44660]{position:relative;flex-shrink:0}.profile-avatar img[data-v-72b44660]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--border-light)}.avatar-edit[data-v-72b44660]{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-edit[data-v-72b44660]:hover{transform:scale(1.1)}.profile-info[data-v-72b44660]{flex:1}.profile-info h1[data-v-72b44660]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.user-title[data-v-72b44660]{color:var(--text-secondary);font-size:16px;margin-bottom:var(--spacing-lg)}.user-stats[data-v-72b44660]{display:flex;gap:var(--spacing-xl)}.stat[data-v-72b44660]{text-align:center}.stat-number[data-v-72b44660]{display:block;font-size:24px;font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1}.stat-label[data-v-72b44660]{font-size:14px;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.profile-actions[data-v-72b44660]{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-content[data-v-72b44660]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.profile-tabs[data-v-72b44660]{display:flex;border-bottom:1px solid var(--border-light);background:var(--background-light)}.tab-btn[data-v-72b44660]{padding:var(--spacing-lg) var(--spacing-xl);border:none;background:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.tab-btn[data-v-72b44660]:hover{color:var(--text-primary);background:#fff}.tab-btn.active[data-v-72b44660]{color:var(--primary-color);background:#fff;border-bottom-color:var(--primary-color)}.tab-content[data-v-72b44660]{padding:var(--spacing-xl)}.info-section[data-v-72b44660]{margin-bottom:var(--spacing-xxl)}.info-section[data-v-72b44660]:last-child{margin-bottom:0}.info-section h3[data-v-72b44660]{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.info-section p[data-v-72b44660]{color:var(--text-secondary);line-height:1.6}.info-grid[data-v-72b44660]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.info-item[data-v-72b44660]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md)}.info-label[data-v-72b44660]{font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:80px}.info-value[data-v-72b44660]{color:var(--text-primary)}.credits-grid[data-v-72b44660]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.credit-item[data-v-72b44660]{text-align:center;padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md)}.credit-label[data-v-72b44660]{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.credit-value[data-v-72b44660]{font-size:20px;font-weight:var(--font-weight-bold);color:var(--primary-color)}.posts-empty[data-v-72b44660],.activity-empty[data-v-72b44660]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.posts-list[data-v-72b44660],.activity-list[data-v-72b44660]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-item[data-v-72b44660]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color .2s ease}.post-item[data-v-72b44660]:hover{border-color:var(--primary-color)}.post-info[data-v-72b44660]{flex:1}.post-info h4[data-v-72b44660]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.post-info p[data-v-72b44660]{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.post-meta[data-v-72b44660]{display:flex;gap:var(--spacing-md);font-size:14px;color:var(--text-muted)}.post-stats[data-v-72b44660]{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:14px;color:var(--text-secondary);text-align:right}.activity-item[data-v-72b44660]{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.activity-item[data-v-72b44660]:last-child{border-bottom:none}.activity-icon[data-v-72b44660]{width:40px;height:40px;border-radius:50%;background:var(--background-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.activity-content[data-v-72b44660]{flex:1}.activity-content p[data-v-72b44660]{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.activity-time[data-v-72b44660]{font-size:12px;color:var(--text-secondary)}.modal-overlay[data-v-72b44660]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal[data-v-72b44660]{background:#fff;border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-72b44660]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2[data-v-72b44660]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close[data-v-72b44660]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.modal-close[data-v-72b44660]:hover{background:var(--background-light);color:var(--text-primary)}.modal-body[data-v-72b44660]{padding:var(--spacing-lg);overflow-y:auto;flex:1}.form-section[data-v-72b44660]{margin-bottom:var(--spacing-xl)}.form-section h3[data-v-72b44660]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.form-group[data-v-72b44660]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-72b44660]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-group input[data-v-72b44660],.form-group select[data-v-72b44660],.form-group textarea[data-v-72b44660]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s ease}.form-group input[data-v-72b44660]:focus,.form-group select[data-v-72b44660]:focus,.form-group textarea[data-v-72b44660]:focus{outline:none;border-color:var(--primary-color)}.form-group textarea[data-v-72b44660]{resize:vertical;min-height:80px}.form-row[data-v-72b44660]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.form-actions[data-v-72b44660]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}@media (max-width: 768px){.profile-header[data-v-72b44660]{flex-direction:column;text-align:center}.user-stats[data-v-72b44660]{justify-content:center}.profile-actions[data-v-72b44660]{flex-direction:row;align-self:stretch}.profile-actions .btn[data-v-72b44660]{flex:1}.profile-tabs[data-v-72b44660]{overflow-x:auto}.tab-btn[data-v-72b44660]{white-space:nowrap}.info-grid[data-v-72b44660],.form-row[data-v-72b44660]{grid-template-columns:1fr}.post-item[data-v-72b44660]{flex-direction:column;gap:var(--spacing-md)}.post-stats[data-v-72b44660]{flex-direction:row;text-align:left}}.settings-page[data-v-5ea9030f]{padding:var(--spacing-xl) 0;min-height:calc(100vh - var(--header-height))}.settings-header[data-v-5ea9030f]{text-align:center;margin-bottom:var(--spacing-xxl)}.settings-header h1[data-v-5ea9030f]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.settings-header p[data-v-5ea9030f]{color:var(--text-secondary);font-size:16px}.settings-content[data-v-5ea9030f]{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xxl);align-items:start}.settings-sidebar[data-v-5ea9030f]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;position:sticky;top:calc(var(--header-height) + var(--spacing-lg))}.settings-nav[data-v-5ea9030f]{display:flex;flex-direction:column}.settings-nav-item[data-v-5ea9030f]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-align:left;border-bottom:1px solid var(--border-light)}.settings-nav-item[data-v-5ea9030f]:last-child{border-bottom:none}.settings-nav-item[data-v-5ea9030f]:hover{background:var(--background-light);color:var(--text-primary)}.settings-nav-item.active[data-v-5ea9030f]{background:var(--primary-color);color:#fff}.settings-nav-item svg[data-v-5ea9030f]{flex-shrink:0}.settings-main[data-v-5ea9030f]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.settings-section[data-v-5ea9030f]{padding:var(--spacing-xxl)}.section-header[data-v-5ea9030f]{margin-bottom:var(--spacing-xxl)}.section-header h2[data-v-5ea9030f]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-header p[data-v-5ea9030f]{color:var(--text-secondary);font-size:16px}.settings-form[data-v-5ea9030f]{max-width:600px}.form-group[data-v-5ea9030f]{margin-bottom:var(--spacing-xl)}.form-group label[data-v-5ea9030f]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-group input[data-v-5ea9030f],.form-group select[data-v-5ea9030f],.form-group textarea[data-v-5ea9030f]{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:border-color .2s ease}.form-group input[data-v-5ea9030f]:focus,.form-group select[data-v-5ea9030f]:focus,.form-group textarea[data-v-5ea9030f]:focus{outline:none;border-color:var(--primary-color)}.form-group textarea[data-v-5ea9030f]{resize:vertical;min-height:100px}.form-group small[data-v-5ea9030f]{display:block;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:14px}.form-row[data-v-5ea9030f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.avatar-group .avatar-setting[data-v-5ea9030f]{display:flex;align-items:center;gap:var(--spacing-lg)}.avatar-setting img[data-v-5ea9030f]{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--border-light)}.form-actions[data-v-5ea9030f]{display:flex;justify-content:flex-start;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.notification-group[data-v-5ea9030f]{margin-bottom:var(--spacing-xxl)}.notification-group h3[data-v-5ea9030f]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.notification-item[data-v-5ea9030f],.privacy-item[data-v-5ea9030f],.display-item[data-v-5ea9030f]{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all .2s ease}.notification-item[data-v-5ea9030f]:hover,.privacy-item[data-v-5ea9030f]:hover,.display-item[data-v-5ea9030f]:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #007bff1a}.notification-info[data-v-5ea9030f],.privacy-info[data-v-5ea9030f],.display-info[data-v-5ea9030f]{flex:1}.notification-info strong[data-v-5ea9030f],.privacy-info strong[data-v-5ea9030f],.display-info strong[data-v-5ea9030f]{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.notification-info p[data-v-5ea9030f],.privacy-info p[data-v-5ea9030f],.display-info p[data-v-5ea9030f]{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.display-group[data-v-5ea9030f]{margin-bottom:var(--spacing-xxl)}.display-group h3[data-v-5ea9030f]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.display-group h3[data-v-5ea9030f]:before{content:"🎨";font-size:16px}.display-group:nth-child(2) h3[data-v-5ea9030f]:before{content:"⚙️"}.display-group:nth-child(3) h3[data-v-5ea9030f]:before{content:"🚀"}.switch[data-v-5ea9030f]{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input[data-v-5ea9030f]{opacity:0;width:0;height:0}.slider[data-v-5ea9030f]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.slider[data-v-5ea9030f]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-5ea9030f]{background-color:var(--primary-color)}input:checked+.slider[data-v-5ea9030f]:before{transform:translate(26px)}@media (max-width: 768px){.settings-content[data-v-5ea9030f]{grid-template-columns:1fr;gap:var(--spacing-lg)}.settings-sidebar[data-v-5ea9030f]{position:static}.settings-nav[data-v-5ea9030f]{flex-direction:row;overflow-x:auto}.settings-nav-item[data-v-5ea9030f]{white-space:nowrap;min-width:auto;border-bottom:none;border-right:1px solid var(--border-light)}.settings-nav-item[data-v-5ea9030f]:last-child{border-right:none}.settings-section[data-v-5ea9030f]{padding:var(--spacing-lg)}.form-row[data-v-5ea9030f]{grid-template-columns:1fr}.avatar-setting[data-v-5ea9030f]{flex-direction:column;align-items:flex-start}}.notifications-page[data-v-4b58e805]{padding:var(--spacing-xl) 0}.page-header[data-v-4b58e805]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1[data-v-4b58e805]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.header-actions[data-v-4b58e805]{display:flex;gap:var(--spacing-md)}.notifications-filters[data-v-4b58e805]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:var(--spacing-sm)}.filter-btn[data-v-4b58e805]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn[data-v-4b58e805]:hover{color:var(--primary-color);border-color:var(--primary-color)}.filter-btn.active[data-v-4b58e805]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-count[data-v-4b58e805]{background:#ffffff4d;padding:2px 6px;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.filter-btn.active .filter-count[data-v-4b58e805]{background:#ffffff4d}.filter-btn:not(.active) .filter-count[data-v-4b58e805]{background:var(--primary-color);color:#fff}.notifications-list[data-v-4b58e805]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.empty-state[data-v-4b58e805]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-icon[data-v-4b58e805]{font-size:64px;margin-bottom:var(--spacing-lg)}.empty-state h3[data-v-4b58e805]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.notification-item[data-v-4b58e805]{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.notification-item[data-v-4b58e805]:hover{background:var(--background-light)}.notification-item[data-v-4b58e805]:last-child{border-bottom:none}.notification-item.unread[data-v-4b58e805]{background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color) 4px,white 4px,white 100%)}.notification-icon[data-v-4b58e805]{width:40px;height:40px;border-radius:50%;background:var(--background-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification-content[data-v-4b58e805]{flex:1;min-width:0}.notification-content h4[data-v-4b58e805]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.notification-content p[data-v-4b58e805]{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-xs)}.notification-time[data-v-4b58e805]{font-size:12px;color:var(--text-muted)}.notification-actions[data-v-4b58e805]{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity .2s ease}.notification-item:hover .notification-actions[data-v-4b58e805]{opacity:1}.mark-read-btn[data-v-4b58e805],.delete-btn[data-v-4b58e805]{width:32px;height:32px;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mark-read-btn[data-v-4b58e805]{background:var(--success);color:#fff}.mark-read-btn[data-v-4b58e805]:hover{background:var(--primary-color)}.delete-btn[data-v-4b58e805]{background:var(--error);color:#fff}.delete-btn[data-v-4b58e805]:hover{background:#a02d1f}.modal-overlay[data-v-4b58e805]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-4b58e805]{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-4b58e805]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2[data-v-4b58e805]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.close-btn[data-v-4b58e805]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs)}.modal-body[data-v-4b58e805]{padding:var(--spacing-lg)}.setting-group[data-v-4b58e805]{margin-bottom:var(--spacing-xl)}.setting-group h3[data-v-4b58e805]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.setting-item[data-v-4b58e805]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer}.setting-item input[type=checkbox][data-v-4b58e805]{width:16px;height:16px;accent-color:var(--primary-color)}.frequency-select[data-v-4b58e805]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;font-size:14px}.modal-footer[data-v-4b58e805]{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-light)}@media (max-width: 768px){.page-header[data-v-4b58e805]{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.header-actions[data-v-4b58e805]{justify-content:center}.notifications-filters[data-v-4b58e805]{gap:var(--spacing-xs)}.notification-item[data-v-4b58e805]{padding:var(--spacing-md)}.notification-actions[data-v-4b58e805]{opacity:1}.modal-footer[data-v-4b58e805]{flex-direction:column}}.friends-page[data-v-5b39b711]{padding:var(--spacing-xl) 0}.page-header[data-v-5b39b711]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-header h1[data-v-5b39b711]{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary)}.header-actions[data-v-5b39b711]{display:flex;gap:var(--spacing-md);align-items:center}.search-box[data-v-5b39b711]{position:relative;min-width:300px}.search-box input[data-v-5b39b711]{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:14px;background:#fff}.search-box input[data-v-5b39b711]:focus{outline:none;border-color:var(--primary-color)}.search-box svg[data-v-5b39b711]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary)}.friends-tabs[data-v-5b39b711]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light)}.tab-btn[data-v-5b39b711]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.tab-btn[data-v-5b39b711]:hover{color:var(--text-primary)}.tab-btn.active[data-v-5b39b711]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count[data-v-5b39b711]{background:var(--background-grey);padding:2px 6px;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-weight-medium)}.tab-btn.active .tab-count[data-v-5b39b711]{background:var(--primary-color);color:#fff}.friends-grid[data-v-5b39b711]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.friend-card[data-v-5b39b711]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.friend-card[data-v-5b39b711]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.friend-avatar[data-v-5b39b711]{position:relative;width:64px;height:64px;margin:0 auto var(--spacing-md)}.friend-avatar img[data-v-5b39b711]{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-indicator[data-v-5b39b711]{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);border:3px solid white}.online-indicator.online[data-v-5b39b711]{background:var(--success)}.friend-info[data-v-5b39b711]{text-align:center;margin-bottom:var(--spacing-lg)}.friend-info h3[data-v-5b39b711]{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.friend-title[data-v-5b39b711]{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-md)}.friend-stats[data-v-5b39b711]{display:flex;justify-content:center;gap:var(--spacing-md);font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.friend-meta .status[data-v-5b39b711]{font-size:12px;font-weight:var(--font-weight-medium)}.friend-meta .status.online[data-v-5b39b711]{color:var(--success)}.friend-actions[data-v-5b39b711]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.btn-sm[data-v-5b39b711]{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.empty-state[data-v-5b39b711]{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary);grid-column:1 / -1}.empty-icon[data-v-5b39b711]{font-size:64px;margin-bottom:var(--spacing-lg)}.empty-state h3[data-v-5b39b711]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.requests-list[data-v-5b39b711]{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-item[data-v-5b39b711]{display:flex;align-items:center;gap:var(--spacing-md);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.request-avatar img[data-v-5b39b711]{width:48px;height:48px;border-radius:50%;object-fit:cover}.request-info[data-v-5b39b711]{flex:1}.request-info h4[data-v-5b39b711]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.request-info p[data-v-5b39b711]{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-xs)}.request-time[data-v-5b39b711]{font-size:12px;color:var(--text-muted)}.request-actions[data-v-5b39b711]{display:flex;gap:var(--spacing-sm)}.suggestions-grid[data-v-5b39b711]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.suggestion-card[data-v-5b39b711]{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.suggestion-avatar[data-v-5b39b711]{width:56px;height:56px;margin:0 auto var(--spacing-md)}.suggestion-avatar img[data-v-5b39b711]{width:100%;height:100%;border-radius:50%;object-fit:cover}.suggestion-info h4[data-v-5b39b711]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.suggestion-info p[data-v-5b39b711]{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-sm)}.mutual-friends[data-v-5b39b711]{font-size:12px;color:var(--primary-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.suggestion-reason[data-v-5b39b711]{font-size:11px;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.suggestion-actions[data-v-5b39b711]{display:flex;gap:var(--spacing-sm)}.modal-overlay[data-v-5b39b711]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-5b39b711]{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-5b39b711]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2[data-v-5b39b711]{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.close-btn[data-v-5b39b711]{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs)}.modal-body[data-v-5b39b711]{padding:var(--spacing-lg)}.form-group[data-v-5b39b711]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-5b39b711]{display:block;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-group input[data-v-5b39b711]{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px}.form-group input[data-v-5b39b711]:focus{outline:none;border-color:var(--primary-color)}.search-results[data-v-5b39b711]{margin-top:var(--spacing-lg)}.search-results h4[data-v-5b39b711]{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.search-result-item[data-v-5b39b711]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.search-result-item img[data-v-5b39b711]{width:40px;height:40px;border-radius:50%}.user-info[data-v-5b39b711]{flex:1;display:flex;flex-direction:column}.user-name[data-v-5b39b711]{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:14px}.user-title[data-v-5b39b711]{font-size:12px;color:var(--text-secondary)}.modal-footer[data-v-5b39b711]{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-light)}@media (max-width: 968px){.page-header[data-v-5b39b711]{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.header-actions[data-v-5b39b711]{flex-direction:column}.search-box[data-v-5b39b711]{min-width:auto}.friends-grid[data-v-5b39b711],.suggestions-grid[data-v-5b39b711]{grid-template-columns:1fr}.request-actions[data-v-5b39b711],.suggestion-actions[data-v-5b39b711]{flex-direction:column}}.not-found-page[data-v-72ff1f35]{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found-content[data-v-72ff1f35]{max-width:500px;padding:var(--spacing-xl)}.error-icon[data-v-72ff1f35]{font-size:80px;margin-bottom:var(--spacing-lg)}h1[data-v-72ff1f35]{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}p[data-v-72ff1f35]{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.actions[data-v-72ff1f35]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 480px){.actions[data-v-72ff1f35]{flex-direction:column}.actions .btn[data-v-72ff1f35]{width:100%}}