body {overflow-x: hidden;margin: 0;scroll-behavior: smooth;font-size: 2.13vw;background: #ffffff; font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #02010a;}
html { scrollbar-width: none; -ms-overflow-style: none;scroll-behavior: smooth;font-size: 2.13vw;border-radius: 0;border: none;}

* { box-sizing: border-box; }

.container{width: 100%;margin: 0 auto;padding: 0 1.5rem;position: relative;}
a {text-decoration: none;}
p, h1, h2, h3, h4{margin: 0;}

ul, li{padding: 0;margin: 0;}
li{list-style: none;}

.hidden{display: none!important;}
.tab-content{display: none;}
.tab-content.active{display: block;}

.titleWrap{display: flex;align-items: center;justify-content: space-between;}
.titleWrap h2, .titleWrap span{position: relative; padding-left: 1.25rem; font-size: 2rem; font-weight: bold; color: #02010a; line-height: 2.25rem;}
.titleWrap h2::before, .titleWrap span::before{content: "";position: absolute;top: 50%;transform: translateY(-50%) skewX(-15deg);left: 0;width: 0.375rem;height: 2rem;background: #3071f2;}
.titleWrap .more-btn{font-size: 1.25rem;color: #3071f2;position: relative;padding-right: 1.5rem;}
.titleWrap .more-btn::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 0.75rem;height: 1rem;background-image: url(../images/more-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.titleWrap .fr{display: flex;align-items: center;column-gap: 0.875rem;}
.titleWrap .tab-buttons { display: flex; align-items: center; }
.titleWrap .tab-buttons li { cursor: pointer; font-size: 1.5rem; color: #999; padding: 0 1.25rem; position: relative; }
.titleWrap .tab-buttons li::before,
.titleWrap .tab-buttons li::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(18deg); width: 1px; height: 1.5rem; background: #999; }
.titleWrap .tab-buttons li::before { left: 0; }
.titleWrap .tab-buttons li::after { right: 0; }
.titleWrap .tab-buttons li:not(:first-child)::before { opacity: 0; }
.titleWrap .tab-buttons li.active { color: #3071f2; font-weight: bold;}
.titleWrap .tab-buttons li.active::after { background: #3071f2; }
.titleWrap .tab-buttons li:has(+ li.active)::after { background: #3071f2; }
.titleWrap .tab-buttons li.active:not(:first-child)::before { opacity: 0; }
.titleWrap .tab-buttons li.active:first-child::before { opacity: 1; background: #3071f2; }
.titleWrap .tab-buttons li.active + li::before { opacity: 0; }

header .headerTop {background: #ffffff;}
header .headerTop .headerWrap{height: 5.938rem;display: flex;align-items: center;column-gap: 0.75rem;justify-content: space-between;}
header .headerTop .headerWrap .logoWrap{height: 4.625rem;overflow: hidden;}
header .headerTop .headerWrap .logoWrap img{width: auto;height: 100%;object-fit: contain;object-position: center;}
header .headerTop .headerWrap .rightWrap{display: flex;align-items: center;column-gap: 1.25rem;}
header .headerTop .headerWrap .rightWrap .search-bar{width: 21.375rem;height: 3.938rem;border: 1px solid #3071f2;background: transparent;border-radius: 2rem 0 2rem 2rem;box-sizing: border-box;}
header .headerTop .headerWrap .rightWrap .search-bar form{width: 100%;height: 100%;display: flex;align-items: center;column-gap: 0.5rem;padding: 0 1.625rem;box-sizing: border-box;}
header .headerTop .headerWrap .rightWrap .search-bar input{border: none;outline: none;flex: 1;background: transparent;height: 3.5rem;font-size: 1.5rem;color: #02010a;width: 16rem;}
header .headerTop .headerWrap .rightWrap .search-bar input::placeholder{color: #bababa;}
header .headerTop .headerWrap .rightWrap .search-bar .search-btn{width: 2.188rem;height: 2.188rem;padding: 0;border: none;background-color: transparent;background-image: url(../images/search-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;flex-shrink: 0;margin-top: -0.5rem;cursor: pointer;}
header .headerTop .headerWrap .rightWrap .menu-btn{width: 2.813rem;height: 2.125rem;background-image: url(../images/menu-btn.webp);background-position: center;background-repeat: no-repeat;background-size: contain;flex-shrink: 0;}
header nav{background: linear-gradient( 90deg, rgb(91,111,255) 0%, rgb(51,161,255) 100%);position: relative;}
header nav .navbar{height: 5.938rem;display: flex;align-items: center;column-gap: 3rem;padding: 0 1.75rem;flex-wrap: nowrap;overflow-x: scroll;position: relative;}
header nav .navbar::-webkit-scrollbar{height: 0;}
header nav::after{content: ""; position: absolute; top: 0; right: 0; width: 3rem; height: 100%; pointer-events: none; background: linear-gradient( to right, rgba(74, 130, 245, 0) 0%, rgba(74, 130, 245, 0.45) 50%, rgba(74, 130, 245, 0.9) 100% );}
header nav .navbar a{font-size: 2rem;color: #ffffff;padding: 0 0.313rem;height: 5.938rem;line-height: 5.938rem;position: relative;white-space: nowrap;flex-shrink: 0;}
header nav .navbar a.active{font-weight: bold;}
header nav .navbar a.active::after{content: "";position: absolute;bottom: 1px;left: 0;width: 100%;height: 4px;background: #ffffff;}
header .menu-dropdown{position: absolute;top: 5.938rem;z-index: 999;height: 100vh;width: 100%;max-height: 0;overflow-y: scroll;transition: max-height .3s ease;border-top: 1px solid #e9e9e9;}
header .menu-dropdown::-webkit-scrollbar{width: 0;}
header .menu-dropdown .overlay{width: 100%;height: 100%;background-color: #000000A6;position: absolute;z-index: -1;}
header .menu-dropdown .dropdown-wrap{width: 100%;height: auto;background-color: #f5f6f8;padding: 1.25rem 1.5rem 4.125rem;box-sizing: border-box;display: flex;flex-direction: column;row-gap: 1.875rem; }
header .menu-dropdown.open{max-height: 100vh;padding-bottom: 4rem;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap{background: #ffffff;padding: 1.875rem;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 1.25rem;row-gap: 1.5rem;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a{overflow: hidden;display: flex;flex-direction: column;align-items: center;row-gap: 0.875rem;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i{width: 5rem;height: 5rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.home{background-image: url(../images/dropdown-home.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.game{background-image: url(../images/dropdown-game.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.app{background-image: url(../images/dropdown-app.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.news{background-image: url(../images/dropdown-news.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.topic{background-image: url(../images/dropdown-topic.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.rank{background-image: url(../images/dropdown-top.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a i.update{background-image: url(../images/dropdown-update.webp);}
header .menu-dropdown .dropdown-wrap .dropdown-nav-wrap a span{text-align: center;font-size: 1.5rem;color: #666666;}
header .menu-dropdown .dropdown-wrap .dropdown-category-wrap{display: flex;flex-direction: column;row-gap: 1.875rem;}
header .menu-dropdown .dropdown-wrap .dropdown-category-wrap .category-list{display: grid;grid-template-columns: repeat(4,1fr);column-gap: 1.5rem;row-gap: 1.375rem;}
header .menu-dropdown .dropdown-wrap .dropdown-category-wrap .category-list a{overflow: hidden;height: 3.375rem;background: #ffffff;border-radius: 0.625rem;text-align: center;line-height: 3.375rem;font-size: 1.5rem;color: #333333;}

footer .footerWrap{background: #02010a;padding: 2.5rem 0;}
footer .footerWrap .container{display: flex;flex-direction: column;}
footer .footerWrap p{text-align: center;font-size: 1.375rem;color: #ffffff80;line-height: 2.25rem;}

.contentWrap{margin-top: 1.25rem;}
.separator{position: relative;transform: rotate(18deg); width: 1px; height: 1.25rem;background: #bababa;}

.breadcrumb{display: flex;align-items: center;column-gap: 0.75rem;overflow: hidden;position: relative;padding-left: 1.875rem;margin-bottom: 1.5rem;}
.breadcrumb::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 1.25rem;height: 1.375rem;background-image: url(../images/pin-icon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.breadcrumb a, .breadcrumb span, .breadcrumb p{font-size: 1.375rem;color: #999999;flex-shrink: 0;}
.breadcrumb p{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.breadcrumb i{display: block;width: 5px;height: 1px;background: #999999;}

.app-column-listing{margin-top: 1.25rem;display: grid;grid-template-columns: repeat(4,1fr);column-gap: 1.5rem;row-gap: 1.75rem;}
.app-column-listing .appWrap{overflow: hidden;display: flex;flex-direction: column;}
.app-column-listing .appWrap .imgWrap{margin: 0 auto 0.75rem;width: 8rem;height: 8rem;overflow: hidden;}
.app-column-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-column-listing .appWrap .appName{text-align: center;font-size: 1.5rem;color: #02010a;overflow: hidden;height: 2rem;margin-bottom: 1rem;}
.app-column-listing .appWrap .viewBtn{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%);margin: 0 auto;}

.app-slide-listing{display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 3.625rem; row-gap: 2rem;overflow-x: scroll;margin-top: 1.5rem;}
.app-slide-listing::-webkit-scrollbar{height: 0;}
.app-slide-listing .appWrap{display: flex;align-items: center;column-gap: 1.25rem;overflow: hidden;min-width: 0;width: 36rem;}
.app-slide-listing .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;overflow: hidden;flex-shrink: 0;}
.app-slide-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.625rem;overflow: hidden;}
.app-slide-listing .appWrap .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;min-width: 0;}
.app-slide-listing .appWrap .infoWrap .appName{font-size: 1.75rem;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-slide-listing .appWrap .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 0.5rem;font-size: 1.375rem;color: #bababa;}
.app-slide-listing .appWrap .infoWrap > span{font-size: 1.375rem;color: #bababa;}
.app-slide-listing .appWrap .viewBtn{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%);flex-shrink: 0;}

.app-row-listing{display: flex;flex-direction: column;row-gap: 0.625rem;}
.app-row-listing .appWrap{display: flex;align-items: center;column-gap: 1.5rem;overflow: hidden;padding: 1.25rem 1.5rem;position: relative;margin: 0 -1.5rem;}
.app-row-listing .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;overflow: hidden;flex-shrink: 0;}
.app-row-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.625rem;overflow: hidden;}
.app-row-listing .appWrap .infoWrap{flex: 1;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.app-row-listing .appWrap .infoWrap .appName{font-size: 1.75rem;color: #02010a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-row-listing .appWrap .infoWrap .detailWrap{display: flex;align-items: center;column-gap: 0.5rem;font-size: 1.375rem;color: #bababa;}
.app-row-listing .appWrap .infoWrap > span{font-size: 1.375rem;color: #bababa;}
.app-row-listing .appWrap .viewBtn{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%);flex-shrink: 0;}
.app-row-listing .appWrap:nth-child(odd){background: #f5f6f8;}

.category-panel{padding: 1.875rem 1.5rem;position: relative;display: grid;grid-template-columns: repeat(3,1fr);column-gap: 1.375rem;row-gap: 1.25rem;background: #e8f4ff;margin-bottom: 1.875rem;}
.category-panel a{overflow: hidden;width: 100%;height: 3.875rem;text-align: center;line-height: 3.875rem;background: #ffffff;border-radius: 0.625rem;font-size: 1.875rem;color: #666666;}
.category-panel a.active{background: #3071f2;color: #ffffff;font-weight: bold;}
.category-panel::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%); }
.category-panel.app a.active{background: #16bff6;}
.category-panel a.category-hidden { display: none; }
.category-panel.expanded a.category-hidden { display: block; }
.category-panel a.category-toggle{color: #3071f2;}
.category-panel.app a.category-toggle{color: #16bff6;}
.category-panel.expanded a.category-toggle{color: #cccccc;}

.pagination{margin-top: 1.875rem;margin-bottom: 3.125rem;display: flex;align-items: center;justify-content: center;column-gap: 1.75rem;}
.pagination a{width: fit-content;height: 3.625rem;line-height: 3.625rem;padding: 0 1.125rem;min-width: 3.625rem;text-align: center;background: #f4f7f4;border-radius: 0.5rem;font-size: 1.625rem;color: #333333;position: relative;}
.pagination a.page-number.active{background: #3071f2;color: #ffffff;}
.pagination a.prev-page::after{content: "";position: absolute;top: 50%;left: 55%;transform: translate(-50%, -50%) rotate(45deg);width: 0.875rem; height: 0.875rem; border-left: 2px solid #333; border-bottom: 2px solid #333; }
.pagination a.next-page::after{content: "";position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%) rotate(45deg);width: 0.875rem; height: 0.875rem; border-right: 2px solid #333; border-top: 2px solid #333; }

#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #393939D9; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: auto; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {max-width: 70%;max-height: 60%;object-fit: contain;height: auto;width: auto;border-radius: 0.625rem;}
#imageModal .close{cursor: pointer;font-size: 3rem;color: #ffffff;z-index: 1;font-weight: bold;}
#imageModal .modalHeader {position: absolute; top: 4rem; right:4rem; z-index: 10;}
#imageModal .pageNumber{margin-top: 2rem;height: 4rem;line-height: 4rem;text-align: center;padding: 0 1.25rem;border: 1px solid #ffffff;border-radius: 2.813rem;font-size: 1.75rem;color: #FFFFFF;width: fit-content;margin:2rem auto 0;}
#imageModal .modal-swiper-prev, #imageModal .modal-swiper-next{position: absolute;top: 47%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;background-color: #ffffff;cursor: pointer;width: 4rem;height: 4rem;border: none;border-radius: 50%;z-index: 99;padding: 0;text-align: center;box-sizing: border-box;}
#imageModal .modal-swiper-prev i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(-135deg); margin-right: -0.315rem;}
#imageModal .modal-swiper-next i{width: 0.875rem; height: 0.875rem; border-top: 2px solid #000000; border-right: 2px solid #000000; transform: rotate(45deg); margin-left: -0.315rem;}
#imageModal .swiper-button-disabled i{opacity: 0.4;}
#imageModal .modal-swiper-prev{left: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal .modal-swiper-next{right: max(calc(50% - 21.563rem), 1.5rem);}
#imageModal::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: min(43.125rem, 100%); inset: 0; pointer-events: none; }
#imageModal .swiper-wrapper{align-items: center;}

.rating-review-panel{margin-top: 2rem;}
.rating-review-panel .comment-type-tab{overflow-x: scroll;display: flex;align-items: center;column-gap: 0.875rem;margin-top: 2rem;}
.rating-review-panel .comment-type-tab::-webkit-scrollbar{height: 0;}
.rating-review-panel .comment-type-tab a{background-color: #f8f8fa;border-radius: 2rem;min-width: 6.625rem;padding: 0.875rem 1.25rem;font-size: 1.625rem;color: #999999;text-align: center;white-space: nowrap;flex-shrink: 0;border: 1px solid #ffffff;box-sizing: border-box;}
.rating-review-panel .comment-type-tab a.active{color: #ffffff;background: linear-gradient( 90deg, rgb(91,111,255) 0%, rgb(51,161,255) 100%);border: none;}
.rating-review-panel .ratingWrap{margin-top:1.75rem;display: flex;align-items: center;justify-content: space-between;padding-left: 1.75rem;}
.rating-review-panel .ratingWrap .ratingScore{display: flex;flex-direction: column;text-align: center;width: 10.375rem;}
.rating-review-panel .ratingWrap .ratingScore p{text-align: center;font-size: 5.125rem;color: #28282c;}
.rating-review-panel .ratingWrap .ratingScore span{text-align: center;font-size: 1.5rem;color: #999999;}
.rating-review-panel .ratingWrap .ratingBarWrap{display: flex;flex-direction: column;row-gap: 0.63rem;align-items: flex-end;}
.rating-review-panel .ratingWrap .ratingBarWrap .barWrap{display: flex;align-items: center;column-gap: 0.875rem;}
.rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateStars{display: flex;align-items: center;column-gap: 0.25rem;}
.rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateStars img{width: 1.125rem;height: 1.125rem;object-fit: cover;}
.rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateBar {width: 16.5rem;height: 0.5rem;border-radius: 0.25rem;background-color: #dfdfdf;}
.rating-review-panel .ratingWrap .ratingBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 0.25rem;background: #b5b5b5;width: 0%;}
.rating-review-panel .post-comment-panel{margin-top: 2.5rem;height: 14.25rem;border-radius: 0.625rem;border: 1px solid #cae7ff;display: flex;align-items: center;justify-content: center;flex-direction: column;row-gap: 1.25rem;}
.rating-review-panel .post-comment-panel .topWrap{display: flex;align-items: center;column-gap: 0.875rem;}
.rating-review-panel .post-comment-panel .topWrap img{width: 3.625rem;height: 3.625rem;flex: 0 0 3.625rem;max-width: 3.625rem;object-fit: cover;}
.rating-review-panel .post-comment-panel .topWrap p{font-size: 1.5rem;color: #999999;}
.rating-review-panel .post-comment-panel .comment-star-wrap{display: flex;align-items: center;column-gap: 1.5rem;}
.rating-review-panel .post-comment-panel .comment-star-wrap img{width: 2.375rem;height: 2.375rem;object-fit: contain;}

.comment-list-panel{margin-top: 2rem;display: flex;flex-direction: column;padding-bottom: 3.125rem;}
.comment-list-panel .titleWrap .comment-tab{display: flex;align-items: center;column-gap: 2rem;margin-left: auto;}
.comment-list-panel .titleWrap .comment-tab a{font-size: 1.5rem;color: #666666;position: relative;}
.comment-list-panel .titleWrap .comment-tab a.active{color: #3071f2; }
.comment-list-panel .titleWrap .comment-tab a::after{content: "";position: absolute;right: -1rem;top: 50%;transform: translateY(-50%);width: 1px;height: 75%;background-color: #BC9D88;}
.comment-list-panel .titleWrap .comment-tab a:last-child::after{display: none;}
.comment-list-panel .comment-listing{display: flex;flex-direction: column;margin-top: 0.125rem;}
.comment-list-panel .comment-listing .commentWrap{display: flex;flex-direction: column;overflow: hidden;padding: 2.125rem 0;border-bottom: 1px solid #ebebeb;padding-bottom: 2rem;row-gap: 1.25rem;}
.comment-list-panel .comment-listing .commentWrap:last-child{border-bottom: none;}
.comment-list-panel .comment-listing .commentWrap .topWrap{display: flex;column-gap: 1.875rem;}
.comment-list-panel .comment-listing .commentWrap .topWrap > img{width: 4.625rem;height: 4.625rem;flex: 0 0 4.625rem;max-width: 4.625rem;object-fit: cover;border-radius: 50%;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap{overflow: hidden;display: flex;flex-direction: column;height: 4.625rem;justify-content: space-between;max-width: 20rem;overflow: hidden;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap > p{font-size: 1.75rem;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .rating-score{display: none;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars{display: flex;align-items: center;column-gap: 0.125rem;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div{width: 1.5rem;height: 1.5rem;background-size: cover;background-image: url(../images/star-empty.webp);background-repeat: no-repeat;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div.star{background-image: url(../images/star-fill.webp);background-repeat: no-repeat;}
.comment-list-panel .comment-listing .commentWrap .topWrap .nameWrap .ratingReviewWrap .stars div.star-half{background-image: url(../images/star-half.webp);background-repeat: no-repeat;}
.comment-list-panel .comment-listing .commentWrap .topWrap .datePost{height: 4.625rem;margin-left: auto;margin-top: auto;font-size: 1.5rem;color: #999999;display: flex ; align-items: flex-end;}
.comment-list-panel .comment-listing .commentWrap .comment-content{font-size: 1.5rem;color: #333333;line-height: 2.625rem;}
.comment-list-panel .comment-listing .commentWrap .device-from{font-size: 1.25rem;color: #CCCCCC;}
.comment-list-panel .comment-listing .commentWrap.haveReply{display: flex;flex-direction: column;row-gap: 1.5rem;}
.comment-list-panel .comment-listing .commentWrap.haveReply p{font-size: 1.5rem;color: #333333;}
.comment-list-panel .comment-listing .commentWrap.haveReply p span{font-weight: bold;}
.comment-list-panel .comment-listing .commentWrap.haveReply .showAllReply{font-size: 1.25rem;color: #3071f2;}
.comment-list-panel .showMoreComment{margin-top: 0.875rem;height: 4.125rem;width: 100%;line-height: 4.125rem;text-align: center;background-color: #f5f6f8;border-radius: 0.25rem;}
.comment-list-panel .showMoreComment span{font-size: 1.625rem;color: #999999;}

/* 返回顶部按钮 */
.backTop {
    position: fixed;
    right: 2vw;
    bottom: 10vw;
    width: 8vw;
    height: 8vw;
    max-width: 48px;
    max-height: 48px;
    min-width: 36px;
    min-height: 36px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    cursor: pointer;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.8;
}
.backTop::after {
    content: "";
    width: 2vw;
    height: 2vw;
    max-width: 12px;
    max-height: 12px;
    min-width: 8px;
    min-height: 8px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(-45deg);
    margin-top: 0.5vw;
}

/* 搜索结果页 */
main#content{padding: 1.75rem 0 3rem;min-height: 30rem;}
main#content .page-header{margin-bottom: 1.5rem;padding-bottom: 1.25rem;border-bottom: 1px solid #eef0f5;}
main#content .page-header h3{font-size: 1.875rem;font-weight: bold;color: #02010a;margin-bottom: 1.25rem;}
main#content .page-header form{display: flex;align-items: center;column-gap: 0.75rem;}
main#content .page-header .search-field{flex: 1;min-width: 0;height: 3.5rem;border: 1px solid #dcdfe6;border-radius: 1.75rem;padding: 0 1.5rem;font-size: 1.5rem;outline: none;color: #02010a;background: #ffffff;}
main#content .page-header .search-field::placeholder{color: #bababa;}
main#content .page-header .search-field:focus{border-color: #3071f2;}
main#content .page-header .search-btn{width: 3.5rem;height: 3.5rem;flex-shrink: 0;padding: 0;border: none;border-radius: 1.75rem;cursor: pointer;background-color: #5b6fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 4a6 6 0 1 0 3.39 10.9l4.36 4.36 1.41-1.42-4.35-4.35A6 6 0 0 0 10 4zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E"), linear-gradient(90deg, #33a1ff 0%, #5b6fff 100%);background-position: center, center;background-repeat: no-repeat, no-repeat;background-size: 1.6rem, 100%;}

main#content .grid{display: flex;flex-direction: column;row-gap: 1.25rem;}
main#content .grid .itm{background: #ffffff;border: 1px solid #eef0f5;border-radius: 0.75rem;padding: 1.25rem;display: flex;align-items: center;column-gap: 1.25rem;}
main#content .grid .itm .icon{width: 4.5rem;height: 4.5rem;object-fit: cover;border-radius: 1rem;flex-shrink: 0;}
main#content .grid .itm .capt{flex: 1;min-width: 0;overflow: hidden;display: flex;flex-direction: column;row-gap: 0.375rem;}
main#content .grid .itm .capt .h a{font-size: 1.625rem;color: #02010a;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
main#content .grid .itm .capt .h a b{color: #e74c3c;font-weight: bold;}
main#content .grid .itm .capt p{font-size: 1.25rem;color: #808080;line-height: 1.75rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

main#content .captcha-container{text-align: center;padding: 3rem 1.5rem;background: #ffffff;border: 1px solid #eef0f5;border-radius: 0.75rem;}
main#content .captcha-container h4{font-size: 1.625rem;color: #02010a;margin-bottom: 1.25rem;}

main#content .no-results{text-align: center;padding: 4rem 1.5rem;background: #ffffff;border: 1px dashed #dcdfe6;border-radius: 0.75rem;}
main#content .no-results p{font-size: 1.375rem;color: #808080;margin-bottom: 0.5rem;}
main#content .no-results p:first-child{font-size: 1.625rem;color: #02010a;font-weight: bold;}

main#content .rate-limit{padding: 4rem 1.5rem;border: 1px solid #eef0f5;border-radius: 0.75rem;background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);text-align: center;}
main#content .rate-limit .rate-icon{width: 5.5rem;height: 5.5rem;margin: 0 auto 1.5rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%233071f2' d='M12 22h34v14a14 14 0 0 1-14 14H26A14 14 0 0 1 12 36V22z' opacity='.12'/%3E%3Cpath fill='none' stroke='%233071f2' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M12 24h34v12a13 13 0 0 1-13 13H25a13 13 0 0 1-13-13V24z'/%3E%3Cpath fill='none' stroke='%2333a1ff' stroke-width='3.2' stroke-linecap='round' d='M46 27h3.5a6.5 6.5 0 0 1 0 13H46'/%3E%3Cpath fill='none' stroke='%2333a1ff' stroke-width='3' stroke-linecap='round' d='M24 12c0 3-3 3-3 6M32 11c0 3-3 3-3 6M40 12c0 3-3 3-3 6'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: contain;}
main#content .rate-limit p:first-of-type{font-size: 1.75rem;color: #3071f2;font-weight: bold;margin: 0;}
main#content .rate-limit p{color: #808080;font-size: 1.375rem;}