*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 8px;--border-radius-lg: 12px;--transition: all .3s ease}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition)}button:active{transform:translateY(1px)}.header{background:var(--bg-primary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.nav{padding:1rem 0}.nav .container{display:flex;justify-content:space-between;align-items:center}.nav-brand h1{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-brand i{margin-right:.5rem;color:var(--accent-color)}.nav-menu{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--bg-secondary)}.nav-toggle{display:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.hero{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:3rem 0;text-align:center}.hero-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.search-box{max-width:500px;margin:0 auto;display:flex;background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.search-box input{flex:1;padding:1rem 1.5rem;border:none;outline:none;font-size:1rem;color:var(--text-primary)}.search-box input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.search-box button{padding:1rem 1.5rem;background:var(--primary-color);color:#fff;font-size:1.125rem}.search-box button:hover{background:var(--primary-dark)}@media(max-width:768px){.hero{padding:2rem 0}.hero-content h2{font-size:1.75rem}.hero-content p{font-size:.9rem;margin-bottom:1.5rem}.search-box{max-width:100%;margin:0 1rem}.search-box input{padding:.75rem 1rem;font-size:.9rem}.search-box button{padding:.75rem 1rem;font-size:1rem}}@media(max-width:480px){.hero{padding:1.5rem 0}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:.875rem}.search-box input{padding:.75rem;font-size:.875rem}.search-box button{padding:.75rem 1rem;font-size:.875rem}}.stats{padding:3rem 0;background:var(--bg-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center;padding:1.5rem;border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:1px solid var(--border-light)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-weight:500}@media(max-width:768px){.stats{padding:2rem 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:1.25rem}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-item{padding:1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}}.categories{padding:3rem 0}.categories h3{text-align:center;margin-bottom:2rem;font-size:1.875rem;color:var(--text-primary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.category-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition)}.category-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-item.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.category-item i{font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-color)}.category-item.active i{color:#fff}.category-item span{font-weight:500}@media(max-width:768px){.categories{padding:2rem 0}.categories h3{font-size:1.5rem;margin-bottom:1.5rem}.category-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.category-item{padding:1.25rem .75rem}.category-item i{font-size:1.25rem;margin-bottom:.375rem}.category-item span{font-size:.875rem}}@media(max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.category-item{padding:1rem .5rem}.category-item i{font-size:1.125rem}.category-item span{font-size:.8rem}}.threads{padding:3rem 0;background:var(--bg-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h3{font-size:1.875rem;color:var(--text-primary)}.filter-buttons{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.threads-list{display:grid;gap:1.5rem}@media(max-width:768px){.threads{padding:2rem 0}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.section-header h3{font-size:1.5rem}.filter-buttons{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn{padding:.5rem .75rem;font-size:.875rem;white-space:nowrap}.thread-item{padding:1.25rem}.thread-title{font-size:1.125rem}.thread-excerpt{font-size:.875rem}}@media(max-width:480px){.threads{padding:1.5rem 0}.section-header h3{font-size:1.25rem}.threads-list{gap:1rem}.thread-item{padding:1rem}.thread-header{margin-bottom:.75rem}.thread-title{font-size:1rem;line-height:1.3}.thread-excerpt{font-size:.8rem;margin-bottom:.75rem}.thread-footer{padding-top:.75rem}.thread-author{gap:.5rem}.author-avatar{width:28px;height:28px}.thread-stats{gap:.5rem;font-size:.75rem}}.thread-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;animation:fadeIn .5s ease-out}.thread-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.thread-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.thread-item:hover:before{left:100%}.thread-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.thread-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-muted)}.thread-category{background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius);font-weight:500}.thread-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.thread-excerpt{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.thread-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-light)}.thread-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:32px;height:32px;border-radius:50%}.author-name{font-weight:500;color:var(--text-primary)}.thread-stats{display:flex;gap:1rem;font-size:.875rem;color:var(--text-muted)}.thread-stats span{display:flex;align-items:center;gap:.25rem}.load-more{text-align:center;margin-top:2rem}.btn-load-more{padding:.75rem 2rem;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-weight:500;transition:var(--transition)}.btn-load-more:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.loading{text-align:center;padding:2rem;color:var(--text-muted);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading i{font-size:1.5rem;margin-bottom:.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--text-primary);color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{margin-bottom:1rem;font-size:1.125rem}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;transition:var(--transition)}.footer-section ul li a:hover{color:#fff}.footer-section ul li i{margin-right:.5rem;width:16px}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}@media(max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-section h4{font-size:1rem}.footer-section p{font-size:.875rem}.footer-section ul li{font-size:.875rem;margin-bottom:.75rem}.footer-bottom{padding-top:1.5rem;font-size:.75rem}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;gap:1.25rem;text-align:center}.footer-section h4{margin-bottom:.75rem}.footer-section p{font-size:.8rem}.footer-section ul li{display:inline-flex;align-items:center;margin:.375rem .75rem;font-size:.8rem}.footer-section ul li i{width:18px}}@media(max-width:768px){.container{padding:0 15px}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);box-shadow:var(--shadow-md);flex-direction:column;padding:1rem 0;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{display:flex;transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:.75rem 1.5rem;border-radius:0}.nav-toggle{display:block}.hero-content h2{font-size:2rem}.hero-content p{font-size:1rem}.search-box{flex-direction:column}.search-box button{border-top:1px solid var(--border-color)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.category-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.filter-buttons{width:100%;overflow-x:auto}.thread-header{flex-direction:column;gap:.5rem}.thread-meta{flex-wrap:wrap;gap:.5rem}.thread-footer{flex-direction:column;gap:1rem;align-items:flex-start}.footer-content{grid-template-columns:1fr;text-align:center}}@media(max-width:480px){.hero{padding:3rem 0}.hero-content h2{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:focus,a:focus{outline:2px solid var(--primary-color);outline-offset:2px}input:focus,textarea:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.breadcrumb{padding:1rem 0;background:var(--bg-tertiary)}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-nav a{color:var(--primary-color);font-weight:500}.breadcrumb-nav i{color:var(--text-muted)}.main-content{padding:2rem 0}.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem}.thread-detail{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.thread-detail .thread-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.thread-detail .thread-meta{margin-bottom:1rem}.thread-detail .thread-title{font-size:1.75rem;margin-bottom:1rem}.thread-detail .thread-author{margin-top:1rem}.author-info{display:flex;flex-direction:column}.author-level{font-size:.75rem;color:var(--text-muted)}.thread-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{padding:.25rem .75rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.875rem;font-weight:500}.thread-content{line-height:1.7;margin-bottom:2rem}.thread-content h1,.thread-content h2,.thread-content h3,.thread-content h4,.thread-content h5,.thread-content h6{margin:1.5rem 0 1rem;color:var(--text-primary)}.thread-content p{margin-bottom:1rem}.thread-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1rem 0;transition:opacity .3s ease;referrer-policy:no-referrer;display:block}.thread-content img[data-src]{opacity:0;transition:opacity .3s ease}.thread-content img.lazy-loaded,.thread-content img.loaded{opacity:1}.thread-content .img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-muted);font-size:.875rem;min-height:200px;width:100%;margin:1rem 0}.thread-content .img-placeholder i{font-size:2rem;margin-bottom:.5rem}.thread-content .img-placeholder span{display:block;margin-top:.5rem}.thread-content blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.thread-content code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.875rem}.thread-content a{color:#2563eb;text-decoration:underline}.thread-actions{display:flex;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border-light)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.sidebar-widget h3{margin-bottom:1rem;font-size:1.125rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.related-thread,.latest-thread{padding:.75rem 0;border-bottom:1px solid var(--border-light)}.related-thread:last-child,.latest-thread:last-child{border-bottom:none}.related-thread a,.latest-thread a{color:var(--text-primary);font-weight:500;font-size:.875rem;line-height:1.4;display:block;text-decoration:none;transition:color .3s ease;cursor:pointer}.related-thread a:hover,.latest-thread a:hover{color:var(--primary-color)}.thread-meta-small{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.category-stats{display:flex;flex-direction:column;gap:.5rem}.category-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.category-stats .stat-item:last-child{border-bottom:none}.category-stats .stat-label{font-size:.875rem;color:var(--text-secondary)}.category-stats .stat-count{font-weight:600;color:var(--primary-color)}.comments-section{padding:2rem 0;background:var(--bg-secondary)}.comments-header{margin-bottom:1.5rem}.comments-header h3{font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.comment-form{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.comment-form textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;transition:var(--transition)}.comment-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.comment-actions{margin-top:1rem;text-align:right}.submit-comment{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.submit-comment:hover{background:var(--primary-dark)}.submit-comment:disabled{background:var(--text-muted);cursor:not-allowed}.comment-item{background:var(--bg-primary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-avatar{width:36px;height:36px;border-radius:50%}.comment-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary)}.comment-time{font-size:.75rem;color:var(--text-muted)}.comment-content{color:var(--text-secondary);line-height:1.6}.comment-like{background:none;border:none;color:var(--text-muted);font-size:.875rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--border-radius);transition:var(--transition)}.comment-like:hover{background:var(--bg-secondary);color:var(--primary-color)}.comment-like.active{color:var(--primary-color)}.share-modal{display:none;position:fixed;inset:0;background:#00000080;z-index:2000;align-items:center;justify-content:center}.share-modal.active{display:flex}.share-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:2rem;max-width:400px;width:90%;max-width:90vw;position:relative;animation:shareModalIn .3s ease-out}@keyframes shareModalIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.share-content h3{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.share-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-weight:500;transition:var(--transition)}.share-option:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.close-modal{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition)}.close-modal:hover{background:var(--danger-color);color:#fff}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:var(--text-primary);color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:.75rem}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.badge-primary{background:var(--primary-color);color:#fff}.badge-success{background:var(--success-color);color:#fff}.badge-warning{background:var(--warning-color);color:#fff}.badge-danger{background:var(--danger-color);color:#fff}.no-results,.no-comments{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.no-results i,.no-comments i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results p,.no-comments p{margin-bottom:.5rem}.error-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.error-message i{font-size:3rem;color:var(--danger-color);margin-bottom:1rem}.error-message h3{margin-bottom:1rem;color:var(--text-primary)}.retry-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:var(--border-radius);font-weight:500;margin-top:1rem;transition:var(--transition)}.retry-btn:hover{background:var(--primary-dark)}@media(max-width:1024px){.detail-layout{grid-template-columns:1fr;gap:1.5rem}.sidebar{order:2;margin-top:2rem}}@media(max-width:768px){.thread-actions{flex-wrap:wrap;gap:.5rem}.action-btn{font-size:.875rem;padding:.5rem .75rem}.share-options{grid-template-columns:1fr;gap:.75rem}.thread-detail{padding:1.5rem}.thread-detail .thread-title{font-size:1.25rem}.breadcrumb{padding:.75rem 0}.breadcrumb-nav{font-size:.75rem}}@media(max-width:480px){.thread-detail{padding:1.25rem}.thread-detail .thread-title{font-size:1.125rem}.sidebar-widget{padding:1rem}.sidebar-widget h3{font-size:1rem}.share-options{grid-template-columns:1fr;gap:.5rem}.share-option{padding:.75rem;font-size:.875rem}.action-btn{padding:.5rem .625rem;font-size:.8rem}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.thread-detail .thread-title{font-size:1.25rem}.sidebar-widget{padding:1rem}} @keyframes slideIn{from{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.category-item:hover{animation:pulse .5s ease-in-out}.thread-item:hover{animation:slideIn .3s ease-out}.stat-item{transition:all .3s ease}.stat-item:hover{transform:scale(1.05);box-shadow:var(--shadow-md);background:var(--bg-tertiary)}button:active{animation:shake .5s ease-in-out}.loading i{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}.threads-list>*:nth-child(1){animation-delay:.1s}.threads-list>*:nth-child(2){animation-delay:.2s}.threads-list>*:nth-child(3){animation-delay:.3s}.threads-list>*:nth-child(4){animation-delay:.4s}.threads-list>*:nth-child(5){animation-delay:.5s}.threads-list>*:nth-child(6){animation-delay:.6s}.threads-list>*:nth-child(7){animation-delay:.7s}.threads-list>*:nth-child(8){animation-delay:.8s}.threads-list>*:nth-child(9){animation-delay:.9s}.threads-list>*:nth-child(10){animation-delay:1s}.fade-in-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}.search-box input:focus{animation:bounce .5s ease-in-out}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:100%}.thread-content img{animation:fadeIn .5s ease-out}*{scroll-behavior:smooth}::selection{animation:none;background:var(--primary-color);color:#fff}.scroll-top-btn[data-v-6b3ee0f2]{position:fixed;right:2rem;bottom:2rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:1.25rem;box-shadow:0 4px 15px #667eea;transition:all 0 .43s ease;z-index:1000}.scroll-top-btn[data-v-6b3ee0f2]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}.scroll-top-btn[data-v-6b3ee0f2]:active{transform:translateY(-1px)}.btn-text[data-v-6b3ee0f2]{font-size:.625rem}.scroll-top-enter-active[data-v-6b3ee0f2],.scroll-top-leave-active[data-v-6b3ee0f2]{transition:all .3s ease}.scroll-top-enter-from[data-v-6b3ee0f2],.scroll-top-leave-to[data-v-6b3ee0f2]{opacity:0;transform:translateY(20px)}@media(max-width:768px){.scroll-top-btn[data-v-6b3ee0f2]{right:1rem;bottom:1rem;width:40px;height:40px;font-size:1rem}}#app{min-height:100vh}