body{background: #f5f6f8;}

.update-listing-panel{display: flex;flex-direction: column;row-gap: 1.25rem;}
.update-listing-panel .update-tab{height: 5rem;padding: 0 1.25rem;background: #ffffff;display: flex;align-items: center;justify-content: center;position: relative;}
.update-listing-panel .update-tab a{font-size: 1.75rem;color: #666666;padding: 0 1.25rem;position: relative;line-height: 2rem;}
.update-listing-panel .update-tab a.active{font-weight: bold; background: linear-gradient(to left, #4E85F3 0%, #6F9DF4 35%, #6F9DF4 70%, #6F9DF4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.update-listing-panel .update-tab a::before,
.update-listing-panel .update-tab a::after { content: "";position: absolute;top: 50%;transform: translateY(-50%) rotate(18deg);width: 1px;height: 1.75rem;background: #bababa;}
.update-listing-panel .update-tab a::before { left: 0; }
.update-listing-panel .update-tab a::after { right: 0; }
.update-listing-panel .update-tab a:not(:first-child)::before { opacity: 0; }
.update-listing-panel .update-tab a.active::after { background: #16bff6; }
.update-listing-panel .update-tab a:has(+ a.active)::after { background: #16bff6; }
.update-listing-panel .update-tab a.active:not(:first-child)::before { opacity: 0; }
.update-listing-panel .update-tab a.active:first-child::before { opacity: 1; background: #16bff6; }
.update-listing-panel .update-tab a.active + a::before { opacity: 0; }
.update-listing-panel .update-tab::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right, #4E85F3 0%, #7FA7F4 25%, #C9D8F7 50%, #F1F3F8 100%);}
.update-listing-panel .update-listing {display: grid;grid-template-columns: repeat(3,1fr);column-gap: 1.25rem;row-gap: 1.25rem;}
.update-listing-panel .update-listing .appWrap{width: 100%;padding: 1.875rem 0.5rem;display: flex;flex-direction: column;background: #ffffff;justify-content: center;overflow: hidden;}
.update-listing-panel .update-listing .appWrap .imgWrap{margin: 0 auto 0.5rem;width: 8.125rem;height: 8.125rem;position: relative;}
.update-listing-panel .update-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.update-listing-panel .update-listing .appWrap .appName{text-align: center;font-size: 1.5rem;color: #02010a;overflow: hidden;line-height: 2.25rem;height: 2.25rem;}
.update-listing-panel .update-listing .appWrap > span{font-size: 1.375rem;text-align: center;color: #bababa;}
.update-listing-panel .update-listing .appWrap .viewBtn{margin: 0.5rem auto 0;width: 7.75rem; height: 3.125rem; line-height: 3.25rem; text-align: center; border-radius: 0.625rem; font-size: 1.5rem; color: #ffffff; background: linear-gradient(90deg, rgb(91, 111, 255) 0%, rgb(51, 161, 255) 100%);}

.pagination a { background: #ffffff; }