.blog-page-head{margin-bottom:var(--s-24);display:grid;gap:var(--s-12);max-width:900px}.blog-page-title{margin:0;font-size:52px;line-height:1.06;letter-spacing:-.02em;font-weight:700;color:var(--text)}.blog-page-sub{margin:0;font-size:16px;line-height:1.65;color:var(--muted);max-width:720px}.blog-section-title{margin:var(--s-24) 0 var(--s-16);font-size:20px;font-weight:700;color:var(--text)}.blog-featured{margin-top:var(--s-16)}.blog-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-16);align-items:stretch}.blog-f-card{position:relative;min-height:280px;border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden;text-decoration:none;box-shadow:var(--shadow);background:radial-gradient(900px 420px at 20% 10%,rgba(37,99,235,.08),transparent 60%),radial-gradient(700px 320px at 90% 0%,rgba(99,102,241,.06),transparent 60%),#00000008;background-size:cover;background-position:center;display:grid;align-content:end;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;min-width:0}.blog-f-card:hover{transform:translateY(-2px);border-color:var(--border2);background:radial-gradient(900px 420px at 20% 10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(700px 320px at 90% 0%,rgba(99,102,241,.08),transparent 60%),#0000000a;box-shadow:0 10px 30px #0000001a,0 2px 10px #0000000f}.blog-f-chip{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;letter-spacing:.02em;color:#fff;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,var(--primary),var(--primary2));box-shadow:0 6px 16px #2563eb38;white-space:nowrap}.blog-f-overlay{position:relative;z-index:2;padding:18px;color:#fff;background:linear-gradient(180deg,#0000001a,#00000094)}.blog-f-title{margin:0;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.01em;max-width:92%;text-shadow:0 2px 12px rgba(0,0,0,.28)}.blog-f-excerpt{margin-top:10px;font-size:13px;line-height:1.55;color:#ffffffe6;max-width:92%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-f-meta{margin-top:12px;font-size:13px;color:#ffffffe0;display:inline-flex;gap:8px;flex-wrap:wrap}.blog-all{margin-top:var(--s-24)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-16);align-items:stretch}.blog-card{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg0);overflow:hidden;box-shadow:var(--shadow-soft);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease;min-width:0}.blog-card:hover{transform:translateY(-2px);border-color:var(--border2);background:#0000000a}.blog-card-media{position:relative;aspect-ratio:16 / 9;background:#00000008}.blog-card-chip{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;padding:8px 12px;font-size:12px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--primary2));color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 16px #2563eb2e;white-space:nowrap}.blog-card-img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-img-placeholder{background:radial-gradient(900px 420px at 20% 10%,rgba(37,99,235,.08),transparent 60%),radial-gradient(700px 320px at 90% 0%,rgba(99,102,241,.06),transparent 60%),#00000008}.blog-card-body{padding:14px;display:grid;gap:8px;min-width:0}.blog-card-meta{font-size:12px;color:var(--muted2)}.blog-card-title{margin:0;font-size:16px;line-height:1.25;font-weight:700;color:var(--text)}.blog-card-excerpt{font-size:13px;line-height:1.55;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-card-author{margin-top:6px;font-size:13px;color:#000000c7;font-weight:600}.blog-loadmore-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-12);margin-top:var(--s-24)}.blog-loadmore-left{min-height:20px}.blog-loadmore-error{border:1px solid rgba(248,113,113,.35);background:#f8717114;color:#000000d1;border-radius:12px;padding:10px 12px;font-size:13px}@media(max-width:1024px){.blog-page-title{font-size:40px}.blog-featured-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-page-title{font-size:32px}.blog-grid{grid-template-columns:1fr}.blog-f-title{font-size:20px}.blog-f-card{min-height:240px}}