:root{--bg:#0d0e12;--s1:#141619;--s2:#1b1d23;--s3:#22242c;--bd:#2c2e38;--bd2:#383a48;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#e2e4f0;--mu:#5a5c70;--mu2:#3d3f52;--ok:#34d399;--er:#f87171;--r:10px;--r2:6px;--sh:0 4px 24px rgba(0,0,0,.45);--topbar-bg:rgba(13,14,18,.88);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}[data-theme=light]{--bg:#ece8f8;--s1:#faf8ff;--s2:#f2effd;--s3:#e6e0f6;--bd:#cfc8ee;--bd2:#bcb4e4;--ac:#7c3aed;--ac2:#3b82f6;--tx:#1a1530;--mu:#5e5878;--mu2:#8c88a6;--ok:#059669;--er:#dc2626;--sh:0 4px 24px rgba(80,50,180,.13);--topbar-bg:#300d72;--cl-male:#16a34a;--cl-female:#dc2626;--cl-other:#c2410c;--cl-blue:#2563eb}[data-theme=dim]{--bg:#1e2030;--s1:#222436;--s2:#2a2d44;--s3:#333652;--bd:#3a3d56;--bd2:#4a4e6e;--ac:#8b5cf6;--ac2:#60a5fa;--tx:#cad3f5;--mu:#8087a2;--mu2:#5b6080;--ok:#34d399;--er:#f87171;--sh:0 4px 24px rgba(0,0,0,.35);--topbar-bg:rgba(30,32,48,.92);--cl-male:#4ade80;--cl-female:#f87171;--cl-other:#fb923c;--cl-blue:#93c5fd}.blg-subbar .blg-cat-filter{flex:1;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-bottom:0}.blg-subbar .blg-cat-filter::-webkit-scrollbar{display:none}main{padding-top:0}@media(max-width:520px){.blg-subbar-inner{align-items:flex-start}.blg-subbar .blg-cat-filter{flex-wrap:wrap;overflow-x:visible;gap:.35rem}main{padding-top:8px}}.blg-wrap{max-width:980px;margin:0 auto;padding:1rem 1rem 5rem}.blg-cat-filter{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.blg-cat-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .85rem;border-radius:99px;font-size:.78rem;font-weight:600;border:1px solid var(--bd);color:var(--mu);background:var(--s1);cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.blg-cat-btn svg{opacity:.7;flex-shrink:0}.blg-cat-btn:hover{border-color:var(--ac);color:var(--ac);background:#8b5cf612}.blg-cat-btn.active{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 2px 12px #8b5cf659}.blg-cat-btn.active svg{opacity:1}.blg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}.blg-loading,.blg-empty{padding:3rem;text-align:center;color:var(--mu);font-size:.85rem;grid-column:1/-1}.blg-card{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;cursor:pointer}.blg-card:hover{border-color:var(--ac);box-shadow:0 6px 28px #8b5cf62e;transform:translateY(-3px)}.blg-card-img{width:100%;height:150px;overflow:hidden;flex-shrink:0;position:relative}.blg-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blg-card:hover .blg-card-img img{transform:scale(1.05)}.blg-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;color:#fff}.blg-card-img-placeholder svg{opacity:.75}.blg-cat-label{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8;color:#fff}.blg-cat-tuvi{background:linear-gradient(140deg,#2d1b69,#7c3aed)}.blg-cat-phongthuy{background:linear-gradient(140deg,#064e3b,#10b981)}.blg-cat-tinhyeu{background:linear-gradient(140deg,#831843,#ec4899)}.blg-cat-henho{background:linear-gradient(140deg,#7f1d1d,#f43f5e)}.blg-cat-ketban{background:linear-gradient(140deg,#1e3a5f,#3b82f6)}.blg-cat-kinhdoanh{background:linear-gradient(140deg,#1c1917,#78716c)}.blg-cat-default{background:linear-gradient(140deg,#1e1b4b,#6366f1)}.blg-card-body{padding:1rem 1.1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:.45rem}.blg-card-cat-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ac)}.blg-card-title{font-size:.975rem;font-weight:700;color:var(--tx);line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blg-card-excerpt{font-size:.775rem;color:var(--mu);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blg-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.2rem}.blg-card-meta{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--mu2)}.blg-card-views{display:inline-flex;align-items:center;gap:.22rem}.blg-card-date{font-size:.7rem;color:var(--mu2)}.blg-pagination{display:flex;justify-content:center;gap:.45rem;margin-top:2.5rem;flex-wrap:wrap}.blg-pg-btn{padding:.38rem .9rem;border-radius:var(--r2);border:1px solid var(--bd);background:none;color:var(--mu);font-size:.82rem;cursor:pointer;transition:all .15s;font-family:inherit}.blg-pg-btn:hover,.blg-pg-btn.active{border-color:var(--ac);color:var(--ac);background:#8b5cf617}.blg-pg-btn:disabled{opacity:.4;cursor:not-allowed}.toast-box{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:600;display:flex;flex-direction:column;align-items:center;gap:.4rem}.toast{background:var(--s2);border:1px solid var(--bd);border-radius:8px;padding:.5rem 1rem;font-size:.78rem;box-shadow:var(--sh);animation:blgsu .2s;white-space:nowrap}@keyframes blgsu{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.blg-grid{grid-template-columns:1fr}.blg-main-title{font-size:1.5rem}.blg-cat-filter{gap:.35rem}.blg-cat-btn{font-size:.72rem;padding:.28rem .7rem}}