body{background: #f5f6f8;}
.update-listing-panel .update-tab{height: 60px;padding: 0 20px;background: #ffffff;display: flex;align-items: center;justify-content: center;position: relative;}
.update-listing-panel .update-tab::after{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-tab a{font-size: 18px;color: #666666;padding: 0 33px;position: relative;line-height: 24px;}
.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;font-size: 20px;}
.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: 2px;height: 20px;background: #cccccc;}
.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 { color: #16bff6; }
.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-listing-wrap{margin-top: 20px;background: #ffffff;display: flex;flex-direction: column;}
.update-listing-panel .update-listing-wrap .update-listing{padding: 30px 20px;display: grid;grid-template-columns: repeat(7,1fr);column-gap: 20px;row-gap: 12px;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap{overflow: hidden;position: relative;display: flex;flex-direction: column;padding: 10px;height: 175px;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .imgWrap{width: 105px;height: 105px;margin: 0 auto;overflow: hidden;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 12px;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .bottomWrap{margin-top: 5px;display: flex;flex-direction: column;row-gap: 2px;overflow: hidden;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .bottomWrap .appName{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #000000;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .bottomWrap span{text-align: center;font-size: 13px;color: #bababa;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap .viewBtn{ width: 70px; height: 28px; flex-shrink: 0; text-align: center; line-height: 28px; border-radius: 6px; color: #ffffff; background: linear-gradient(90deg, rgb(51, 161, 255) 0%, rgb(91, 111, 255) 100%); font-size: 14px; margin: 15px auto 0; display: none; }
.update-listing-panel .update-listing-wrap .update-listing .appWrap:hover{background: #f5f6f8;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap:hover .bottomWrap{display: none;}
.update-listing-panel .update-listing-wrap .update-listing .appWrap:hover .viewBtn {display: block;}
.update-listing-panel .update-listing-wrap .break-line{margin-top: 0;}