.blog-top{padding:var(--page-top) 0 var(--section-y)}.blog-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));gap:20px clamp(28px,4cqi,56px);align-items:end;margin-bottom:28px}.blog-head__title{font-size:var(--fs-h1);line-height:1.05;margin:0}.blog-head__intro{margin:0;color:var(--text-3);font-size:clamp(18px,1.4cqi,20px)}.blog-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:22px}.blog-tab{flex:none;display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--white);color:var(--ink);font-weight:700;font-size:var(--fs-16);text-decoration:none;white-space:nowrap}.blog-tab--on{border-color:var(--ink);background:var(--ink);color:var(--white)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}.blog-card{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--radius-26);background:var(--card);color:var(--ink);text-decoration:none;transition:transform var(--dur-normal)}.blog-card:hover{transform:translateY(-4px);background:var(--teal-50)}.blog-card__meta{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-15)}.blog-card__cat{padding:3px 10px;border-radius:var(--radius-6);background:var(--ink);color:var(--white);font-weight:700}.blog-card__time{color:var(--text-2)}.blog-card__title{font-size:clamp(26px,2.4cqi,32px);line-height:1.05}.blog-card__lead{color:var(--text-3);font-size:var(--fs-17)}.blog-card__rev{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-15);color:var(--text-2)}