.community-page{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--sp-5)}.community-page .community-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1400px;overflow:hidden}.community-page .community-header{background-image:url(/static/media/bgClient2.7cbcf88b689fd16ff9c4.jpg);background-position:50%;background-size:cover;color:var(--color-text);padding:var(--sp-10);position:relative;text-align:center}.community-page .community-header:before{background:#05080fb8;content:"";inset:0;position:absolute}.community-page .community-header>*{position:relative}.community-page .community-title h1{-webkit-text-fill-color:#0000;background:var(--grad-chrome);-webkit-background-clip:text;background-clip:text;color:var(--steel-100);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;margin:0 0 var(--sp-2);text-transform:uppercase}.community-page .community-title p{color:var(--steel-300);font-size:var(--text-lg);margin:0}.community-page .community-search{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);display:flex;gap:var(--sp-2);margin:var(--sp-6) auto 0;max-width:460px;padding:var(--sp-3) var(--sp-4);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.community-page .community-search:focus-within{border-color:var(--blue-400);box-shadow:var(--ring-focus)}.community-page .community-search i{color:var(--blue-400);font-size:var(--text-base)}.community-page .community-search input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:var(--text-base)}.community-page .community-search input:focus{outline:none}.community-page .community-search input::placeholder{color:var(--color-text-muted)}.community-page .search-clear{align-items:center;background:var(--color-surface-3);border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-lg);height:32px;justify-content:center;line-height:1;transition:background-color var(--transition-fast);width:32px}.community-page .search-clear:hover{background:var(--blue-600)}.community-page .community-content{padding:var(--sp-8) var(--sp-10)}.community-page .filter-summary{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--sp-8);padding:var(--sp-5)}.community-page .summary-text{color:var(--color-text);font-size:var(--text-base);font-weight:500}.community-page .empty-state{color:var(--color-text-2nd);padding:var(--sp-20) var(--sp-5);text-align:center}.community-page .empty-state i{color:var(--color-text-muted);font-size:var(--text-5xl);margin-bottom:var(--sp-5)}.community-page .empty-state h3{color:var(--color-text);font-size:var(--text-2xl);margin:0 0 var(--sp-2)}.community-page .empty-state p{font-size:var(--text-lg);margin:0}.community-page .blogs-grid{grid-gap:var(--sp-6);display:grid;gap:var(--sp-6);grid-template-columns:repeat(4,1fr)}.community-page .blog-card{background:var(--grad-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.community-page .blog-card:before{background:linear-gradient(90deg,var(--blue-500),var(--blue-300),var(--blue-500));background:var(--grad-chrome-line,linear-gradient(90deg,var(--blue-500),var(--blue-300),var(--blue-500)));content:"";height:3px;inset:0 0 auto 0;position:absolute;z-index:2}.community-page .blog-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg),var(--glow-blue);transform:translateY(-6px)}.community-page .blog-image{flex-shrink:0;height:200px;overflow:hidden;position:relative}.community-page .blog-image .blog-category{box-shadow:0 2px 8px #05080f80;left:var(--sp-3);position:absolute;top:var(--sp-3);z-index:2}.community-page .blog-image img{height:100%;object-fit:cover;transition:transform var(--transition-base);width:100%}.community-page .blog-card:hover .blog-image img{transform:scale(1.05)}.community-page .no-image{align-items:center;background:var(--navy-850);color:var(--color-text-muted);display:flex;font-size:var(--text-4xl);height:100%;justify-content:center;width:100%}.community-page .blog-content{display:flex;flex-direction:column;padding:var(--sp-6)}.community-page .blog-title-link{display:block;text-decoration:none}.community-page .blog-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);cursor:pointer;display:-webkit-box;font-size:var(--text-base);font-weight:700;height:3em;line-height:1.5;margin:0 0 var(--sp-3);max-height:3em;overflow:hidden;overflow-wrap:break-word;transition:color var(--transition-fast)}.community-page .blog-title-link:hover .blog-title{color:var(--blue-300)}.community-page .blog-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-2nd);display:-webkit-box;font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--sp-4);min-height:calc(var(--text-sm)*var(--leading-normal)*3);overflow:hidden}.community-page .blog-meta{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:nowrap;font-size:var(--text-sm);gap:var(--sp-2);justify-content:space-between;padding-top:var(--sp-4)}.community-page .blog-meta span{align-items:center;color:var(--color-text-2nd);display:flex;gap:var(--sp-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-page .blog-author{flex-shrink:1}.community-page .blog-date{flex-shrink:0}.community-page .blog-meta i{color:var(--blue-400);width:14px}.community-page .blog-category{align-items:center;background:var(--blue-600);border:1px solid var(--blue-500);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-xs);font-weight:600;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3)}.community-page .blog-category i{color:#fff;width:auto}.community-page .blog-actions{align-items:center;display:flex;gap:var(--sp-2);margin-top:auto;padding:0 var(--sp-6) var(--sp-6)}.community-page .action-btn{align-items:center;background:var(--grad-btn-primary);border:1px solid #4a5266;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffb3,0 2px 6px #0006;color:var(--color-primary-contrast);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-body);font-size:.9375rem;font-weight:600;gap:var(--sp-2);justify-content:center;min-height:44px;padding:var(--sp-3) var(--sp-5);text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.community-page .action-btn:hover{background:var(--grad-btn-primary-hover);box-shadow:inset 0 1px 0 #fffc,0 0 0 2px #39b8ff8c,0 0 18px #39b8ff73,0 2px 8px #00000073;color:var(--color-primary-contrast)}.community-page .pagination{flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-10)}.community-page .page-btn,.community-page .pagination{align-items:center;display:flex;justify-content:center}.community-page .page-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-2nd);cursor:pointer;font-size:var(--text-sm);font-weight:600;height:44px;min-width:44px;padding:0 var(--sp-3);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.community-page .page-btn:hover:not(:disabled):not(.active){border-color:var(--blue-400);color:var(--blue-300);transform:translateY(-1px)}.community-page .page-btn.active{background:var(--blue-600);border-color:var(--blue-500);box-shadow:var(--glow-blue);color:#fff}.community-page .page-btn:disabled{cursor:not-allowed;opacity:.4}.community-page .page-ellipsis{color:var(--color-text-muted);font-weight:700;padding:0 var(--sp-1)}.community-page .loading{align-items:center;color:var(--color-text-2nd);display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--sp-20) var(--sp-5)}.community-page .loading i{color:var(--blue-400);font-size:var(--text-3xl);margin-bottom:var(--sp-4)}.community-page .loading span{font-size:var(--text-lg);font-weight:500}@media (max-width:1279px){.community-page .blogs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1023px){.community-page .blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.community-page{padding:var(--sp-2)}.community-page .community-header{padding:var(--sp-8) var(--sp-5)}.community-page .community-title h1{font-size:var(--text-3xl)}.community-page .community-content{padding:var(--sp-5)}.community-page .blogs-grid{gap:var(--sp-5);grid-template-columns:1fr}.community-page .filter-summary{flex-direction:column;gap:var(--sp-4);text-align:center}.community-page .blog-actions{justify-content:center}.community-page .community-search{margin-top:var(--sp-4)}.community-page .page-btn{font-size:var(--text-sm);height:40px;min-width:40px}}@media (max-width:479px){.community-page .community-title h1{font-size:var(--text-2xl)}.community-page .blog-content{padding:var(--sp-5)}.community-page .blog-actions{padding:0 var(--sp-5) var(--sp-5)}}
/*# sourceMappingURL=786.8baaebf7.chunk.css.map*/