von dong mo TUC THI, khong co gi de chuyen dong. Cach lam: bat interpolate-size de trinh duyet noi suy duoc tu 0 sang auto (khong bat thi transition toi tu khoa auto bi bo qua), roi chuyen dong chieu cao cua ::details-content. Khong dung JS, khong dung meo max-height (meo do phai doan truoc chieu cao, doan hut la cat mat chu hoac gian giat). ::details-content va interpolate-size hien chi co tren Chrome/Edge. Cac trinh duyet khac se dong mo tuc thi y nhu hien nay, tuc KHONG kem di, nen dung truc tiep khong can du phong. Giam chuyen dong: mil-extra.css da co luat toan cuc @media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important}} nen khoi nay tu dong tat theo, khong can khai bao lai. Dau cong: KHONG doi ky tu "+" thanh "-" nua vi doi noi dung thi khong the chuyen dong. Giu nguyen "+" roi xoay 45 do thanh dau nhan, xoay thi muot. */ :root{interpolate-size:allow-keywords} .mil-skin details.mil-qa::details-content{block-size:0;overflow:hidden;transition:block-size .34s cubic-bezier(.4,0,.2,1),content-visibility .34s allow-discrete} .mil-skin details.mil-qa[open]::details-content{block-size:auto} .mil-skin .mil-qa>summary{transition:color .2s} .mil-skin .mil-qa>summary:after{transition:transform .34s cubic-bezier(.4,0,.2,1),color .2s} .mil-skin .mil-qa[open]>summary:after{content:"+";transform:rotate(45deg)} .mil-skin .ah-chan-lien-he{margin-bottom:22px} /* ── Dai quy trinh hien dan theo cuon (CEO 23/08/2026) ── Y do: bon giai doan phai doc ra la LAN LUOT, khong phai bon o hien cung mot luc. Nen buoc hieu ung vao vi tri cuon: cuon toi dau, chang do sang len toi do, va duong noi tu ve tu chang truoc sang chang sau. Cach lam: mot view-timeline dat tren ca dai (--qt), roi moi chang chay cung mot khung hinh nhung o mot doan animation-range LECH NHAU. Khong dung JS, khong dung IntersectionObserver: trinh duyet tu tinh theo vi tri cuon nen keo lui keo toi deu dung, khong bi ket trang thai. Chi dong opacity va transform (hai thu chay tren luong ket hop cua trinh duyet), khong dong width/height de khoi giat. AN TOAN NOI DUNG: toan bo trang thai AN nam trong @supports. Trinh duyet chua ho tro scroll-driven animation (hien la Firefox) khong vao khoi nay nen thay day du bon chang ngay tu dau, tuc khong mat chu. Day la hieu ung trang tri nen khong lam ban du phong bang JS. Giam chuyen dong: boc trong prefers-reduced-motion: no-preference. */ @keyframes ah-qt-hien{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @keyframes ah-qt-moc{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}} @keyframes ah-qt-duong{from{transform:scaleX(0)}to{transform:scaleX(1)}} @supports ((animation-timeline: view()) and (animation-range: entry)){ @media (prefers-reduced-motion:no-preference){ .mil-skin .mil-process-strip{view-timeline:--qt block} /* Dung khoang COVER chu khong phai ENTRY. Dai chi cao khoang 330px trong khi khung nhin cao 900px, nen khoang `entry` (tinh tu luc mep tren cham day khung nhin toi luc vao han) troi qua chi trong 330px cuon: nhanh den muc chua kip doc da xong. `cover` tinh ca hanh trinh dai di xuyen qua khung nhin nen trai dai hon nhieu, du cho bon chang sang len lan luot. */ .mil-skin .mil-process-item{animation:ah-qt-hien auto linear both;animation-timeline:--qt} .mil-skin .mil-process-item:nth-child(1){animation-range:cover 8% cover 20%} .mil-skin .mil-process-item:nth-child(2){animation-range:cover 14% cover 26%} .mil-skin .mil-process-item:nth-child(3){animation-range:cover 20% cover 32%} .mil-skin .mil-process-item:nth-child(4){animation-range:cover 26% cover 38%} /* Moc tron nay len hoi som hon phan chu, cho co nhip hai lop */ .mil-skin .mil-process-icon{animation:ah-qt-moc auto linear both;animation-timeline:--qt} .mil-skin .mil-process-item:nth-child(1) .mil-process-icon{animation-range:cover 9% cover 18%} .mil-skin .mil-process-item:nth-child(2) .mil-process-icon{animation-range:cover 15% cover 24%} .mil-skin .mil-process-item:nth-child(3) .mil-process-icon{animation-range:cover 21% cover 30%} .mil-skin .mil-process-item:nth-child(4) .mil-process-icon{animation-range:cover 27% cover 36%} /* Duong noi tu ve tu trai sang phai, bat dau ngay sau khi moc truoc sang */ .mil-skin .mil-process-item:after{transform-origin:0;animation:ah-qt-duong auto linear both;animation-timeline:--qt} .mil-skin .mil-process-item:nth-child(1):after{animation-range:cover 16% cover 24%} .mil-skin .mil-process-item:nth-child(2):after{animation-range:cover 22% cover 30%} .mil-skin .mil-process-item:nth-child(3):after{animation-range:cover 28% cover 36%} }} /* Khung ung dung o cot phai cum Services. To hon han ban chen giua dong chu nen khong dung lai .mil-text-image. AppWinMini ve bang position:absolute inset:0 nen cha chi can co position va chieu cao. */ .mil-skin .ah-win-lon{height:250px;position:relative} .mil-skin .ah-tieu-de-lon{margin-bottom:48px} @media screen and (width<=992px){.mil-skin .ah-win-lon{height:190px;margin-top:50px}} .mil-skin .ah-tieu-de-lon{font-size:clamp(32px,3.8vw,58px)!important} /* Thanh dau trang: co nen VA vuot len tren noi dung khi da cuon. NGUYEN NHAN LOI: luat cho thanh dau trang co nen (style.css) nam trong @media screen and (width<=1200px), tuc CHI mobile va tablet moi co. Tren desktop no trong suot hoan toan (do duoc rgba(0,0,0,0)) nen chu cuon qua nam de thang len logo. VI SAO KHONG CHI THEM NEN LA XONG: do duoc thu tu lop cua site la .mil-dark-bg:before (lop dao mau) z-index 2, noi dung khoi toi .mi-invert-fix z-index 3, con .mil-frame chi z-index 2. Tuc tren khoi nen TOI, chu van ve de len thanh dau trang du thanh do da co nen. Thu them nen khong thoi: khoi sang het de, khoi toi van de nguyen. CACH LAM: khi cuon qua 90px thi nang .mil-frame len z-index 40 (noi dung cao nhat cua site la 10, con lop cao hon 40 chi co skip-link 9999 va logo-intro 100000, nen 40 khong dam vao gi). Doi z-index bang step-end nen no nhay dut khoat mot lan, khong co trang thai nua voi. HE QUA PHAI CHAP NHAN: len tren lop dao mau thi logo khong con tu doi trang/den theo khoi ben duoi nua ma giu mau den co dinh. Dieu do dung, vi luc da cuon thanh nay luon co nen trang, den tren trang doc ro o ca khoi sang lan khoi toi. Khi CHUA cuon (dang o hero toi) thi z-index van la 2, logo van duoc dao thanh trang nhu cu. Trinh duyet chua ho tro scroll(): khong vao @supports nen giu nguyen hanh vi cu (thanh trong suot). Day la loi nho ve tham my chu khong mat noi dung. */ @media screen and (width>1200px){ @supports (animation-timeline: scroll()){ .mil-frame{animation:ah-thanh-len auto step-end both;animation-timeline:scroll();animation-range:0 90px} .mil-frame:before{content:"";pointer-events:none;z-index:-1;background-color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100px;position:absolute;top:0;left:0;right:0;animation:ah-thanh-nen auto linear both;animation-timeline:scroll();animation-range:20px 90px} } } @keyframes ah-thanh-len{from{z-index:2}to{z-index:40}} @keyframes ah-thanh-nen{from{opacity:0}to{opacity:1}}