/* ===== BAIKA — logo dong dung chung cho ca 7 web con =====
   Port tu trang chu, nhuom mau rieng qua bien CSS --logoc1/--logoc2/--logourl
   khai bao o :root cua tung web (xem index.html). File nay giong het nhau
   o ca 7 site (da xac nhan hash MD5 trung khop truoc khi tach) — chi anh
   huong lop trinh bay, khong doi mau/hanh vi cua bat ky web nao.
   ================================================================= */
.logo-stage{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-halo{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,var(--logoc1) 0%,transparent 68%);filter:blur(4px);opacity:.5;animation:logoHalo 3s ease-in-out infinite}
@keyframes logoHalo{0%,100%{opacity:.32;transform:scale(.9)}50%{opacity:.72;transform:scale(1.08)}}
.logo-wave{position:absolute;inset:2px;border-radius:50%;border:1.1px solid var(--logoc1);animation:logoWave 3s ease-out infinite;opacity:0}
.logo-wave2{animation-delay:1.5s}
@keyframes logoWave{0%{transform:scale(.58);opacity:.65}100%{transform:scale(1.5);opacity:0}}
.brand-ring{position:absolute;inset:0;opacity:.45}
.logo-mask{position:absolute;inset:6px;background:var(--logoc1);-webkit-mask:var(--logourl) center/contain no-repeat;mask:var(--logourl) center/contain no-repeat;
  animation:logoFloat 5s ease-in-out infinite;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35))}
@keyframes logoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.035)}}
.logo-charge{position:absolute;inset:6px;-webkit-mask:var(--logourl) center/contain no-repeat;mask:var(--logourl) center/contain no-repeat;
  background:radial-gradient(circle at 50% 45%, var(--logoc2) 0%, transparent 60%);mix-blend-mode:screen;opacity:.7;animation:logoCharge 2.6s ease-in-out infinite;pointer-events:none}
@keyframes logoCharge{0%,100%{opacity:.18}50%{opacity:.68}}
.logo-sweep{position:absolute;inset:6px;-webkit-mask:var(--logourl) center/contain no-repeat;mask:var(--logourl) center/contain no-repeat;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.92) 50%,transparent 62%);background-size:280% 100%;mix-blend-mode:screen;animation:logoSweep 3.8s ease-in-out infinite;pointer-events:none}
@keyframes logoSweep{0%{background-position:170% 0}56%,100%{background-position:-170% 0}}
.logo-orbit{position:absolute;inset:-3px;animation:logoOrbit 5s linear infinite;transform-origin:50% 50%}
@keyframes logoOrbit{to{transform:rotate(360deg)}}
.logo-orbit i{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--logoc2);box-shadow:0 0 6px 1.5px var(--logoc2);display:block}
.brand:hover .logo-mask{animation-duration:2.2s}
.brand:hover .logo-sweep{animation-duration:1.3s}
@media (prefers-reduced-motion: reduce){.logo-halo,.logo-wave,.logo-mask,.logo-charge,.logo-sweep,.logo-orbit{animation:none!important}}