.blog-hero{padding:72px 0 0;text-align:center}.blog-hero h1{font-family:var(--font-mono);font-weight:800;font-size:48px;line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin:16px 0 18px}.blog-hero .lead{font-size:18px;color:var(--slate);line-height:1.65;max-width:640px;margin:0 auto}.cat-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:36px}.cat-chip{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--slate);background:var(--paper-2);border:1.5px solid var(--line);border-radius:100px;padding:9px 18px;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.cat-chip .ct{color:var(--slate-light);font-weight:500;margin-left:5px}.cat-chip:hover{border-color:var(--acc-line);color:var(--acc);transform:translateY(-1px)}.cat-chip.active{background:var(--acc);border-color:var(--acc);color:#fff}.cat-chip.active .ct{color:#ffffffb3}.featured-wrap{padding:56px 0 88px}.featured{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.featured:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.featured .visual{display:flex;flex-direction:column;background:var(--navy-900);min-height:360px}.featured .visual .bar{display:flex;align-items:center;gap:7px;padding:13px 18px;flex:none}.featured .visual .bar i{width:11px;height:11px;border-radius:50%;display:block}.featured .visual .bar .fname{font-family:var(--font-mono);font-size:12.5px;color:#8ba0b6;margin-left:10px}.featured .visual .bar .badge{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:#9fcaff;background:#5aa2ff24;border:1px solid rgba(90,162,255,.3);padding:4px 11px;border-radius:100px}.featured .visual .ph{flex:1;border:none;border-radius:0;min-height:220px}.featured .visual .shot{flex:1;overflow:hidden}.featured .visual .shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.featured .content{padding:44px 48px;display:flex;flex-direction:column}.featured .meta{font-family:var(--font-mono);font-size:13px;color:var(--acc);letter-spacing:.02em;margin-bottom:16px}.featured .meta .sep{color:var(--slate-light);margin:0 7px}.featured h2{font-family:var(--font-mono);font-weight:800;font-size:30px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}.featured p{font-size:16px;color:var(--slate);line-height:1.65;flex:1}.featured .foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;flex-wrap:wrap}.author{display:flex;align-items:center;gap:12px}.author img{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:2px solid #fff;box-shadow:0 2px 8px #0c223629}.author .an{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}.author .at{font-family:var(--font-mono);font-size:12px;color:var(--slate-light)}.blog-list{padding:88px 0 104px}.list-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:36px}.list-head h2{font-family:var(--font-mono);font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--ink)}.list-head .count{font-family:var(--font-mono);font-size:13px;color:var(--slate-light)}.post a{display:flex;flex-direction:column;height:100%}.post .thumb{overflow:hidden}.post .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .3s ease}.post:hover .thumb img{transform:scale(1.05)}.post .body{display:flex;flex-direction:column;flex:1}.post .meta .sep{color:var(--slate-light);margin:0 6px}.post p{flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post .foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.post .rt{font-family:var(--font-mono);font-size:12px;color:var(--slate-light)}.post .read{margin-top:0}.post[hidden],.featured-wrap[hidden]{display:none}.blog-cta{padding:64px 0}.blog-cta .inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.blog-cta h2{font-family:var(--font-mono);font-weight:800;font-size:28px;letter-spacing:-.02em;color:#fff;margin-bottom:8px}.blog-cta p{font-size:15.5px;color:#aebccb;line-height:1.6;max-width:520px}@media (max-width: 1080px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 880px){.blog-hero h1{font-size:34px}.featured{grid-template-columns:1fr}.featured .visual{min-height:240px}.featured .content{padding:32px 28px}.featured h2{font-size:24px}.blog-grid{grid-template-columns:1fr}.blog-cta .inner{justify-content:center;text-align:center}}