@scope(.site-public){.page-banner-bg:before{content:"";position:absolute;inset:0;background:url(/AppUpload/Image/c7a078f2a7574c43b241ab39cb1182ca.jpg) center/cover;opacity:.2}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-tag{display:inline-block;font-size:13px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:3px;font-family:var(--font-en);margin-bottom:12px}.section-title{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:16px;letter-spacing:1px}.section-line{width:60px;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary));margin:0 auto 20px;border-radius:2px}.section-desc{font-size:16px;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.8}.article-section{background:var(--bg-light)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.article-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition);cursor:pointer;position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary));transform:scaleX(0);transition:transform .3s ease;z-index:1}.article-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.article-card:hover:before{transform:scaleX(1)}.article-card-img{width:100%;height:305px;overflow:hidden}.article-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-card-img img{transform:scale(1.05)}.article-card-body{padding:24px}.article-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.article-card-tag{display:inline-block;font-size:12px;font-weight:500;color:var(--accent);background:#2d7dd214;padding:4px 12px;border-radius:20px}.article-card-date{font-size:13px;color:var(--text-muted)}.article-card-title{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:12px;line-height:1.5;transition:var(--transition)}.article-card:hover .article-card-title{color:var(--accent)}.article-card-summary{font-size:14px;color:var(--text-body);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-empty{grid-column:1 / -1;text-align:center;padding:80px 0;color:var(--text-muted);font-size:16px}.article-card.is-skeleton .article-card-img,.skeleton-line{position:relative;overflow:hidden;background:var(--bg-alt)}.article-card.is-skeleton .article-card-img:after,.skeleton-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:technology-shimmer 1.4s infinite}.skeleton-line{height:14px;margin-bottom:12px;border-radius:4px}.skeleton-line.skeleton-title{height:18px}.skeleton-line.skeleton-short{width:70px;height:22px;border-radius:20px;margin-bottom:16px}.article-retry{display:block;margin:16px auto 0;padding:10px 28px;font-size:14px;color:var(--white);background:var(--accent);border:none;border-radius:6px;cursor:pointer;font-family:var(--font-cn);transition:var(--transition)}.article-retry:hover{background:var(--primary)}@media(max-width:1200px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:60px 0}.section-title{font-size:28px}.article-grid{grid-template-columns:1fr}.article-card-img{height:240px}}}@keyframes technology-shimmer{to{transform:translate(100%)}}