:root{--primary: #3B82F6;--primary-h: #2563EB;--primary-50: #EFF6FF;--bg: #FFFFFF;--surface: #F8FAFC;--surface-2: #F1F5F9;--text: #0F172A;--muted: #64748B;--success: #10B981;--danger: #EF4444;--border: #E2E8F0;--ring: #BFDBFE;--r: 18px;--r-lg: 24px;--pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--sh-md: 0 8px 24px rgb(15 23 42 / .08);--sh-lg: 0 30px 70px -20px rgb(15 23 42 / .35);--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%}#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.stage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1100px 600px at 12% -10%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 60%),radial-gradient(900px 600px at 100% 110%,#c7d2fe55,transparent 55%),#eef2f7}.frame{width:100%;max-width:1060px;height:min(880px,92vh);height:min(880px,92dvh);display:grid;grid-template-columns:360px 1fr;background:var(--bg);border-radius:28px;overflow:hidden;box-shadow:var(--sh-lg);animation:rise .6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}.powered{margin-top:14px;font-size:12.5px;color:#64748b;text-decoration:none;opacity:.8}.powered:hover{opacity:1}.brand{position:relative;padding:32px 30px;color:#fff;display:flex;flex-direction:column;gap:22px;background:radial-gradient(420px 220px at 100% 0%,#ffffff2e,transparent 60%),linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#1e3a8a));overflow:hidden}.brand:after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff14;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.avatars{position:relative;display:flex;align-items:center;margin-bottom:6px}.av{width:46px;height:46px;border-radius:var(--pill);margin-left:-12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;border:3px solid color-mix(in srgb,var(--primary) 70%,#1e3a8a);box-shadow:0 6px 14px -6px #0008}.av:first-child{margin-left:0}.av1{background:#f59e0b}.av2{background:#10b981}.av3{background:#8b5cf6}.av-dot{width:13px;height:13px;border-radius:50%;background:#22c55e;border:3px solid color-mix(in srgb,var(--primary) 70%,#1e3a8a);margin-left:-8px;align-self:flex-end;margin-bottom:3px}.brand-logo{display:block;height:72px;width:auto;max-width:100%;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 8px 14px #0f172a55)}.brand-name{margin:0;font-size:25px;font-weight:800;letter-spacing:-.02em}.brand-tag{margin:6px 0 0;font-size:14px;line-height:1.5;color:#ffffffcf}.brand-mid{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:var(--r);padding:14px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-status{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}.brand-reply{margin-top:6px;font-size:13px;color:#ffffffd0}.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e3a;animation:pulse 2.4s ease-in-out infinite;flex:none}.live-dot.sm{width:7px;height:7px;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #22c55e3a}50%{box-shadow:0 0 0 7px #22c55e12}}.brand-feats{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:13px}.brand-feats li{display:flex;align-items:center;gap:11px;font-size:13.5px;color:#ffffffe0}.brand-feats svg{flex:none;opacity:.9}.panel{min-width:0;min-height:0;display:flex;background:var(--bg)}.chat{flex:1;min-width:0;display:flex;flex-direction:column}.prechat-err{font-size:13px;color:var(--danger);font-weight:500}.hd{display:flex;align-items:center;gap:12px;padding:calc(16px + var(--sa-t)) max(20px,var(--sa-r)) 16px max(20px,var(--sa-l));border-bottom:1px solid var(--border);background:#fff}.hd-av{width:42px;height:42px;border-radius:var(--pill);background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex:none;overflow:hidden}.hd-av img{width:100%;height:100%;object-fit:cover}.hd-info{flex:1;min-width:0}.hd-name{font-weight:700;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-sub{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-top:2px}.hd-end{background:var(--surface-2);color:var(--muted);border:0;border-radius:var(--pill);padding:8px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.2s var(--ease)}.hd-end:hover{background:#fef2f2;color:var(--danger)}.connbar{display:flex;align-items:center;gap:9px;padding:9px 18px;font-size:12.5px;font-weight:600;animation:drop .3s var(--ease)}@keyframes drop{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}.connbar.connecting,.connbar.reconnecting{background:#fffbeb;color:#b45309;border-bottom:1px solid #FDE68A}.connbar.offline{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--border)}.connbar-spin{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.log{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--surface);position:relative}.log.drag{outline:2px dashed var(--primary);outline-offset:-10px;background:var(--primary-50)}.drop-hint{position:sticky;bottom:6px;align-self:center;background:var(--primary);color:#fff;font-size:13px;font-weight:600;padding:9px 18px;border-radius:var(--pill);box-shadow:var(--sh-md)}.msg{max-width:78%;display:flex;flex-direction:column;gap:3px;animation:slidein .35s var(--ease) both}@keyframes slidein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.msg.visitor{align-self:flex-end;align-items:flex-end}.msg.bot,.msg.agent{align-self:flex-start;flex-direction:row;align-items:flex-end;gap:8px;max-width:86%}.msg.system{align-self:center;max-width:92%}.msg-av-slot{width:30px;flex:none}.msg-av{width:30px;height:30px;border-radius:var(--pill);object-fit:cover;display:block;box-shadow:0 1px 3px #0f172a2e}.msg-av.init{display:flex;align-items:center;justify-content:center;background:var(--primary-50);color:var(--primary);font-size:12px;font-weight:700}.msg-col{display:flex;flex-direction:column;gap:3px;min-width:0}.who{font-size:11.5px;font-weight:600;color:var(--muted);padding:0 6px}.bubble{padding:12px 16px;border-radius:20px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 2px #0f172a0d}.msg.bot .bubble{background:#fff;border:1px solid var(--border);border-bottom-left-radius:7px}.msg.agent .bubble{background:var(--primary-50);border:1px solid var(--ring);border-bottom-left-radius:7px}.msg.visitor .bubble{background:var(--primary);color:#fff;border-bottom-right-radius:7px}.msg.system .bubble{background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:500;text-align:center;border-radius:var(--pill);box-shadow:none}.img-wrap{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 1px 3px #0f172a1f}.img{display:block;max-width:240px;max-height:280px;cursor:pointer;transition:filter .3s var(--ease)}.img.up{filter:blur(12px);transform:scale(1.04);cursor:default}.img-up{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0f172abf;color:#fff}.img-up-bar{position:absolute;left:0;bottom:0;height:4px;background:var(--primary);transition:width .2s var(--ease)}.img-up-txt{font-size:12.5px;font-weight:600}.tick{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:0 4px}.tick svg{width:13px;height:13px}.tick.sending{color:var(--muted)}.tick.sending svg{animation:spin 2s linear infinite}.tick.sent{color:var(--success)}.tick.failed{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--pill);padding:2px 9px;cursor:pointer}.tick.failed:hover{background:#fee2e2}.btns{align-self:flex-start;display:flex;flex-direction:column;gap:9px;max-width:80%}.btns button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:16px;padding:13px 17px;font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0f172a0d;transition:.2s var(--ease);animation:slidein .4s var(--ease) both}.btns button:hover{border-color:var(--primary);color:var(--primary);transform:translate(3px);box-shadow:var(--sh-md)}.btns-arrow{color:var(--muted);display:flex}.btns button:hover .btns-arrow{color:var(--primary)}.typing-row .bubble.typing{display:inline-flex;gap:4px;padding:14px 16px}.bubble.typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:blink 1.3s infinite}.bubble.typing i:nth-child(2){animation-delay:.2s}.bubble.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer{display:flex;align-items:flex-end;gap:9px;padding:14px max(16px,var(--sa-r)) calc(14px + var(--sa-b)) max(16px,var(--sa-l));border-top:1px solid var(--border);background:#fff}.attach,.send{flex:none;width:44px;height:44px;border-radius:var(--pill);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s var(--ease)}.attach{background:var(--surface-2);color:var(--muted)}.attach:hover{background:var(--primary-50);color:var(--primary)}.composer textarea{flex:1;resize:none;max-height:120px;border:0;border-radius:22px;padding:12px 16px;font:inherit;font-size:16px;line-height:1.4;outline:none;background:var(--surface-2);box-shadow:inset 2px 2px 5px #0f172a0f;transition:.2s var(--ease)}.composer textarea:focus{background:#fff;box-shadow:inset 1px 1px 3px #0f172a0a,0 0 0 3px var(--ring)}.send{background:var(--primary);color:#fff}.send:hover:not(:disabled){background:var(--primary-h);transform:scale(1.06)}.send:disabled{opacity:.5;cursor:default}.survey{padding:22px 22px calc(22px + var(--sa-b));display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border);background:var(--surface);overflow-y:auto;animation:slidein .4s var(--ease)}.srv-q{font-size:14.5px;font-weight:600}.srv-row{display:flex;gap:10px}.srv-row button{flex:1;border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.2s var(--ease)}.srv-row button:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--sh-md)}.srv-row button.on{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.survey textarea{border:1px solid var(--border);border-radius:16px;padding:12px 14px;font:inherit;font-size:16px;resize:vertical;outline:none}.survey textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.srv-send{background:var(--primary);color:#fff;border:0;border-radius:var(--pill);padding:14px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.2s var(--ease)}.srv-send:hover{background:var(--primary-h);transform:translateY(-1px);box-shadow:var(--sh-md)}.srv-send:disabled{opacity:.6;cursor:default;transform:none}.srv-nv{font-size:17px;font-weight:800;color:var(--primary);margin-top:-4px}.srv-sao{display:flex;gap:6px;justify-content:center}.srv-sao button{border:0;background:none;cursor:pointer;font:inherit;font-size:38px;line-height:1;padding:4px;color:#cbd5e1;-webkit-tap-highlight-color:transparent;transition:color .15s var(--ease),transform .15s var(--ease)}.srv-sao button.on{color:#f59e0b}.srv-sao button:hover{transform:scale(1.15)}.srv-sao button.pop{animation:pop .3s var(--ease)}.srv-nhan{text-align:center;font-size:14px;font-weight:600;color:var(--muted);min-height:20px;margin-top:-4px}.thanks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 30px calc(30px + var(--sa-b));gap:6px;background:var(--surface);animation:slidein .4s var(--ease)}.thanks-emoji{font-size:48px;animation:pop .5s var(--ease)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.thanks-title{font-size:22px;font-weight:800;color:var(--success)}.thanks p{margin:4px 0 18px;color:var(--muted);font-size:14.5px}.thanks button{background:var(--primary);color:#fff;border:0;border-radius:var(--pill);padding:14px 26px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.2s var(--ease)}.thanks button:hover{background:var(--primary-h);transform:translateY(-1px);box-shadow:var(--sh-md)}@media (max-width: 860px){.stage{padding:0}.frame{max-width:none;height:100dvh;border-radius:0;display:flex;flex-direction:column}.brand{display:none}.panel{flex:1;min-height:0}.powered{display:none}}@media (max-width: 860px){.frame{height:100dvh}}@supports (-webkit-touch-callout: none){@media (max-width: 860px){.stage,.frame{height:-webkit-fill-available}}}@media (pointer: coarse){.attach,.send{width:46px;height:46px}.hd-end{padding:11px 18px;min-height:44px}.btns button{padding:15px 18px;min-height:48px}.srv-row button{min-height:48px}.tick.failed{padding:7px 12px;min-height:32px}.btns button:hover{transform:none}.send:hover:not(:disabled){transform:none}}@media (min-width: 861px) and (max-width: 1100px){.frame{grid-template-columns:290px 1fr;height:min(880px,94dvh)}.brand{padding:26px 22px;gap:18px}.brand-feats li{font-size:13px}}@media (max-width: 600px){.log{padding:16px max(14px,var(--sa-r)) 16px max(14px,var(--sa-l));gap:10px}.msg{max-width:86%}.msg.bot,.msg.agent{max-width:92%}.bubble{font-size:15px;padding:11px 15px}.hd{padding:calc(13px + var(--sa-t)) max(16px,var(--sa-r)) 13px max(16px,var(--sa-l))}.hd-av{width:38px;height:38px}.composer{padding:12px max(14px,var(--sa-r)) calc(12px + var(--sa-b)) max(14px,var(--sa-l));gap:8px}.img{max-width:68vw}.btns{max-width:92%}}@media (max-width: 380px){.hd-name{font-size:14.5px}.hd-end{padding:9px 12px;font-size:12px}.bubble{font-size:14.5px}}@media (max-height: 460px) and (orientation: landscape){.hd{padding-top:calc(8px + var(--sa-t));padding-bottom:8px}.hd-av{width:32px;height:32px}.log{padding:10px max(14px,var(--sa-r)) 10px max(14px,var(--sa-l));gap:8px}.composer{padding:8px max(14px,var(--sa-r)) calc(8px + var(--sa-b)) max(14px,var(--sa-l))}.brand{display:none}}@keyframes msg-in-right{0%{opacity:0;transform:translate3d(14px,8px,0) scale(.97)}to{opacity:1;transform:none}}@keyframes msg-in-left{0%{opacity:0;transform:translate3d(-14px,8px,0) scale(.97)}to{opacity:1;transform:none}}.msg.visitor{animation:msg-in-right .34s var(--ease) both}.msg.bot,.msg.agent{animation:msg-in-left .34s var(--ease) both}.msg.system{animation:pop .3s var(--ease) both}@media (hover: hover) and (pointer: fine){.bubble{transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.msg:hover .bubble{box-shadow:0 4px 14px #0f172a1a;transform:translateY(-1px)}}.btns button:nth-child(1){animation-delay:.04s}.btns button:nth-child(2){animation-delay:.1s}.btns button:nth-child(3){animation-delay:.16s}.btns button:nth-child(4){animation-delay:.22s}.btns button:nth-child(5){animation-delay:.28s}.btns button:nth-child(n+6){animation-delay:.34s}.btns button:active{transform:scale(.975)}.send,.attach,.srv-send,.hd-end,.thanks button{-webkit-tap-highlight-color:transparent;transition:background .2s var(--ease),color .2s var(--ease),transform .14s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.send:active:not(:disabled),.attach:active,.srv-send:active,.thanks button:active{transform:scale(.94)}.send:not(:disabled){box-shadow:0 6px 16px -6px var(--primary)}@keyframes dot-bounce{0%,70%,to{opacity:.3;transform:translateY(0) scale(1)}35%{opacity:1;transform:translateY(-4px) scale(1.12)}}.bubble.typing i{animation:dot-bounce 1.25s var(--ease) infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 #10b98155}70%{box-shadow:0 0 0 7px #10b98100}}.hd-sub b,.hd-sub i{position:relative}@keyframes sheen{0%{background-position:-140% 0}to{background-position:240% 0}}.connbar.connecting,.connbar.reconnecting{background-image:linear-gradient(100deg,transparent 20%,#ffffffb0 50%,transparent 80%);background-size:200% 100%;background-repeat:no-repeat;animation:drop .3s var(--ease),sheen 1.9s linear infinite}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.img-wrap{background:linear-gradient(100deg,var(--surface-2) 25%,#e8edf4 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton 1.4s linear infinite}.img-wrap:has(.img:not(.up)){animation:none;background:none}.img{transition:filter .45s var(--ease),transform .45s var(--ease)}.img:not(.up){transform:none}@keyframes rise-soft{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.frame{animation:rise-soft .55s var(--ease) both}.composer textarea,.survey textarea{transition:background .2s var(--ease),box-shadow .25s var(--ease),border-color .2s var(--ease)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.moc{align-self:stretch;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#94a3b8;margin:6px 0}.moc:before,.moc:after{content:"";flex:1;height:1px;background:var(--border)}.msg.cu{opacity:.72}.quaylai .ql-dau{display:flex;flex-direction:column;gap:2px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.quaylai .ql-dau b{font-size:17px}.quaylai .ql-dau span{font-size:13.5px;color:var(--muted)}.quaylai .ql-nut{display:flex;flex-direction:column;gap:10px;padding:16px 22px calc(16px + var(--sa-b));border-top:1px solid var(--border);background:var(--surface)}.ql-doi{border:0;background:none;color:var(--muted);font:inherit;font-size:13.5px;text-decoration:underline;cursor:pointer;padding:6px}.quaylai .ql-nut:not(:last-child){padding-bottom:12px}.ql-phu{border:1px solid var(--primary);background:#fff;color:var(--primary);border-radius:var(--pill);padding:13px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.2s var(--ease)}.ql-phu:hover{background:var(--surface-2)}.ql-phu:disabled{opacity:.6;cursor:default}.ql-lk{display:flex;justify-content:center;align-items:center;gap:4px;color:var(--muted);font-size:13.5px}.xn-anh{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);animation:slidein .3s var(--ease)}.xn-anh img{width:60px;height:60px;object-fit:cover;border-radius:12px;border:1px solid var(--border);flex:none}.xn-anh-tt{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px}.xn-anh-tt small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xn-anh button{border:0;border-radius:var(--pill);padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;min-height:44px}.xn-huy{background:#f1f5f9;color:#334155}.xn-gui{background:var(--primary);color:#fff}.bubble[data-gio],.img-wrap[data-gio]{position:relative}@media (hover: hover){.bubble[data-gio]:hover:after,.img-wrap[data-gio]:hover:after{content:attr(data-gio);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:0 6px 16px #0f172a40}}.vid{display:block;width:260px;max-width:100%;max-height:340px;background:#0f172a}.vid.up{filter:blur(1px) brightness(.85)}.img-wrap:has(.vid){animation:none;background:#0f172a}.vid-tai{display:block;padding:6px 10px;font-size:12px;color:#fff;background:#0f172a;text-decoration:underline}.xn-anh video{width:60px;height:60px;object-fit:cover;border-radius:12px;border:1px solid var(--border);flex:none;background:#0f172a}.loi-tep{margin:0 16px 8px;padding:10px 14px;border-radius:14px;background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;font-size:13px;font-weight:500}.hk{--ruby: #A00616;--blush: #FBE5E7;--ivory: #FFF9F1;--body: #6D2031;--champagne: #E9BB78;--f: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--fc: "Roboto Condensed", "Roboto", system-ui, sans-serif;--bong: drop-shadow(0 5px 4px rgba(138, 52, 37, .15));position:relative;isolation:isolate;min-height:100%;overflow-x:hidden;display:flex;flex-direction:column;background:#fff;color:var(--ruby);font-family:var(--f);animation:hk-hien .2s ease-out both}@keyframes hk-hien{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.hk{animation:none}}.hk-nen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#fff url(/hk79/nen.svg) center top / cover no-repeat}.hk-khung{zoom:var(--hk-s, 1);width:1586px;margin:auto;padding:12px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.hk picture{display:contents}.hk picture>source{display:none}.hk-m{display:none}.hk-net{display:block}.hk-dau{display:flex;flex-direction:column;align-items:center}.hk-logo-h1{margin:0;line-height:0;font-size:15px}.hk-logo{display:block;width:256px;height:64px;border-radius:16px;object-fit:contain}.hk-tieude{margin:4px 0 0;height:38px;display:flex;align-items:center;font:900 32px/40px var(--f);color:var(--ruby);text-transform:uppercase;white-space:nowrap}.hk-canh{margin:6px 0 0;width:666px;min-height:36px;box-sizing:border-box;padding:0 69px 0 68px;display:flex;align-items:center;gap:10px;border-radius:16px;background:var(--blush);font:500 20px/26px var(--f);color:var(--ruby)}.hk-khien{display:block;flex:none;width:26px;height:26px}.hk-than{position:relative;width:1586px;min-height:460px;margin-top:8px;padding:30px 0 0 783px;box-sizing:border-box}.hk-hero{position:absolute;left:206px;top:0;width:544px;height:460px}.hk-hero img{display:block;width:100%;height:100%;object-fit:contain}.hk-hero-chu{position:absolute;left:144px;top:356px;width:250px;height:48px;display:flex;align-items:center;justify-content:center;font:900 32px/40px var(--f);color:var(--ivory)}.hk-chia{position:absolute;left:764px;top:42px;width:1px;height:336px;background:#edd2af}.hk-cot{position:relative;width:614px;display:flex;flex-direction:column}.hk-cot>.pt-chao{margin-bottom:12px;align-self:stretch}.hk-hoi{margin:0;height:47px;display:flex;align-items:center;font:700 38px/46px var(--f);color:var(--ruby)}.hk-hoi-phu{margin:0;height:29px;display:flex;align-items:center;font:500 20px/26px var(--f);color:var(--body)}.hk-luoi{margin-top:9px;display:grid;grid-template-columns:300px 300px;grid-template-rows:repeat(var(--hang, 3),70px);grid-auto-flow:column;gap:10px 14px}.hk-nut{position:relative;display:flex;align-items:center;gap:6px;width:300px;height:70px;padding:0 14px 0 28px;box-sizing:border-box;border:0;cursor:pointer;text-decoration:none;text-align:left;filter:var(--bong);background:url(/hk79/nut-ruby.svg) center / 100% 100% no-repeat;font:700 24px/30px var(--fc);color:#fff;text-transform:uppercase;transition:transform .2s var(--ease)}.hk-nut-chu{flex:none;width:187px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hk-ic{position:relative;flex:none;width:64px;height:64px;display:grid;place-items:center;font-style:normal;color:var(--ruby)}.hk-ic .hk-icon,.hk-ic .hk-net{display:block;width:40px;height:40px}.hk-nga{position:relative;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:12px;width:614px;height:62px;box-sizing:border-box;border:0;cursor:pointer;text-decoration:none;filter:var(--bong);background:url(/hk79/nut-nga.svg) center / 100% 100% no-repeat;font:700 24px/30px var(--fc);color:var(--ruby);text-transform:uppercase;transition:transform .2s var(--ease)}.hk-nga .hk-icon,.hk-nga .hk-net{display:block;flex:none;width:38px;height:38px}.hk-nga-chu{width:430px;text-align:left}.hk-kenh{position:relative;margin-top:-7px;width:1231px;min-height:165px;box-sizing:border-box;padding:32.8px 0 0;background:#fff;border:1.1px solid var(--champagne);border-radius:21px}.hk-kenh-tieu{position:absolute;left:50%;top:-17.55px;transform:translate(-50%);height:34px;padding:0 18px;display:flex;align-items:center;background:linear-gradient(to bottom,transparent calc(50% - 1.2px),#fff calc(50% - 1.2px))}.hk-kenh-tieu .hk-vach{display:none}.hk-kenh-tieu span{width:216px;text-align:center;font:900 25px/40px var(--f);color:var(--ruby);text-transform:uppercase;white-space:nowrap}.hk-kenh-ds{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hk-kenh-o{width:184px;height:118px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none}.hk-dia{position:relative;width:84px;height:84px;display:grid;place-items:center;color:var(--ruby);filter:var(--bong);background:url(/hk79/dia-nga.svg) center / 100% 100% no-repeat;transition:transform .2s var(--ease)}.hk-dia .hk-icon,.hk-dia .hk-net{display:block;width:44px;height:44px}.hk-kenh-chu{width:184px;min-height:28px;display:flex;align-items:center;justify-content:center;text-align:center;font:700 20px/26px var(--fc);color:var(--ruby);text-transform:uppercase}.hk-dt{margin-top:8px;width:1102px;display:flex;flex-direction:column;align-items:center}.hk-dt h2{margin:0;width:100%;height:37px;display:flex;align-items:center;justify-content:center;font:900 27px/40px var(--f);color:var(--ruby);text-transform:uppercase}.hk-tc-hang{margin-top:4px;width:1102px;min-height:73px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 30px}.hk-tc{position:relative;width:226px;height:50px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 8px 0 24px;text-decoration:none;filter:var(--bong);background:url(/hk79/truycap.svg) center / 100% 100% no-repeat;transition:transform .2s var(--ease)}.hk-tc span{width:145px;font:700 19px/26px var(--fc);color:#fff;text-transform:uppercase;white-space:nowrap}.hk-tc b{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font:900 31px/40px var(--f);color:var(--ruby)}.hk-home{position:relative;width:78px;height:78px;margin:-2.5px 0;display:grid;place-items:center;filter:var(--bong);background:url(/hk79/home-nen.svg) center / 100% 100% no-repeat;transition:transform .2s var(--ease)}.hk-home-nha{display:block;width:36px;height:36px}.hk-nut:hover:not(:disabled),.hk-nga:hover:not(:disabled),.hk-tc:hover,.hk-home:hover,.hk-kenh-o:hover .hk-dia{transform:translateY(-2px)}.hk-nut:active:not(:disabled),.hk-nga:active:not(:disabled){transform:scale(.98)}.hk-nut:disabled,.hk-nga:disabled{opacity:.65;cursor:default}.hk a:focus-visible,.hk button:focus-visible{outline:3px solid var(--ruby);outline-offset:3px;border-radius:999px}@media (max-width: 900px){.hk-nen{position:absolute;background:#fff url(/hk79/nen-mb.svg) center top / 100% auto no-repeat}.hk-khung{width:430px;margin:0 auto;padding:18px 16px 24px}.hk-d{display:none}.hk-m{display:inline}.hk-dau{width:398px;gap:10px}.hk-logo{width:184px;height:46px;border-radius:11.5px}.hk-tieude{margin:0;height:26px;font-size:22px;line-height:29px}.hk-canh{margin:0;width:398px;min-height:44px;padding:0 12px;gap:8px;font-size:13px;line-height:18px}.hk-canh>span{width:340px}.hk-khien{width:20px;height:20px}.hk-than{width:398px;min-height:0;margin-top:6px;padding:0;display:flex;flex-direction:column;align-items:center}.hk-hero{position:relative;left:auto;top:auto;flex:none;width:350px;height:285px}.hk-hero-chu{left:75px;top:218px;width:200px;height:34px;font-size:22px;line-height:29px}.hk-chia{display:none}.hk-cot{width:398px;margin-top:14px;padding-bottom:5.9px;align-items:center}.hk-hoi{width:100%;height:32px;justify-content:center;font-size:25px;line-height:33px}.hk-hoi-phu{width:100%;height:22px;margin-top:2px;justify-content:center;font:400 14px/18px var(--f)}.hk-luoi{margin-top:16px;width:398px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 13px}.hk-nut{width:124px;height:auto;min-height:118px;padding:0;gap:8px;flex-direction:column;justify-content:flex-start;background:none;filter:none;font-size:17px;line-height:22px;color:var(--ruby);text-align:center}.hk-nut-chu{order:2;width:124px;margin-top:-2px}.hk-ic{order:1;width:90px;height:90px;background:url(/hk79/dia-nga-mb90.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 5.357px 4.286px rgba(138,52,37,.15))}.hk-ic .hk-icon,.hk-ic .hk-net{width:47.14px;height:47.14px}.hk-nga{margin-top:19.9px;width:398px;height:40.19px;gap:7.78px;background-image:url(/hk79/nut-nga-mb.svg);filter:drop-shadow(0 3.241px 2.593px rgba(138,52,37,.15));font-size:15.56px;line-height:19.45px}.hk-nga .hk-icon,.hk-nga .hk-net{width:24.63px;height:24.63px}.hk-nga-chu{width:278.73px}.hk-kenh{margin-top:22px;width:398px;min-height:244px;padding:10px 16px 1px;border:1px solid var(--champagne);border-radius:20px;background:#fffdfb;display:flex;flex-direction:column;align-items:center;gap:10px}.hk-kenh-tieu{position:static;transform:none;width:366px;height:26px;gap:0;justify-content:center;background:none}.hk-kenh-tieu .hk-vach{display:none}.hk-kenh-tieu span{width:auto;font-size:20px;line-height:26px}.hk-kenh-ds{width:366px;gap:10px 12px}.hk-kenh-o{width:114px;height:auto;min-height:92px;gap:6px}.hk-dia{width:60px;height:60px;background-image:url(/hk79/dia-nga-mb60.svg);filter:drop-shadow(0 3.571px 2.857px rgba(138,52,37,.15))}.hk-dia .hk-icon,.hk-dia .hk-net{width:31.43px;height:31.43px}.hk-kenh-chu{width:114px;min-height:24px;font-size:16px;line-height:21px}.hk-dt{margin-top:22px;width:398px;gap:8px}.hk-dt h2{height:28px;font-size:20px;line-height:26px}.hk-tc-hang{margin-top:0;width:398px;height:auto;display:grid;grid-template-columns:185px 185px;justify-content:space-between;gap:8px 28px}.hk-tc{width:185px;height:40.93px;gap:6.55px;padding:0 6.55px 0 19.65px;background-image:url(/hk79/truycap-mb.svg);filter:drop-shadow(0 4.093px 3.274px rgba(138,52,37,.15))}.hk-tc span{width:118.7px;font-size:15.55px;line-height:21.28px}.hk-tc b{width:31.1px;height:31.1px;font-size:25.38px;line-height:32.74px}.hk-home{order:99;grid-column:1 / -1;justify-self:center;margin:27px 0 0;width:58px;height:58px;background-image:url(/hk79/home-nen-mb.svg);filter:drop-shadow(0 3.718px 2.974px rgba(138,52,37,.15))}.hk-home-nha{width:26.77px;height:26.77px}}.pt{--primary: #A00616;--sang: #D23A47;--dam: #6E0410;--ring: #F5C2C7}.pt-nut{position:relative;display:flex;align-items:center;min-height:52px;padding:6px 58px 6px 18px;box-sizing:border-box;border:0;border-radius:999px;cursor:pointer;text-decoration:none;background:linear-gradient(180deg,var(--sang),var(--primary) 55%,var(--dam));color:#fff;font:700 15px/1.25 Roboto,system-ui,sans-serif;text-transform:uppercase;box-shadow:0 10px 20px -12px var(--primary)}.pt-nut:disabled{opacity:.62;cursor:default}.pt-nut:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.pt-nut-chu{flex:1;text-align:center}.pt-ic{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#fff;color:var(--primary)}.pt-ic .hk-net{width:20px;height:20px}.pt-nut.rong{width:100%}.pt-nut.noi{background:linear-gradient(180deg,#34d399,#059669 55%,#047857);box-shadow:0 10px 20px -12px #059669}.pt-nut.noi .pt-ic{color:#047857}.pt-chao{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:22px;background:#ffffffd9;border:1px solid color-mix(in srgb,var(--primary) 22%,#ffffff);box-shadow:0 16px 30px -24px #0f172a66}.pt-chao-dau{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15.5px}.pt-chao-lk{display:flex;justify-content:center;align-items:center;gap:4px;color:#94a3b8}.pt-chu{border:0;background:none;padding:4px 6px;font:inherit;font-size:13px;font-weight:700;color:var(--primary);text-decoration:underline;cursor:pointer}.pt-chao-lk .pt-chu{color:#64748b;font-weight:600}.pt-loi{padding:10px 14px;border-radius:14px;background:#fef2f2;border:1px solid #FECACA;color:#b91c1c;font-size:13px;font-weight:500;line-height:1.45}.pt-man{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:slidein .2s var(--ease)}.pt-sheet{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:26px;background:#fff;box-shadow:var(--sh-lg);animation:rise .35s var(--ease) both}.pt-sheet-muc{font-size:15px;color:#334155}.pt-sheet label{font-size:14px;font-weight:700}.pt-sheet input{padding:14px 18px;border:1px solid var(--border);border-radius:var(--pill);font:inherit;font-size:16px;outline:none;transition:.2s var(--ease)}.pt-sheet input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.pt-sheet .pt-nut{margin-top:4px}.pt-huy{border:0;background:none;padding:6px;font:inherit;font-size:14px;font-weight:600;color:#64748b;cursor:pointer}@media (max-width: 760px){.pt-man{align-items:flex-end;padding:0}.pt-sheet{max-width:none;border-radius:26px 26px 0 0;padding-bottom:calc(24px + var(--sa-b))}}