.page-module__xwZR6a__heroBanner{padding:calc(var(--navbar-height) + var(--space-16)) 0 var(--space-16);background:linear-gradient(160deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);text-align:center;position:relative;overflow:hidden}.page-module__xwZR6a__heroBannerBg{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#2563eb14 0%,#0000 70%);position:absolute;inset:0}.page-module__xwZR6a__heroTitle{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--color-text-heading);margin:var(--space-4) 0 var(--space-4);letter-spacing:-.03em;position:relative}.page-module__xwZR6a__heroSub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:600px;line-height:var(--leading-relaxed);margin:0 auto;position:relative}.page-module__xwZR6a__content{padding:var(--space-16) 0 var(--space-24)}.page-module__xwZR6a__articlesGrid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.page-module__xwZR6a__articleCard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7);gap:var(--space-4);transition:all var(--transition-base);opacity:0;flex-direction:column;animation:.6s forwards page-module__xwZR6a__fadeInUp;display:flex}.page-module__xwZR6a__articleCard:hover{box-shadow:var(--shadow-card-hover);border-color:#2563eb33;transform:translateY(-5px)}.page-module__xwZR6a__cardTop{justify-content:space-between;align-items:center;display:flex}.page-module__xwZR6a__cardEmoji{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.page-module__xwZR6a__tagGreen{background:#10b9811a}.page-module__xwZR6a__tagCyan{background:#00d8ff1a}.page-module__xwZR6a__tagViolet{background:#7c3aed1a}.page-module__xwZR6a__tagOrange{background:#f59e0b1a}.page-module__xwZR6a__tagBlue{background:#2563eb1a}.page-module__xwZR6a__cardMeta{align-items:center;gap:var(--space-2);display:flex}.page-module__xwZR6a__metaDate,.page-module__xwZR6a__metaRead{font-size:var(--text-xs);color:var(--color-text-muted)}.page-module__xwZR6a__metaDot{color:var(--color-border);font-size:var(--text-xs)}.page-module__xwZR6a__articleTitle{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-heading);line-height:var(--leading-snug);letter-spacing:-.01em}.page-module__xwZR6a__articleSummary{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.page-module__xwZR6a__cardFooter{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex}.page-module__xwZR6a__tagList{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-module__xwZR6a__tag{padding:var(--space-1) var(--space-2);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium)}.page-module__xwZR6a__readMore{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-blue);white-space:nowrap;transition:gap var(--transition-fast);flex-shrink:0;text-decoration:none;display:inline-flex}.page-module__xwZR6a__readMore:hover{gap:var(--space-2)}@media (max-width:1024px){.page-module__xwZR6a__articlesGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-module__xwZR6a__heroTitle{font-size:var(--text-3xl)}.page-module__xwZR6a__articlesGrid{grid-template-columns:1fr}}
