/* 登录页品牌标识（SVG 内 style 会被 Vue 移除，样式统一放这里） */
.lp-mark{width:auto;height:auto;border-radius:0;background:none;border:0;box-shadow:none;flex-shrink:0;}
.lp-mark svg{width:96px;height:auto;overflow:visible;display:block;}
.lp-mark .lp-logo-blue{fill:#006bd3;}
.lp-mark .lp-logo-reg{transform-box:fill-box;transform-origin:center;will-change:transform;animation:lpLogoSpin 4s cubic-bezier(.65,0,.35,1) infinite;}
.lp-mark .lp-logo-ring{fill:none;stroke:#006bd3;stroke-width:4;}
.lp-mark .lp-logo-r{fill:#006bd3;font-family:Arial,sans-serif;font-size:34px;font-weight:bold;}
.lp-mark .lp-logo-ray{filter:url(#lpLogoGlow);transform-box:fill-box;transform-origin:center bottom;will-change:opacity,transform;animation:lpLogoWave 2.8s cubic-bezier(.4,0,.6,1) infinite;}
.lp-mark .lp-logo-ray-1{animation-delay:0s}
.lp-mark .lp-logo-ray-2{animation-delay:.2s}
.lp-mark .lp-logo-ray-3{animation-delay:.2s}
.lp-mark .lp-logo-ray-4{animation-delay:.4s}
.lp-mark .lp-logo-ray-5{animation-delay:.4s}
.lp-mark .lp-logo-ray-6{animation-delay:.6s}
.lp-mark .lp-logo-ray-7{animation-delay:.6s}
@keyframes lpLogoSpin{0%{transform:rotate(0deg)}25%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
@keyframes lpLogoWave{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.18;transform:scale(.88)}}
@media (max-width:640px){
  .lp-mark{width:auto;height:auto;}
  .lp-mark svg{width:72px;}
}
@media (prefers-reduced-motion:reduce){.lp-mark .lp-logo-reg,.lp-mark .lp-logo-ray{animation:none;}}

/* 登录后页面沿用同一枚动态 Logo，仅缩小尺寸 */
.portal-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;}
.portal-logo svg{width:48px;height:auto;}
@media (max-width:640px){
  .portal-logo,.portal-logo svg{width:40px;}
}