/* Minh Digital v2 — sân khấu: chữ khổng lồ so le, ảnh cắt dán, dải chạy, 2.5D.
   Bảng màu cố định: nền #F2F5FA, mực #0E1430, xanh điện #2F5BFF, vàng #FFD23F, chữ phụ #5B6478, thẻ trắng.
   Font: Be Vietnam Pro (400/600/800), Patrick Hand cho ghi chú. Chỉ animate transform + opacity. */

@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/be-vietnam-pro-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-600-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/be-vietnam-pro-800-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/be-vietnam-pro-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Patrick Hand";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/patrick-hand-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Patrick Hand";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/patrick-hand-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --nen:#F2F5FA;--muc:#0E1430;--xanh:#2F5BFF;--vang:#FFD23F;--phu:#5B6478;--the:#fff;
  --vien:rgba(14,20,48,.12);--xanh-nhat:#E3EAFF;--vang-nhat:#FFF3C4;--muc-nhat:#DDE1EE;
  --bong:0 1px 0 rgba(14,20,48,.05),0 14px 34px -20px rgba(14,20,48,.4);
  --muot:cubic-bezier(.2,.7,.2,1);
  --chu:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --tay:"Patrick Hand","Be Vietnam Pro",cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--nen);color:var(--muc);font:400 17px/1.65 var(--chu);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
img{display:block}
a{color:var(--xanh);text-underline-offset:3px}
h1,h2,h3,h4{font-weight:800;margin:0}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--xanh);outline-offset:3px;border-radius:6px}
.bo-qua{position:absolute;left:-999px;top:8px;background:var(--muc);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.bo-qua:focus{left:8px}
.khung{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
.khung--hep{max-width:760px}
@media(min-width:900px){.khung{padding:0 32px}}

/* ---------- chữ hiệu ---------- */
.chu-hieu{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.055em;line-height:1;font-size:1.6rem;white-space:nowrap}
.chu-hieu__minh{color:var(--muc)}
.chu-hieu__dg{color:var(--xanh)}
.chu-hieu__cham{display:inline-block;width:.24em;height:.24em;border-radius:50%;background:var(--vang);margin-left:.05em;box-shadow:0 0 0 .04em var(--muc)}
.logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.logo--sang .chu-hieu__minh{color:#fff}
.logo--sang .chu-hieu__dg{color:#9DB4FF}
.logo--sang .chu-hieu__cham{box-shadow:none}

/* ---------- thanh tin + đầu trang ---------- */
.thanh-tin{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--vang);color:var(--muc);text-decoration:none;font-weight:600;font-size:.88rem;text-align:center;padding:4px 12px;line-height:1.3}
.thanh-tin b{margin-left:4px}
.thanh-tin:hover span{text-decoration:underline}
.dau{position:sticky;top:0;z-index:50;background:var(--nen);border-bottom:1px solid var(--vien)}
.dau__trong{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px}
.menu{display:flex;align-items:center;gap:8px}
.menu__rong{display:none}
.menu__muc,.doi-ngon-ngu{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--muc);text-decoration:none;font-weight:600;border-radius:99px}
.menu__muc:hover,.menu__muc.dang-xem{background:var(--xanh-nhat);color:var(--xanh)}
.doi-ngon-ngu{border:2px solid var(--muc);font-weight:800;min-width:44px;justify-content:center}
.menu__dt{position:static}
.menu__dt summary{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;border-radius:50%;cursor:pointer;position:relative;z-index:3;background:var(--the);box-shadow:var(--bong)}
.menu__dt summary::-webkit-details-marker{display:none}
.menu__dt summary span{display:block;width:20px;height:2.5px;background:var(--muc);border-radius:2px;transition:transform .3s var(--muot),opacity .2s}
.menu__dt[open] summary span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.menu__dt[open] summary span:nth-child(2){opacity:0}
.menu__dt[open] summary span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.menu__ds{display:none}
.menu__dt[open] .menu__ds{display:flex;position:fixed;inset:0;z-index:1;flex-direction:column;gap:6px;padding:96px 20px 28px;background:var(--muc);overflow-y:auto}
.menu__dt[open] .menu__ds .menu__muc{color:#fff;font-size:1.9rem;font-weight:800;min-height:60px;padding:0 8px;letter-spacing:-.03em}
.menu__dt[open] .menu__ds .menu__muc:hover,.menu__dt[open] .menu__ds .dang-xem{background:none;color:var(--vang)}
.menu__dt[open] .menu__ds .doi-ngon-ngu{align-self:flex-start;color:#fff;border-color:#fff;margin-top:12px}
.dau:has(.menu__dt[open]) .chu-hieu__minh{color:#fff}
.dau:has(.menu__dt[open]) .chu-hieu__dg{color:#9DB4FF}
.dau:has(.menu__dt[open]) .logo,.dau:has(.menu__dt[open]) .menu__qua{position:relative;z-index:3}
@media(min-width:900px){
  .menu__rong{display:flex;align-items:center;gap:4px}
  .menu__dt{display:none}
  .menu{gap:12px}
}

/* ---------- nút ---------- */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:99px;border:2px solid transparent;font:800 1rem/1.2 var(--chu);text-decoration:none;cursor:pointer;transition:transform .25s var(--muot),box-shadow .25s var(--muot);text-align:center}
.nut span{transition:transform .25s var(--muot)}
.nut:hover{transform:translateY(-3px)}
.nut:hover span{transform:translateX(3px)}
.nut:active{transform:translateY(0)}
.nut--xanh{background:var(--xanh);color:#fff;box-shadow:0 14px 26px -14px rgba(47,91,255,.85)}
.nut--vang{background:var(--vang);color:var(--muc);box-shadow:0 14px 26px -14px rgba(255,170,0,.9)}
.nut--muc{background:var(--muc);color:#fff;box-shadow:0 14px 26px -14px rgba(14,20,48,.8)}
.nut--vien{background:transparent;color:var(--muc);border-color:var(--muc)}
.nut--vien:hover{background:var(--muc);color:#fff}
.nut--nho{min-height:44px;padding:0 18px;font-size:.92rem}
.nut--to{min-height:60px;padding:0 30px;font-size:1.08rem}
.nut--khong-lo{min-height:72px;padding:0 36px;font-size:1.3rem;width:100%}
@media(min-width:640px){.nut--khong-lo{width:auto}}
.menu__qua{display:none}
@media(min-width:420px){.menu__qua{display:inline-flex}}

/* ---------- chữ khổng lồ so le ---------- */
.nhan{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0 0 16px;padding:7px 16px;border-radius:99px;background:var(--vang);font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.dong{display:block}
.dong>span{display:inline-block}
.to{background:none;color:var(--xanh);position:relative;display:inline-block;isolation:isolate}
.to::after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.04em;height:.24em;background:var(--vang);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .9s var(--muot) .5s}
.da-hien .to::after,.da-hien.to::after{transform:scaleX(1)}
.sk__tieu,.tieu-lon,.dt__tieu,.ab__ten,.qs__tieu,.l404__tieu{text-transform:uppercase;letter-spacing:-.045em;line-height:1.07}
.sk__tieu{font-size:clamp(2.7rem,14.6vw,10.4rem)}
.tieu-lon{font-size:clamp(2.5rem,11.4vw,8.6rem)}
.tieu-vua{font-size:clamp(2rem,7.4vw,4.6rem);letter-spacing:-.04em;line-height:1.04}
.sk__tieu .dong,.tieu-lon .dong,.ab__ten .dong{white-space:nowrap}
.dong:nth-child(2){margin-left:var(--lech,7vw)}
.dong:nth-child(3){margin-left:calc(var(--lech,7vw)*.35)}
.dong:nth-child(4){margin-left:calc(var(--lech,7vw)*.9)}
@media(min-width:900px){.dong:nth-child(2){margin-left:var(--lech,9vw)}.dong:nth-child(3){margin-left:calc(var(--lech,9vw)*.35)}}
.tieu-vua .dong:nth-child(2){--lech:3vw}
.mark-sang .to{color:var(--vang)}
.mark-sang .to::after{display:none}
.ghi-tay{font-family:var(--tay);font-size:1.45rem;color:var(--xanh);display:inline-flex;align-items:center;gap:8px;transform:rotate(-3deg);line-height:1.15;margin:0}
.mui-ten{flex:none;width:44px;height:44px}
.link-mui{font-weight:800;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}

/* ---------- hiện dần khi cuộn ---------- */
.js [data-hien]{opacity:0;transform:translateY(34px)}
.js [data-hien].da-hien{opacity:1;transform:none;transition:opacity .85s var(--muot),transform .85s var(--muot);transition-delay:var(--d,0s)}
.js [data-hien].xong{transition-delay:0s}
.chibi{will-change:transform}
.js [data-troi]{transform:translate3d(0,var(--py,0px),0) rotate(var(--r,0deg))}
.lac{transform-origin:50% 100%;animation:lac 5.5s ease-in-out infinite}
@keyframes lac{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
[data-troi]{transform:rotate(var(--r,0deg))}

/* ---------- ảnh cắt dán ---------- */
.khung-canh{--r:1.4deg;position:relative;border-radius:28px;overflow:hidden;border:6px solid #fff;box-shadow:0 36px 60px -30px rgba(14,20,48,.55);aspect-ratio:4/3;background:var(--xanh-nhat)}
.khung-canh img{width:100%;height:100%;object-fit:cover}
.chibi img,.dan-dau img{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 18px 18px rgba(14,20,48,.28));width:auto;height:100%;object-fit:contain}
.chibi{position:absolute;z-index:5}
.dan-dau{position:absolute;z-index:6;width:clamp(76px,16vw,150px);--r:-8deg}
.dan-dau img{width:100%;height:auto}
.dan{position:absolute;z-index:6;display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:14px;background:#fff;color:var(--muc);box-shadow:0 0 0 4px #fff,0 16px 24px -10px rgba(14,20,48,.35);font-size:clamp(.88rem,2.6vw,1.15rem);font-weight:800}
.dan--1{--r:-7deg;left:4%;top:-18px;background:var(--vang)}
.dan--2{--r:6deg;left:-2px;top:46%;background:var(--xanh);color:#fff}
.dan--3{--r:-4deg;left:20%;bottom:10%;background:#fff}
.dan--4{--r:5deg;left:48%;top:-20px;background:var(--muc);color:#fff}

/* ---------- hero ---------- */
.sk{position:relative;padding:22px 0 34px;overflow-x:clip}
.sk__nen{position:absolute;inset:0;background-image:radial-gradient(rgba(47,91,255,.2) 1.5px,transparent 1.7px);background-size:28px 28px;-webkit-mask-image:linear-gradient(#000 20%,transparent);mask-image:linear-gradient(#000 20%,transparent);pointer-events:none}
.sk__luoi{position:relative;display:flex;flex-direction:column;gap:14px}
.sk__chu{position:relative;z-index:3}
.sk__canh{position:relative;z-index:1;margin:22px 6px 34px 0}
.chibi--hero{right:-6px;bottom:-34px;height:clamp(210px,62vw,330px)}
.dan-dau{right:2%;top:-26px}
.sk__duoi{position:relative;z-index:3}
.sk__mo-ta{font-size:1.1rem;max-width:34em;margin-bottom:22px}
.sk__nut{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.sk__nut .nut{flex:1 1 220px}
.sk__ghi{margin:0 0 4px 18px;align-items:flex-end}.sk__ghi .mui-ten{transform:translateY(10px)}
@media(min-width:900px){
  .sk{padding:44px 0 70px}
  .sk__canh{position:absolute;right:32px;top:6px;width:46%;margin:0}
  .sk__chu,.sk__duoi{max-width:100%}
  .sk__duoi{max-width:560px;margin-top:22px}
  .sk__nut .nut{flex:0 1 auto}
  .sk__luoi{min-height:760px}
  .sk__canh{z-index:auto}
  .chibi--hero{left:auto;right:-3%;bottom:-130px;height:clamp(300px,29vw,440px)}
  .dan-dau{right:-4%;top:-12px}
  .sk__canh{top:40px;width:44%}
  .sk__tieu{font-size:clamp(4rem,7.6vw,7.2rem)}
  .sk__tieu .dong:nth-child(2){--lech:4vw}
}

/* ---------- dải chạy ---------- */
.chay{overflow:hidden;background:var(--muc);color:#fff;padding:14px 0;white-space:nowrap;user-select:none}
.chay__vet{display:inline-flex;width:max-content;animation:chay 46s linear infinite;will-change:transform}
.chay__khoi{display:inline-flex}
.chay__muc{display:inline-flex;align-items:center;gap:26px;padding-right:26px;font-weight:800;font-size:clamp(1.05rem,3.4vw,1.55rem);letter-spacing:-.01em;text-transform:uppercase}
.chay__muc::after{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--vang);flex:none}
@keyframes chay{to{transform:translate3d(-50%,0,0)}}
.chay--vang{background:var(--vang);color:var(--muc)}
.chay--vang .chay__muc::after{background:var(--muc)}
.chay--vang .chay__vet{animation-direction:reverse;animation-duration:58s}
.chay-bao{overflow:hidden;padding:26px 0;margin:8px 0}
.chay--nghieng{transform:rotate(-1.6deg);margin:0 -14px;padding:16px 0;box-shadow:0 20px 40px -26px rgba(14,20,48,.5)}
.chay--chan{background:none;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72)}

/* ---------- khối chung ---------- */
.khoi{padding:60px 0}
.khoi--sat{padding-top:30px}
.khoi--toi-nhat{padding:60px 0 70px;background:#fff;border-radius:40px 40px 0 0}
@media(min-width:900px){.khoi{padding:96px 0}.khoi--toi-nhat{border-radius:56px 56px 0 0}}
.khoi__dau{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.khoi__dau--ngang{flex-direction:row;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.khoi__mo-ta{font-size:1.1rem;max-width:36em;color:var(--phu);margin:0}
.khoi__ghi{margin:0 0 0 auto}
.khoi__ghi .mui-ten{transform:rotate(-12deg)}
@media(min-width:900px){.khoi__dau{margin-bottom:48px}}

/* ---------- thẻ chủ đề 2.5D ---------- */
.luoi-dm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.the-dm{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px 16px;background:var(--the);border-radius:24px;text-decoration:none;color:var(--muc);box-shadow:var(--bong);overflow:hidden;min-height:44px}
a.the-dm{transition:transform .4s var(--muot),box-shadow .4s var(--muot)}
a.the-dm:hover{transform:translateY(-8px);box-shadow:0 30px 44px -24px rgba(14,20,48,.55)}
.the-dm__so{position:absolute;right:12px;top:6px;font-size:2.8rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(14,20,48,.14);letter-spacing:-.04em}
.the-dm__icon{display:block;width:min(150px,72%);margin:0 0 2px -4px;border-radius:50%;background:radial-gradient(closest-side,var(--xanh-nhat),transparent 72%);transition:transform .5s var(--muot)}
.the-dm--vang .the-dm__icon{background:radial-gradient(closest-side,var(--vang-nhat),transparent 72%)}
.the-dm--muc .the-dm__icon{background:radial-gradient(closest-side,var(--muc-nhat),transparent 72%)}
.the-dm__icon img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
a.the-dm:hover .the-dm__icon{transform:scale(1.08) rotate(-3deg)}
.the-dm__ten{font-weight:800;font-size:1.04rem;line-height:1.25;letter-spacing:-.02em}
.the-dm__ngan{font-size:.88rem;color:var(--phu);line-height:1.4}
.the-dm__dem{margin-top:auto;padding-top:10px;font-weight:600;font-size:.8rem;color:var(--phu)}
a.the-dm .the-dm__dem{color:var(--xanh)}
@media(min-width:760px){
  .luoi-dm{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .the-dm{padding:18px 20px 22px;border-radius:30px}
  .the-dm__so{font-size:4.2rem;right:18px;top:10px}
  .the-dm__ten{font-size:1.22rem}
  .luoi-dm .the-dm:nth-child(3n+2){margin-top:34px}
  .luoi-dm{padding-bottom:34px}
}

/* ---------- thẻ bài ---------- */
.luoi-bai{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.luoi-bai{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(min-width:1000px){.luoi-bai{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.the-bai{display:flex;flex-direction:column;background:var(--nen);border-radius:26px;overflow:hidden;box-shadow:var(--bong)}
.the-bai__anh{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden}
.the-bai__anh img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--muot)}
.the-bai:hover .the-bai__anh img{transform:scale(1.05)}
.the-bai__anh .the-bai__icon{width:46%;height:auto;object-fit:contain}
.nen-xanh{background:var(--xanh-nhat)}.nen-vang{background:var(--vang-nhat)}.nen-muc{background:var(--muc-nhat)}
.the-bai__than{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px;flex:1}
.the-bai__ten{font-size:1.28rem;line-height:1.28;letter-spacing:-.02em}
.the-bai__ten a{color:var(--muc);text-decoration:none}
.the-bai__ten a:hover{color:var(--xanh)}
.the-bai__tom{color:var(--phu);font-size:.97rem;margin:0}
.meta{color:var(--phu);font-size:.88rem;margin:0}
.meta a{color:inherit}
.meta--nghieng{font-style:italic}
.chip,.tag{display:inline-flex;align-items:center;align-self:flex-start;min-height:30px;padding:2px 12px;border-radius:99px;background:var(--xanh-nhat);color:var(--xanh);font-weight:800;font-size:.8rem;text-decoration:none}
.tag{min-height:44px;padding:0 16px;font-size:.95rem;margin:0 6px 8px 0;background:#fff;color:var(--muc);box-shadow:var(--bong)}
.tag--to{font-size:1.05rem}
.tag small{margin-left:8px;color:var(--phu)}
.may-the{display:flex;flex-wrap:wrap;margin:0}
.chip:hover,.tag:hover{background:var(--xanh);color:#fff}
.trong{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 16px;background:#fff;border-radius:32px;box-shadow:var(--bong)}
.trong__chibi{width:auto;height:180px;object-fit:contain}
.phan-trang,.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:36px}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:99px;background:#fff;color:var(--muc);font-weight:800;text-decoration:none;box-shadow:var(--bong)}
.page-numbers.current{background:var(--xanh);color:#fff}

/* ---------- giới thiệu ngắn ---------- */
.gt__luoi{display:grid;gap:44px;align-items:center}
.gt__hinh{position:relative;width:min(340px,86%);margin:0 auto 18px 0}
.gt__khung{--r:-2.5deg;border-radius:34px;overflow:hidden;border:6px solid #fff;box-shadow:0 40px 60px -30px rgba(14,20,48,.55);aspect-ratio:4/5;background:var(--xanh-nhat)}
.gt__khung img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.chibi--gt{right:-34px;bottom:-26px;height:clamp(180px,52vw,260px)}
.gt__doan{font-size:1.15rem;max-width:32em;margin:18px 0 24px}
@media(min-width:900px){
  .gt__luoi{grid-template-columns:.85fr 1.15fr;gap:80px}
  .gt__hinh{width:min(430px,100%);margin:0 auto}
  .chibi--gt{right:-76px;bottom:-34px;height:clamp(240px,24vw,360px)}
}

/* ---------- khối quà (xanh điện) ---------- */
.khoi-qua{position:relative;background:var(--xanh);color:#fff;padding:64px 0 76px;overflow:hidden;margin-top:30px;border-radius:40px 40px 0 0}
.khoi-qua::before,.khoi-qua::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.khoi-qua::before{width:360px;height:360px;background:var(--vang);right:-130px;bottom:-150px}
@media(min-width:900px){.khoi-qua::before{width:520px;height:520px;right:-140px;top:-170px;bottom:auto}}
.khoi-qua::after{width:200px;height:200px;border:30px solid rgba(255,255,255,.14);left:-70px;bottom:-60px}
.khoi-qua__luoi{position:relative;z-index:1;display:grid;gap:40px;align-items:center}
.khoi-qua__tieu{font-size:clamp(2.2rem,9.6vw,5.4rem);text-transform:uppercase;letter-spacing:-.045em;line-height:1.07}
.khoi-qua .to{color:var(--vang)}
.khoi-qua .to::after{display:none}
.khoi-qua__mo-ta{font-size:1.12rem;max-width:30em;margin:20px 0 24px;color:#EAF0FF}
.khoi-qua__canh{position:relative;margin:0 8px 30px 0}
.chibi--qua{right:-8px;bottom:-30px;height:clamp(190px,56vw,300px)}
@media(min-width:900px){
  .khoi-qua{border-radius:56px 56px 0 0;padding:100px 0 90px}
  .khoi-qua__luoi{grid-template-columns:1.05fr .95fr;gap:70px}
  .chibi--qua{left:-70px;right:auto;bottom:-44px;height:clamp(260px,26vw,380px)}
}

/* ---------- đầu trang trong ---------- */
.dt{padding:34px 0 14px;position:relative;overflow-x:clip}
.dt__luoi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.dt__tieu{font-size:clamp(2.1rem,9.2vw,6.4rem)}
.dt__mo-ta{font-size:1.1rem;color:var(--phu);max-width:36em;margin:16px 0 0}
.dt__hinh{position:relative;width:clamp(96px,26vw,230px);align-self:end;min-height:120px}
.dt__icon{width:100%}
.dt__icon img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.chibi--dt{right:-4px;bottom:-14px;height:clamp(120px,34vw,250px)}
.dt__hinh .dt__icon + .chibi--dt{display:none}
.vet{font-size:.9rem;color:var(--phu);margin:0 0 12px}
.vet a{color:var(--phu);font-weight:600}
@media(min-width:900px){.dt{padding:64px 0 24px}}

/* ---------- bài viết ---------- */
.bai__dau{padding:36px 0 22px}
.bai__tieu-de{font-size:clamp(2rem,7vw,3.7rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 16px}
.bai__banner{margin:10px auto 8px}
.bai__banner img{width:100%;height:auto;border-radius:26px}
.noi-dung{font-size:1.1rem;line-height:1.78;padding-top:14px;padding-bottom:30px;overflow-wrap:break-word}
.noi-dung>*{max-width:100%}
.noi-dung h2{font-size:clamp(1.55rem,5vw,2.1rem);letter-spacing:-.03em;line-height:1.2;margin:1.8em 0 .6em}
.noi-dung h3{font-size:1.3rem;margin:1.6em 0 .5em;line-height:1.3}
.noi-dung img{border-radius:20px;height:auto;margin:1.2em 0}
.noi-dung blockquote{margin:1.4em 0;padding:16px 20px;border-left:6px solid var(--vang);background:#fff;border-radius:0 18px 18px 0;font-weight:600}
.noi-dung blockquote p:last-child{margin:0}
.noi-dung pre{background:var(--muc);color:#E8ECFF;padding:18px;border-radius:18px;overflow-x:auto;font-size:.92rem;line-height:1.6;-webkit-overflow-scrolling:touch}
.noi-dung code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--xanh-nhat);padding:2px 6px;border-radius:6px;word-break:break-word}
.noi-dung pre code{background:none;padding:0;color:inherit;word-break:normal}
.noi-dung table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font-size:.96rem}
.noi-dung th,.noi-dung td{border:1px solid var(--vien);padding:10px 12px;text-align:left}
.noi-dung th{background:var(--xanh-nhat)}
.noi-dung li{margin:.35em 0}
.noi-dung a{font-weight:600}
.bai__cuoi{padding-bottom:56px}
.the-tag{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:22px}
.the-tag>span{font-weight:800;margin-right:6px}
.tac-gia{display:flex;gap:18px;align-items:center;background:#fff;border-radius:28px;padding:20px;box-shadow:var(--bong)}
.tac-gia__hinh{flex:none;width:88px;height:88px;object-fit:contain;background:var(--vang-nhat);border-radius:50%;padding:6px}
.tac-gia__ten{font-weight:800;font-size:1.1rem;margin:0 0 4px}
.tac-gia p{margin:0;font-size:.97rem}

/* ---------- 404 ---------- */
.l404{padding:34px 0 80px;overflow-x:clip}
.l404__luoi{display:grid;gap:36px;align-items:center}
.l404__so{font-size:clamp(5rem,30vw,15rem);font-weight:800;line-height:.9;letter-spacing:-.06em;margin:0;color:var(--vang);-webkit-text-stroke:3px var(--muc);paint-order:stroke fill}
.l404__tieu{font-size:clamp(2.3rem,10.5vw,6rem);margin:6px 0 14px}
.l404__mo-ta{font-size:1.1rem;color:var(--phu);max-width:30em}
.l404__canh{position:relative;margin:0 8px 30px 0}
.chibi--404{right:-8px;bottom:-30px;height:clamp(190px,56vw,300px)}
@media(min-width:900px){
  .l404{padding:70px 0 120px}
  .l404__luoi{grid-template-columns:1fr 1fr;gap:70px}
  .chibi--404{left:-60px;right:auto;bottom:-40px;height:clamp(250px,25vw,360px)}
}

/* ---------- giới thiệu ---------- */
.ab{padding:30px 0 40px;position:relative;overflow-x:clip}
.ab__luoi{display:grid;gap:34px;align-items:center}
.ab__ten{font-size:clamp(3.4rem,17vw,12rem);--lech:10vw}
.ab__gt{font-size:1.18rem;max-width:30em;margin:22px 0 0}
.ab__hinh{position:relative;width:min(340px,84%);margin:0 auto 20px 0}
.ab__khung{--r:2deg;border-radius:34px;overflow:hidden;border:6px solid #fff;box-shadow:0 40px 60px -30px rgba(14,20,48,.55);aspect-ratio:4/5;background:var(--xanh-nhat)}
.ab__khung img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.chibi--ab{right:-34px;bottom:-24px;height:clamp(190px,52vw,270px)}
.dan-dau--ab{left:-16px;top:-22px;right:auto}
@media(min-width:900px){
  .ab{padding:60px 0 70px}
  .ab__luoi{grid-template-columns:1.15fr .85fr;gap:60px}
  .ab__hinh{width:min(460px,100%);margin:0 auto}
  .chibi--ab{left:-120px;right:auto;bottom:-30px;height:clamp(260px,26vw,380px)}
}
.so-lon{background:var(--muc);color:#fff;padding:54px 0 60px;border-radius:40px;margin:0 8px}
.so-lon__ds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
.so-lon__muc{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.so-lon__muc:last-child:nth-child(odd){grid-column:1/-1}
.so-lon__tien{font-family:var(--tay);font-size:1.4rem;color:var(--vang);line-height:1;min-height:1.4rem}
.so-lon__so{font-size:clamp(2.7rem,12vw,4.1rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}
.so-lon__dv{font-weight:800;color:var(--vang);font-size:1.1rem;line-height:1.2;margin-top:2px}
.so-lon__nhan{color:#B8C2E4;font-size:.92rem;line-height:1.45;margin-top:8px;max-width:17em}
.so-lon__cau{margin:46px 0 0;font-size:clamp(1.25rem,4.4vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.25;max-width:26em}
@media(min-width:900px){
  .so-lon{padding:84px 0;margin:0 32px;border-radius:56px}
  .so-lon__ds{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  .so-lon__muc:last-child:nth-child(odd){grid-column:auto}
  .so-lon__so{font-size:clamp(2.4rem,4.2vw,3.9rem)}
}
.nhom-ai{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.nhom-ai__the{background:#fff;border-radius:30px;padding:22px 22px 26px;box-shadow:var(--bong)}
.nhom-ai__dau{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.nhom-ai__icon{flex:none;width:76px;border-radius:50%;background:radial-gradient(closest-side,var(--xanh-nhat),transparent 74%)}
.nhom-ai__icon img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.nhom-ai h3{font-size:1.5rem;letter-spacing:-.03em}
.nhom-ai ul{list-style:none;margin:0;padding:0}
.nhom-ai li{position:relative;padding:8px 0 8px 22px;border-top:1px solid var(--vien);line-height:1.55;font-size:1rem}
.nhom-ai li::before{content:"";position:absolute;left:2px;top:1.05em;width:9px;height:9px;background:var(--xanh);transform:rotate(45deg);border-radius:2px}
.nhom-ai li b{color:var(--xanh);font-weight:800}
@media(min-width:800px){.nhom-ai{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.nhom-ai__the{padding:28px 30px 32px}.nhom-ai__the:nth-child(2n){margin-top:30px}}
.du-an{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.du-an__nganh{background:#fff;border-radius:26px;padding:20px 22px 22px;box-shadow:var(--bong)}
.du-an h3{font-size:1.1rem;margin-bottom:12px;letter-spacing:-.02em}
.du-an ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.du-an li{padding:5px 12px;border-radius:99px;background:var(--xanh-nhat);font-size:.88rem;font-weight:600;line-height:1.35}
@media(min-width:700px){.du-an{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.du-an{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}

/* ---------- trang Quà ---------- */
.qs{padding:26px 0 40px;position:relative;overflow-x:clip}
.qs__luoi{display:grid;gap:40px;align-items:center}
.qs__tieu{font-size:clamp(2.7rem,13.4vw,8.4rem);--lech:8vw;line-height:1.12}
.qs__tieu .dong{white-space:nowrap}
.qs__mo-ta{font-size:1.15rem;max-width:30em;margin:22px 0 24px}
.qs__ghi{margin-top:8px}
.qs__canh{position:relative;margin:0 8px 34px 0}
.chibi--qs{right:-8px;bottom:-34px;height:clamp(200px,58vw,320px)}
.dan-dau--qs{right:4%;top:-26px}
@media(min-width:900px){
  .qs{padding:56px 0 70px}
  .qs__luoi{grid-template-columns:1.1fr .9fr;gap:70px}
  .chibi--qs{left:-10px;right:auto;bottom:-44px;height:clamp(260px,26vw,380px)}
}
.qua-noi-dung{padding-top:40px;padding-bottom:70px}
.qua-noi-dung>.qua-mo-dau{font-size:1.2rem;font-weight:600}
.js .qua-noi-dung .qua-tai{display:none}
.qua-noi-dung .nut{color:var(--muc)}
.qua-noi-dung .nut.nut--vang{color:var(--muc)}
.qua-noi-dung ul.qua-ds,.qua-noi-dung ol.qua-buoc{list-style:none;padding:0;margin:0 0 1.4em;display:grid;gap:10px}
.qua-ds li{position:relative;background:#fff;border-radius:20px;padding:14px 18px 14px 58px;box-shadow:var(--bong);margin:0;line-height:1.55;font-size:1.02rem}
.qua-ds li::before{content:"";position:absolute;left:18px;top:16px;width:26px;height:26px;border-radius:9px;background:var(--xanh) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.qua-ds strong{display:block;font-size:1.08rem}
.qua-buoc{counter-reset:b}
.qua-buoc li{counter-increment:b;position:relative;background:#fff;border-radius:22px;padding:16px 18px 16px 74px;box-shadow:var(--bong);margin:0;line-height:1.55;font-size:1.02rem}
.qua-buoc li::before{content:counter(b);position:absolute;left:16px;top:12px;width:44px;height:44px;border-radius:50%;background:var(--vang);color:var(--muc);display:grid;place-items:center;font-weight:800;font-size:1.3rem}
.qua-buoc strong{display:block;font-size:1.08rem}
.qua-buoc code{white-space:normal}
.qua-nhac{margin:1.6em 0;background:var(--vang);color:var(--muc);border-radius:24px;padding:20px 22px;font-size:1.15rem;font-weight:600;line-height:1.5;transform:rotate(-1deg)}
.qua-nhac strong{font-weight:800}
.qua-qr{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#fff;border-radius:30px;padding:28px 20px;box-shadow:var(--bong)}
.qua-qr svg{width:min(240px,70%);height:auto;border-radius:12px}
.qua-qr p{margin:0;color:var(--phu);font-size:.97rem}

/* ---------- chân trang ---------- */
.chan{background:var(--muc);color:#C9D1EE;padding-top:0;overflow:hidden;margin-top:0}
.khoi-qua+.chan,.chan{margin-top:0}
.chan__dai .chay{background:none}
.chan__luoi{display:grid;gap:34px;padding-top:54px;padding-bottom:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.chan__cot--gt{grid-column:1/-1}
.chan__cot p{margin:14px 0 0;max-width:26em}
.chan__tieu-de{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vang);margin:0 0 10px}
.chan ul{list-style:none;margin:0;padding:0}
.chan li a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-weight:600}
.chan li a:hover{color:var(--vang)}
.chan__lon{margin:10px 0 0;text-align:center;line-height:1;overflow:hidden;padding:0 0 .04em}
.chan__lon .chu-hieu{margin-bottom:-.2em;line-height:.95;padding-bottom:.12em}
.chu-hieu--lon{font-size:clamp(3.4rem,13.6vw,15rem);letter-spacing:-.06em}
.chu-hieu--lon .chu-hieu__minh,.chu-hieu--lon .chu-hieu__dg{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.22)}
.chu-hieu--lon .chu-hieu__cham{background:var(--vang);box-shadow:none}
.chan__cuoi{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;padding-top:14px;padding-bottom:26px;font-size:.9rem}
.chan__cuoi p{margin:0}
.chan__cuoi a{color:#fff;display:inline-flex;min-height:44px;align-items:center}
@media(min-width:900px){
  .chan__luoi{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
  .chan__cot--gt{grid-column:auto}
}

/* ---------- giảm chuyển động ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lac,.chay__vet{animation:none}
  .js [data-hien]{opacity:1;transform:none}
  .js [data-troi]{transform:rotate(var(--r,0deg))}
  .to::after{transform:scaleX(1);transition:none}
  .nut,.the-dm,.the-bai__anh img{transition:none}
  .chay{overflow-x:auto}
}
/* Trang Quà: câu lệnh ăn liền (07/11) */
.an-lien{display:grid;gap:14px;margin:0 0 1.6em}
.al{position:relative;background:#fff;border-radius:22px;padding:16px 18px 18px;box-shadow:var(--bong)}
.qua-noi-dung .al p{margin:0}
.al__dau{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:1.08rem}
.al__so{flex:none;width:36px;height:36px;border-radius:50%;background:var(--xanh);color:#fff;display:grid;place-items:center;font-weight:800}
.al__nac{background:var(--vang);color:var(--muc);border-radius:20px;padding:2px 10px;font-size:.82rem;font-weight:800}
.qua-noi-dung .al__chuan{margin-top:8px;color:var(--phu);font-size:.95rem}
.qua-noi-dung .al__lenh{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;background:#F2F5FA;border-radius:14px;padding:14px 16px;font:inherit;font-size:1rem;line-height:1.6;color:var(--muc)}
.al__lenh mark{background:#FFE8A3;color:inherit;border-radius:6px;padding:0 3px;font-weight:700}
.qua-noi-dung .al__kiem{margin-top:8px;font-size:.95rem;font-weight:600;color:var(--xanh)}
.al__chep{margin-top:12px;border:0;border-radius:999px;background:var(--muc);color:#fff;font:inherit;font-weight:700;font-size:.95rem;padding:9px 18px;cursor:pointer;transition:transform .3s cubic-bezier(.32,.72,0,1)}
.al__chep:active{transform:scale(.97)}
.al__chep.da-chep{background:var(--xanh)}
.qua-noi-dung ul.qua-cai{list-style:none;padding:0;margin:0 0 1.2em;display:grid;gap:8px}
.qua-cai li{background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--bong);line-height:1.55}
.qua-cai strong{display:block}
.qua-cai code{white-space:pre-wrap;word-break:break-all}
.qua-noi-dung .qua-phu{color:var(--phu);margin-top:-.3em}
.qua-ds em{display:block;font-style:normal;color:var(--phu);font-size:.93rem;margin-top:2px}

/* Nút tải Antigravity IDE trên trang quà */
.qua-ide{display:flex;flex-direction:column;gap:10px;margin:14px 0 18px}
.qua-ide__nut{display:block;padding:14px 18px;border-radius:14px;background:var(--xanh);color:#fff !important;font-weight:700;text-decoration:none;text-align:center;font-size:17px;line-height:1.3}
.qua-ide__nut:hover{filter:brightness(1.08)}
@media (min-width:768px){.qua-ide{flex-direction:row;flex-wrap:wrap}.qua-ide__nut{flex:1 1 0}}