/* Light ice-teal user-center glass for all logged-in pages.
   Visual only. Do not change avatar size, menu layout, or restyle zduserlj/zduserdl into pills. */
@keyframes originyun-uc-sheen{
  0%{background-position:0% 40%,100% 80%,50% 0%;}
  50%{background-position:80% 0%,10% 30%,20% 100%;}
  100%{background-position:0% 40%,100% 80%,50% 0%;}
}
body:has(#page-topbar){
  background:
    radial-gradient(46vw 34vw at 6% -4%,rgba(120,206,255,.16),transparent 62%),
    radial-gradient(40vw 30vw at 98% 12%,rgba(120,220,210,.12),transparent 64%),
    linear-gradient(180deg,#f3faff 0%,#f7fcff 42%,#f4fbfa 100%)!important;
}
body:has(#page-topbar) #page-topbar,
body:has(#page-topbar) .navbar-header{
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 8px 20px rgba(18,84,126,.06), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
body:has(#page-topbar) .vertical-menu{
  background:rgba(255,255,255,.56)!important;
  border-right:1px solid rgba(160,214,240,.36)!important;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}
body:has(#page-topbar) .page-content{
  background:transparent!important;
}
body:has(#page-topbar) .main-content .card,
body:has(#page-topbar) .main-content .card-body{
  background:
    radial-gradient(180px 130px at 8% 0,rgba(160,226,255,.22),transparent 58%),
    radial-gradient(220px 160px at 92% 100%,rgba(150,230,220,.14),transparent 68%),
    linear-gradient(165deg,rgba(255,255,255,.78),rgba(232,248,255,.52))!important;
  background-size:140% 140%,150% 150%,100% 100%!important;
  animation:originyun-uc-sheen 16s ease-in-out infinite;
  border:1px solid rgba(160,214,240,.42)!important;
  border-radius:16px!important;
  box-shadow:0 8px 20px rgba(18,84,126,.06), inset 0 1px 0 rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
body:has(#page-topbar) .card-title{color:#16324f!important;}
body:has(#page-topbar) .zdye,
body:has(#page-topbar) .zdxy{
  background:transparent!important;
}
body:has(#page-topbar) .btn.btn-primary{
  background:#5eb6f2!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 6px 14px rgba(94,182,242,.22)!important;
}
@media (prefers-reduced-motion:reduce){
  body:has(#page-topbar) .main-content .card,
  body:has(#page-topbar) .main-content .card-body{animation:none;}
}