header nav .logoWrap { width: 198px; flex-shrink: 0; } header nav .logoWrap .logoIcon { display: block; } .featured-carousel { min-width: 0; } .featured-track { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .featured-card { min-width: 0; display: flex; align-items: center; gap: 16px; padding: 22px 16px; min-height: 174px; background: linear-gradient(120deg, #e7f8f1, #f5fbf8); border: 1px solid #dcefe6; border-radius: 14px; color: #15282d; } .featured-card:nth-child(4n + 2) { background: linear-gradient(120deg, #edf3ff, #f7f9ff); border-color: #e0e8f6; } .featured-card:nth-child(4n + 3) { background: linear-gradient(120deg, #fff3e6, #fffbf6); border-color: #f3e7d8; } .featured-card:nth-child(4n + 4) { background: linear-gradient(120deg, #f2effa, #faf8fd); border-color: #eae3f2; } .featured-card > img { flex: 0 0 72px; width: 72px; height: 72px; border-radius: 16px; object-fit: contain; background: #fff; box-shadow: 0 4px 14px #15282d0d; } .featured-info { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .featured-label { font-size: 11px; letter-spacing: 1px; color: #52766a; } .featured-name { font-size: 17px; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; } .featured-meta { max-width: 100%; font-size: 12px; line-height: 1.5; color: #657770; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .featured-action { margin-top: 5px; font-size: 12px; font-weight: 700; color: #137659; } .featured-action > span { padding-left: 4px; } .featured-controls { display: none; } .featured-card:focus-visible { outline: 2px solid #137659; outline-offset: -3px; } @media (min-width: 768px) and (max-width: 1199px) { .featured-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } .featured-card { min-height: 154px; } } @media (max-width: 767px) { html, body { width: 100%; max-width: 100%; } .container { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; } header { height: 64px; max-height: none; } header nav { min-height: 64px; } header nav .logoWrap { width: 172px; max-width: calc(100% - 52px); } header nav .logoWrap .logoIcon { max-height: 42px; object-fit: contain; } header nav .menu-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 0; cursor: pointer; } header nav .menu-toggle span { position: relative; display: block; width: 22px; height: 2px; background: #fff; } header nav .menu-toggle span::before, header nav .menu-toggle span::after { content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: #fff; } header nav .menu-toggle span::before { top: -7px; } header nav .menu-toggle span::after { top: 7px; } header nav .menu-list { display: none !important; position: absolute; flex-direction: column; align-items: stretch; top: 64px; left: 0; right: 0; padding: 6px 12px; background: #15282d; z-index: 99; border-radius: 0 0 8px 8px; box-shadow: 0 6px 12px #0002; } header nav .menu-list.open { display: flex !important; } header nav .menu-list a { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; border-bottom: 1px solid #ffffff20; color: #fff; } header nav .menu-list a.active { color: #40f6bd; } header nav .menu-list a:last-child { border-bottom: 0; } .titleWrap { gap: 8px; } .titleWrap h2 { font-size: 20px; } .titleWrap .moreBtn { flex-shrink: 0; } footer .footer-top .footerWrap, footer .footer-bottom .bottom-menu-list { flex-wrap: wrap; } footer .footer-top .footerWrap .footer-menu-list, footer .footer-bottom .bottom-menu-list { justify-content: center; flex-wrap: wrap; row-gap: 8px; } footer .footer-top .footerWrap .footer-reminder, footer .footer-top .footerWrap .copyright { line-height: 1.7; } .breadcrumb { padding-top: 11px; min-height: 34px; flex-wrap: wrap; row-gap: 4px; } .breadcrumb p, .breadcrumb a, .breadcrumb span { font-size: 12px; } .content-page .category-tabs { margin: 12px 0; padding: 14px 10px; gap: 8px; } .content-page .category-tabs::before { height: calc(100% - 28px); } .content-page .category-tabs a { min-width: 0; flex: 1 0 calc(33.333% - 8px); height: 36px; line-height: 36px; padding: 0 4px; } .content-page .content-list { grid-template-columns: minmax(0, 1fr); row-gap: 10px; padding: 14px 8px; } .content-page .content-list .game-item { min-width: 0; padding: 10px; } .content-page .content-list .game-item .img-block { width: 58px; height: 58px; flex: 0 0 58px; border-radius: 12px; } .content-page .content-list .game-item .game-detail { min-width: 0; } .content-page .content-list .game-item .game-detail h3 { font-size: 15px; } .content-page .content-list .game-item .viewBtn { min-width: 58px; flex: 0 0 58px; } .content-page .pagination, .topics-page-content .pagination { gap: 6px; padding: 18px 8px 28px; flex-wrap: wrap; } .content-page .pagination a, .topics-page-content .pagination a { height: 36px; min-width: 36px; padding: 0 10px; font-size: 13px; } .content-page .pagination a.active, .topics-page-content .pagination a.active { background: #72ecb8; color: #15282d; border-color: #72ecb8; } .apk-page-content { display: block; margin-top: 12px; padding-bottom: 28px; } .apk-page-content .download-panel-left, .apk-page-content .download-panel-right { width: 100%; max-width: 100%; flex: none; min-width: 0; } .apk-page-content .download-panel-right { margin-top: 24px; } .apk-page-content .download-panel-left .download-detail-banner { display: grid; grid-template-columns: 76px minmax(0, 1fr); padding: 14px; gap: 8px 12px; align-items: start; } .apk-page-content .download-panel-left .download-detail-banner .gameIcon { grid-column: 1; grid-row: 1 / 3; width: 76px; height: 76px; border-radius: 18px; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap { display: contents; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap h1 { grid-column: 2; font-size: 20px; line-height: 1.4; margin: 0; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .category-list { grid-column: 2; gap: 6px; margin: 0; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .category-list a { font-size: 12px; height: 22px; line-height: 22px; padding: 0 8px; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap { grid-column: 1 / -1; min-width: 0; flex-wrap: wrap; gap: 4px; margin: 4px 0; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p { font-size: 12px; line-height: 1.5; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p:first-child, .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p:nth-child(2), .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p:last-child { padding-left: 0; padding-right: 8px; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p:nth-child(2)::before, .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap p:nth-child(2)::after { display: none; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .button-list { grid-column: 1 / -1; width: 100%; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .button-list a, .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .button-list button { min-width: 0; width: 100%; height: 44px; padding: 0 14px; font-size: 16px; } .apk-page-content .download-panel-left .scroll-area-wrap .tab-bar { margin: 22px 0; column-gap: 0; justify-content: space-between; overflow-x: auto; white-space: nowrap; } .apk-page-content .download-panel-left .scroll-area-wrap .tab-bar a { flex: 0 0 auto; font-size: 15px; padding: 0 8px 10px; } .apk-page-content .download-panel-left .scroll-area-wrap .tab-bar a.active { font-size: 17px; } .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel, .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .screenshot-slider { max-width: 100%; overflow: hidden; } .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .screenshot-slider .swiper-slide { max-width: calc(100vw - 56px); } .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .screenshot-slider .swiper-slide img { width: auto; max-width: 100%; height: auto; max-height: 360px; margin: 0 auto; } .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .bottomWrap { column-gap: 10px; } .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .swiper-btn-prev, .apk-page-content .download-panel-left .scroll-area-wrap .game-screenshot-panel .swiper-btn-next { width: 36px; height: 36px; flex-basis: 36px; max-width: 36px; } .apk-page-content .download-panel-left .scroll-area-wrap #info h2, .apk-page-content .download-panel-left .scroll-area-wrap #detail .titleWrap h2, .apk-page-content .download-panel-left .scroll-area-wrap #related h2 { font-size: 20px; } .apk-page-content .download-panel-left .scroll-area-wrap #info .content, .apk-page-content .download-panel-left .scroll-area-wrap #info .content p { font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .scroll-area-wrap #info .content video { width: 100%; height: auto; } .apk-page-content .download-panel-left .scroll-area-wrap #info .content img { max-width: 100% !important; height: auto !important; } .apk-page-content .download-panel-left .scroll-area-wrap #info .content table { display: block; max-width: 100%; overflow-x: auto; } .apk-page-content .download-panel-left .scroll-area-wrap #info .content pre { white-space: pre-wrap; overflow-wrap: anywhere; } .scroll-area-wrap .content h3 { height: auto; line-height: 1.5; white-space: normal; font-size: 19px; } .apk-page-content .download-panel-left .scroll-area-wrap #detail .gameDetail-block { grid-template-columns: minmax(0, 1fr); row-gap: 14px; padding: 16px 12px; } .apk-page-content .download-panel-left .scroll-area-wrap #detail .gameDetail-block .blockWrap { min-width: 0; column-gap: 12px; } .apk-page-content .download-panel-left .scroll-area-wrap #detail .gameDetail-block .blockWrap p:last-child { min-width: 0; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap { padding: 10px; flex-wrap: wrap; gap: 8px; } .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap .imgWrap, .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap .dateUpdate, .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap .gameVersion { flex: 1 1 100%; max-width: 100%; } .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap .imgWrap { min-width: 0; } .apk-page-content .download-panel-left .scroll-area-wrap #related .versionList a.versionWrap .viewBtn { margin-left: auto; max-width: none; } .apk-page-content .download-panel-left .scroll-area-wrap .same-category-panel .itemListing, .apk-page-content .download-panel-left .scroll-area-wrap #recommend .item-listing { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; row-gap: 16px; } .apk-page-content .download-panel-left .scroll-area-wrap .same-category-panel .itemListing a, .apk-page-content .download-panel-left .scroll-area-wrap #recommend .item-listing a { min-width: 0; } .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-list { column-gap: 18px; overflow-x: auto; white-space: nowrap; } .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-content .tab-panel.active { display: block; } .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-content .tab-panel .topic-banner-left { display: block; } .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-content .tab-panel .topic-banner-left, .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-content .tab-panel .item-listing { width: 100%; max-width: 100%; flex: none; } .apk-page-content .download-panel-left .scroll-area-wrap .related-topic-panel .topic-tab-content .tab-panel .item-listing { margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a { padding: 12px 0; column-gap: 10px; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a > img { width: 72px; height: 72px; object-fit: contain; flex: 0 0 72px; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a .detailWrap { width: auto; min-width: 0; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a .detailWrap .guideTitle { font-size: 14px; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a .detailWrap .bottomWrap { margin-top: 12px; flex-wrap: wrap; gap: 8px; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a .detailWrap .bottomWrap button { max-width: 100%; height: auto; min-height: 32px; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .scroll-area-wrap #guide .guide-listing a .detailWrap .datePost p { font-size: 12px; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right { padding: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right a { min-width: 0; max-height: none; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right a > img { height: auto; max-height: none; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right a .detailWrap { left: 8px; bottom: 8px; max-width: calc(100% - 16px); } .apk-page-content .download-panel-right .hot-topic-panel .topics-right a .detailWrap .topicTitle { font-size: 13px; max-width: 100%; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right a .detailWrap .dateUpdate { display: none; } .apk-page-content .download-panel-right .hot-games-panel .hot-game-list a { padding: 8px 4px; } .apk-page-content .download-panel-right .hot-games-panel .hot-game-list a > img { width: 56px; height: 56px; border-radius: 12px; } .apk-page-content .download-panel-right .hot-games-panel .hot-game-list a .detailWrap { width: auto; min-width: 0; } .apk-page-content .download-panel-right .hot-games-panel .hot-game-list a .viewBtn { flex-basis: 58px; } .apk-page-content .download-panel-right .hot-tag-panel .tag-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .apk-page-content .download-panel-right .other-dev-app .item-listing { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; padding: 14px 10px 20px; } #imageModal.modal img { max-width: calc(100% - 32px); max-height: calc(100% - 120px); } #imageModal .close { right: 12px; top: 12px; width: 42px; height: 42px; } #imageModal #prevBtn { left: 10px; width: 44px; height: 44px; } #imageModal #nextBtn { right: 10px; width: 44px; height: 44px; } .topics-page-content .topic-banner-listing { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: 12px; margin-top: 12px; } .topics-page-content .topic-banner-listing a, .topics-page-content .topic-banner-listing a:nth-child(1), .topics-page-content .topic-banner-listing a:nth-child(2), .topics-page-content .topic-banner-listing a:nth-child(3), .topics-page-content .topic-banner-listing a:nth-child(4), .topics-page-content .topic-banner-listing a:nth-child(5) { grid-column: auto; grid-row: auto; min-width: 0; max-width: 100%; max-height: none; width: 100%; height: auto; } .topics-page-content .topic-banner-listing a > img, .topics-page-content .topic-banner-listing a:nth-child(1) > img { width: 100%; max-width: 100%; height: auto; max-height: none; aspect-ratio: 16 / 7; object-fit: cover; } .topics-page-content .topic-banner-listing a:nth-child(1) > img { aspect-ratio: 16 / 9; } .topics-page-content .topic-banner-listing a .detailWrap, .topics-page-content .topic-banner-listing a:nth-child(1) .detailWrap { max-width: calc(100% - 24px); } .topics-page-content .topic-banner-listing a .detailWrap .topicTitle, .topics-page-content .topic-banner-listing a:nth-child(1) .detailWrap .topicTitle { max-width: calc(100vw - 80px); font-size: 15px; } .topics-page-content .topic-listing-panel { padding: 18px 10px 0; margin-top: 14px; } .topics-page-content .topic-listing-panel .topics-tab-bar { column-gap: 20px; margin-bottom: 18px; } .topics-page-content .topic-listing-panel .topics-tab-bar > div a { font-size: 16px; padding: 0 8px; } .topics-page-content .topic-listing-panel .topics-item-panel { display: block; padding: 14px 0; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-left { width: 100%; max-width: 100%; flex: none; display: block; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-left .imgWrap { width: 100%; max-width: 100%; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-left .imgWrap img { width: 100%; max-height: none; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-left .topicWrap { padding: 12px; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-left .topicWrap h3 { font-size: 18px; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-right { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 10px; row-gap: 12px; margin-top: 12px; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-right .topic-game-item img { border-radius: 14px; } .topics-page-content .topic-listing-panel .topics-item-panel .topic-right .topic-game-item p.name { font-size: 13px; } .topics-page-content .top-topic-banner { flex-direction: column-reverse; row-gap: 16px; margin-top: 14px; } .topics-page-content .top-topic-banner .banner-left, .topics-page-content .top-topic-banner .banner-right { width: 100%; max-width: 100%; flex: none; } .topics-page-content .top-topic-banner .banner-left h1 { font-size: 23px; line-height: 1.4; } .topics-page-content .top-topic-banner .banner-left p.content { font-size: 15px; line-height: 1.8; margin-bottom: 16px; } .topics-page-content .top-topic-banner .banner-left .category-list:empty { display: none; } .topics-page-content .top-topic-banner .banner-right img { max-height: none; } .topics-page-content .all-game-listing { margin-top: 20px; } .topics-page-content .all-game-listing > h2 { font-size: 20px; } .topics-page-content .game-list-panel { grid-template-columns: minmax(0, 1fr); row-gap: 10px; } .topics-page-content .game-list-panel .game-item { min-width: 0; padding: 10px; } .topics-page-content .game-list-panel .game-item .img-block { width: 58px; height: 58px; flex-basis: 58px; border-radius: 12px; } .topics-page-content .game-list-panel .game-item .game-detail { min-width: 0; } .topics-page-content .game-list-panel .game-item .viewBtn { min-width: 58px; } .topics-page-content .game-list-panel .game-item .img-overlay, .ranking-panel .rankingWrap .ranking-listing .rank-list a .img-overlay { max-width: 100%; object-fit: cover; } .error-page { height: auto; min-height: 65vh; padding: 40px 0; } .error-page .error-page-content img { max-width: 100%; } .error-page .error-page-content p { font-size: 18px; text-align: center; } .hero-banner-section .banner-list .top-banner-section { gap: 12px; } .hero-banner-section .banner-list .top-banner-section a, .hero-banner-section .banner-list .top-banner-section a.active { flex: none; width: 100%; height: 180px; } .featured-track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; border-radius: 14px; } .featured-card { flex: 0 0 100%; min-height: 170px; padding: 20px; gap: 18px; scroll-snap-align: start; scroll-snap-stop: always; } .featured-card > img { flex-basis: 84px; width: 84px; height: 84px; border-radius: 19px; } .featured-name { font-size: 20px; line-height: 1.4; } .featured-info { gap: 6px; } .featured-label { font-size: 11px; } .featured-action { margin-top: 5px; } .featured-carousel.is-enhanced .featured-controls { display: flex; justify-content: center; align-items: center; gap: 12px; height: 36px; } .featured-dots { display: flex; align-items: center; } .featured-dots button { display: flex; align-items: center; justify-content: center; width: 30px; height: 36px; border: 0; padding: 0; background: transparent; cursor: pointer; } .featured-dots button::before { content: ""; width: 6px; height: 6px; background: #ccdcd6; border-radius: 4px; transition: width .2s; } .featured-dots button[aria-current="true"]::before { width: 20px; background: #198766; } .featured-pause { min-height: 36px; border: 0; padding: 0 8px; background: transparent; font-size: 11px; color: #61776d; cursor: pointer; } .featured-pause[hidden] { display: none; } .hero-banner-section .banner-list .bottom-banner-section { gap: 12px; } .hero-banner-section .banner-list .bottom-banner-section .banner-left, .hero-banner-section .banner-list .bottom-banner-section .banner-right { flex: none; width: 100%; } .hot-topic-section .hot-topic-wrapping > div { min-width: 0; width: 100%; } .hot-topic-section .hot-topic-wrapping .hot-topic-tab .top-panel .tab-list { gap: 16px; } .hot-topic-section .hot-topic-wrapping .hot-topic-tab .top-panel .tab-list div { font-size: 18px; } .hot-topic-section .hot-topic-wrapping .daily-recommend-panel .imgWrap > img { max-height: 220px; object-fit: contain; } .game-flex > div { min-width: 0; width: 100%; } .mobile-game-list .titleWrap h2, .topics-panel .titleWrap h2, .guide-panel .titleWrap h2, .ranking-panel .titleWrap h2 { font-size: 22px; } .mobile-game-list .mobile-game-tab-listing { column-gap: 12px; } .mobile-game-list .mobile-game-tab-listing .mobile-game-tabs { width: 84px; flex-basis: 84px; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing { min-width: 0; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing .content { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing .content a { min-width: 0; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing .content a p.name { font-size: 13px; } .hottest-of-week .hottest-game-list a { min-width: 0; } .hottest-of-week .hottest-game-list a .imgWrap { flex-shrink: 0; } .hottest-of-week .hottest-game-list a .detailWrap { min-width: 0; } .hottest-of-week .hottest-game-list a .viewBtn { flex: 0 0 58px; margin-left: auto; } .topics-panel .topics-right { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .topics-panel .topics-right a { min-width: 0; } .topics-panel .topics-right a .detailWrap, .topics-panel .topic-left .detailWrap { left: 8px; right: 8px; max-width: calc(100% - 16px); flex-direction: column; align-items: flex-start; } .topics-panel .topics-right a .detailWrap .topicTitle, .topics-panel .topic-left .detailWrap .topicTitle { max-width: 100%; font-size: 14px; padding: 0; } .topics-panel .topics-right a .detailWrap .dateUpdate, .topics-panel .topic-left .detailWrap .dateUpdate { border: 0; padding: 0; font-size: 11px; } .guide-panel .guideWrap, .ranking-panel .rankingWrap { grid-template-columns: minmax(0, 1fr); gap: 16px; } .guide-panel .guideWrap > div { padding: 12px; } .guide-panel .guideWrap > div a.latest-guide { column-gap: 12px; } .guide-panel .guideWrap > div a.latest-guide > img { width: 90px; max-width: 90px; flex-basis: 90px; } .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap { padding: 10px; } .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .rankNumber { margin-right: 10px; } .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap > img { width: 56px; height: 56px; flex-shrink: 0; } .ranking-panel .rankingWrap .ranking-listing .rank-list a .itemWrap .viewBtn { flex-basis: 58px; } .friendLinks-panel { height: auto; min-height: 95px; } .friendLinks-panel .titleBg { min-height: 95px; } .friendLinks-panel .link-list { padding: 12px 8px; } } @media (min-width: 768px) { header nav .menu-toggle { display: none; } } @media (min-width: 768px) and (max-width: 1199px) { .game-flex { gap: 20px; } .mobile-game-list { flex: 1; min-width: 0; max-width: none; } .hottest-of-week { flex: 0 0 32%; min-width: 0; max-width: 32%; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing { min-width: 0; } .mobile-game-list .mobile-game-tab-listing .tab-content-listing .content { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; } .hottest-of-week .hottest-game-list a .detailWrap { min-width: 0; } .hottest-of-week .hottest-game-list a .imgWrap { flex-shrink: 0; } .hottest-of-week .hottest-game-list a .viewBtn { flex: 0 0 48px; } .hot-topic-section .hot-topic-wrapping { gap: 16px; } .hot-topic-section .hot-topic-wrapping .hot-topic-banner-list, .hot-topic-section .hot-topic-wrapping .hot-topic-tab { flex: 1; min-width: 0; max-width: none; margin-right: 0; } .content-page .content-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .content-page .content-list .game-item { padding: 10px; } .topics-page-content .topic-banner-listing { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr); gap: 12px; } .topics-page-content .topic-banner-listing a, .topics-page-content .topic-banner-listing a:nth-child(1) { min-width: 0; width: 100%; } .topics-page-content .topic-banner-listing a > img { object-fit: cover; } .topics-page-content .topic-banner-listing a .detailWrap { max-width: calc(100% - 24px); } .topics-page-content .topic-banner-listing a .detailWrap .topicTitle { max-width: 100%; } .topics-page-content .game-list-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); } .topics-page-content .game-list-panel .game-item { padding: 10px; } .topics-page-content .game-list-panel .game-item .img-overlay { max-width: 100%; object-fit: cover; } .apk-page-content { display: block; } .apk-page-content .download-panel-left, .apk-page-content .download-panel-right { display: block; width: 100%; max-width: 100%; } .apk-page-content .download-panel-right { margin-top: 24px; } .apk-page-content .download-panel-right .hot-topic-panel .topics-right { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap { min-width: 0; flex: 1; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap h1 { font-size: 26px; overflow-wrap: anywhere; } .apk-page-content .download-panel-left .download-detail-banner .downloadDetailWrap .detailWrap { flex-wrap: wrap; row-gap: 6px; } .apk-page-content .download-panel-left .download-detail-banner .gameIcon { flex: 0 0 144px; width: 144px; height: 144px; } }