/* Website Meliasoft — màu theo menu MLS Điều hành: xanh #4f84c4, đậm #2f5f99; nhấn xanh lá #16a34a, cam #ff8a00, đỏ #dc2626 */
:root{--xanh:#4f84c4;--dam:#2f5f99;--la:#16a34a;--cam:#ff8a00;--do:#dc2626;
 --nen:#eef3fa;--the:#fff;--chu:#1b2a41;--nhat:#5b6b82;--vien:#dbe4f0;--bo:16px;--bong:0 4px 18px rgba(31,64,110,.10);--hd:118px}
[data-theme=toi]{--nen:#0f1a2b;--the:#17253a;--chu:#e6edf7;--nhat:#9fb0c8;--vien:#28405f;--bong:0 4px 18px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--hd) + 8px)}
body{margin:0;font:16px/1.55 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--nen);color:var(--chu);overflow-x:clip}
a{color:var(--dam)}[data-theme=toi] main a{color:#8fb6ea}
#dinh a.logo,#dinh nav a{color:#fff}#dinh nav a.dang{color:var(--dam)}
img{max-width:100%}
/* khối dính: header + nav chung một khối */
#dinh{position:sticky;top:0;z-index:50;background:linear-gradient(100deg,var(--dam),var(--xanh));color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1240px;margin:auto;padding:10px 18px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.logo img{width:46px;height:46px;border-radius:50%;background:#fff;padding:2px}
.logo b{display:block;font-size:21px;letter-spacing:.3px}.logo small{display:block;font-size:12.5px;opacity:.88}
.cong-cu{display:flex;align-items:center;gap:8px}
.nut-tron,.nut-nn{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:6px 11px;font-size:14px;cursor:pointer}
.ngon-ngu{position:relative;z-index:60}
.nut-nn{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.co{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:none}
.nut-nn .mui{font-size:11px;opacity:.85}
#dsNN{position:absolute;right:0;top:calc(100% + 6px);z-index:100;background:#fff;color:#1b2a41;border:1px solid #dbe4f0;border-radius:12px;
 box-shadow:0 10px 30px rgba(0,0,0,.28);min-width:210px;max-height:min(62vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:4px 0}
[data-theme=toi] #dsNN{background:#17253a;color:#e6edf7;border-color:#28405f}
#dsNN[hidden]{display:none}
#dsNN button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 14px;border:0;background:none;color:inherit;cursor:pointer;font-size:14.5px;line-height:1.3;white-space:nowrap}
#dsNN button .ma{min-width:34px;font-weight:700;font-size:12.5px;opacity:.75}
#dsNN button:hover,#dsNN button:focus-visible{background:rgba(79,132,196,.14);outline:none}
#dsNN hr{border:0;border-top:1px solid rgba(127,140,160,.3);margin:4px 0}
.ban-goc{display:inline-block;font-size:12px;color:var(--nhat);background:var(--nen);border-radius:6px;padding:1px 7px;margin-bottom:4px}
.tieu-goc{font-size:13px!important;font-style:italic}
:lang(ja) body,body:lang(ja){font-family:"Noto Sans JP","Yu Gothic","Hiragino Sans","Meiryo",sans-serif}
:lang(zh-Hans) body,body:lang(zh-Hans){font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
:lang(zh-Hant) body,body:lang(zh-Hant){font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
:lang(ko) body,body:lang(ko){font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
:lang(th) body,body:lang(th){font-family:"Noto Sans Thai","Leelawadee UI","Thonburi",sans-serif}
[lang=vi]{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.nut-cta{background:var(--cam);color:#fff!important;text-decoration:none;font-weight:600;border-radius:999px;padding:8px 16px;white-space:nowrap}
nav{display:flex;flex-wrap:wrap;gap:4px;max-width:1240px;margin:auto;padding:0 12px 8px}
nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:999px;font-size:15px;opacity:.92}
nav a.dang{background:#fff;color:var(--dam);opacity:1;font-weight:600}
nav a:hover{background:rgba(255,255,255,.18)}nav a.dang:hover{background:#fff}
main{max-width:1240px;margin:auto;padding:22px 18px 40px;min-height:60vh}
.dang-tai{color:var(--nhat)}
/* hero */
.hero{background:linear-gradient(120deg,var(--dam),var(--xanh));color:#fff;border-radius:22px;padding:42px 34px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;box-shadow:var(--bong)}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 12px}
.hero .the-tag{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.hero .the-tag span{background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px;font-size:14.5px;font-weight:600}
.hero p{font-size:17px;opacity:.95;margin:0 0 20px}
.hero .nut{display:flex;flex-wrap:wrap;gap:10px}
.nut-trang{background:#fff;color:var(--dam)!important;text-decoration:none;font-weight:600;border-radius:999px;padding:10px 20px}
.nut-vien{border:1.5px solid #fff;color:#fff!important;text-decoration:none;font-weight:600;border-radius:999px;padding:9px 18px}
.hero .so{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero .so div{background:#fff;color:var(--dam);border-radius:var(--bo);padding:16px;text-align:center}
.hero .so b{display:block;font-size:30px;line-height:1.1}.hero .so small{color:#4b5a70;font-size:13.5px}
/* mục */
section{margin-top:38px}
h2{font-size:27px;margin:0 0 6px;color:var(--dam)}[data-theme=toi] h2{color:#8fb6ea}
.phu{color:var(--nhat);margin:0 0 18px}
.luoi{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.luoi-2{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
.the{background:var(--the);border-radius:var(--bo);padding:18px;box-shadow:var(--bong);border:1px solid var(--vien)}
.the h3{margin:0 0 6px;font-size:17.5px}
.the p{margin:0 0 6px;color:var(--nhat);font-size:15px}
.the .li{color:var(--la);font-weight:600;font-size:14.5px}
.vach{border-top:5px solid var(--xanh)}
.khoi-nhan{display:inline-block;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 10px;margin-bottom:8px}
.chip-hang{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.chip{border:1px solid var(--vien);background:var(--the);color:var(--chu);border-radius:999px;padding:6px 13px;font-size:14px;cursor:pointer}
.chip.dang{background:var(--dam);color:#fff;border-color:var(--dam)}
.anh-the{background:var(--the);border-radius:var(--bo);padding:12px;box-shadow:var(--bong);border:1px solid var(--vien);text-align:center}
.anh-the img{border-radius:10px;display:block;margin:auto}
.anh-the figcaption{font-size:13.5px;color:var(--nhat);margin-top:6px}
.khach .the p{color:var(--chu)}
.khach .ten{display:flex;flex-wrap:wrap;gap:6px}
.khach .ten span{background:var(--nen);border-radius:8px;padding:3px 9px;font-size:13.5px}
.cta-cuoi{background:linear-gradient(120deg,var(--dam),var(--xanh));color:#fff;border-radius:22px;padding:30px;text-align:center}
.cta-cuoi h2{color:#fff!important}
/* tin */
.tin{display:flex;flex-direction:column;gap:6px}
.tin .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--nhat)}
.tin .nhan{background:var(--xanh);color:#fff;border-radius:999px;padding:1px 9px;font-weight:600}
.tin h3 a{color:var(--chu);text-decoration:none}.tin h3 a:hover{color:var(--xanh)}
.tin .doc{margin-top:auto;font-size:14px;font-weight:600}
.cap-nhat{font-size:13.5px;color:var(--nhat);margin:-8px 0 14px}
.trong{color:var(--nhat);font-style:italic}
.tb-ghim{border-left:5px solid var(--cam)}
.album{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.album img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;cursor:zoom-in}
#xemAnh{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:99;padding:20px}
#xemAnh img{max-height:90vh;border-radius:8px}
/* liên hệ */
.vp h3{color:var(--dam)}[data-theme=toi] .vp h3{color:#8fb6ea}
.mxh{display:flex;flex-wrap:wrap;gap:10px}
.mxh a,.mxh span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 15px;text-decoration:none;font-weight:600;font-size:14.5px;color:#fff!important;background:var(--dam)}
.mxh span{background:#9aa9bd;cursor:default}
footer{background:var(--dam);color:#dfe9f7;padding:10px 18px;font-size:13px}
footer .trong-chan{max-width:1240px;margin:auto;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr}
footer a{color:#fff}
footer b{color:#fff}
/* iPad */
@media (max-width:1100px){.hero{grid-template-columns:1fr}.luoi-2{grid-template-columns:1fr}footer .trong-chan{grid-template-columns:1fr 1fr}}
/* điện thoại: thu gọn tiêu đề */
@media (max-width:760px){
 header{padding:7px 12px}.logo img{width:36px;height:36px}.logo b{font-size:18px}.logo small{display:none}
 .an-dt{display:none}
 nav{flex-wrap:nowrap;overflow-x:auto;padding:0 8px 7px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}
 nav a{white-space:nowrap;font-size:14px;padding:5px 10px}
 main{padding:14px 12px 30px}
 .hero{padding:24px 18px;border-radius:16px}.hero h1{font-size:27px}.hero p{font-size:15.5px}
 .hero .so b{font-size:24px}
 h2{font-size:22px}section{margin-top:28px}
 .luoi{grid-template-columns:1fr}
 footer .trong-chan{grid-template-columns:1fr}
}
/* màn hình lớn phòng điều hành */
@media (min-width:1800px){body{font-size:18px}main,header,nav,footer .trong-chan{max-width:1600px}.hero h1{font-size:52px}h2{font-size:32px}}
.tl{margin-top:16px}.tl-dau{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.tl-nut{display:flex;flex-wrap:wrap;gap:8px}.nut-xanh{background:var(--dam);color:#fff!important;text-decoration:none;font-weight:600;border-radius:999px;padding:8px 16px;white-space:nowrap}
.tl-xem{max-height:78vh;overflow-y:auto;background:#5b6b82;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;align-items:center;-webkit-overflow-scrolling:touch}
.tl-xem img{width:100%;max-width:900px;height:auto;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
@media (max-width:760px){.tl-xem{max-height:70vh;padding:6px}.nut-xanh,.tl .nut-cta{font-size:13.5px;padding:7px 12px}}
.chip-mls{background:linear-gradient(100deg,var(--dam),var(--xanh));color:#fff;border-color:var(--dam);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.chip-mls img{border-radius:50%;background:#fff}.chip-mls.dang{box-shadow:0 0 0 3px rgba(255,138,0,.55)}
.tin-mls{border-top:5px solid var(--xanh)}.tin-mls .nhan{background:var(--dam)}
.tin-nut{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}.tin-nut a{font-size:13.5px;padding:7px 13px}
.tin-anh{border-radius:10px;width:100%;aspect-ratio:16/10;object-fit:cover}
.khach .ten a.kh-link{background:var(--nen);border-radius:8px;padding:3px 9px;font-size:13.5px;text-decoration:none;color:var(--dam);border:1px solid transparent;transition:.15s}
[data-theme=toi] .khach .ten a.kh-link{color:#8fb6ea}
.khach .ten a.kh-link:hover{border-color:var(--xanh);background:var(--the);box-shadow:0 2px 8px rgba(47,95,153,.2)}
.mui-ra{font-size:11px;margin-left:3px;opacity:.7}
.khach .ten a.kh-link{position:relative}
.kh-the{display:none}
@media (hover:hover){.khach .ten a.kh-link:hover .kh-the,.khach .ten a.kh-link:focus-visible .kh-the{display:flex}}
.kh-the{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:20;align-items:center;gap:7px;white-space:nowrap;
 background:var(--the);color:var(--chu);border:1px solid var(--vien);border-radius:10px;padding:6px 10px;font-size:13px;font-weight:600;box-shadow:0 8px 22px rgba(0,0,0,.22);pointer-events:none}
.kh-the img{width:16px;height:16px;border-radius:3px}
.kh-the::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--vien)}
.luoi-vp{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.vp{display:flex;flex-direction:column;gap:10px}
.vp-dau{display:flex;gap:10px;align-items:flex-start}.vp-dau>.ic{width:26px;height:26px;color:var(--cam);flex:none;margin-top:2px}
.vp h3{margin:0 0 4px}.vp-dc{color:var(--chu)!important;margin:0}.vp-cu{font-size:12.5px!important;margin:2px 0 0!important}
.vp-map{width:100%;height:240px;border:0;border-radius:12px;background:var(--nen)}
.vp-nut{display:flex;flex-wrap:wrap;gap:8px}.vp-nut a{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.vp-lh{font-size:14px;margin:0;line-height:1.9}.vp-lh .ic{vertical-align:-3px;margin-right:6px;color:var(--xanh)}
.ic{flex:none}
@media (max-width:1100px){.luoi-vp{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.luoi-vp{grid-template-columns:1fr}.vp-map{height:220px}}
.chan-mong{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.chan-mxh{display:flex;gap:12px}.chan-mxh a{color:#fff;opacity:.85;display:inline-flex}.chan-mxh a:hover{opacity:1}
.so-do{margin:0 0 18px}.so-do img{width:100%;max-width:1100px}
.luoi-gp{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media (min-width:1101px){.luoi-gp{grid-template-columns:repeat(4,1fr)}}
.gp{display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--m,var(--xanh))}
.gp-ic{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--dam);background:linear-gradient(135deg,#e7f0fb,#d3e3f6)}
[data-theme=toi] .gp-ic,[data-theme=toi] .ph-ic{background:linear-gradient(135deg,#1f3553,#24476f);color:#a9c8f0}
.gp-ic .n,.ph-ic .n,.buoc .n{stroke:var(--cam)}
.gp h3{margin:0}.gp-ngan{color:var(--chu)!important;margin:0!important;font-size:15.5px!important}
.xem-them summary{cursor:pointer;color:var(--xanh);font-weight:600;font-size:14px;list-style:none}.xem-them summary::-webkit-details-marker{display:none}
.xem-them summary::after{content:" ▾"}.xem-them[open] summary::after{content:" ▴"}.xem-them p{margin-top:6px}
.luoi-ph{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ph{background:var(--the);border:1px solid var(--vien);border-radius:14px;box-shadow:var(--bong);border-top:4px solid var(--m)}
.ph summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;text-align:center}
.ph summary::-webkit-details-marker{display:none}
.ph-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--m);background:#eef4fc}
.ph-ic svg{width:34px;height:34px}.ph-ten{font-weight:600;font-size:14.5px;line-height:1.3}
.ph[open]{grid-column:1/-1}.ph[open] summary{flex-direction:row;justify-content:flex-start;text-align:left}
.ph-mo{padding:0 16px 14px}.ph-mo p{margin:6px 0}.ph-mo .nho{font-size:13.5px;color:var(--nhat)}
.cham{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:1px}
.dt-tieu{margin:26px 0 4px;color:var(--dam)}[data-theme=toi] .dt-tieu{color:#8fb6ea}
.dai-dt{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 14px;-webkit-overflow-scrolling:touch}
.dt{margin:0;flex:none;scroll-snap-align:center;text-align:center}
.khung-dt{width:250px;border:10px solid #1b2a41;border-radius:34px;overflow:hidden;box-shadow:0 12px 30px rgba(20,40,70,.28);background:#000;aspect-ratio:1/2}
.khung-dt img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.dt figcaption{margin-top:8px;font-weight:600;color:var(--nhat);font-size:14px}
@media (min-width:1101px){.dai-dt{justify-content:center}}
.luoi-buoc{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
.buoc{position:relative;text-align:left;color:var(--dam)}.buoc h3{margin:6px 0 4px;color:var(--chu)}.buoc svg{width:40px;height:40px}
[data-theme=toi] .buoc{color:#a9c8f0}
.so-buoc{position:absolute;top:12px;right:14px;font-size:30px;font-weight:800;color:rgba(79,132,196,.25)}
@media (max-width:1100px){.luoi-buoc{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.luoi-gp,.luoi-buoc{grid-template-columns:1fr}.gp{flex-direction:row;align-items:flex-start}.gp-ic{width:52px;height:52px;flex:none}.gp-ic svg{width:34px;height:34px}
 .luoi-ph{grid-template-columns:repeat(2,1fr)}.khung-dt{width:210px}}
.td-dau{display:flex;gap:12px;align-items:flex-start}.td-ic{color:var(--dam);background:#e7f0fb;border-radius:12px;padding:6px;display:inline-flex;flex:none}
[data-theme=toi] .td-ic{background:#1f3553;color:#a9c8f0}
.td h3{margin:0 0 4px}.td-meta{font-size:13.5px!important}.td h4{margin:10px 0 4px;font-size:14.5px}.td ul,.td-mt ul{margin:0;padding-left:20px;color:var(--nhat);font-size:14.5px}
.td-tt{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;color:#fff}.td-tt.mo{background:var(--la)}.td-tt.dong{background:#94a3b8}
.td-trong{display:flex;gap:14px;align-items:center}.td-trong p{margin:0;color:var(--chu)!important}
.td-dong-tieu{color:var(--nhat)}
.tb-cap{font-weight:600;color:var(--chu);margin:0 0 12px}
.tb-anh{display:flex;gap:28px;align-items:flex-end;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 16px;-webkit-overflow-scrolling:touch}
.tb{margin:0;flex:none;scroll-snap-align:center;text-align:center}
.tb figcaption{margin-top:10px;font-size:13.5px;color:var(--nhat);font-weight:600}
.tb-vo{background:#1b2a41;padding:12px;border-radius:22px;box-shadow:0 14px 34px rgba(20,40,70,.3)}
.tb-mh{overflow:hidden;border-radius:6px;background:#fff}.tb-mh img{display:block;width:100%;height:auto}
.tb-ipad-doc .tb-vo{width:300px;border-radius:26px;padding:14px}
.tb-ipad-ngang .tb-vo{width:430px;border-radius:26px;padding:14px}
.tb-laptop .tb-vo{width:520px;border-radius:14px 14px 4px 4px;padding:10px 10px 14px}
.tb-phim{width:600px;height:18px;margin:0 auto;background:linear-gradient(#cfd6e0,#9aa6b6);border-radius:0 0 14px 14px;position:relative}
.tb-phim::before{content:"";position:absolute;left:50%;top:0;width:90px;height:6px;transform:translateX(-50%);background:#7d8899;border-radius:0 0 6px 6px}
.tb-man-hinh-lon .tb-vo{width:620px;border-radius:8px;padding:10px}
.tb-chan{width:26px;height:44px;margin:0 auto;background:linear-gradient(90deg,#55627a,#2b3950)}
.tb-chan::after{content:"";display:block;width:180px;height:10px;margin:44px 0 0 -77px;background:#2b3950;border-radius:6px}
.tb-man-hinh-lon figcaption{margin-top:20px}
@media (min-width:1101px){.tb-anh{justify-content:center;flex-wrap:wrap}}
@media (max-width:760px){.tb-ipad-doc .tb-vo{width:220px}.tb-ipad-ngang .tb-vo{width:300px}.tb-laptop .tb-vo{width:300px}.tb-phim{width:350px}.tb-man-hinh-lon .tb-vo{width:320px}}
.luoi-nganh{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.nganh{padding:0;overflow:hidden}.nganh h3,.nganh p{padding:0 18px}.nganh h3{margin-top:14px}.nganh p{padding-bottom:16px}
.nganh-anh{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:1100px){.luoi-nganh{grid-template-columns:1fr 1fr}}@media (max-width:760px){.luoi-nganh{grid-template-columns:1fr}}

/* ===== HỆ CHỮ + CHUẨN THẺ (01/11/2026) — một họ phông, biến cỡ chữ chung ===== */
:root{--ff:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif;--fs-h1:26px;--fs-h3:18px;--fs-body:15px;--fs-meta:13px;--fs-chip:12px;--lh:1.55;--bo:16px;--pad:18px;--gap:16px}
@media (min-width:761px){:root{--fs-h1:29px;--fs-h3:20px;--fs-body:16.5px;--fs-meta:14px;--fs-chip:13px;--pad:20px;--gap:18px}}
body{font-family:var(--ff);font-size:var(--fs-body);line-height:var(--lh)}
:lang(ja) body,body:lang(ja){font-family:"Be Vietnam Pro","Noto Sans JP",sans-serif}
:lang(zh-Hans) body,body:lang(zh-Hans){font-family:"Be Vietnam Pro","Noto Sans SC",sans-serif}
:lang(zh-Hant) body,body:lang(zh-Hant){font-family:"Be Vietnam Pro","Noto Sans TC",sans-serif}
:lang(ko) body,body:lang(ko){font-family:"Be Vietnam Pro","Noto Sans KR",sans-serif}
:lang(th) body,body:lang(th){font-family:"Be Vietnam Pro","Noto Sans Thai",sans-serif}
[lang=vi]{font-family:var(--ff)}
button,input,select,textarea{font-family:inherit}
main>h2,section>h2,main h2{font-size:var(--fs-h1);font-weight:700;line-height:1.25;letter-spacing:-.2px}
.the h3,.dt-tieu,.td-dong-tieu{font-size:var(--fs-h3);font-weight:700;line-height:1.35}
.the p,.gp-ngan,.tin p,.ph-mo p{font-size:var(--fs-body)!important;line-height:var(--lh)}
.phu,.cap-nhat,.tin .meta,.td-meta,.vp-cu,figcaption,.ph-mo .nho,.tb-cap~*figcaption{font-size:var(--fs-meta)!important;color:var(--nhat)}
.chip,.khoi-nhan,.td-tt,.tin .nhan,.ban-goc{font-size:var(--fs-chip)!important;font-weight:600}
.chip{padding:6px 12px}
.the,.ph,.anh-the,.cta-cuoi,.hero{border-radius:var(--bo)}
.the{padding:var(--pad)}
.luoi,.luoi-gp,.luoi-nganh,.luoi-vp,.luoi-buoc,.luoi-ph{gap:var(--gap)}
section{margin-top:40px}
.nut-cta,.nut-xanh,.nut-trang,.nut-vien,.nut-ung{font-size:14px;font-weight:600;border-radius:999px;line-height:1.2}
/* danh sách: dấu chấm màu thương hiệu, thụt đều */
main ul{list-style:none;margin:6px 0 0;padding:0}
main ul li{position:relative;padding-left:18px;margin:0 0 6px;line-height:var(--lh);color:var(--nhat)}
main ul li::before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--xanh)}
/* thẻ tuyển dụng */
.td{display:flex;flex-direction:column;gap:12px}
.td-dau{display:flex;gap:12px;align-items:center}.td-dau h3{margin:0}
.td-chip{display:flex;gap:8px}.td-tt{padding:3px 10px;border-radius:999px}
.td-luoi{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;background:var(--nen);border-radius:12px;padding:12px}
.td-o{display:flex;gap:8px;align-items:flex-start}.td-o .ti{color:var(--xanh);margin-top:2px;flex:none}
.td-o small{display:block;font-size:var(--fs-meta);color:var(--nhat)}.td-o b{font-size:var(--fs-body);font-weight:600;color:var(--chu)}
.td h4{font-size:var(--fs-body);font-weight:700;margin:12px 0 4px;color:var(--chu)}
.td-lh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:var(--fs-meta)!important;margin:0}.td-lh .ti{color:var(--xanh)}.td-lh a+.ti{margin-left:8px}
.td-nut{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.nut-ung{display:block;flex:1 1 100%;text-align:center;background:var(--cam);color:#fff!important;text-decoration:none;padding:13px 18px;font-size:16px;box-shadow:0 6px 16px rgba(255,138,0,.3)}
.nut-ung:hover{filter:brightness(1.05)}
.td-trong p{font-size:var(--fs-body)!important}
@media (max-width:420px){.td-luoi{grid-template-columns:1fr}}
/* Giao diện Tết — CHỈ bật khi cau-hinh.json giao_dien_tet = true hoặc ?tet=1 */
[data-tet="1"]{--xanh:#c81e1e;--dam:#8f1010;--cam:#e9a400}
[data-tet="1"] #dinh{background:linear-gradient(100deg,#8f1010,#c81e1e)}
[data-tet="1"] #dinh::after{content:"";position:absolute;right:8px;bottom:-14px;width:120px;height:40px;pointer-events:none;opacity:.9;
 background:radial-gradient(circle at 10px 10px,#ffd23f 5px,transparent 6px),radial-gradient(circle at 40px 24px,#ffb3c1 5px,transparent 6px),radial-gradient(circle at 74px 12px,#ffd23f 4px,transparent 5px),radial-gradient(circle at 104px 26px,#ffb3c1 4px,transparent 5px)}
[data-tet="1"] .hero,[data-tet="1"] .cta-cuoi{background:linear-gradient(120deg,#8f1010,#c81e1e)}
.tb-chan{position:relative;width:26px;height:44px;margin:0 auto 12px;background:linear-gradient(90deg,#55627a,#2b3950)}
.tb-chan::after{content:"";position:absolute;top:44px;left:50%;transform:translateX(-50%);width:180px;height:10px;margin:0;background:#2b3950;border-radius:6px}
.luoi-ph{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media (max-width:760px){.luoi-ph{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ph,.ph summary,.ph-mo{min-width:0}.ph-ten,.the h3,.gp h3{overflow-wrap:anywhere;hyphens:auto}

/* ===== HỆ CHỮ v2 (01/11/2026, chuẩn SaaS quốc tế) — mọi cỡ chữ lấy từ biến; bội số 8px ===== */
:root{--ff:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --h1:24px;--h2:20px;--h3:16px;--fs-body:15px;--fs-meta:13px;--fs-nut:14px;--fs-menu:14px;--fs-chip:12px;--lh:1.6;--xam:#64748b;
 --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--max:1200px;--nut-h:44px;--bo:16px;--pad:16px;--gap:16px}
@media (min-width:761px){:root{--h1:40px;--h2:28px;--h3:18px;--fs-body:16px;--fs-meta:14px;--fs-chip:13px;--pad:24px;--gap:24px}}
[data-theme=toi]{--xam:#94a3b8}
body{font-family:var(--ff);font-size:var(--fs-body);line-height:var(--lh);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:lang(ja) body,body:lang(ja){font-family:"Inter","Noto Sans JP",sans-serif}
:lang(zh-Hans) body,body:lang(zh-Hans){font-family:"Inter","Noto Sans SC",sans-serif}
:lang(zh-Hant) body,body:lang(zh-Hant){font-family:"Inter","Noto Sans TC",sans-serif}
:lang(ko) body,body:lang(ko){font-family:"Inter","Noto Sans KR",sans-serif}
:lang(th) body,body:lang(th){font-family:"Inter","Noto Sans Thai",sans-serif}
[lang=vi]{font-family:var(--ff)}
main,header,nav,.chan-mong{max-width:var(--max)}
main{padding:var(--s3) var(--s2) var(--s5)}
.hero h1,main>h2:first-child{font-size:var(--h1);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 var(--s2)}
section>h2,main h2{font-size:var(--h2);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--s1)}
main>h2:first-child{font-size:var(--h1)}
.the h3,.dt-tieu,.td-dong-tieu,.gp h3,.vp h3,.td h3{font-size:var(--h3);font-weight:600;line-height:1.4;letter-spacing:-.005em}
.the p,.gp-ngan,.tin p,.ph-mo p,.hero p,.cta-cuoi p,main li{font-size:var(--fs-body)!important;line-height:var(--lh)}
.hero p,.phu,.cta-cuoi p,.the p{max-width:68ch}
.phu,.cap-nhat,.tin .meta,.td-meta,.vp-cu,figcaption,.ph-mo .nho,.td-o small,.td-lh,.vp-lh{font-size:var(--fs-meta)!important;color:var(--xam)!important;font-weight:400}
.phu{margin:0 0 var(--s3)}
section{margin-top:var(--s5)}
.chip,.khoi-nhan,.td-tt,.tin .nhan,.ban-goc{font-size:var(--fs-chip)!important;font-weight:600}
nav a{font-size:var(--fs-menu);font-weight:500}
.logo b{font-size:18px;font-weight:600}
.hero .so b{font-size:28px;font-weight:700}.hero .the-tag span{font-size:13px;font-weight:500}
.ph-ten{font-size:14px;font-weight:600}
b,strong{font-weight:600}
/* nút: cùng chiều cao 44px, chữ 15px, icon SVG 16px */
.nut-cta,.nut-xanh,.nut-trang,.nut-vien,.nut-ung,.mxh a,.tin-nut a,.tl-nut a,.vp-nut a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--nut-h);padding:0 18px;font-size:15px!important;font-weight:600;line-height:1;border-radius:999px;box-sizing:border-box}
.bi{flex:none}
.hero .nut,.cta-cuoi .nut{gap:var(--s1)!important}
.nut-ung{width:100%;font-size:15px!important}
#dinh .nut-cta{min-height:36px;font-size:14px!important;padding:0 14px}
.cta-cuoi{padding:var(--s4) var(--s3)}.cta-cuoi h2{font-size:22px!important;font-weight:600;margin-bottom:var(--s1)}
@media (min-width:761px){.cta-cuoi h2{font-size:28px!important}}
/* chip mạng xã hội 36px có icon thương hiệu */
.mxh{gap:var(--s1)}.mxh a{min-height:36px;padding:0 14px;font-size:14px!important}
.mxh a.mxh-facebook{background:#1877f2}.mxh a.mxh-youtube{background:#e02424}
footer{font-size:13px;padding:var(--s2)}
.the{padding:var(--pad)}
.luoi,.luoi-gp,.luoi-nganh,.luoi-vp,.luoi-buoc,.luoi-ph{gap:var(--gap)}
.tin .doc{font-size:14px;font-weight:600}
.gp-ic{width:56px;height:56px}.gp-ic svg{width:32px;height:32px}

/* ===== Thư viện "MLS trên mọi thiết bị" + trang chi tiết phân hệ (01/11/2026) ===== */
.tv-nhom{display:flex;gap:var(--s1);align-items:flex-start;margin:0 0 var(--s1)}
.tv-nhan{flex:none;width:96px;padding-top:6px;font-size:var(--fs-meta);color:var(--xam);font-weight:600}
.tv-nhom .chip-hang{margin:0}
@media (max-width:760px){.tv-nhom{flex-direction:column;gap:4px}.tv-nhan{width:auto;padding:0}.tv-nhom .chip-hang{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.tv-nhom .chip{flex:none}}
.tv-khung{margin-top:var(--s2);display:grid;gap:var(--s2);grid-template-columns:1fr}
@media (min-width:1000px){.tv-khung{grid-template-columns:1.25fr 1fr;align-items:center}}
.tv-canh{position:relative;aspect-ratio:16/9;border-radius:var(--bo);background-size:cover;background-position:center;overflow:hidden;box-shadow:var(--bong)}
.tv-mh{position:absolute;display:block;overflow:hidden;background:#fff;box-shadow:0 0 0 2px #111}
.tv-mh img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.tv-to{margin:0}.tv-to .tb-vo{width:100%!important;max-width:620px;margin:0 auto}
.tv-ban{display:flex;align-items:center;justify-content:center}
.tv-ban .tb{margin:0}.tv-ban .tb-mh img{width:100%;height:100%;object-fit:cover;object-position:top left}
.tv-ipad .tb-vo{width:min(62%,460px);border-radius:26px;padding:14px;margin:0 auto}.tv-ipad .tb-mh{aspect-ratio:4/3}
.tv-may-tinh .tb-vo{width:min(66%,520px);border-radius:14px 14px 4px 4px;padding:10px;margin:0 auto}.tv-may-tinh .tb-mh{aspect-ratio:16/10}.tv-may-tinh .tb-phim{width:min(76%,600px)}
.tv-dien-thoai .tb-vo{width:min(30%,190px);border-radius:28px;padding:9px;margin:0 auto}.tv-dien-thoai .tb-mh{aspect-ratio:9/18;border-radius:20px}
.tv-ban figure{width:100%}
.tv-cap{margin:var(--s1) 0 0;font-size:var(--fs-body);color:var(--chu)}
.nut-xct{display:inline-flex;align-items:center;min-height:36px;margin-top:var(--s1);padding:0 14px;border-radius:999px;background:var(--xanh);color:#fff!important;font-size:var(--fs-nut);font-weight:600;text-decoration:none}
.ph-ct{max-width:var(--max);margin:0 auto}
.ph-ct h1{font-size:var(--h1);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:var(--s1) 0}
.ph-gq{max-width:68ch;color:var(--chu)}
.ph-anh{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));margin:var(--s3) 0 var(--s1)}
.ph-anh img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:12px;border:1px solid var(--vien);box-shadow:var(--bong)}
.ph-luoi{margin-top:var(--s3)}.ph-luoi .the h3+p,.ph-luoi ul,.ph-luoi ol{margin-top:4px}.ph-luoi .the h3:not(:first-child){margin-top:var(--s2)}
.ph-qt{padding-left:1.3em}.ph-qt li{margin:4px 0}
@media (max-width:420px){.cong-cu{min-width:0;flex-shrink:1}.cong-cu .nut-cta.an-dt{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px;padding-right:10px}}

/* ===== Điểm mới: thẻ có ảnh 16:9 + trang chi tiết (01/11/2026) ===== */
.tin-mls{display:flex;flex-direction:column}
.tin-bia{display:block;margin:calc(-1*var(--pad,18px)) calc(-1*var(--pad,18px)) 12px;border-radius:var(--bo,12px) var(--bo,12px) 0 0;overflow:hidden;aspect-ratio:16/9;background:#e8eef7}
.tin-bia img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.tin-mls .tin-anh{display:none}
.nut-xct-tin{display:inline-flex;align-self:flex-start;margin-top:auto;padding:10px 16px;border-radius:999px;background:#2f5f99;color:#fff;font-weight:600;font-size:15px;text-decoration:none}
.nut-xct-tin:hover{background:#4f84c4}
.tin-lk{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:14px;color:var(--phu,#64748b)}
.tin-lk a{color:inherit;text-decoration:underline}
.dm-trang{max-width:880px;margin:0 auto;padding:8px 16px 40px}
.dm-ve{display:inline-block;margin:8px 0 12px;font-size:14px}
.dm-trang h1{font-size:clamp(24px,4vw,34px);line-height:1.25;margin:6px 0 10px}
.dm-tt{font-size:17px;line-height:1.6}
.dm-bia{aspect-ratio:16/9;overflow:hidden;border-radius:14px;margin:16px 0;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.dm-bia img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.dm-muc{margin-top:26px}.dm-muc h2{font-size:21px;margin:0 0 10px;color:#2f5f99}
[data-theme=toi] .dm-muc h2{color:#9cc3f0}
.dm-muc p,.dm-muc li{font-size:16px;line-height:1.65}
.dm-buoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.dm-hinh{position:relative;margin:0}.dm-hinh img{width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.1);aspect-ratio:16/10;object-fit:cover;object-position:top left;display:block}
.dm-hinh figcaption{font-size:14px;line-height:1.5;margin-top:8px}
.dm-so{position:absolute;top:-10px;left:-10px;width:32px;height:32px;border-radius:50%;background:#f97316;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:1}
.dm-ts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dm-ts b{display:block;margin-bottom:6px}
.dm-vt{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.dm-vt .the h3{font-size:16px;margin:0 0 6px}
.dm-hd{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 14px;margin-bottom:8px}.dm-hd summary{cursor:pointer;font-weight:600}
.dm-cuoi{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.nut-noi{display:none}
@media (max-width:760px){
 header .nut-cta{display:none!important}
 .nut-noi{display:block;position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;padding:10px 14px;border-radius:999px;background:#f97316;color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}
 .dm-ts{grid-template-columns:1fr}
}

/* header: bỏ hẳn nút Đặt lịch demo (01/11) */
header .nut-cta,.nut-noi{display:none!important}
header .cong-cu{flex-wrap:nowrap;gap:8px}

/* Ngôn ngữ khác (dịch máy) 01/11 */
.co-chu{display:inline-flex;align-items:center;justify-content:center;width:20px;height:14px;font-size:12px;font-weight:700;line-height:1}
.nn-nhom{margin:4px 10px;font-size:12px;color:#64748b}
#nnKhacO{display:flex;gap:6px;padding:6px 8px}#nnKhacO[hidden]{display:none}
#nnKhacI{flex:1;min-width:0;padding:8px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}
#nnKhacOk{padding:8px 12px;border-radius:8px;background:#2f5f99;color:#fff;border:0}
#dsNN{max-height:min(70vh,560px);overflow:auto}
body.nn-mo #dinh{z-index:2147483646}
#daiMay{position:fixed;left:0;right:0;bottom:0;z-index:2147483645;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 10px;background:#1e293b;color:#fff;font-size:13px}
#daiMay button{background:#f97316;color:#fff;border:0;border-radius:999px;padding:4px 12px;font-size:13px}
body:has(#daiMay){padding-bottom:40px}
.goog-te-banner-frame,.skiptranslate>iframe,#goog-gt-tt{display:none!important}body{top:0!important}
[dir=rtl] header,[dir=rtl] #menu{direction:rtl}

/* Lightbox dùng chung (01/11) */
.lb-hop{position:fixed;inset:0;z-index:2147483640;background:rgba(10,15,25,.94);display:flex;flex-direction:column}
.lb-khung{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.lb-khung img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0;cursor:zoom-in}
.lb-khung img.to{max-width:none;max-height:none;width:220%;cursor:zoom-out}
.lb-chu{color:#e2e8f0;font-size:14px;text-align:center;margin:0;padding:8px 14px calc(10px + env(safe-area-inset-bottom))}
.lb-dong,.lb-tr,.lb-sau{position:absolute;background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:44px;cursor:pointer}
.lb-dong{top:calc(10px + env(safe-area-inset-top));right:10px}.lb-tr{left:8px;top:50%}.lb-sau{right:8px;top:50%}
.lb-so{position:absolute;top:calc(20px + env(safe-area-inset-top));left:16px;color:#cbd5e1;font-size:14px}
html.lb-mo,html.lb-mo body{overflow:hidden}
img.lb,.ph-anh img{cursor:zoom-in}
.dm-bia{aspect-ratio:auto}.dm-bia img{height:auto;aspect-ratio:16/9}
html{overflow-anchor:none}

/* Hero điện thoại: 1 nút chính + lưới 2 cột + liên kết chữ (01/11) */
.nut .lk-gp{}
@media (max-width:760px){
 .hero .nut,section .nut{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%}
 .nut>a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;padding:0 10px;border-radius:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(13px,3.7vw,15px);margin:0!important;width:auto!important}
 .nut>a svg{width:18px;height:18px;flex:none}
 .nut>a.nut-trang{grid-column:1/-1}
 .nut>a.lk-gp{grid-column:1/-1;background:none!important;border:0!important;height:auto;min-height:0;padding:4px;text-decoration:underline;color:#fff}
 html[lang=fr] .nut>a,html[lang=de] .nut>a{font-size:clamp(12px,3.3vw,14px)}
}
.lh-ks{margin:6px 0 14px}
@media (max-width:760px){
 .nut>a{font-size:clamp(11.5px,3.25vw,15px);padding:0 6px;gap:6px;letter-spacing:-.1px}
 html[lang=fr] .nut>a,html[lang=de] .nut>a,html[lang=es] .nut>a,html[lang=id] .nut>a{font-size:clamp(11px,3vw,14px)}
}
@media (min-width:761px){.hero .nut{flex-wrap:nowrap!important}.hero .nut>a{white-space:nowrap}}
@media (max-width:440px){.nut>a.nut-ks svg,.nut>a.nut-vien:not(.lk-gp) svg{display:none}.nut>a{padding:0 4px!important}}
@media (max-width:370px){html[lang=fr] .nut>a,html[lang=de] .nut>a,html[lang=es] .nut>a{font-size:10.5px;letter-spacing:-.2px}}
/* Ô "Ngôn ngữ khác…" rộng hết danh sách (01/11 12h) */
#dsNN{min-width:250px}
#nnKhacO:not([hidden]){display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px;width:100%;box-sizing:border-box}
#nnKhacI{width:100%;height:40px;box-sizing:border-box;flex:none;font-size:15px;padding:0 12px}
#nnKhacI::placeholder{color:#64748b;opacity:1}
#nnKhacOk{height:40px;width:100%}

/* Ảnh ghép bối cảnh (01/11) */
.tv-ghep{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px rgba(0,0,0,.18);aspect-ratio:16/9;background:#1e293b}
.tv-ghep img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.tv-chup{margin:14px 0 0;text-align:center}.tv-chup img{width:100%;border-radius:10px;border:1px solid var(--vien,#dbe4f0);cursor:zoom-in;display:block}
.tv-chup-dt img{max-width:320px;margin:0 auto}
.tv-chup figcaption{font-size:13px;color:var(--nhat,#64748b);margin-top:6px}

/* Khu MLS trên mọi thiết bị: lưới đồng bộ theo phân hệ (01/11) */
.tv-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.tv-o{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#1e293b;box-shadow:0 4px 16px rgba(0,0,0,.14)}
.tv-o img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:opacity .22s ease}
.tv-o.mo img{opacity:0}
.tv-nhan{position:absolute;left:10px;top:10px;background:rgba(15,23,42,.72);color:#fff;font-size:12px;padding:3px 9px;border-radius:999px;pointer-events:none}
.tv-ai{font-size:12px;color:var(--nhat,#64748b);margin-top:4px}
@media (max-width:900px){.tv-luoi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.tv-luoi{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.tv-o{flex:0 0 86%;scroll-snap-align:center}}
@media (prefers-reduced-motion:reduce){.tv-o img{transition:none}}

/* Khu thiết bị: xếp dọc 4 thiết bị (01/11 tối) */
.tv-luoi{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;overflow:visible!important}
.tv-o{flex:none!important;aspect-ratio:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.tv-td{font-size:17px;font-weight:600;margin:0 0 8px;color:var(--chu,#1b2a41)}.tv-td b{color:#4f84c4}
.tv-anh{border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#1e293b;box-shadow:0 4px 16px rgba(0,0,0,.14)}
.tv-anh img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:opacity .22s ease}
.tv-o.mo .tv-anh img{opacity:.15}
@media (min-width:1000px){.tv-luoi{grid-template-columns:1fr 1fr!important}}

/* ===== HÌNH ẢNH + HIỆU ỨNG PHONG CÁCH AMY.VN (tự viết, 01/11/2026) — ảnh lớn full-width, slider vạch tiến trình,
   tiêu đề có nhãn nhỏ + vạch kéo dài, thẻ ảnh bo góc chữ đè gradient, hover phóng ảnh, hiện dần khi cuộn ===== */
html,body{overflow-x:clip}
#dinh{transition:box-shadow .3s}#dinh.cuon{box-shadow:0 6px 24px rgba(20,45,85,.28)}
/* Hero ảnh lớn tràn ngang */
.hero{position:relative;overflow:hidden;isolation:isolate;margin:calc(-1 * var(--s3,22px)) calc(50% - 50vw) 0;border-radius:0;
 min-height:min(82vh,760px);padding:72px max(24px,calc(50vw - 600px)) 120px;background:#16304f;box-shadow:none}
.hero-nen{position:absolute;inset:-6% 0 -6%;z-index:-2;will-change:transform}
.hero-nen .hn-o{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hero-nen .hn-o.dang{opacity:1}
.hero-nen img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 7.5s cubic-bezier(.25,.6,.3,1)}
.hero-nen .hn-o.dang img{transform:scale(1)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,40,72,.92) 0%,rgba(31,66,112,.78) 42%,rgba(47,95,153,.28) 75%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(10,25,48,.55),transparent 35%)}
.hero:not(.co-nen) .hero-tab{display:none}
.hero-chu{position:relative}
.hero h1{font-size:clamp(30px,4.2vw,54px);letter-spacing:-.5px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.hero .hero-chu>p{max-width:46ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero .so div{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero .so small{color:rgba(255,255,255,.85)}
.hero-tab{position:absolute;left:max(24px,calc(50vw - 600px));right:max(24px,calc(50vw - 600px));bottom:26px;display:flex;gap:14px;z-index:1}
.ht-n{flex:1;min-width:0;background:none;border:0;padding:8px 0 0;color:rgba(255,255,255,.7);cursor:pointer;text-align:left;font:inherit;font-size:13px;font-weight:600}
.ht-n.dang,.ht-n:hover{color:#fff}
.ht-vach{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;margin-bottom:8px}
.ht-vach i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.ht-n.dang .ht-vach i{animation:htChay 6.5s linear forwards}
@keyframes htChay{to{transform:scaleX(1)}}
.ht-ten{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-mh{position:absolute;right:12px;top:10px;z-index:2;font-size:11px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.28);padding:2px 8px;border-radius:999px;pointer-events:none}
/* Ảnh bìa đầu trang chính */
.trang-bia{position:relative;overflow:hidden;isolation:isolate;margin:calc(-1 * var(--s3,22px)) calc(50% - 50vw) 28px;min-height:260px;display:flex;align-items:flex-end;
 padding:40px max(24px,calc(50vw - 600px));background:linear-gradient(120deg,var(--dam),var(--xanh))}
.trang-bia .tb-nen{position:absolute;inset:0;z-index:-2}
.trang-bia .tb-nen img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 6s cubic-bezier(.25,.6,.3,1)}
.trang-bia.co-anh .tb-nen img{opacity:1;transform:scale(1)}
.trang-bia::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,40,72,.88),rgba(47,95,153,.45) 60%,rgba(0,0,0,.05))}
.trang-bia>h2{color:#fff;margin:0;font-size:clamp(28px,3.6vw,44px)!important}
.trang-bia>h2::before{content:"MELIASOFT";display:block;font-size:12px;letter-spacing:.24em;font-weight:700;opacity:.8;margin-bottom:6px}
/* Nhịp khoảng trắng + tiêu đề section: nhãn nhỏ + chữ gradient + vạch kéo dài */
[data-trang=chu]>section{margin-top:clamp(56px,7vw,96px)}
[data-trang=chu]>section:not(.cta-cuoi)>h2{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:24px;font-size:clamp(26px,3vw,38px);margin-bottom:10px}
[data-trang=chu]>section:not(.cta-cuoi)>h2::before{content:"MELIASOFT";grid-column:1/-1;font-size:11px;letter-spacing:.24em;color:var(--xanh);font-weight:700;margin-bottom:4px}
[data-trang=chu]>section:not(.cta-cuoi)>h2::after{content:"";height:1px;background:linear-gradient(90deg,var(--vien),transparent);transform-origin:left;transition:transform 1.2s .3s cubic-bezier(.2,.7,.2,1)}
[data-theme=sang] [data-trang=chu]>section:not(.cta-cuoi)>h2{background:linear-gradient(90deg,var(--dam),var(--xanh) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=sang] [data-trang=chu]>section:not(.cta-cuoi)>h2::before{-webkit-text-fill-color:var(--xanh)}
[data-trang=chu]>section>.phu{max-width:70ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* dải nền xen kẽ tràn ngang (không gây tràn: box-shadow + clip-path) */
[data-trang=chu]>section:nth-of-type(even):not(.cta-cuoi){background:#e4ecf7;box-shadow:0 0 0 100vmax #e4ecf7;clip-path:inset(-1px -100vmax);padding-block:clamp(40px,5vw,72px)}
[data-theme=toi] [data-trang=chu]>section:nth-of-type(even):not(.cta-cuoi){background:#13223a;box-shadow:0 0 0 100vmax #13223a}
/* Thẻ ngành: ảnh lớn bo góc, chữ đè gradient, hover phóng ảnh */
.nganh{border-top:0;display:flex;flex-direction:column}
.nganh-khung{position:relative;overflow:hidden;aspect-ratio:4/3}
.nganh-khung .nganh-anh{height:100%;aspect-ratio:auto;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.nganh-khung::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,32,58,.85),rgba(14,32,58,.05) 55%);pointer-events:none}
.nganh-khung h3{position:absolute;left:0;right:0;bottom:0;z-index:1;color:#fff;margin:0!important;padding:16px 18px!important;font-size:19px!important;border-left:4px solid var(--m,var(--xanh))}
.nganh>p{padding:0!important;margin:12px 18px 16px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Trượt ngang (ngành) */
.truot .luoi-nganh{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 32px)/3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px;overscroll-behavior-x:contain}
.truot .luoi-nganh::-webkit-scrollbar{display:none}
.truot .luoi-nganh>*{scroll-snap-align:start}
@media (max-width:1100px){.truot .luoi-nganh{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:760px){.truot .luoi-nganh{grid-auto-columns:84%}}
.truot-dk{display:flex;align-items:center;gap:10px;margin-top:14px}
.tr-nut{width:42px;height:42px;border-radius:50%;border:1px solid var(--vien);background:var(--the);color:var(--dam);font-size:18px;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.tr-nut:hover{background:var(--dam);color:#fff}
.tr-vach{flex:1;height:2px;background:var(--vien);border-radius:2px;overflow:hidden;margin-left:8px}
.tr-vach i{display:block;height:100%;background:var(--xanh);transform-origin:left;transition:transform .35s}
/* Hover: thẻ nổi lên, ảnh phóng nhẹ */
@media (hover:hover){
 .the,.ph,.anh-the,.tv-o{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
 .the:hover,.tv-o:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(31,64,110,.18)}
 .nganh:hover .nganh-anh,.tin-bia:hover img,.tv-o:hover .tv-anh img{transform:scale(1.06)}
 .nut-trang,.nut-vien,.nut-cta,.nut-xanh{transition:transform .25s,box-shadow .25s,background .25s}
 .nut-trang:hover,.nut-vien:hover,.nut-cta:hover,.nut-xanh:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,45,85,.25)}
}
.tin-bia{display:block;overflow:hidden;border-radius:10px}.tin-bia img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.tv-anh{overflow:hidden}.tv-anh img{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .35s}
/* Hiện dần khi cuộn (chỉ khi có JS + không giảm chuyển động) */
.co-hd .rv{opacity:0;transform:translate3d(0,34px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--tre,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--tre,0ms)}
.co-hd .rv.hien{opacity:1;transform:none}
.co-hd [data-trang=chu]>section>h2.rv{transform:none;clip-path:inset(0 97% 0 0);opacity:1;transition:clip-path 1s cubic-bezier(.6,.1,.2,1)}
.co-hd [data-trang=chu]>section>h2.rv.hien{clip-path:inset(0 -2% 0 0)}
.co-hd [data-trang=chu]>section>h2.rv:not(.hien)::after{transform:scaleX(0)}
@media (max-width:760px){
 .hero{min-height:auto;padding:48px 18px 104px;margin-top:calc(-1 * var(--s3,14px))}
 .hero::before{background:linear-gradient(180deg,rgba(18,40,72,.82),rgba(31,66,112,.88))}
 .hero-tab{left:18px;right:18px;gap:8px;bottom:18px}.ht-n{font-size:11px}
 .trang-bia{min-height:180px;padding:28px 18px;margin-bottom:20px}
 [data-trang=chu]>section:not(.cta-cuoi)>h2{column-gap:12px}
}
@media (prefers-reduced-motion:reduce){.hero-nen img,.trang-bia .tb-nen img{transition:none;transform:none}.ht-n.dang .ht-vach i{animation:none;transform:scaleX(1)}}
/* Hero gọn (Tran 01/11): tiêu đề ngắn, 1 nút + 1 liên kết, ảnh rõ, số liệu thành dải dưới hero */
.hero.hero-gon{grid-template-columns:1fr;align-items:end;min-height:min(72vh,680px)}
.hero.hero-gon::before{background:linear-gradient(90deg,rgba(18,40,72,.72) 0%,rgba(31,66,112,.38) 40%,rgba(0,0,0,0) 70%),linear-gradient(0deg,rgba(10,25,48,.65),transparent 45%)}
.hero-gon h1{max-width:16ch;margin:0 0 18px!important}
.hero-gon .nut{display:flex!important;flex-wrap:wrap;align-items:center;gap:18px!important;width:auto!important}
.hero-gon .nut-trang{width:auto}
.lk-nho{color:#fff;font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;opacity:.92;border-bottom:1px solid rgba(255,255,255,.5)}
.lk-nho:hover{opacity:1}
.so-dai{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--the);border:1px solid var(--vien);border-radius:var(--bo);box-shadow:var(--bong);margin-top:-36px;position:relative;z-index:2}
.so-dai>div{padding:16px 10px;text-align:center;border-left:1px solid var(--vien)}.so-dai>div:first-child{border-left:0}
.so-dai b{display:block;font-size:26px;line-height:1.15;color:var(--dam)}.so-dai small{font-size:12.5px;color:var(--nhat)}
@media (max-width:760px){
 .hero.hero-gon{min-height:62vh;padding:40px 18px 96px}
 .hero.hero-gon::before{background:linear-gradient(0deg,rgba(14,32,58,.8) 0%,rgba(14,32,58,.35) 45%,rgba(0,0,0,0) 75%)}
 .hero-gon h1{font-size:30px!important}
 .so-dai{margin-top:-28px;grid-template-columns:repeat(4,1fr)}.so-dai>div{padding:10px 4px}.so-dai b{font-size:17px}.so-dai small{font-size:10px;line-height:1.25;display:block}
}
.hero.hero-gon{padding-bottom:140px}.hero-gon .hero-tab{bottom:56px}
@media (max-width:760px){.hero.hero-gon{padding-bottom:116px}.hero-gon .hero-tab{bottom:42px}.so-dai b{white-space:nowrap;font-size:15px}}
.hero-gon .nut>a.lk-nho{border:0!important;border-bottom:1px solid rgba(255,255,255,.55)!important;border-radius:0!important;padding:2px 0!important;background:none!important;min-height:0!important;width:auto!important;box-shadow:none!important}
/* ===== Mẫu điện thoại kiểu amy.vn (01/11/2026): header tối giản, hero caption, tiêu đề IN HOA giữa, thẻ phủ, danh mục, thanh đáy, slogan ===== */
.nut-dt,#thanhDay,#chatNoi{display:none}
/* caption từng slide */
.hn-cap{position:absolute;left:max(24px,calc(50vw - 600px));bottom:110px;display:none;flex-direction:column;align-items:flex-start;gap:10px;color:#fff}
.hn-cap b{font-size:34px;line-height:1.1;font-weight:800;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.hn-cap a{color:#fff;font-size:13px;font-weight:700;text-decoration:none;background:var(--cam);border-radius:999px;padding:7px 14px;pointer-events:auto}
.hero-nen{pointer-events:none}.hn-o.dang .hn-cap a{pointer-events:auto}
/* thẻ ngành: nút tròn giữa "› Xem thêm" */
.xem-giua{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:#fff;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.xem-giua i{font-style:normal;width:44px;height:44px;border-radius:50%;border:1.5px solid #fff;display:grid;place-items:center;font-size:24px;line-height:1;background:rgba(255,255,255,.12);backdrop-filter:blur(4px);transition:background .25s,transform .3s}
.xem-giua:hover i{background:var(--cam);border-color:var(--cam)}
.nganh.mo .xem-giua i{transform:rotate(90deg)}
.nganh.mo>p{-webkit-line-clamp:unset!important;display:block!important}
.kh-the-n .xem-giua{display:none}
/* danh mục phân hệ (băng trượt) */
.luoi-dm{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;overscroll-behavior-x:contain}
.luoi-dm::-webkit-scrollbar{display:none}.luoi-dm>*{scroll-snap-align:start}
.dm-the{padding:0!important;overflow:hidden;text-decoration:none;color:var(--chu);display:flex;flex-direction:column}
.dm-anh{display:block;aspect-ratio:16/10;overflow:hidden;background:#dfe8f5}
.dm-anh img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.dm-the:hover .dm-anh img{transform:scale(1.06)}
.dm-nhan{margin:12px 14px 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m)}
.dm-the b{margin:0 14px;font-size:16px;line-height:1.3}
.dm-ct{margin:8px 14px 14px;font-size:13px;font-weight:700;color:var(--cam)}
@media (max-width:1100px){.luoi-dm{grid-auto-columns:calc((100% - 16px)/2)}}
/* khách hàng dạng trượt */
.truot .luoi-kh{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;overscroll-behavior-x:contain;align-items:start}
.truot .luoi-kh::-webkit-scrollbar{display:none}.truot .luoi-kh>*{scroll-snap-align:start}
@media (max-width:1100px){.truot .luoi-kh{grid-auto-columns:calc((100% - 16px)/2)}}
.kh-the-n{padding:0!important;overflow:hidden}.kh-khung{aspect-ratio:16/9}.kh-khung h3{font-size:16px!important}
.kh-the-n .ten{padding:12px 14px 16px}
.luoi-kh .kh-the{display:none!important}
#khNoi{position:fixed;z-index:80;display:flex;align-items:center;gap:6px;background:var(--the);border:1px solid var(--vien);border-radius:8px;padding:5px 9px;font-size:12.5px;box-shadow:0 6px 18px rgba(20,45,85,.18);pointer-events:none}
#khNoi[hidden]{display:none}
/* slogan cuối trang */
.slogan{text-align:center;padding:clamp(56px,8vw,110px) 16px clamp(40px,6vw,80px)}
.slogan span{display:block;font-size:12px;letter-spacing:.3em;font-weight:700;color:var(--xanh);margin-bottom:12px}
.slogan p{margin:0 auto!important;max-width:18ch!important;font-size:clamp(28px,4.4vw,56px)!important;line-height:1.15!important;font-weight:800;text-transform:uppercase;background:linear-gradient(90deg,var(--dam),var(--xanh));-webkit-background-clip:text;background-clip:text;color:transparent}
/* ô tìm kiếm */
#timO{position:fixed;inset:0;z-index:90;background:rgba(14,32,58,.55);display:flex;align-items:flex-start;justify-content:center;padding:70px 14px}
#timO[hidden]{display:none}
.tim-hop{background:var(--the);border-radius:16px;width:min(560px,100%);padding:12px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.3)}
#timChu{width:100%;box-sizing:border-box;border:1px solid var(--vien);border-radius:10px;padding:12px 44px 12px 12px;font:inherit;font-size:16px;background:var(--nen);color:var(--chu)}
#timDong{position:absolute;right:18px;top:20px;border:0;background:none;font-size:18px;color:var(--nhat);cursor:pointer}
#timKq a{display:block;padding:10px 6px;border-bottom:1px solid var(--vien);color:var(--chu);text-decoration:none;font-weight:600}
#timKq p{margin:10px 6px;color:var(--nhat)}
@media (max-width:760px){
 .hn-cap{display:flex;left:18px;bottom:64px}.hn-cap b{font-size:26px}
 .hero-gon .hero-tab .ht-ten{display:none}.hero-gon .hero-tab{gap:6px}
 .hero.hero-gon{min-height:78vh;align-items:start;padding-top:28px;padding-bottom:150px}
 .hero.hero-gon::before{background:linear-gradient(180deg,rgba(14,32,58,.7) 0%,rgba(14,32,58,.1) 35%,rgba(14,32,58,.05) 55%,rgba(14,32,58,.75) 100%)}
 .hero-gon h1{font-size:24px!important;margin-bottom:12px!important}
 [data-trang=chu]>section:not(.cta-cuoi)>h2{display:block;text-align:center;text-transform:uppercase;font-size:24px;letter-spacing:.02em;margin-bottom:8px}
 [data-trang=chu]>section:not(.cta-cuoi)>h2::after{display:none}
 [data-trang=chu]>section>.phu{text-align:center;margin-inline:auto}
 [data-trang=chu]>section .chip-hang{justify-content:center}
 [data-trang=chu]>section{margin-top:64px}
 .luoi-dm,.truot .luoi-kh{grid-auto-columns:78%}
 .truot-dk{justify-content:center}
 #thanhDay{display:grid;grid-template-columns:1fr 1fr 1.4fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--the);border-top:1px solid var(--vien);box-shadow:0 -4px 16px rgba(20,45,85,.12);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:6px}
 #thanhDay a{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;color:var(--dam)}
 #thanhDay a.day-cam{background:var(--cam);color:#fff}
 #chatNoi{display:grid;place-items:center;position:fixed;left:14px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:61;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--dam),var(--xanh));box-shadow:0 8px 20px rgba(20,45,85,.35);font-size:22px;text-decoration:none}
 body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
}
@media (max-width:480px){
 .nut-dt{display:grid;place-items:center}
 #btTheme{width:38px;height:38px;padding:0;display:grid;place-items:center}
 #btNN{width:38px;height:38px;padding:0;border-radius:50%;justify-content:center;overflow:hidden}
 #btNN .ma,#btNN .mui{display:none}
 .menu-theme{display:block!important}
 #dinh header .logo small{display:none}
 #menu{display:flex}
 body.menu-mo #menu{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:linear-gradient(180deg,var(--dam),var(--xanh));padding:8px 12px 14px;box-shadow:0 12px 24px rgba(0,0,0,.25);overflow:visible}
 body.menu-mo #menu a{padding:12px 10px;font-size:16px}
 .cong-cu{gap:6px}
}
.menu-theme{display:none;background:none;border:0;color:#fff;text-align:left;padding:12px 10px;font:inherit;font-size:16px;cursor:pointer}
/* Hero ảnh sạch (Tran 01/11 tối): bỏ tiêu đề hiển thị, không lớp phủ, nút xuống dưới ảnh */
.an-chu{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}
.hero.hero-gon{display:block;min-height:0;height:min(72vh,640px);padding:0!important;background:#dfe8f5}
.hero.hero-gon::before{display:none}
.hero-gon .hero-tab{bottom:18px}
.hero-gon .ht-n{color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.6)}
.hero-gon .ht-vach{background:rgba(255,255,255,.45);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.hero-gon .tb-mh{top:auto;bottom:6px;right:8px;font-size:9.5px;padding:1px 6px;background:rgba(0,0,0,.25)}
.hero-nut{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:18px 0 0}
.hero-nut .nut-trang{display:inline-flex;align-items:center;gap:6px;background:var(--cam);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;text-decoration:none}
.hero-nut .lk-nho{color:var(--dam);border-bottom-color:var(--xanh);font-size:14px}
.so-dai{margin-top:18px}
@media (max-width:760px){
 .hero.hero-gon{height:62vh;padding:0!important}
 .hero.hero-gon::before{display:none}
 .hn-cap{bottom:44px}
 .hero-gon .hero-tab{bottom:16px}
 .hero-nut{gap:12px;margin-top:14px}.so-dai{margin-top:14px}
}
/* Ảnh hero chỉ còn ảnh + chấm chuyển nhỏ (Tran nhắc lại 01/11) */
.hero-gon .hn-cap{display:none!important}
.hero-gon .hero-tab{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:12px!important;gap:6px!important;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.18)}
.hero-gon .ht-n{flex:none;width:26px;padding:6px 0!important}
.hero-gon .ht-ten{display:none!important}
.hero-gon .ht-vach{margin:0;height:4px}
.hero-nut .nut-trang,.hero-nut .nut-trang .bi{color:#fff!important}
@media (max-width:760px){.hero.hero-gon{height:auto!important;aspect-ratio:4/3}}
@media (max-width:760px){[data-trang=chu]>section:not(.cta-cuoi)>h2::before{display:block}}
.menu-theme{display:none!important}
@media (max-width:760px){#chatNoi{left:auto;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));width:44px;height:44px;font-size:19px;opacity:.95}}
/* Tran 01/11: bỏ nút kêu gọi giữa trang — chỉ còn ở thanh đáy (điện thoại), menu menu/header và chân trang */
.hero-nut,#noiDung .cta-cuoi,#giai-phap>p:has(.nut-ks),.tin-lk,.dm-cuoi .nut-cta,.dm-cuoi .nut-ks,.dm-cuoi a[href="#/lien-he"]{display:none!important}
.chan-lk a{color:inherit;font-weight:600}
#menu .menu-ks{display:none}
@media (max-width:480px){body.menu-mo #menu .menu-ks{display:block}}
@media (max-width:760px){#chan{padding-bottom:64px!important}}
/* Chống giật cuộn trang trong (01/11): header một chiều cao, không neo cuộn vào khối dính, không hiện dần */
.kv-muc,#dinh{overflow-anchor:none}
[data-trang=phan-he] .rv,[data-trang=diem-moi] .rv{opacity:1!important;transform:none!important;transition:none!important}
@media (max-width:480px){#dinh header{height:52px;box-sizing:border-box}}
/* ===== Lượt 01/11 tối: logo chỉ hình, menu hiện sẵn, hero cách header, bước triển khai có ảnh, giải pháp trượt ngang ===== */
#dinh .logo span{display:none}
body.menu-mo #menu{flex-direction:column}
/* hero cách thanh menu, bo góc, lề 12px */
.hero.hero-gon{margin:20px calc(50% - 50vw + 12px) 0!important;border-radius:16px!important}
@media (max-width:760px){.hero.hero-gon{margin:14px calc(50% - 50vw + 12px) 0!important;border-radius:14px!important}}
/* bước triển khai: dải trượt, ảnh, số trong hình tròn nối đường tiến trình */
.luoi-buoc2{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;overscroll-behavior-x:contain}
.luoi-buoc2::-webkit-scrollbar{display:none}.luoi-buoc2>*{scroll-snap-align:start}
@media (max-width:1100px){.luoi-buoc2{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:760px){.luoi-buoc2{grid-auto-columns:78%}}
.buoc2{padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative}
.b2-dong{position:relative;height:40px;display:flex;align-items:center}
.b2-dong::after{content:"";position:absolute;left:40px;right:-16px;top:50%;height:3px;background:linear-gradient(90deg,var(--xanh),rgba(79,132,196,.25));border-radius:3px}
.buoc2:last-child .b2-dong::after{right:0;background:linear-gradient(90deg,var(--xanh),transparent)}
.so-tron{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--dam),var(--xanh));color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;box-shadow:0 4px 12px rgba(47,95,153,.35)}
.b2-anh{margin-top:10px;border-radius:14px;overflow:hidden;aspect-ratio:16/10;box-shadow:var(--bong)}
.b2-anh img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.buoc2:hover .b2-anh img{transform:scale(1.06)}.buoc2:hover{transform:none!important;box-shadow:none!important}}
.buoc2 h3{margin:12px 2px 4px!important;font-size:17px!important}
.buoc2 p{margin:0 2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* giải pháp / trụ cột / AI / điều hành: trượt ngang trên điện thoại */
@media (max-width:760px){
 [data-trang=chu] .truot>.luoi-gp{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;align-items:start;overscroll-behavior-x:contain}
 [data-trang=chu] .truot>.luoi-gp::-webkit-scrollbar{display:none}
 [data-trang=chu] .truot>.luoi-gp>*{scroll-snap-align:start}
}
.hero.hero-gon{margin-top:calc(20px - var(--s3,24px))!important}
@media (max-width:760px){.hero.hero-gon{margin-top:calc(14px - var(--s3,24px))!important}}
/* Header: logo + chữ MELIASOFT trắng kiểu thương hiệu (Tran 01/11 tối) */
#dinh .logo span{display:block!important}
#dinh .logo small{display:none!important}
#dinh .logo b{color:#fff;text-transform:uppercase;font-weight:650;letter-spacing:.3em;font-size:18px;white-space:nowrap}
@media (max-width:480px){#dinh .logo{gap:7px}#dinh .logo b{font-size:15px;letter-spacing:.24em}.cong-cu{gap:4px!important}.cong-cu .nut-tron,#btNN{width:36px!important;height:36px!important}header{flex-wrap:nowrap!important}}
@media (max-width:370px){#dinh .logo b{font-size:13.5px;letter-spacing:.16em}#dinh .logo img{width:32px;height:32px}.cong-cu .nut-tron,#btNN{width:34px!important;height:34px!important}}
/* Thanh menu tách khỏi dải header xanh (Tran 01/11 tối): nền sáng, chữ xanh đậm, mục chọn nền xanh chữ trắng; ghim cùng header */
#dinh{background:none!important;box-shadow:none!important}
#dinh header{background:linear-gradient(100deg,var(--dam),var(--xanh));max-width:none!important;padding-left:max(12px,calc(50vw - 600px));padding-right:max(12px,calc(50vw - 600px));box-sizing:border-box}
#dinh #menu{background:#fff;border-bottom:1px solid var(--vien);max-width:none!important;padding:6px max(10px,calc(50vw - 600px));box-shadow:0 4px 12px rgba(20,45,85,.08)}
#dinh #menu a{color:var(--dam)!important;opacity:1}
#dinh #menu a:hover{background:#eef3fa}
#dinh #menu a.dang{background:var(--xanh)!important;color:#fff!important}
[data-theme=toi] #dinh #menu{background:#13223a;border-bottom-color:#28405f}[data-theme=toi] #dinh #menu a{color:#cfe0f5!important}
#dinh.cuon #menu{box-shadow:0 6px 18px rgba(20,45,85,.16)}
body.menu-mo #dinh #menu{background:#fff}
.kv-toan{margin:12px 0 20px}.kv-toan img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--vien);box-shadow:var(--bong)}.kv-toan figcaption{margin-top:6px}
/* Ảnh đầu trang tràn ngang, ĐỒNG BỘ mọi trang (Tran 01/11): cùng chiều cao, cùng khoảng cách trên (14px / 20px), không lề, không bo */
.hero.hero-gon,.trang-bia{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;height:min(72vh,640px)!important;min-height:0!important;aspect-ratio:auto!important;margin-top:calc(20px - var(--s3,24px))!important;box-sizing:border-box}
.trang-bia{margin-bottom:28px!important}
@media (max-width:760px){.hero.hero-gon,.trang-bia{height:calc((100vw - 24px) * .75)!important;margin-top:calc(14px - var(--s3,24px))!important}.trang-bia{margin-bottom:20px!important}}
.trang-bia.tb-chi-anh::before{display:none}
.tb-chi-anh .tb-mh{top:auto;bottom:6px;right:8px;font-size:9.5px;padding:1px 6px}
/* Tiêu đề khu cùng nét chữ nhãn MELIASOFT (Tran 01/11): in hoa, đậm 650, giãn chữ, xanh #4f84c4 đồng nhất, không gradient */
#noiDung section>h2,#noiDung>h2,.trang-bia>h2,.kv-trang h2,.dm-muc h2{text-transform:uppercase;font-weight:650!important;letter-spacing:.12em!important;font-size:34px!important;line-height:1.2!important}
#noiDung section>h2,#noiDung>h2,.kv-trang h2,.dm-muc h2{color:#4f84c4!important;-webkit-text-fill-color:#4f84c4!important;background:none!important}
[data-theme=toi] #noiDung section>h2,[data-theme=toi] #noiDung>h2,[data-theme=toi] .kv-trang h2{color:#8fb6ea!important;-webkit-text-fill-color:#8fb6ea!important}
#noiDung .cta-cuoi>h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:760px){#noiDung section>h2,#noiDung>h2,.trang-bia>h2,.kv-trang h2,.dm-muc h2{font-size:24px!important;letter-spacing:.14em!important}}
html[lang^=ja] #noiDung h2,html[lang^=zh] #noiDung h2,html[lang^=ko] #noiDung h2,html[lang^=th] #noiDung h2{letter-spacing:.04em!important}
/* Tiêu đề khu gọn hơn (Tran 01/11): 28px máy tính / 18.5px điện thoại, giãn 0.08em */
#noiDung section>h2,#noiDung>h2,.trang-bia>h2,.kv-trang h2,.dm-muc h2{font-size:28px!important;letter-spacing:.1em!important}
@media (max-width:760px){#noiDung section>h2,#noiDung>h2,.trang-bia>h2,.kv-trang h2,.dm-muc h2{font-size:18.5px!important;letter-spacing:.08em!important}}
html[lang^=ja] #noiDung h2,html[lang^=zh] #noiDung h2,html[lang^=ko] #noiDung h2,html[lang^=th] #noiDung h2{letter-spacing:.03em!important}
#noiDung section>h2,.trang-bia>h2{text-wrap:balance}
/* Chip lọc: chỉ chip đang chọn nền xanh chữ trắng; còn lại nền trắng viền nhạt chữ xanh đậm (kể cả Điểm mới) — Tran 01/11 */
.chip:not(.dang),.chip-mls:not(.dang){background:var(--the)!important;color:var(--dam)!important;border-color:var(--vien)!important;box-shadow:none!important}
[data-theme=toi] .chip:not(.dang){color:#cfe0f5!important}
.chip.dang,.chip-mls.dang{background:var(--dam)!important;color:#fff!important;border-color:var(--dam)!important;box-shadow:none!important}
.chip-mls img{border-radius:50%;background:#fff}
/* Tuyển dụng máy tính: thẻ tin rộng, căn giữa (lưới 4 cột cũ bóp 1 tin còn 274px) */
#noiDung .luoi:has(>.td){grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));max-width:1100px;margin-inline:auto}
/* Nút Cài app (PWA) */
.nut-cai{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px}
.nut-cai[hidden],.menu-cai[hidden]{display:none!important}
@media (max-width:480px){.nut-cai{width:36px!important;height:36px!important;padding:0!important;justify-content:center}.nut-cai span{display:none}}
#menu .menu-cai{display:none}
@media (max-width:480px){body.menu-mo #menu .menu-cai:not([hidden]){display:block;background:none;border:0;color:var(--dam);text-align:left;padding:12px 10px;font:inherit;font-size:16px;cursor:pointer}}
.cai-o{position:fixed;inset:0;z-index:95;background:rgba(14,32,58,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cai-hop{background:var(--the);color:var(--chu);border-radius:18px;max-width:380px;padding:22px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.cai-hop img{border-radius:14px}.cai-hop p{margin:12px 0 16px;line-height:1.55}
.cai-hop button{background:var(--xanh);color:#fff;border:0;border-radius:999px;padding:10px 22px;font:inherit;font-weight:700;cursor:pointer}
/* Bỏ nút menu (Tran 02/11): thanh menu ngang đủ điều hướng */
#btMenu{display:none!important}
/* Nút header phẳng (Tran 02/11): chỉ biểu tượng 20–22px, không viền/nền; vùng chạm 40px; khoảng cách hình ~18–20px */
#dinh .cong-cu{gap:2px!important}
#dinh .cong-cu .nut-tron,#dinh #btNN{background:transparent!important;border:0!important;box-shadow:none!important;width:40px!important;height:40px!important;padding:0!important;border-radius:10px!important;display:inline-grid!important;place-items:center;font-size:20px;line-height:1}
#dinh .cong-cu .nut-tron:hover,#dinh #btNN:hover,#dinh .cong-cu .nut-tron:active,#dinh #btNN:active{background:rgba(255,255,255,.14)!important}
#dinh .cong-cu .nut-tron svg{width:21px;height:21px}
#dinh #btNN .co{width:24px;height:auto;border-radius:3px;box-shadow:none;border:0}
#dinh #btNN .ma,#dinh #btNN .mui{display:none}
@media (min-width:481px){#dinh .cong-cu{gap:8px!important}#dinh .nut-cai{width:auto!important;padding:0 10px!important;display:inline-flex!important;gap:6px}#dinh .nut-cai svg{width:19px;height:19px}}
#dinh #btMenu,#dinh .nut-cai[hidden]{display:none!important}
#dinh .cong-cu>*{flex:none}
@media (min-width:481px){#dinh #btTim{display:none!important}}

/* Icon Lucide (quy tắc icon 02/11): một bộ, nét 1.75, currentColor */
.lu{flex:none;vertical-align:-3px}
#thanhDay a .lu{margin-right:2px}
#chatNoi{color:#fff}
.li .lu{color:var(--la);vertical-align:-3px}
.mui-ra .lu{vertical-align:-1px}
.cai-hop p .lu{vertical-align:-3px;color:var(--xanh)}

/* Giao diện tối: chữ dùng màu đậm (--dam) / màu khối (--m) làm sáng lên, tránh nền tối chữ tối (02/11/2026) */
[data-theme=toi] .so-dai b,[data-theme=toi] .dm-the b{color:#e6edf7!important}[data-theme=toi] .so-dai small{color:#b8c7dc!important}
[data-theme=toi] .buoc,[data-theme=toi] .dt-tieu,[data-theme=toi] .vp h3,[data-theme=toi] .hero-nut .lk-nho,[data-theme=toi] .khach .ten a.kh-link{color:#9cc3f0!important}
[data-theme=toi] .dm-nhan{color:color-mix(in srgb,var(--m) 40%,#fff)!important}
[data-theme=toi] .dm-ct{color:#ffb15c!important}
[data-theme=toi] .the p,[data-theme=toi] .the small{color:#b8c7dc}

/* Về chúng tôi — bố cục theo amy.vn (02/11/2026) */
.vct-tab{position:sticky;top:var(--dinh-cao,112px);z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 0;margin:8px 0 6px;background:var(--nen);scrollbar-width:none}
.vct-tab::-webkit-scrollbar{display:none}.vct-tab .chip{white-space:nowrap;flex:none}
.vct-muc{scroll-margin-top:170px;padding:28px 0 8px}
.vct-gt{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}.vct-gt p{font-size:var(--fs-body);line-height:var(--lh);margin:0 0 12px}
.vct-so{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vct-so>div{background:var(--the);border:1px solid var(--vien);border-radius:var(--bo);padding:16px;text-align:center;box-shadow:var(--bong)}
.vct-so b{display:block;font-size:28px;color:#4f84c4}.vct-so small{color:var(--nhat);font-size:13px}
.vct-tn{display:flex;gap:16px;align-items:flex-start;border-left:4px solid #4f84c4}.vct-tn p{color:var(--chu)!important;font-size:17px!important}
.vct-ic{flex:none;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(79,132,196,.1);color:#4f84c4;margin-bottom:8px}
.vct-h3{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:20px;color:#2f5f99}
.vct-sm,.vct-gtri,.vct-kh{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.vct-stt{display:inline-block;font-size:26px;font-weight:700;color:#ff8a00;line-height:1;margin-bottom:6px}
.vct-mau{color:var(--m)}
.vct-ls{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid #4f84c4}
.vct-ls>li{position:relative;margin:0 0 16px}.vct-ls>li::before{content:"";position:absolute;left:-31px;top:6px;width:15px;height:15px;border-radius:50%;background:#4f84c4;box-shadow:0 0 0 4px var(--nen)}
.vct-nam{display:inline-block;font-weight:700;font-size:20px;color:#4f84c4;margin-bottom:6px}.vct-ls ul{margin:6px 0 0;padding-left:18px}.vct-ls ul li{margin:3px 0}
.vct-qt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:760px){.vct-qt{grid-template-columns:1fr 1fr}}
.vct-kh .the p{color:var(--chu)!important;font-size:14.5px!important}
@media (max-width:760px){.vct-gt{grid-template-columns:1fr}.vct-muc{scroll-margin-top:140px}}
[data-theme=toi] .vct-h3,[data-theme=toi] .vct-nam,[data-theme=toi] .vct-so b{color:#9cc3f0}[data-theme=toi] .vct-ic{background:#1f3553;color:#a9c8f0}
[data-theme=toi] .vct-mau{color:color-mix(in srgb,var(--m) 40%,#fff)}[data-theme=toi] .vct-ls>li::before{background:#9cc3f0}

/* Hàng số liệu trang chủ bấm được → khung chi tiết (02/11/2026) */
.so-dai>.so-o{all:unset;box-sizing:border-box;cursor:pointer;padding:16px 10px;text-align:center;border-left:1px solid var(--vien);transition:background .2s,box-shadow .2s,transform .2s;border-radius:0}
.so-dai>.so-o:first-child{border-left:0;border-radius:var(--bo) 0 0 var(--bo)}.so-dai>.so-o:last-child{border-radius:0 var(--bo) var(--bo) 0}
.so-dai>.so-o:hover{background:rgba(79,132,196,.08)}
.so-dai>.so-o:focus-visible{outline:2px solid #4f84c4;outline-offset:-2px}
.so-dai>.so-o.dang{background:#4f84c4;box-shadow:0 6px 18px rgba(79,132,196,.35);transform:translateY(-2px)}
.so-dai>.so-o.dang b,.so-dai>.so-o.dang small{color:#fff!important}
.so-ct{position:relative;margin:16px 0 8px;padding:20px 18px;background:var(--the);border:1px solid var(--vien);border-top:4px solid #4f84c4;border-radius:var(--bo);box-shadow:var(--bong);scroll-margin-top:140px;animation:so-mo .25s ease}
@keyframes so-mo{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.so-ct h3,.so-ct>h4{display:flex;align-items:center;gap:8px;color:#2f5f99;margin:4px 0 12px}.so-ct>h4{margin-top:22px;font-size:17px}.so-ct>h4 small{font-weight:400;color:var(--nhat)}
.so-ct .the h4{margin:0 0 6px;font-size:15.5px}.so-ct .the p{margin:0}.so-ct a.the{text-decoration:none;color:var(--chu)}
.so-dong{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--vien);background:var(--the);color:var(--chu);cursor:pointer;display:flex;align-items:center;justify-content:center}
.so-pb{display:flex;flex-wrap:wrap;gap:8px}.so-pb span{padding:6px 14px;border-radius:999px;background:rgba(79,132,196,.1);color:#2f5f99;font-weight:700}.so-pb span:last-child{background:#4f84c4;color:#fff}
@media (max-width:760px){.so-dai>.so-o{padding:10px 4px}}
[data-theme=toi] .so-dai>.so-o.dang{background:#2f5f99}[data-theme=toi] .so-ct h3,[data-theme=toi] .so-ct>h4{color:#9cc3f0}[data-theme=toi] .so-pb span{background:#1f3553;color:#cfe0f5}[data-theme=toi] .so-pb span:last-child{background:#4f84c4;color:#fff}
.so-ct .vct-ls{margin-left:8px}.so-ct .vct-ls>li{margin:0 0 10px}.so-ct .vct-ls .the{padding:10px 14px}.so-ct .vct-nam{font-size:17px;margin-bottom:4px}