:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-muted:#6b7280;--ease-out:cubic-bezier(0.34,1.56,0.64,1);--dur:0.35s;--smooth:cubic-bezier(0.4,0,0.2,1)}.section{max-width:var(--max-width);margin:0 auto;padding:var(--s12) var(--s6)}.section-label{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--brand,#1a73e8);margin-bottom:var(--s2)}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:0 0 var(--s3);line-height:1.25}.section-desc{color:var(--text-muted);line-height:1.8;margin-bottom:var(--s10);max-width:600px}.breadcrumb{max-width:var(--max-width);margin:0 auto;padding:var(--s4) var(--s6);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb a{color:var(--brand);text-decoration:none;padding:4px 8px;border-radius:var(--radius);transition:background 0.2s}.breadcrumb a:hover{background:var(--brand);color:#fff}.breadcrumb .sep{margin:0 var(--s2);opacity:0.4}.breadcrumb .current{font-weight:600;color:var(--gray-900)}.page-hero{position:relative;overflow:hidden;padding:80px var(--s6) 60px;text-align:center;color:#fff;background:linear-gradient(135deg,#0d47a1 0%,#1565c0 40%,#1a73e8 70%,#4a9af5 100%)}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin:0 0 var(--s3);letter-spacing:-0.02em;position:relative}.page-hero p{font-size:clamp(1rem,2vw,1.2rem);opacity:0.92;margin:0 0 var(--s6);position:relative}.page-hero-meta{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:center;position:relative}.page-hero-tag{background:rgba(255,255,255,0.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.25);padding:var(--s2) var(--s4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.hero-stats{display:flex;gap:var(--s6);justify-content:center;margin-top:var(--s8);flex-wrap:wrap;position:relative}.hero-stat{text-align:center}.hero-stat-num{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:var(--text-sm);opacity:0.85;margin-top:var(--s1)}.filter-bar{position:sticky;top:var(--nav-height);z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.filter-bar-inner{max-width:var(--max-width);margin:0 auto;padding:var(--s3) var(--s6);display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.filter-group{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}.filter-label{font-size:var(--text-sm);font-weight:700;color:var(--gray-600);margin-right:var(--s1)}.filter-chip{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-600);transition:all var(--dur) var(--smooth);white-space:nowrap}.filter-chip:hover{border-color:var(--brand);color:var(--brand)}.filter-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s5)}.card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);transition:all var(--dur-slow) var(--ease-out);text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit}.card-img{width:100%;height:200px;object-fit:cover}.card-body{padding:var(--s4) var(--s5)}.card-tag{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--s2)}.card-title{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--s2);line-height:1.3}.card-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin-bottom:var(--s3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.page-hero{padding:60px var(--s4) 40px}.page-hero h1{font-size:1.8rem}.filter-bar-inner{padding:var(--s2) var(--s4)}.card-grid{grid-template-columns:1fr}.hero-stats{gap:var(--s4)}}