.article-section{background:var(--bg-white);padding:48px 24px;box-shadow:0 -4px 30px #1e3a5f0d}.article-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--border-color);position:relative}.article-section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%)}.article-section-title{font-size:30px;font-weight:800;color:var(--primary);margin:0;letter-spacing:-.02em}.article-section-subtitle{font-size:15px;color:var(--text-secondary);margin:8px 0 0;line-height:1.6}.article-more-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;background:linear-gradient(135deg,var(--accent) 0%,var(--primary-light) 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:14px;font-weight:700;transition:all var(--transition-normal);box-shadow:0 4px 18px #9207834d;white-space:nowrap;letter-spacing:.3px}.article-more-btn:hover{transform:translateY(-4px);box-shadow:0 10px 32px #92078366;color:#fff}.article-more-btn .arrow{transition:transform var(--transition-fast);font-size:16px}.article-more-btn:hover .arrow{transform:translate(6px)}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:26px}.article-item{display:block;padding:28px 26px;background:linear-gradient(145deg,#fafbfc,#f5f7fa);border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;color:inherit;transition:all var(--transition-normal);position:relative;overflow:hidden}.article-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--secondary));opacity:0;transition:opacity var(--transition-fast)}.article-item:hover{background:#fff;transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:var(--border-color)}.article-item:hover:before{opacity:1}.article-item-content{display:flex;flex-direction:column;gap:12px}.article-category-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#920783,#b829a6);color:#fff;font-size:11.5px;font-weight:700;border-radius:14px;align-self:flex-start}.article-item-title{font-size:16.5px;font-weight:700;color:var(--primary);margin:0;line-height:1.55;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color var(--transition-fast)}.article-item:hover .article-item-title{color:var(--accent)}.article-item-summary{font-size:13.5px;color:var(--text-secondary);margin:0;line-height:1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-item-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color);font-size:12.5px;color:var(--text-light);font-weight:500}.article-meta-right{display:flex;align-items:center;gap:16px}.article-item-date,.article-item-views{font-weight:600;color:var(--text-secondary)}.article-detail-link{font-size:13px;color:#920783;text-decoration:none;font-weight:500;transition:color .25s ease}.article-detail-link:hover{color:#6d0561;text-decoration:underline}.article-loading,.article-empty{text-align:center;padding:50px 20px;color:var(--text-light);font-size:14.5px;font-weight:500}@media(max-width:1024px){.article-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.article-section{padding:32px 22px}.article-section-header{flex-direction:column;gap:18px;text-align:center;padding-bottom:20px;margin-bottom:35px}.article-section-title{font-size:25px}.article-section-subtitle{font-size:14px}.article-list{grid-template-columns:1fr;gap:18px}.article-item{padding:22px 20px}.article-more-btn{padding:11px 24px;font-size:13.5px}}