.app-content-page .app-category-panel{margin-top: 30px;}
.app-content-page .app-category-panel h1{font-size: 24px;color: #060D1F;margin-bottom: 25px;font-weight: bold;}
.app-content-page .app-category-panel .app-category-list{display: flex;align-items: flex-start;column-gap: 10px;}
.app-content-page .app-category-panel .app-category-list > p{font-size: 14px;color: #060D1F;line-height: 32px;white-space: nowrap;}
.app-content-page .app-category-panel .app-category-list .category-list{display: flex;align-items: center;column-gap: 25px;flex-wrap: wrap;row-gap: 16px;}
.app-content-page .app-category-panel .app-category-list .category-list a{width: 88px;flex: 0 0 88px;max-width: 88px;height: 32px;background-color: #F4F6F8;border-radius: 16px;text-align: center;font-size: 14px;color: #4D4D4D;line-height: 32px;}
.app-content-page .app-category-panel .app-category-list .category-list a.active{background-color: #54C5FF;color: #ffffff;}

.app-content-page .filter-action-wrap{margin-top: 16px;display: flex;align-items: center;column-gap: 10px;}
.app-content-page .filter-action-wrap > p{font-size: 14px;color: #060D1F;line-height: 20px;}
.app-content-page .filter-action-wrap .filter-list{display: flex;align-items: center;column-gap: 30px;}
.app-content-page .filter-action-wrap .filter-list a, .app-content-page .filter-action-wrap .filter-list p{font-size: 14px;color: #060D1F;line-height: 20px;cursor: pointer;}
.app-content-page .filter-action-wrap .filter-list a.active, .app-content-page .filter-action-wrap .filter-list p.active{color: #54C5FF;}

.app-content-page .app-listing-panel{margin-top: 37px;display: flex;flex-direction: column;}
.app-content-page .app-listing-panel .app-listing{display: flex; column-gap: 20px;row-gap: 30px;align-items: center;flex-wrap: wrap;}
.app-content-page .app-listing-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 14px;width: 386px;max-width: 386px;flex: 0 0 386px;}
.app-content-page .app-listing-panel .app-listing .appWrap .imgWrap{width: 88px;height: 88px;flex: 0 0 88px;max-width: 88px;}
.app-content-page .app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 25px;transition: transform .3s ease;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 10px;flex: 1;flex-shrink: 0;overflow: hidden;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap .appName{font-size: 16px;line-height: 24px;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap > p{font-size: 14px;color: #999999;}
.app-content-page .app-listing-panel #load-more-indicator {text-align:center; padding: 20px; width: 100%; min-height: 50px;}
.app-content-page .app-listing-panel #load-more-indicator p{display: none;}
.app-content-page .app-listing-panel #load-more-indicator p.loading-text{color: #999;}
.app-content-page .app-listing-panel #load-more-indicator p.no-more-text{color: #333;}
.app-content-page .app-listing-panel.rec-panel{display: none;}
.app-content-page .app-listing-panel.rec-panel.active{display: flex;}
.app-content-page .app-listing-panel .app-listing .appWrap:hover .detailWrap .appName{color: #54C5FF;font-weight: bold;}
.app-content-page .app-listing-panel .app-listing .appWrap:hover .imgWrap img{transform: scale(1.1);}

.app-content-page .topic-panel{margin-top: 34px;}
.app-content-page .topic-panel .topic-listing {margin-top: 24px;display: flex;flex-direction: column;row-gap: 26px;overflow: hidden;}
.app-content-page .topic-panel .topic-listing .topic-list-row{overflow-x: scroll;display: flex;align-items: center;column-gap: 20px;flex-wrap: nowrap;width: max-content; animation: marquee 20s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row:nth-child(2){animation: marquee 18s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row:nth-child(3){animation: marquee 16s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row::-webkit-scrollbar{height: 0;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap{width: fit-content;height: 40px;display: flex;align-items: center;column-gap: 12px;border-radius: 20px;background-color: #F4F6F8;padding-right: 14px;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap{width: 40px;flex: 0 0 40px;max-width: 40px;height: 40px;border-radius: 50%;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .topicName{font-size: 14px;color: #060D1F;line-height: 1.25;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap:hover{background-color: #54C5FF;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap:hover .topicName{color: #FFFFFF;}
.app-content-page .topic-panel .topic-listing .topic-list-row:hover{ animation-play-state: paused; }

.app-content-page .hot-news-panel{margin-top: 35px;}
.app-content-page .hot-news-panel .news-listing{margin-top: 16px;display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 24px;row-gap: 26px;}
.app-content-page .hot-news-panel .news-listing .newsWrap{display: flex;flex-direction: column;overflow: hidden;}
.app-content-page .hot-news-panel .news-listing .newsWrap .bannerWrap{width: 100%;height: 130px;border-radius: 10px;position: relative;overflow: hidden;margin-bottom: 12px;}
.app-content-page .hot-news-panel .news-listing .newsWrap .bannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;transition: transform .3s ease;}
.app-content-page .hot-news-panel .news-listing .newsWrap .bannerWrap .amountWrap{position: absolute;bottom: 0;right: 0;width: fit-content;height: 22px;border-radius: 10px 0 10px 0;background-color: #00000080;line-height: 22px;padding: 0 7px 0 28px;font-size: 12px;color: #ffffff;}
.app-content-page .hot-news-panel .news-listing .newsWrap .bannerWrap .amountWrap::before{content: "";position: absolute;left: 8px;top: 50%;transform: translateY(-50%);width: 15px;height: 9px;background-image: url(../images/viewIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-content-page .hot-news-panel .news-listing .newsWrap .newsTitle{font-size: 14px;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-bottom: 5px;}
.app-content-page .hot-news-panel .news-listing .newsWrap .infoWrap{display: flex;align-items: center;justify-content: space-between;}
.app-content-page .hot-news-panel .news-listing .newsWrap .infoWrap p{font-size: 14px;color: #999999;line-height: 20px;}
.app-content-page .hot-news-panel .news-listing .newsWrap:hover .bannerWrap > img{transform: scale(1.1);}