/* [10.20.454] TOUR HUONG DAN — den roi + bong chu. Mau lay tu bien cua trang nen tu doi theo nen Sang / Toi, khong viet cung mau nao. */ .hd-tour-ov{position:fixed;inset:0;z-index:2147483100} .hd-tour-o{position:absolute;border-radius:14px;pointer-events:none; box-shadow:0 0 0 9999px rgba(0,0,0,.74), 0 0 0 2px #F0B90B inset; transition:all .28s cubic-bezier(.16,1,.3,1);opacity:0} body.light .hd-tour-o{box-shadow:0 0 0 9999px rgba(15,18,22,.6), 0 0 0 2px #B8860B inset} .hd-tour-bong{position:absolute;width:min(360px,calc(100vw - 24px)); background:var(--ink-2);border:1px solid var(--line-2);border-radius:18px; padding:15px 16px 14px;box-shadow:0 22px 60px rgba(0,0,0,.55); transition:left .28s cubic-bezier(.16,1,.3,1), top .28s cubic-bezier(.16,1,.3,1)} body.light .hd-tour-bong{box-shadow:0 22px 60px rgba(0,0,0,.18)} .hd-tour-dem{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px} .hd-tour-dem span{color:#F0B90B;font-size:.72rem;font-weight:800;letter-spacing:.04em} body.light .hd-tour-dem span{color:#B8860B} .hd-tour-bo{background:none;border:0;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer;padding:2px 0} .hd-tour-bo:hover{color:var(--bone)} .hd-tour-bong h4{margin:0 0 6px;color:var(--bone);font-size:1.02rem;font-weight:800;line-height:1.3} .hd-tour-bong p{margin:0;color:var(--bone-dim);font-size:.87rem;line-height:1.58} .hd-tour-bong p b{color:var(--bone);font-weight:700} .hd-tour-cham{display:flex;gap:5px;margin:13px 0 11px} .hd-tour-cham i{width:5px;height:5px;border-radius:50%;background:var(--line-2);transition:.2s} .hd-tour-cham i.on{background:#F0B90B;width:15px;border-radius:3px} body.light .hd-tour-cham i.on{background:#B8860B} .hd-tour-nut{display:flex;gap:8px} .hd-tour-lui{flex:0 0 auto;background:transparent;border:1px solid var(--line-2);color:var(--bone-dim); border-radius:11px;padding:10px 15px;font:inherit;font-size:.87rem;font-weight:600;cursor:pointer} .hd-tour-lui:hover{color:var(--bone)} .hd-tour-toi{flex:1;background:#F0B90B;border:0;color:#1a1304;border-radius:11px;padding:10px 15px; font:inherit;font-size:.9rem;font-weight:800;cursor:pointer} .hd-tour-toi:active{transform:scale(.985)} @media (prefers-reduced-motion: reduce){ .hd-tour-o,.hd-tour-bong{transition:none} } @media (max-width:600px){ .hd-tour-bong{padding:14px 14px 13px} .hd-tour-bong h4{font-size:.98rem} .hd-tour-bong p{font-size:.85rem} } /* Khi tour dang soi tung chi bao: bang Chi bao phai noi len tren lop toi, va den roi chuyen sang kieu chi ve vien (lop toi cua chinh bang da du). */ body.hd-tour-bang #indScrim{z-index:2147483101 !important} body.hd-tour-bang #indSheet{z-index:2147483102 !important} body.hd-tour-bang .hd-tour-ov{z-index:2147483103;pointer-events:none} body.hd-tour-bang .hd-tour-bong{pointer-events:auto} body.hd-tour-bang .hd-tour-o{box-shadow:0 0 0 2px #F0B90B, 0 0 18px rgba(240,185,11,.6);border-radius:12px} body.light.hd-tour-bang .hd-tour-o{box-shadow:0 0 0 2px #B8860B, 0 0 18px rgba(184,134,11,.5)} /* ═══════════════════════════════════════════════════════════════════════ [10.20.454] NUT TRON NOI + CHAM SU KIEN TREN BIEU DO Anh Duy: "Tab tron nay anh thay khong noi bat, it nguoi biet ma bam vao" va "cai su kien tren bieu do dang de bieu tuong tep trong xau, a muon no la 1 hinh logo Uptrend nho, vong tron nho, sang sang len thoi". ═══════════════════════════════════════════════════════════════════════ */ /* ── 1. Trang Bieu do cung phai co nut tron ─────────────────────────── Truoc day an di cho chart rong het man hinh. Nhung day la trang KHO NHAT, khach can Huong dan o day nhat. Nut chi 46px o goc, khong che gi. */ body.chart-mode .fabwrap{display:flex} /* ── 2. Vong sang lan ra cho de thay ───────────────────────────────── Hai vong lech nhau 1,6 giay, mot nhip 3,2 giay — du de mat bat duoc, khong den muc nhay lien tuc gay kho chiu. Mo menu ra thi tat. */ .fab{position:relative} .fab::before,.fab::after{content:'';position:absolute;inset:0;border-radius:50%; border:2px solid #F0B90B;opacity:0;pointer-events:none; animation:fabLan 3.2s cubic-bezier(.22,1,.36,1) infinite} .fab::after{animation-delay:1.6s} @keyframes fabLan{0%{transform:scale(1);opacity:.55}70%{transform:scale(2.05);opacity:0}100%{opacity:0}} .fabwrap.open .fab::before,.fabwrap.open .fab::after{animation:none;opacity:0} @media (prefers-reduced-motion: reduce){.fab::before,.fab::after{animation:none;opacity:0}} /* ── 3. Chu nhac hien mot lan roi tu tat ─────────────────────────────── */ .fab-nhac{position:absolute;right:56px;bottom:11px;white-space:nowrap; background:#F0B90B;color:#1a1304;font-size:.82rem;font-weight:800; padding:8px 13px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.45); opacity:0;transform:translateX(8px);transition:opacity .35s, transform .35s; pointer-events:none} .fab-nhac.hien{opacity:1;transform:none} /* Mo menu ra thi giau chu nhac di — no dang chi vao cai nut LUC DONG, de nguyen se dam vao hang muc duoi cung. */ .fabwrap.open .fab-nhac{opacity:0;transform:translateX(8px)} /* ── 4. Cham su kien: vong tron nho, logo bo vang, sang nhe ────────── --evt-mau do JS dat theo mau cua tung su kien (mac dinh vang). Con bo LUON vang, chi vong ngoai doi mau — de admin danh dau tin xau bang vong do ma logo van la logo. */ .evt-cham{position:absolute;pointer-events:auto;cursor:pointer;border-radius:50%; display:flex;align-items:center;justify-content:center; background:radial-gradient(circle at 50% 38%, rgba(240,185,11,.30), rgba(12,12,12,.96) 72%); border:1.5px solid var(--evt-mau,#F0B90B); animation:evtSang 2.8s ease-in-out infinite;transition:transform .16s} .evt-cham:hover{transform:scale(1.14)} .evt-cham .glyph{width:62%;height:44%;background:#F0B90B} @keyframes evtSang{ 0%,100%{box-shadow:0 0 0 3px color-mix(in srgb, var(--evt-mau,#F0B90B) 14%, transparent), 0 0 10px color-mix(in srgb, var(--evt-mau,#F0B90B) 40%, transparent), 0 2px 7px rgba(0,0,0,.45)} 50% {box-shadow:0 0 0 6px color-mix(in srgb, var(--evt-mau,#F0B90B) 9%, transparent), 0 0 18px color-mix(in srgb, var(--evt-mau,#F0B90B) 75%, transparent), 0 2px 7px rgba(0,0,0,.45)}} @media (prefers-reduced-motion: reduce){.evt-cham{animation:none; box-shadow:0 0 0 4px color-mix(in srgb, var(--evt-mau,#F0B90B) 13%, transparent), 0 0 13px color-mix(in srgb, var(--evt-mau,#F0B90B) 55%, transparent)}} body.light .evt-cham{background:radial-gradient(circle at 50% 38%, rgba(240,185,11,.26), #ffffff 72%)}