.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700;display:flex;align-items:center;justify-content:center;border:none!important}.el-pagination.is-background{padding:0}.el-pagination button:disabled{color:#c0c4cc;background-color:#f4f4f5;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{display:flex;justify-content:center;align-items:center;font-size:13px;height:28px;min-width:28px;border-radius:0;background:#f4f4f5;color:#606266;cursor:pointer;text-align:center;margin:0;border:none;transition:all .3s}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{background:#f4f4f5;color:#606266;min-width:30px;border-radius:4px;margin:0 5px}.el-pagination.is-background .btn-next:hover:not(:disabled),.el-pagination.is-background .btn-prev:hover:not(:disabled){color:#409eff}:root[data-theme=dark] .el-pagination.is-background .btn-next:hover:not(:disabled),:root[data-theme=dark] .el-pagination.is-background .btn-prev:hover:not(:disabled){color:#ff4f5a;background-color:rgba(255,79,90,.1)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-next .el-icon svg,.el-pagination .btn-prev .el-icon svg{width:12px;height:12px;fill:currentColor}.el-pagination .el-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;vertical-align:top;font-size:0;padding:0;margin:0}.el-pagination .el-pager li{display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:400;cursor:pointer;border-radius:0;text-align:center;border:none;transition:all .3s}.el-pagination .el-pager li,.el-pagination.is-background .el-pager li{background:#f4f4f5;color:#606266;min-width:30px;height:28px;line-height:28px;margin:0 5px}.el-pagination.is-background .el-pager li{border-radius:4px}.el-pagination.is-background .el-pager li:hover{color:#409eff}.el-pagination.is-background .el-pager li.is-active{background-color:#409eff;color:#fff}:root[data-theme=dark] .el-pagination.is-background .el-pager li:hover{color:#ff4f5a;background-color:rgba(255,79,90,.1)}:root[data-theme=dark] .el-pagination.is-background .el-pager li.is-active{background-color:#ff4f5a}:root[data-theme=dark] .el-pagination button:disabled{color:#6b7280;background-color:#374151}:root[data-theme=dark] .el-pagination .btn-next,:root[data-theme=dark] .el-pagination .btn-prev,:root[data-theme=dark] .el-pagination.is-background .btn-next,:root[data-theme=dark] .el-pagination.is-background .btn-prev{color:#d1d5db}.el-pagination .el-pager li.btn-quicknext,.el-pagination .el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pagination .el-pager li.btn-quicknext:hover,.el-pagination .el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination .el-pager li.btn-quicknext i,.el-pagination .el-pager li.btn-quickprev i{font-size:14px}.el-pagination .el-pager li.btn-quicknext svg,.el-pagination .el-pager li.btn-quickprev svg{width:14px;height:14px;fill:currentColor}.el-pagination .el-pager li.is-active+li{border-left:0}.el-pagination .el-pager li:hover{color:#409eff}.el-pagination .el-pager li.is-active{color:#409eff;cursor:default}.el-pagination .el-pager li.is-active:hover{color:#409eff}.el-pagination button.is-disabled,.el-pagination button.is-disabled:hover{color:#c0c4cc;background-color:#f4f4f5;cursor:not-allowed}.btn-quicknext{display:flex;justify-content:center;align-items:center}.btn-quicknext:hover{color:#409eff}.btn-quicknext svg{width:12px;height:12px}@media (max-width:768px){.el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{min-width:28px;height:28px;font-size:12px;margin:0 3px}.el-pagination .el-pager li,.el-pagination.is-background .el-pager li{min-width:28px;height:28px;line-height:28px;font-size:12px;margin:0 2px}.el-pager li:not(.is-active):not(.btn-quicknext){display:none}.el-pager li.btn-quicknext,.el-pager li.is-active,.el-pager li:first-child,.el-pager li:last-child{display:flex}}@media (max-width:480px){.el-pagination{padding:2px 0}.el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination .el-pager li{min-width:26px;height:26px;font-size:11px}.el-pagination .el-pager li{line-height:26px}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{margin:0 2px}.el-pagination.is-background .el-pager li{margin:0 1px}}:root[data-theme=dark] .el-pagination{color:#e5e7eb}:root[data-theme=dark] .el-pagination .btn-next,:root[data-theme=dark] .el-pagination .btn-prev,:root[data-theme=dark] .el-pagination.is-background .btn-next,:root[data-theme=dark] .el-pagination.is-background .btn-prev{background:#374151;color:#9ca3af}:root[data-theme=dark] .el-pagination.is-background .btn-next:hover:not(:disabled),:root[data-theme=dark] .el-pagination.is-background .btn-prev:hover:not(:disabled){color:#60a5fa}:root[data-theme=dark] .el-pagination .el-pager li,:root[data-theme=dark] .el-pagination.is-background .el-pager li{background:#374151;color:#9ca3af}:root[data-theme=dark] .el-pagination.is-background .el-pager li:hover{color:#60a5fa}:root[data-theme=dark] .el-pagination.is-background .el-pager li.is-active{background-color:#3b82f6;color:#fff}:root[data-theme=dark] .el-pagination .el-pager li:hover{color:#60a5fa}:root[data-theme=dark] .el-pagination .el-pager li.btn-quicknext,:root[data-theme=dark] .el-pagination .el-pager li.btn-quickprev{color:#e5e7eb}:root[data-theme=dark] .el-pagination .el-pager li.btn-quicknext:hover,:root[data-theme=dark] .el-pagination .el-pager li.btn-quickprev:hover{color:#60a5fa}:root[data-theme=dark] .el-pagination button.is-disabled,:root[data-theme=dark] .el-pagination button.is-disabled:hover{color:#6b7280;background-color:#374151}.commPagination{margin:40px 0 0;padding:16px 0;border-top:1px solid rgba(226,232,240,.4)}:root[data-theme=light] .commPagination{border-top-color:rgba(226,232,240,.6)}:root[data-theme=dark] .commPagination{border-top-color:rgba(75,85,99,.4)}.pagination-container{margin-top:16px;padding-top:8px;border-top:none}:root[data-theme=dark] .pagination-container,:root[data-theme=light] .pagination-container{border-top:none}.articles-page__main{flex:1;display:flex;flex-direction:column;background-size:40px 40px;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0);position:relative}:root[data-theme=light] .articles-page__main{background-image:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.03) 1px,transparent 0)}:root[data-theme=dark] .articles-page__main{background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0)}.leftPart{width:80%;margin:0 auto;flex-direction:column;justify-content:flex-start;padding:50vh 20px 20px;transform:translateY(-10%);background-color:transparent;background-image:none;flex:1}.leftPart,.page-header{display:flex;position:relative}.page-header{text-align:center;margin-bottom:40px;padding-bottom:40px;border-bottom:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4,16px)}.page-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-black,900);color:var(--color-primary,#ff4f5a);margin:0 0 20px;letter-spacing:-.02em;line-height:var(--line-height-tight,1.25)}.page-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-hero-desc,#8C94A2);margin:0 auto;line-height:var(--line-height-normal,1.5);letter-spacing:.025em;max-width:600px}.font600{font-weight:600}:root[data-theme=light] .page-title{color:var(--color-primary-light,#2563EB)}:root[data-theme=light] .page-subtitle{color:var(--current-text-secondary,#4B5563)}:root[data-theme=light] .page-header{border-bottom:none}:root[data-theme=light] .page-header:after{background:var(--gradient-light,linear-gradient(135deg,#2563EB,#06B6D4))}:root[data-theme=dark] .page-title{color:var(--color-primary,#ff4f5a)}:root[data-theme=dark] .page-subtitle{color:var(--color-text-hero-desc,#8C94A2)}:root[data-theme=dark] .page-header{border-bottom:none}:root[data-theme=dark] .page-header:after{background:var(--gradient-primary,linear-gradient(135deg,#ff4f5a,#fdb813))}.articles-list{width:100%;border-radius:var(--border-radius-xl);padding:32px;position:relative;background-color:#191924;border:1px solid var(--current-border,#242432);min-height:500px;display:flex;flex-direction:column}.articles-list,:root[data-theme=light] .articles-list{box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06))}:root[data-theme=light] .articles-list{background-color:var(--current-card,#FFFFFF);border:1px solid var(--current-border,#d1d5db)}:root[data-theme=dark] .articles-list{background-color:#191924;border:1px solid var(--current-border,#242432)}.articles-page .footer{margin-top:0}.articles-container,.articles-list>div{flex:1;display:flex;flex-direction:column}.pagination-container{margin-top:auto;padding-top:32px;display:flex;justify-content:center;border:none;outline:none}.pagination-container .el-pagination{border-top:none!important}.article-item{width:100%;padding:28px 0 16px;position:relative}.article-link{display:block;text-decoration:none;color:inherit;transition:all .2s ease}.article-link:hover{transform:translateX(4px)}.article-content{display:flex;align-items:flex-start;gap:20px}.article-image-container{flex-shrink:0;width:120px;height:90px;border-radius:8px;overflow:hidden;background:#f1f5f9;position:relative}:root[data-theme=dark] .article-image-container{background:#334155}.article-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.article-link:hover .article-image{transform:scale(1.05)}.article-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.article-title{font-size:18px;font-weight:600;line-height:1.4;color:var(--current-text-primary,#FFFFFF);margin:0;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease}:root[data-theme=light] .article-title{color:var(--current-text-primary,#111827)}:root[data-theme=dark] .article-title{color:var(--current-text-primary,#FFFFFF)}.article-link:hover .article-title,:root[data-theme=dark] .article-link:hover .article-title{color:var(--color-primary,#ff4f5a)}.article-abstract{font-size:14px;line-height:1.6;color:var(--current-text-secondary,#A0A0A0);margin:0;letter-spacing:.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}:root[data-theme=light] .article-abstract{color:var(--current-text-secondary,#4B5563)}:root[data-theme=dark] .article-abstract{color:var(--current-text-secondary,#A0A0A0)}.article-meta{gap:24px;margin-top:4px}.article-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:6px;font-size:12px;color:var(--current-text-muted,#666666);font-weight:500;letter-spacing:.025em}:root[data-theme=light] .meta-item{color:var(--current-text-muted,#9CA3AF)}:root[data-theme=dark] .meta-item{color:var(--current-text-muted,#666666)}.meta-icon{font-size:12px;opacity:.7}.meta-text{white-space:nowrap}.article-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06) 20%,rgba(0,0,0,.06) 80%,transparent);margin:12px 0 0;position:relative}.article-item:last-child .article-divider{display:none}:root[data-theme=light] .article-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 20%,rgba(0,0,0,.08) 80%,transparent)}:root[data-theme=dark] .article-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 20%,rgba(255,255,255,.08) 80%,transparent)}.articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-8,32px)}.articles-loading .community__loading-spinner{width:40px;height:40px;border-top:4px solid var(--current-border,#242432);border:4px solid var(--current-border,#242432);border-top-color:var(--color-primary,#ff4f5a);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4,16px)}.articles-loading p{color:var(--current-text-secondary,#8C94A2);font-size:var(--font-size-base,1rem);text-align:center;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.leftPart{padding:0 16px 32px;width:90%}.articles-page .footer{margin-top:0}.articles-list{padding:24px;border-radius:8px;min-height:450px}.pagination-container{padding-top:24px}.page-header{margin-bottom:40px;padding-bottom:30px}.page-title{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:12px}.page-subtitle{font-size:14px}.page-header:after{width:60px;height:2px}.font600{font-size:20px}.article-item{padding:24px 0}.article-content{gap:16px}.article-image-container{width:100px;height:75px;border-radius:6px}.article-title{font-size:16px}.article-abstract,.article-title{line-height:1.5;-webkit-line-clamp:2}.article-abstract{font-size:13px}.article-meta{gap:20px;margin-top:8px}.meta-item{font-size:11px;gap:5px}}@media (max-width:480px){.leftPart{padding:0 12px 24px;width:95%}.articles-page .footer{margin-top:0}.articles-list{padding:20px;min-height:400px}.pagination-container{padding-top:20px}.page-header{margin-bottom:30px;padding-bottom:20px}.page-title{font-size:clamp(1.5rem,7vw,2rem);margin-bottom:8px}.page-subtitle{font-size:13px}.page-header:after{width:50px;height:2px}.font600{font-size:18px}.article-item{padding:20px 0}.article-content{flex-direction:column;gap:12px}.article-image-container{width:100%;height:160px;border-radius:8px}.article-title{font-size:15px;-webkit-line-clamp:3}.article-abstract{font-size:12px;-webkit-line-clamp:3}.article-meta{gap:16px;margin-top:6px}.meta-item{font-size:10px;gap:4px}}:root[data-theme=light] .leftPart{background-size:40px 40px}:root[data-theme=dark] .leftPart,:root[data-theme=light] .leftPart{background-color:transparent;position:relative}.article-link:hover .meta-icon{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-item{animation:fadeInUp .6s ease-out both}.article-item:first-child{animation-delay:.05s}.article-item:nth-child(2){animation-delay:.1s}.article-item:nth-child(3){animation-delay:.15s}.article-item:nth-child(4){animation-delay:.2s}.article-item:nth-child(5){animation-delay:.25s}.article-item:nth-child(6){animation-delay:.3s}.article-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#f8fafc 25%,#e2e8f0 0,#e2e8f0 50%,#f8fafc 0,#f8fafc 75%,#e2e8f0 0);background-size:20px 20px;animation:shimmer 1.5s infinite;z-index:1}:root[data-theme=dark] .article-image-container:before{background:linear-gradient(45deg,#374151 25%,#4b5563 0,#4b5563 50%,#374151 0,#374151 75%,#4b5563 0);background-size:20px 20px}@keyframes shimmer{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.article-image{position:relative;z-index:2}