.g_case{aspect-ratio:1;cursor:pointer;background-color:#1013194d;border:1px solid #2e394f;border-radius:16px;transition:border .3s,background-color .3s;display:block;position:relative}.g_case:hover{background-color:#10131999;border:1px solid #31bbff}.g_case:hover .g_case-box .header-name:not(.__hover){opacity:0;transform:translateY(-100%)rotateX(90deg)}.g_case:hover .g_case-box .header-name.__hover{opacity:1;transform:translateY(0)}.g_case:hover .g_case-box .g_case-box-fav .g_case-box-fav-btn{transform:translate(0)}.g_case:hover .g_case-box .g_case-box-hot .g_case-box-fav-btn{transform:translate(-145%)}.g_case:hover .g_case-box .g_case-box-background{transform:translate(-50%)scale(.985)translateZ(0)}.g_case:hover .g_case-box .g_case-box-foreground{transform:translate(-50%)translateY(-5%)translateZ(0)}.g_case:not(.custom){overflow:hidden}.g_case:not(.custom) .g_case-box .g_case-box-background{bottom:unset;width:100%;height:100%;top:0;left:50%;overflow:hidden}.g_case:not(.custom) .g_case-box .g_case-box-background img{aspect-ratio:1}.g_case:not(.custom):hover .g_case-box .g_case-box-background{transform:translate(-50%)scale(1.02)translateZ(0)}.g_case:not(.custom):hover .g_case-box .g_case-box-foreground{transform:translate(-50%)translateY(-5%)translateZ(0)}.g_case.hot-rotate:not(.neutral-hover):hover{border:1px solid #ff553a}.g_case.event-rotate:not(.neutral-hover):hover{border:1px solid rgb(var(--event_main))}.g_case.neutral-hover:hover{border:1px solid #606d87}