.blog-body{background:var(--ink-100);padding:52px 0 80px}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.blog-search-wrap{position:relative;max-width:360px;flex:1}.blog-search-ico{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--ink-400);pointer-events:none}.blog-search-input{width:100%;padding:11px 40px 11px 16px;background:var(--white);border:1.5px solid var(--ink-200);border-radius:var(--r-md);font-family:var(--font);font-size:.9rem;color:var(--ink-900);outline:none;transition:border-color var(--t),box-shadow var(--t)}.blog-search-input:focus{border-color:var(--gold-400);box-shadow:0 0 0 4px rgb(23 86 232 / .1)}.blog-count{font-size:.84rem;color:var(--ink-500);font-weight:var(--fw-bold);white-space:nowrap}.blog-count span{color:var(--gold-600);font-weight:var(--fw-black)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}.blog-card{background:var(--white);border:1.5px solid var(--ink-200);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--t-spring),box-shadow var(--t),border-color var(--t)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--gold-200)}.blog-card-img{display:block;overflow:hidden;background:var(--ink-100);aspect-ratio:16/9}.blog-card-img img{width:100%;height:100%;object-fit:fill;transition:transform .5s var(--ease)}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{padding:20px 20px 0;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.blog-card-tag{font-size:.65rem;font-weight:var(--fw-black);padding:3px 9px;border-radius:var(--r-full);background:var(--gold-50);color:var(--gold-600);border:1px solid var(--gold-100)}.blog-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.97rem;font-weight:var(--fw-black);color:var(--ink-900);line-height:1.38;margin-bottom:10px;transition:color var(--t)}.blog-card-title:hover{color:var(--gold-600)}.blog-card-excerpt{font-size:.84rem;color:var(--ink-500);line-height:1.72;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-foot{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--ink-400);font-weight:500;padding:20px}.blog-card-meta svg{color:var(--ink-300)}.blog-card-read{font-size:.8rem;font-weight:var(--fw-black);color:var(--gold-600);display:flex;align-items:center;gap:5px}.blog-empty{grid-column:1/-1;text-align:center;padding:60px;color:var(--ink-400)}.blogs-toolbar{display:flex;align-items:center;justify-content:space-between;margin:30px auto}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.blog-grid{grid-template-columns:1fr}}