.blog-hero{position:relative;background:var(--ink);color:#fff;padding:96px 0 52px;overflow:hidden}.blog-hero:after{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-200px;background:radial-gradient(circle,rgba(29,95,232,.5),transparent 68%);pointer-events:none}.blog-hero .container{position:relative;z-index:1}.blog-hero h1,.blog-hero h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:16px;color:#fff}.blog-hero h1 .accent,.blog-hero h2 .accent{color:var(--cyan)}.blog-hero-lead{max-width:680px;font-size:1rem;font-weight:500;line-height:1.7;color:#fff}.blog-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#fff}.blog-hero-meta b{font-family:var(--font-display);font-size:20px;font-weight:600;color:#fff;margin-right:6px}.blog-hero-meta .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.25)}.blog-main{padding:72px 0 100px}.blog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:980px;margin:0 auto 30px}.blog-toolbar h2{font-family:var(--font-display);font-size:1.6rem;line-height:1.2;letter-spacing:-.02em}.blog-toolbar p{margin-top:8px;font-size:13px;color:var(--muted)}.blog-list{display:flex;flex-direction:column;gap:22px;max-width:980px;margin:0 auto}.blog-card{display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-3px);border-color:#1d5fe859;box-shadow:0 14px 36px #08101f1a}.blog-card.has-page{cursor:pointer}.blog-cover{position:relative;min-height:220px;overflow:hidden;background:var(--ink-2)}.blog-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-cover img{transform:scale(1.04)}.blog-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(8,16,31,0) 45%,rgba(8,16,31,.28));pointer-events:none}.blog-feature{position:absolute;z-index:2;left:14px;top:14px;padding:5px 10px;border-radius:999px;background:var(--cyan);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.06em}.blog-body{display:flex;flex-direction:column;min-width:0;padding:26px 30px 24px}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-family:var(--font-display);font-size:12px;letter-spacing:.04em;color:var(--muted)}.blog-cat{padding:4px 10px;border-radius:999px;background:rgba(29,95,232,.09);color:var(--brand);font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:0}.blog-body h2{margin:12px 0 9px;font-family:var(--font-display);font-size:1.35rem;line-height:1.4;font-weight:600;letter-spacing:-.01em}.blog-excerpt{color:var(--muted);font-size:.92rem;line-height:1.7}.blog-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}.blog-tag{padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted)}.blog-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.blog-foot .blog-read{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:500}.blog-foot .blog-read svg{width:13px;height:13px}.blog-loading,.blog-empty{max-width:980px;margin:0 auto;padding:64px 24px;text-align:center;color:var(--muted);font-size:.95rem}.blog-loading:before{content:"";display:block;width:34px;height:34px;margin:0 auto 18px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:blog-spin .8s linear infinite}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:980px;margin:42px auto 0}.blog-page-btn{min-width:40px;height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--text);font-family:var(--font-display);font-size:13px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.blog-page-btn:hover:not(:disabled):not(.is-active){border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.blog-page-btn.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px #1d5fe847}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-ellipsis{min-width:24px;text-align:center;color:var(--muted);font-size:13px}.blog-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.blog-card{grid-template-columns:240px minmax(0,1fr)}.blog-body{padding:22px 24px 20px}.blog-body h2{font-size:1.22rem}}@media (max-width:720px){.blog-hero{padding:88px 0 46px}.blog-hero h1,.blog-hero h2{font-size:clamp(1.6rem,7vw,2rem)}.blog-hero-lead{font-size:.96rem}.blog-hero-meta{margin-top:26px;gap:10px 18px}.blog-main{padding:52px 0 76px}.blog-toolbar{margin-bottom:22px}.blog-toolbar h2{font-size:1.35rem}.blog-card{grid-template-columns:1fr}.blog-cover{min-height:210px}.blog-body{padding:22px 20px 20px}.blog-body h2{font-size:1.18rem}.blog-excerpt{font-size:.9rem}.blog-pagination{margin-top:30px}}@media (max-width:480px){.blog-hero{padding:76px 0 38px}.blog-hero h1,.blog-hero h2{font-size:1.55rem}.blog-hero-meta{font-size:12px}.blog-hero-meta b{font-size:17px}.blog-body h2{font-size:1.08rem}.blog-page-btn{min-width:36px;height:36px;font-size:12px;padding:0 10px}}