.app-content-page .app-category-panel{width: 100%;height: 142px;border-radius: 10px;padding: 0 20px 0 28px;display: flex;align-items: center;column-gap: 32px;background-image: url(../images/app/gameCatBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;}
.app-content-page.app .app-category-panel {background-image: url(../images/app/appCatBg.webp);}
.app-content-page .app-category-panel::before{content: "";position: absolute;left: 30px;top: 50%;transform: translateY(-50%);width: 120px;height: 92px;background-image: url(../images/app/gameTitleIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.app-content-page.app .app-category-panel::before{background-image: url(../images/app/appTitleIcon.webp);width: 108px;height: 108px;}
.app-content-page .app-category-panel h1{font-size: 30px;font-weight: bold;color: #333333;white-space: nowrap;}
.app-content-page .app-category-panel .category-list{display: flex;flex-wrap: wrap;column-gap: 19px;row-gap: 19px;}
.app-content-page .app-category-panel .category-list a{width: 108px;flex: 0 0 108px;max-width: 108px;height: 36px;line-height: 36px;border-radius: 10px;background-color: #ffffffB8;display: flex;align-items: center;justify-content: center;}
.app-content-page .app-category-panel .category-list a span{text-align: center;font-size: 14px;color: #4D4D4D;position: relative;}
.app-content-page .app-category-panel .category-list a.active{background-color: #ffffff;}
.app-content-page .app-category-panel .category-list a.active span{color: #140402;font-weight: bold;}
.app-content-page .app-category-panel .category-list a.active span::after{content: "";position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);width: 80%;height: 2px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);border-radius: 1px;}

.app-content-page .app-listing{margin-top: 28px;display: flex;flex-wrap: wrap;column-gap: 26px;row-gap: 26px;}
.app-content-page .app-listing .appWrap{width: 382px;flex: 0 0 382px;max-width: 382px;height: 238px;padding: 16px 20px;background-color: #ffffff;border-radius: 10px;display: flex;flex-direction: column;row-gap: 16px;}
.app-content-page .app-listing .appWrap .appName{font-size: 18px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-listing .appWrap .detailWrap{display: flex;align-items: center;column-gap: 20px;}
.app-content-page .app-listing .appWrap .detailWrap .imgWrap{width: 100px;height: 100px;flex: 0 0 100px;max-width: 100px;}
.app-content-page .app-listing .appWrap .detailWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 22px;}
.app-content-page .app-listing .appWrap .detailWrap .detailRight{position: relative;flex: 1;flex-shrink: 0;height: 100px;}
.app-content-page .app-listing .appWrap .detailWrap .detailRight .infoWrap{display: flex;flex-direction: column;row-gap: 10px;height: 100%;justify-content: center;}
.app-content-page .app-listing .appWrap .detailWrap .detailRight .infoWrap p{font-size: 14px;color: #999999;}
.app-content-page .app-listing .appWrap .detailWrap .detailRight .viewBtn{position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 75px;flex: 0 0 75px;max-width: 75px;height: 36px;text-align: center;line-height: 36px;border-radius: 10px;font-size: 14px;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);}
.app-content-page .app-listing .appWrap .appContent{font-size: 14px;color: #999999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}