.blog-hero{padding:82px 0 68px;background:linear-gradient(135deg,#f7f5ff,#eee9ff)}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.blog-hero h1{font-size:48px;line-height:1.2;letter-spacing:-3px;margin:0}.blog-hero p{color:var(--muted);margin:18px 0 0}.post-total{min-width:160px;border-left:1px solid #d8d0ff;padding-left:28px}.post-total strong{font-size:45px;line-height:1;color:var(--purple)}.post-total span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.blog-list{padding:54px 0 100px}.tools-row{display:flex;justify-content:space-between;align-items:center;gap:24px;position:sticky;top:83px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:14px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;color:#423e49}.filter-btn:hover,.filter-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-btn span{opacity:.62;margin-left:4px}.search{position:relative;min-width:270px}.search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:12px 18px 12px 42px;font:inherit;font-size:13px;background:#fff}.search:before{content:'⌕';position:absolute;left:17px;top:6px;font-size:23px;color:var(--muted)}.result-line{display:flex;align-items:center;gap:10px;margin:35px 0 20px}.result-line b{font-size:20px}.result-line span{color:var(--purple);font-size:13px;font-weight:800}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);border-radius:22px;padding:15px 15px 25px;background:#fff;display:flex;flex-direction:column;min-height:390px;transition:.22s}.post-card:hover{transform:translateY(-5px);border-color:#cfc6ff;box-shadow:0 18px 40px rgba(46,28,90,.09)}.post-cover{height:145px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:950;letter-spacing:4px;margin-bottom:20px;overflow:hidden;position:relative}.post-cover:after{content:'B';position:absolute;right:14px;bottom:-12px;font-size:68px;opacity:.08}.cat-installment{background:#eeeaff;color:#6545f4}.cat-safe{background:#fff0c3;color:#8c6500}.cat-plan{background:#cef4ea;color:#18755e}.cat-fee{background:#dfeeff;color:#2767a5}.cat-id{background:#f4e2ff;color:#843eb0}.cat-refund{background:#ffe1e1;color:#a33c3c}.cat-gift{background:#e3f4dc;color:#4d7b36}.post-card small{color:var(--purple);font-weight:850}.post-card h2{font-size:19px;line-height:1.45;letter-spacing:-.7px;margin:9px 0 10px}.post-card p{font-size:13px;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card b{font-size:13px;margin-top:auto}.load-more{display:block;margin:40px auto 0;border:1px solid var(--ink);background:#fff;border-radius:13px;padding:14px 30px;font:inherit;font-weight:850;cursor:pointer}.load-more:hover{background:var(--ink);color:#fff}.load-more[hidden]{display:none}.empty{text-align:center;background:#faf9fc;border-radius:20px;padding:70px 20px;color:var(--muted)}.empty b{color:var(--ink);font-size:19px}@media(max-width:950px){.tools-row{align-items:stretch;flex-direction:column;top:67px}.search{width:100%}.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.blog-hero{padding:58px 0 48px}.hero-row{align-items:flex-start;flex-direction:column}.blog-hero h1{font-size:37px}.post-total{border-left:0;border-top:1px solid #d8d0ff;padding:15px 0 0;display:flex;align-items:end;gap:8px}.post-total strong{font-size:33px}.post-total span{margin:0}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;width:100%}.filter-btn{white-space:nowrap}.post-grid{grid-template-columns:1fr}.post-card{min-height:350px}.post-cover{height:125px}}
