/* A real locally served H.264 animation, not a moving still image. */
.anime-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#09111c url('/assets/anime-night-poster.jpg?v=zhuang-20260908') center/cover no-repeat}
.anime-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.anime-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,22,.38),rgba(5,12,22,.18)),linear-gradient(0deg,rgba(5,12,22,.38),transparent 65%)}
body:has(.anime-scene){background:#09111c}
body:has(.anime-scene) .login-wrap{position:relative;z-index:1}
body:has(.anime-scene) .login-card{background:rgba(15,27,43,.88);box-shadow:0 24px 80px #0005}
body:has(.anime-scene) .sidebar{background:rgba(11,21,34,.9)}
body:has(.anime-scene) .panel{background:rgba(12,25,41,.76);border-color:rgba(170,193,217,.22)}
body:has(.anime-scene) .panel-head{background:rgba(18,32,50,.7)}
body:has(.anime-scene) .metric:not(:first-child){background:rgba(18,32,50,.78)}
body:has(.anime-scene) .member-card,body:has(.anime-scene) .recent-card,body:has(.anime-scene) .profile-card{background:rgba(22,39,59,.76)}
body:has(.anime-scene) .topbar{padding:22px;border:1px solid #b5cce52e;border-radius:20px;background:rgba(11,23,38,.6)}

@media(max-width:760px){.anime-video{object-position:42% center}.anime-scene{background-position:42% center}.anime-shade{background:rgba(5,12,22,.35)}body:has(.anime-scene) .topbar{padding:16px}}
.anime-video[hidden]{display:none}