.g_case{aspect-ratio:1/1;background-color:#1619214d;border:1px solid #2e394f;border-radius:16px;cursor:pointer;display:block;position:relative;transition:.3s}.g_case.hide .g_case-box{display:none}.g_case:hover{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;height:100%;left:50%;overflow:hidden;top:0;width:100%}.g_case:not(.custom) .g_case-box .g_case-box-background img{aspect-ratio:1/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}