/* Source: /layout-base.css */
/* Domain-specific layout. No viewport-based device switching. */
* { box-sizing: border-box; }
html, body { min-width: 0px; min-height: 0px; width: 100%; overflow-x: visible; }
body { background-size: max(1200px, 100%) auto; }
img { max-width: 100%; object-fit: cover; }
a:focus-visible, [tabindex]:focus-visible, button:focus-visible { outline: rgb(255, 173, 50) solid 3px; outline-offset: 3px; }
.w1200, .hdTop > div, .Hot, .Rec, .hotTab, .hotTopic, .index_Rank { width: calc(100% - 40px); max-width: 1200px; margin-inline: auto; }
.Hot, .Rec, .hotTab, .index_Rank { padding-inline: 20px; }
.Hot_tab .tab_cont .sub_box { width: 100%; padding: 0px; display: grid; grid-template-columns: repeat(9, minmax(0px, 1fr)); gap: 22px; }
.Hot_tab .tab_cont .sub_box.hide, .hotTab .sub_box.hide, .isuBox.hide { display: none; }
.Hot_tab .tab_cont .sub_box a { width: auto; float: none; margin: 0px; min-width: 0px; }
.Hot_tab .tab_cont .sub_box a img { width: 100%; max-width: 100px; height: auto; aspect-ratio: 1 / 1; }
.Hot_tab .tab_cont .sub_box a p { overflow: hidden; text-overflow: ellipsis; }
.Hot_tab .tab_menu { padding: 0px; }
.Hot ul { width: 100%; }
.Hot_tab > ul, .Hot_tab > ul li { scrollbar-width: none; }
.Hot_tab > ul::-webkit-scrollbar, .Hot_tab > ul li::-webkit-scrollbar { display: none; }
.Hot ul li { overflow: auto; }
.Rec { display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 1fr) minmax(150px, 0.45fr); gap: 24px; max-height: none; }
.RecL, .RecM, .RecR { float: none; width: auto; min-width: 0px; margin: 0px; }
.RecL .slider { width: 100%; height: auto; aspect-ratio: 516 / 292; }
.RecL .slider ul { width: 100%; height: 100%; position: relative; }
.RecL .slider ul li { width: 100%; height: 100%; position: absolute; inset: 0px; float: none; opacity: 0; visibility: hidden; transition: opacity 0.3s; }
.RecL .slider ul li.active { opacity: 1; visibility: visible; }
.RecL .slider li img { width: 100%; height: 100%; object-fit: cover; }
.RecL .slider li a { display: block; height: 100%; }
.RecL .slider li p { width: 100%; height: 64px; text-overflow: ellipsis; }
.RecL .slider .dot button { border: 0px; width: 12px; height: 12px; border-radius: 20px; margin: 4px; background: rgba(255, 255, 255, 0.5); cursor: pointer; padding: 0px; }
.RecL .slider .dot button.current { width: 32px; background: white; }
.RecL .boxT { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.RecL .boxT a, .RecL .boxT a div { width: 100%; height: auto; margin: 0px; float: none; }
.RecL .boxT a img { width: 100%; height: auto; aspect-ratio: 246 / 117; }
.RecL .boxC a { width: 100%; height: 72px; display: flex; }
.RecL .boxC a div { width: auto; min-width: 0px; flex: 1 1 0%; }
.RecL .boxC p { width: 100%; }
.RecM .itabMenu { position: static; display: flex; justify-content: flex-end; flex-wrap: wrap; height: auto; }
.RecM .itabMenu > span { line-height: 44px; }
.RecM .itabCont > ul:not(.hide) { display: block; }
.RecM .itabCont ul li { display: flex; align-items: center; gap: 4px; white-space: nowrap; padding-left: 0px; }
.RecM .itabCont ul li > a { flex: 1 1 0%; min-width: 0px; width: auto; float: none; font-size: 14px; }
.RecM .itabCont ul li > i { flex-shrink: 0; margin-inline: 4px; }
.RecM .itabCont ul li > span { float: none; flex-shrink: 0; }
.RecM .itabCont ul li:first-child > a { width: 100%; text-align: center; }
.RecR .cont a img { width: 100%; height: auto; aspect-ratio: 180 / 75; }
.RecR .list a { display: flex; align-items: center; width: 100%; height: auto; min-height: 76px; float: none; }
.RecR .list img { position: static; flex-shrink: 0; width: 48px; height: 48px; margin-right: 8px; }
.RecR .list a div { flex: 1 1 0%; min-width: 0px; }
.RecR .list a p { width: 100%; text-overflow: ellipsis; }
.hotTab .tabBox { display: grid; grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); gap: 24px; align-items: start; }
.hotTab .tabBox .tab_menu { grid-area: 1 / 2; float: none; width: 100%; margin: 0px; }
.hotTab .tabBox .hidden_box { height: auto; overflow: visible; }
.hotTab .tabBox .hidden_box ul { position: static; width: 100%; float: none; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.hotTab .tabBox .hidden_box ul li { width: auto; float: none; margin: 0px; height: 44px; line-height: 44px; font-size: 13px; border-radius: 4px; }
.hotTab .tab_cont { grid-area: 1 / 1 / span 2; float: none; width: 100%; height: auto; }
.hotTab .tab_cont ul { width: 100%; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 16px; }
.hotTab .tab_cont ul li { width: auto; min-width: 0px; float: none; margin: 0px; padding-bottom: 0px; }
.hotTab .tab_cont li a img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
.hotTab .tab_cont li a p { text-overflow: ellipsis; }
.hotTab .tab_cont li a:hover p { display: block; }
.hotTab .tab_cont li a:hover span { display: none; }
.hotTab .hotRec { position: static; width: 100%; grid-area: 2 / 2; }
.hotTab .hotRec .cont { display: flex; height: auto; min-height: 154px; margin-top: 12px; }
.hotTab .hotRec .cont > div { flex: 0 0 32px; height: auto; padding: 24px 0px; font-size: 16px; }
.hotTab .hotRec .cont a { display: flex; align-items: center; flex: 1 1 0%; min-width: 0px; width: auto; height: auto; padding: 14px 12px; gap: 12px; }
.hotTab .hotRec .cont a img { width: 80px; height: 80px; float: none; flex-shrink: 0; margin: 0px; }
.hotTab .hotRec .cont a > div { width: auto; min-width: 0px; flex: 1 1 0%; }
.hotTab .hotRec .cont a > div p:first-child { font-size: 16px; text-overflow: ellipsis; }
.itopic { height: auto; padding-bottom: 14px; }
.hotTopic { padding-inline: 20px; }
.carousel { height: auto; overflow: visible; }
.carousel .caroList { display: flex; position: static; width: 100%; overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; gap: 16px; scroll-behavior: smooth; }
.carousel .caroList > div { display: contents; }
.carousel .caroList div ul { display: contents; }
.hotTopic li { float: none; flex: 0 0 calc(25% - 12px); margin: 0px; scroll-snap-align: start; min-width: 0px; }
.hotTopic li a { width: 100%; }
.hotTopic li a img { width: 100%; }
.hotTopic li a p { display: none; }
.carousel .caroArrow { position: relative; height: 56px; line-height: 56px; width: 160px; }
.carousel .caroArrow div:nth-of-type(2) span { top: 10px; width: 40px; height: 40px; line-height: 40px; }
.index_Rank .cont { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; }
.index_Rank .cont .irList { width: 100%; float: none; margin: 0px; min-width: 0px; }
.index_Rank .cont .irList > div { height: 100px; padding: 9px 0px; }
.index_Rank .cont .irList > div i { margin-right: 16px; }
.index_Rank .cont .irList > div span { font-size: 22px; }
.index_Rank .cont .irList ul li, .index_Rank .cont .irList ul li.on { height: auto; padding: 0px; }
.index_Rank .cont .irList ul li a, .index_Rank .cont .irList ul li.on a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; height: 64px; }
.index_Rank .cont .irList ul li a > i, .index_Rank .cont .irList ul li.on a > i { float: none; flex-shrink: 0; margin: 0px !important; }
.index_Rank .cont .irList ul li a > p, .index_Rank .cont .irList ul li.on a > p { width: auto; float: none; flex: 1 1 0%; min-width: 0px; margin: 0px; height: auto; line-height: 24px; }
.index_Rank .cont .irList ul li.on a img { width: 44px; height: 44px; margin: 0px; border-radius: 10px; }
.index_Rank .cont .irList ul li.on a > span { display: none; }
footer div:nth-of-type(1) { height: auto; padding: 24px 20px; }
footer div p { line-height: 24px; }
footer div:nth-of-type(2) { height: auto; padding: 10px; }
header { height: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 24px; }
header > a, header nav { float: none; margin: 0px; }
header > a { flex-shrink: 0; }
header > a img { width: 160px; height: auto; }
header nav > i.icon { display: none; }
header nav a { padding: 10px 6px; }
header nav a span { font-size: 16px; }
header nav a > i.icon { display: none; }
.hdTop > div > div { display: none; }
.Hot_tab .tab_cont .sub_box { gap: 14px; }
.Rec { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
.RecR { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.RecR .cont { grid-area: 2 / 1; display: flex; gap: 10px; }
.RecR .cont a { flex: 1 1 0%; min-width: 0px; }
.RecR .list { grid-area: 2 / 2; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 9px 0px; }
.RecR .list a { margin: 0px; }
.hotTab .tab_cont ul { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; }
.hotTab .hotRec .cont a img { width: 60px; height: 60px; }
.hotTopic li { flex-basis: calc(33.3333% - 10.6667px); }
.index_Rank .cont .irList > div i { display: none; }
.w1200, .Hot, .Rec, .hotTab, .hotTopic, .index_Rank { width: 100%; padding-inline: 16px; }
.hdTop { display: none; }
header { display: block; padding: 18px 16px 8px; background: linear-gradient(110deg, rgb(7, 128, 252), rgb(0, 181, 242)); }
header > a { margin-bottom: 12px; }
header > a img { width: 145px; }
header nav { display: flex; justify-content: space-between; gap: 4px; }
header nav a, header nav a:nth-last-of-type(1) { float: none; padding: 10px 2px; min-height: 44px; text-align: center; }
header nav a span { font-size: 14px; }
header nav a.current span > i { display: none; }
.Hot { border-radius: 0px; }
.Hot_tab .tab_menu { margin-top: 8px; }
.Hot_tab .tab_menu span { font-size: 18px; padding: 12px 4px; margin-right: 24px; }
.Hot_tab .tab_cont .sub_box { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px 18px; padding-block: 16px; }
.Hot_tab .tab_cont .sub_box a { padding: 0px; }
.Hot_tab .tab_cont .sub_box a img { max-width: 76px; border-radius: 16px; }
.Hot_tab .tab_cont .sub_box a p { font-size: 12px; line-height: 28px; height: 28px; }
.Hot ul { padding: 12px 0px; }
.Hot ul li { height: 36px; line-height: 36px; margin: 0px; }
.Hot ul li a { font-size: 13px; }
.Hot ul li span { font-size: 14px; padding-inline: 8px; }
.Rec { grid-template-columns: 1fr; gap: 24px; padding-top: 8px; }
.RecR { grid-column: auto; grid-template-columns: 1fr; gap: 8px; }
.RecR .cont, .RecR .list { grid-area: auto; }
.RecR .list { grid-template-columns: 1fr 1fr; }
.RecL .itabBox .itabMenu { left: auto; right: 0px; }
.RecL .itabBox .itabMenu span { display: inline-block; margin-left: 4px; padding: 4px 10px; line-height: 30px; }
.RecL .boxT { gap: 12px; }
.RecL .isuBox ul li { font-size: 13px; }
.RecM .itabMenu { justify-content: flex-start; gap: 8px; }
.RecM .itabCont ul li { height: 40px; }
.RecM .itabCont ul li > a { height: 40px; line-height: 40px; }
.iTitle, .iTitle em { height: 72px; line-height: 72px; }
.iTitle em { font-size: 24px; padding-left: 12px; }
.iTitle i:nth-of-type(1) { top: 14px; }
.iTitle i:nth-of-type(2) { bottom: 16px; }
.hotTab .tabBox { display: flex; flex-direction: column; gap: 16px; }
.hotTab .tabBox .tab_menu { order: 0; }
.hotTab .tab_cont { order: 1; }
.hotTab .hotRec { order: 2; }
.hotTab .tabBox .hidden_box ul { display: flex; overflow: auto; gap: 8px; padding-bottom: 8px; scrollbar-width: thin; }
.hotTab .tabBox .hidden_box ul li { flex: 0 0 auto; padding-inline: 14px; }
.hotTab .tab_cont ul { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px 18px; }
.hotTab .tab_cont li a img { max-width: 80px; margin: auto; }
.hotTab .tab_cont li a p { font-size: 12px; }
.hotTab .hotRec .cont { min-height: 132px; }
.hotTab .hotRec .cont a img { width: 84px; height: 84px; }
.hotTab .hotRec .cont > div { padding-block: 18px; }
.itopic { margin-top: 24px; }
.hotTopic li { flex-basis: 75%; }
.hotTopic li a { height: 162px; }
.hotTopic li a img { height: 116px; margin-top: 23px; }
.index_Rank .cont { grid-template-columns: 1fr; gap: 20px; }
.index_Rank .cont .irList > div { height: 64px; padding: 0px; }
.index_Rank .cont .irList > div span { line-height: 64px; }
.index_Rank .cont .irList ul li a img { display: block; width: 44px; height: 44px; border-radius: 10px; flex-shrink: 0; }
.index_Rank .cont .irList ul li a > span, .index_Rank .cont .irList ul li.on a > span { display: block; float: none; width: 48px; flex-shrink: 0; line-height: 28px; text-align: center; color: rgb(22, 138, 217); }
footer { margin-top: 24px; }
footer div p { font-size: 12px; overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce){* { scroll-behavior: auto !important; transition: none !important; }}

/* Source: /detail.css */
/* Domain-specific layout. No viewport-based device switching. */
.detail-page .game_cont_info { width: calc(100% - 40px); max-width: 1200px; display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 20px; }
.detail-page .game_cont_info::before, .detail-page .game_cont_info::after { content: none; }
.detail-page .contLeft, .detail-page .contRight { width: 100%; min-width: 0px; float: none; margin: 0px; }
.detail-page section { scroll-margin-top: 20px; }
.detail-page .gameIntro .crumb { padding: 12px 20px; height: auto; line-height: 24px; white-space: normal; overflow-wrap: anywhere; }
.detail-page .gameIntro .cont { display: flex; width: 100%; height: auto; padding: 24px; gap: 20px; }
.detail-page .gameIntro .cont > img { float: none; width: 140px; height: 140px; margin: 0px; flex-shrink: 0; cursor: default; }
.detail-page .gameIntro .cont .info { float: none; width: auto; height: auto; flex: 1 1 0%; min-width: 0px; }
.detail-page .gameIntro .cont .info div { width: 100%; overflow: visible; }
.detail-page .gameIntro .cont .info div h1 { height: auto; max-width: none; line-height: 1.5; font-size: 25px; }
.detail-page .gameIntro .cont .info > p { display: none; }
.detail-page .gameIntro .cont .info ul { display: flex; flex-wrap: wrap; gap: 0px 16px; }
.detail-page .gameIntro .cont .info ul li { float: none; margin: 0px; white-space: normal; height: auto; }
.detail-page .gameIntro div.downbtn { display: flex; }
.detail-page .downbtn a { float: none; max-width: 100%; height: 48px; line-height: 48px; border-radius: 7px; margin: 16px 0px 0px; }
.detail-page .aNav { padding-bottom: 20px; }
.detail-page .aNav > ul { display: flex; margin-bottom: 20px; }
.detail-page .aNav > ul li { float: none; flex: 1 1 0%; width: auto; font-size: 16px; padding: 0px; }
.detail-page .aNav > ul li a { display: block; color: inherit; }
.detail-page .editCom { width: calc(100% - 40px); height: auto; margin-bottom: 20px; }
.detail-page .editCom p { width: 100%; margin: 0px; padding-left: 54px; white-space: normal; height: auto; min-height: 40px; }
.detail-page .showImg { width: calc(100% - 40px); height: auto; min-height: 0px; }
.detail-page .showImg > div { width: 100%; height: auto; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
.detail-page .showImg ul { position: static; display: flex; width: max-content; height: auto; gap: 12px; padding-bottom: 8px; }
.detail-page .showImg ul li { display: block; margin: 0px; scroll-snap-align: start; }
.detail-page .showImg ul li a img { width: 360px; height: 210px; object-fit: contain; background: rgb(243, 245, 248); border-radius: 8px; }
.gallery-prev, .gallery-next { position: absolute; top: 85px; z-index: 2; border: 1px solid rgb(216, 230, 242); background: white; color: rgb(32, 153, 237); width: 36px; height: 44px; border-radius: 8px; font-size: 28px; cursor: pointer; }
.gallery-prev { left: -12px; }
.gallery-next { right: -12px; }
.detail-page .gameCont .con { line-height: 1.8; overflow-wrap: anywhere; }
.detail-page .gameCont .con p { line-height: 1.9; }
.detail-page .gameCont .con p img { max-width: 100%; height: auto; padding: 8px 0px 16px; }
.detail-page .gameInfo ul { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px 20px; }
.detail-page .gameInfo ul li { width: 100%; float: none; margin: 0px; height: auto; white-space: normal; overflow-wrap: anywhere; }
.source-feedback { display: inline-block; margin: 6px 0px 12px; color: rgb(22, 139, 215); font-size: 13px; }
.detail-page .gameEnter ul { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 14px; }
.detail-page .gameEnter ul li { float: none; width: auto; margin: 0px; min-width: 0px; }
.detail-page .gameEnter ul li a img { width: 100%; max-width: 90px; height: auto; aspect-ratio: 1 / 1; }
.detail-page .gameEnter ul li a p { font-size: 13px; text-overflow: ellipsis; }
.detail-page .gameEnter ul li a span { font-size: 12px; }
.detail-page .gameOther ul { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.detail-page .gameOther ul li { width: auto; float: none; margin: 0px; min-width: 0px; }
.detail-page .gameOther ul li a img { width: 100%; max-width: 70px; height: auto; aspect-ratio: 1 / 1; }
.detail-page .gameRank ul li { width: 100%; }
.detail-page .gameRank ul li a { display: flex; align-items: center; gap: 8px; height: auto; padding: 14px 0px; }
.detail-page .gameRank ul li a > i { float: none; margin: 0px; flex-shrink: 0; }
.detail-page .gameRank ul li a img { width: 54px; height: 54px; float: none; margin: 0px; border-radius: 12px; flex-shrink: 0; }
.detail-page .gameRank ul li a div { width: auto; height: auto; float: none; min-width: 0px; flex: 1 1 0%; }
.detail-page .gameRank ul li a div p { font-size: 12px; text-overflow: ellipsis; }
.detail-page .gameRank ul li a div p:first-child { font-size: 14px; }
.detail-page .HotZt .apHtop { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.detail-page .HotZt .apHtop a { width: 100%; min-width: 0px; float: none; }
.detail-page .HotZt .apHtop a img { width: 100%; height: auto; aspect-ratio: 2 / 1; }
.detail-page .HotZt ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.detail-page .HotZt ul li { margin: 0px; min-width: 0px; float: none; }
.detail-page .HotZt ul li a { width: 100%; }
.description-toggle { display: none; }
.image-viewer { position: fixed; inset: 0px; margin: auto; width: min(1100px, 96vw); max-width: 96vw; max-height: 94dvh; border: 0px; border-radius: 12px; background: rgb(20, 34, 53); color: white; padding: 48px 48px 20px; }
.image-viewer::backdrop { background: rgba(8, 18, 34, 0.86); }
.image-viewer figure { margin: 0px; text-align: center; }
.image-viewer figure img { max-width: 100%; max-height: 72dvh; object-fit: contain; }
.image-viewer figcaption { padding: 12px; font-size: 14px; }
.image-viewer button { position: absolute; border: 0px; border-radius: 6px; background: rgba(255, 255, 255, 0.145); color: white; font-size: 28px; min-width: 40px; min-height: 44px; cursor: pointer; }
.viewer-close { right: 8px; top: 4px; }
.viewer-prev { left: 4px; top: 45%; }
.viewer-next { right: 4px; top: 45%; }
.detail-page .game_cont_info { grid-template-columns: minmax(0px, 1fr); }
.detail-page .contRight { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; align-items: start; }
.detail-page .game_cont_info { width: 100%; padding: 14px; gap: 0px; }
.detail-page .gameIntro .crumb { padding: 10px 14px; font-size: 12px; line-height: 22px; }
.detail-page .gameIntro .cont { padding: 16px; gap: 12px; display: grid; grid-template-columns: 76px minmax(0px, 1fr); }
.detail-page .gameIntro .cont > img { width: 76px; height: 76px; border-radius: 16px; }
.detail-page .gameIntro .cont .info { display: contents; }
.detail-page .gameIntro .cont .info > div:first-child { grid-area: 1 / 2; align-self: center; }
.detail-page .gameIntro .cont .info div h1 { font-size: 20px; line-height: 1.5; }
.detail-page .gameIntro .cont .info ul { grid-column: 1 / -1; margin: 0px; gap: 0px 12px; }
.detail-page .gameIntro .cont .info ul li { font-size: 12px; }
.detail-page .gameIntro div.downbtn { grid-column: 1 / -1; }
.detail-page .downbtn a { width: 100%; margin: 0px; }
.detail-page .aNav > ul li { font-size: 14px; height: 48px; line-height: 48px; }
.detail-page .editCom { width: calc(100% - 28px); }
.detail-page .editCom p { font-size: 12px; line-height: 24px; padding-block: 6px; }
.detail-page .showImg { width: calc(100% - 28px); }
.detail-page .showImg ul li a img { width: 260px; height: 155px; }
.gallery-prev, .gallery-next { top: 55px; width: 28px; }
.gallery-prev { left: -8px; }
.gallery-next { right: -8px; }
.detail-page .gameCont, .detail-page .gameInfo, .detail-page .gameEnter { padding: 16px; }
.detail-page .Title em { font-size: 21px; }
.detail-page .gameCont .con.collapsed { max-height: 440px; mask-image: linear-gradient(rgb(0, 0, 0) 85%, transparent); }
.description-toggle { display: block; width: 100%; min-height: 44px; padding: 10px; border: 1px solid rgb(217, 235, 247); background: rgb(237, 247, 255); color: rgb(22, 139, 215); border-radius: 6px; margin-top: 12px; cursor: pointer; }
.detail-page .gameInfo ul { grid-template-columns: 1fr; gap: 0px; }
.detail-page .gameInfo ul li, .detail-page .gameInfo ul li span { font-size: 14px; line-height: 30px; }
.detail-page .gameEnter ul { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.detail-page .contRight { display: block; }
.detail-page .gameOther ul { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.image-viewer { padding: 48px 30px 10px; }
.image-viewer button { min-width: 28px; }
.image-viewer figcaption { font-size: 12px; padding-inline: 0px; }

/* Source: /integration.css */
/* Domain-specific layout. No viewport-based device switching. */
header .site-brand { font-size: 30px; font-weight: 700; color: rgb(24, 170, 144); white-space: nowrap; }
.qff-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; padding: 16px; }
.qff-grid img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; }
.qff-grid p, .qff-grid h3 { overflow: hidden; text-overflow: ellipsis; }
.qff-grid p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.qff-prev-next { display: grid; gap: 16px; padding: 24px; background: white; }
.empty-state { text-align: center; padding: 40px; }
.gamePage nav { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.gamePage nav a { padding: 8px 14px; }
.gamePage a.current { background: rgb(24, 170, 144); color: white; }
.ztIntro .cont > img { object-fit: cover; }
.nsCont .conts img, .gameCont .con img { max-width: 100%; height: auto; }
footer { padding: 24px; text-align: center; }
header .site-brand { font-size: 23px; }
.qff-grid { gap: 12px; }
.gamePage nav a { padding: 8px 10px; }
header .site-brand, header nav a { color: white; }
header nav { display: flex; gap: 22px; }
header nav a { font-size: 16px; }
header nav a:hover { color: rgb(223, 246, 255); }
.qff-home .Hot_tab .tab_cont .sub_box { height: auto; min-height: 130px; }
.qff-home .Hot_tab { height: auto; }
.qff-home .Hot { height: auto; padding-block: 24px; }
.qff-home .hotTab .tab_menu { display: none; }
.qff-home .hotTab .tab_cont { width: 100%; }
.qff-home .qff-app-grid { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 24px; width: 100%; }
.qff-home .qff-app-grid::before, .qff-home .qff-app-grid::after { content: none; }
.qff-home .qff-app-grid li { width: auto; float: none; margin: 0px; text-align: center; }
.qff-home .qff-app-grid li a { display: block; width: 100%; height: auto; padding: 14px; }
.qff-home .qff-app-grid img { width: 90px; height: 90px; float: none; margin: auto; }
.qff-home .qff-app-grid p { height: auto; line-height: 24px; font-size: 15px; }
.qff-home .qff-app-grid span { position: static; background: none; color: rgb(136, 149, 162); }
.qff-home .caroList li a > div { padding: 12px; }
.qff-home .caroList li a { height: auto; }
.qff-home .index_Rank .cont { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.qff-home .irList h3 { font-size: 22px; padding: 16px; }
.qff-home .irList li a { display: flex; align-items: center; gap: 14px; height: auto; padding: 14px; }
.qff-home .irList li a img { display: block; float: none; margin: 0px; width: 54px; height: 54px; }
.qff-home .irList li a p { font-size: 16px; flex: 1 1 0%; }
.qff-home .irList li a span { color: rgb(136, 149, 162); }
.qff-news { width: calc(100% - 40px); max-width: 1200px; margin: 24px auto; padding: 20px; background: white; }
.qff-news h2 { font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.qff-news ul { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; }
.qff-news li a { display: flex; gap: 16px; }
.qff-news img { width: 140px; height: 90px; border-radius: 8px; }
.qff-news li p:first-child { font-size: 18px; margin-bottom: 8px; }
.qff-news li p:nth-child(2) { color: rgb(119, 135, 151); }
.qff-news > a { display: block; margin-top: 20px; color: rgb(41, 155, 243); }
.detail-page .gameIntro .cont .info > h1 { font-size: 26px; font-weight: 700; line-height: 1.5; }
.detail-page .gameIntro .cont .info > p { display: block; color: rgb(120, 135, 151); }
.gameInfo h2, .Title2 { font-size: 21px; font-weight: 600; }
.gameInfo li:has(span:empty) { display: none; }
header nav { gap: 14px; }
header nav a { font-size: 14px; }
.qff-home .qff-app-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; }
.qff-home .qff-app-grid li a { padding: 8px; }
.qff-home .qff-app-grid img { width: 68px; height: 68px; }
.qff-home .index_Rank .cont, .qff-news ul { grid-template-columns: 1fr; }
.qff-news img { width: 100px; height: 70px; }
.detail-page .gameIntro .cont .info > h1 { font-size: 20px; }
.qff-home .caroList li a div { position: static; height: auto; background: white; }
.qff-home .caroList li a p { position: static; color: rgb(53, 67, 82); height: auto; line-height: 26px; display: block; background: none; }
.qff-home .caroList li a p:first-child { font-size: 18px; font-weight: 600; }
.qff-home .caroList li a p:nth-child(2) { font-size: 13px; color: rgb(120, 135, 151); }
.qff-home .irList li a img { display: block !important; }
header.w1200 nav { gap: 18px; }
header.w1200 nav > a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
header.w1200 nav > a::before { content: ""; display: block; flex: 0 0 auto; width: 20px; height: 25px; background: url("/assets/imags.lsrc.cn/v2/pc/images/icon.png") 0% 0% / 1000px 1000px no-repeat; }
header.w1200 nav > a:nth-of-type(1)::before { background-position: -15px -5px; height: 22px; }
header.w1200 nav > a:nth-of-type(2)::before { background-position: -49px -5px; width: 27px; height: 22px; }
header.w1200 nav > a:nth-of-type(3)::before { background-position: -91px -5px; }
header.w1200 nav > a:nth-of-type(4)::before { background-position: -204px -5px; }
header.w1200 nav > a:nth-of-type(5)::before { background-position: -125px -5px; width: 23px; }
header.w1200 nav { gap: 8px; }
header.w1200 nav > a { gap: 5px; font-size: 14px; }
header.w1200 nav { gap: 4px; justify-content: space-between; }
header.w1200 nav > a { gap: 4px; font-size: 12px; padding-inline: 0px; }
header.w1200 nav > a::before { zoom: 0.65; }

/* Source: /detail-layout.css */
/* Domain-specific layout. No viewport-based device switching. */
body.qff-mobile-detail { min-width: 1000px; }
.qff-mobile-detail .game_cont_info { margin-top: 26px; align-items: start; }
.qff-mobile-detail .qff-detail-intro, .qff-mobile-detail .qff-detail-gallery { grid-column: 1 / -1; background: rgb(255, 255, 255); border: 1px solid rgb(231, 239, 247); border-radius: 20px; overflow: hidden; margin: 0px; }
.qff-mobile-detail .gameIntro .crumb { padding: 14px 26px; border-bottom: 1px solid rgb(240, 244, 248); color: rgb(145, 162, 178); font-size: 13px; }
.qff-mobile-detail .crumb a { color: rgb(100, 135, 166); }
.qff-intro-content { display: grid; grid-template-columns: 180px minmax(0px, 1fr) 210px; gap: 26px; align-items: center; padding: 30px 26px; }
.qff-mobile-detail .qff-detail-icon { display: block; width: 180px; height: 180px; border-radius: 34px; object-fit: cover; background: rgb(237, 245, 252); float: none; margin: 0px; }
.qff-detail-info { min-width: 0px; }
.qff-mobile-detail .qff-detail-info h1 { font-size: 28px; line-height: 1.35; font-weight: 700; color: rgb(36, 59, 80); margin: 0px 0px 17px; overflow-wrap: anywhere; }
.qff-detail-facts { display: flex; flex-wrap: wrap; gap: 5px 24px; font-size: 14px; line-height: 24px; margin-bottom: 7px; }
.qff-detail-facts p { margin: 0px; }
.qff-detail-facts span, .qff-detail-date { color: rgb(148, 163, 179); }
.qff-detail-facts strong { color: rgb(74, 96, 117); font-weight: 400; }
.qff-detail-date { font-size: 14px; line-height: 24px; margin: 0px; }
.qff-detail-date time { color: rgb(74, 96, 117); }
.qff-download { margin-top: 19px; }
.qff-download > a, .qff-download > span { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 180px; height: 46px; padding: 0px 28px; border-radius: 10px; font-size: 16px; line-height: 1; }
.qff-download > a { color: rgb(255, 255, 255); background: linear-gradient(110deg, rgb(30, 156, 244), rgb(55, 188, 237)); box-shadow: rgba(30, 156, 244, 0.11) 0px 5px 14px; }
.qff-download > a:hover { filter: brightness(1.04); }
.qff-download > span { background: rgb(237, 241, 245); color: rgb(156, 171, 185); }
.qff-download svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.qff-mobile-qr { align-self: stretch; border-left: 1px solid rgb(220, 234, 250); padding-left: 26px; display: flex; align-items: center; justify-content: center; text-align: center; }
.qff-qr-link { display: flex; flex-direction: column; align-items: center; gap: 10px; color: rgb(91, 117, 141); font-size: 14px; }
#qff-detail-qr { padding: 20px; background: rgb(255, 255, 255); min-width: 172px; min-height: 172px; }
#qff-detail-qr img, #qff-detail-qr canvas { width: 132px; height: 132px; max-width: none; image-rendering: pixelated; }
.qff-mobile-detail .qff-detail-gallery { padding: 22px 26px; }
.qff-gallery-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.qff-gallery-heading h2 { font-size: 20px; line-height: 30px; font-weight: 650; color: rgb(41, 68, 91); margin: 0px; }
.qff-gallery-controls { display: flex; gap: 9px; }
.qff-gallery-controls button { position: static; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgb(214, 234, 251); border-radius: 50%; background: rgb(242, 249, 255); color: rgb(32, 143, 213); cursor: pointer; }
.qff-gallery-controls button:disabled { opacity: 0.35; cursor: default; }
.qff-gallery-controls svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.qff-screenshot-track { overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; overscroll-behavior-x: contain; cursor: grab; touch-action: pan-x pan-y; }
.qff-screenshot-track::-webkit-scrollbar { display: none; }
.qff-screenshot-track.is-dragging { cursor: grabbing; scroll-behavior: auto; user-select: none; }
.qff-screenshot-track ul { display: flex; width: max-content; gap: 16px; margin: 0px; padding: 0px; list-style: none; }
.qff-screenshot-track li { flex: 0 0 auto; float: none; margin: 0px; padding: 0px; }
.qff-screenshot-track a { display: block; border-radius: 12px; overflow: hidden; background: rgb(241, 245, 249); }
.qff-screenshot-track img { display: block; width: auto; height: 280px; min-width: 150px; max-width: 620px; object-fit: contain; border-radius: 12px; -webkit-user-drag: none; }
.qff-mobile-detail a:focus-visible, .qff-mobile-detail button:focus-visible, .qff-screenshot-track:focus-visible { outline: rgb(28, 154, 238) solid 3px; outline-offset: 3px; }
.qff-intro-content { grid-template-columns: 160px minmax(0px, 1fr) 196px; gap: 20px; padding: 26px 22px; }
.qff-mobile-detail .qff-detail-icon { width: 160px; height: 160px; border-radius: 28px; }
.qff-mobile-qr { padding-left: 18px; }
.qff-mobile-detail .qff-detail-info h1 { font-size: 24px; }
@media (prefers-reduced-motion: reduce){.qff-screenshot-track { scroll-behavior: auto; }}

/* Source: /detail-sections.css */
/* Domain-specific layout. No viewport-based device switching. */
.qff-mobile-detail .contLeft, .qff-mobile-detail .contRight { display: flex; flex-direction: column; gap: 20px; }
.qff-mobile-detail .contLeft > section, .qff-mobile-detail .contRight > section { margin: 0px; border: 1px solid rgb(231, 239, 247); border-radius: 20px; background: rgb(255, 255, 255); overflow: hidden; padding: 24px; }
.qff-mobile-detail .contRight > section { padding: 20px; }
.qff-mobile-detail .contLeft .Title, .qff-mobile-detail .contRight .Title2 { height: auto; line-height: 30px; margin: 0px 0px 18px; padding: 0px; border: 0px; background: none; }
.qff-mobile-detail .Title h2, .qff-mobile-detail .Title2 h2 { margin: 0px; font-size: 20px; font-weight: 650; line-height: 30px; color: rgb(41, 68, 91); }
.qff-mobile-detail .gameCont .con { padding: 0px; margin: 0px; width: auto; }
.qff-mobile-detail .qff-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px 26px; margin: 0px; padding: 20px; background: rgb(245, 250, 255); border: 1px solid rgb(234, 242, 250); border-radius: 16px; }
.qff-info-grid > div { display: grid; grid-template-columns: 70px minmax(0px, 1fr); gap: 10px; align-items: baseline; font-size: 14px; line-height: 24px; }
.qff-info-grid dt { color: rgb(148, 164, 181); }
.qff-info-grid dd { margin: 0px; color: rgb(67, 91, 114); overflow-wrap: anywhere; }
.qff-permission-open { padding: 0px; border: 0px; background: none; color: rgb(32, 157, 232); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; font: inherit; }
.qff-collection-rows { display: grid; gap: 14px; }
.qff-collection-row { display: grid; grid-template-columns: minmax(0px, 1fr) 190px; gap: 20px; align-items: center; padding: 16px; border-radius: 14px; background: rgb(242, 248, 254); }
.qff-collection-row:hover { background: rgb(234, 245, 255); }
.qff-collection-copy { min-width: 0px; }
.qff-collection-copy h3 { margin: 0px 0px 9px; font-size: 18px; font-weight: 650; line-height: 26px; color: rgb(45, 70, 93); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-collection-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0px 0px 10px; font-size: 12px; line-height: 20px; color: rgb(145, 162, 179); }
.qff-collection-meta b { color: rgb(32, 156, 233); font-weight: 500; }
.qff-collection-summary { margin: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 24px; color: rgb(114, 133, 154); }
.qff-collection-row > img { display: block; width: 190px; height: 112px; object-fit: cover; border-radius: 10px; background: rgb(230, 239, 248); }
.qff-hot-articles ol { list-style: none; margin: 0px; padding: 0px; }
.qff-hot-articles li + li { border-top: 1px solid rgb(237, 242, 247); }
.qff-hot-articles a { display: flex; align-items: flex-start; gap: 10px; padding: 14px 0px; }
.qff-hot-articles li:first-child a { padding-top: 0px; }
.qff-hot-articles li:last-child a { padding-bottom: 0px; }
.qff-article-rank { flex: 0 0 22px; line-height: 22px; text-align: center; border-radius: 6px; background: rgb(237, 244, 250); color: rgb(147, 165, 182); font-size: 12px; }
.qff-article-rank.is-top { background: rgb(225, 243, 255); color: rgb(22, 157, 233); font-weight: 700; }
.qff-hot-articles a > div { min-width: 0px; }
.qff-hot-articles h3 { margin: 0px; font-size: 14px; line-height: 22px; font-weight: 500; color: rgb(72, 96, 120); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.qff-hot-articles time { display: block; margin-top: 6px; font-size: 12px; color: rgb(160, 175, 189); }
.qff-permission-dialog { width: min(600px, 90vw); max-height: 80vh; padding: 24px; border: 0px; border-radius: 20px; color: rgb(67, 91, 114); }
.qff-permission-dialog::backdrop { background: rgba(22, 45, 70, 0.5); }
.qff-permission-dialog header { display: flex; align-items: center; justify-content: space-between; width: auto; height: auto; margin: 0px 0px 18px; padding: 0px; background: none; }
.qff-permission-dialog h2 { font-size: 20px; margin: 0px; }
.qff-permission-close { width: 36px; height: 36px; border: 0px; border-radius: 50%; background: rgb(237, 246, 255); color: rgb(80, 130, 165); font-size: 26px; cursor: pointer; }
.qff-permission-content { font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
.qff-permission-content img { max-width: 100%; height: auto; }
.qff-collection-row { grid-template-columns: minmax(0px, 1fr) 160px; gap: 14px; }
.qff-collection-row > img { width: 160px; height: 104px; }
.qff-info-grid > div { grid-template-columns: 60px minmax(0px, 1fr); gap: 6px; }
.qff-mobile-detail .qff-info-grid { padding: 16px; gap: 14px 18px; }
.qff-hot-articles .qff-article-thumb { display: block; flex: 0 0 78px; width: 78px; height: 60px; object-fit: cover; border-radius: 9px; background: rgb(237, 245, 252); }

/* Source: /wap-menu.css */
/* Domain-specific layout. No viewport-based device switching. */
header.w1200 nav.qff-wap-menu { display: flex; justify-content: space-between; gap: 0px; }
header.w1200 nav.qff-wap-menu > a { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-start; gap: 5px; white-space: nowrap; }
header.w1200 nav.qff-wap-menu > a::before { display: none !important; }
header.w1200 nav.qff-wap-menu svg { display: block; width: 17px; height: 17px; flex: 0 0 17px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
header.w1200 nav.qff-wap-menu span { font: inherit; color: inherit; }


/* Source: /detail-mobile.css */
/* Domain-specific layout. No viewport-based device switching. */
body.qff-mobile-detail { min-width: 0px; background: rgb(238, 246, 252); color: rgb(52, 78, 101); }
.qff-mobile-detail .contLeft > section, .qff-mobile-detail .contRight > section { width: 100%; box-sizing: border-box; }
.qff-mobile-detail .gameOther .qff-grid span { display: block; height: auto; line-height: 18px; margin: 3px 0px 0px; }
.qff-mobile-detail .game_cont_info { display: flex; flex-direction: column; width: calc(100% - 24px); max-width: 700px; margin: 16px auto; gap: 14px; }
.qff-mobile-detail .contLeft, .qff-mobile-detail .contRight { display: flex; width: 100%; gap: 14px; }
.qff-mobile-detail .contLeft > section, .qff-mobile-detail .contRight > section { padding: 16px; border-radius: 18px; }
.qff-mobile-detail .qff-detail-intro, .qff-mobile-detail .qff-detail-gallery { width: 100%; border-radius: 18px; }
.qff-mobile-detail .gameIntro .crumb { padding: 10px 16px; font-size: 12px; }
.qff-mobile-detail .qff-intro-content { grid-template-columns: 88px minmax(0px, 1fr); padding: 18px 16px; gap: 16px; align-items: start; }
.qff-mobile-detail .qff-detail-icon { width: 88px; height: 88px; border-radius: 20px; }
.qff-mobile-detail .qff-detail-info h1 { font-size: 20px; margin: 0px 0px 10px; line-height: 1.4; }
.qff-mobile-detail .qff-detail-facts { display: block; font-size: 12px; line-height: 21px; margin: 0px; }
.qff-mobile-detail .qff-detail-date { font-size: 12px; line-height: 21px; margin-top: 3px; }
.qff-mobile-detail .qff-download { margin-top: 12px; }
.qff-mobile-detail .qff-download > a, .qff-mobile-detail .qff-download > span { min-width: 0px; width: 100%; height: 40px; padding: 0px 10px; font-size: 14px; box-sizing: border-box; }
.qff-mobile-detail .qff-detail-gallery { padding: 16px; }
.qff-mobile-detail .qff-gallery-heading { margin-bottom: 12px; }
.qff-mobile-detail .qff-gallery-heading h2, .qff-mobile-detail .Title h2, .qff-mobile-detail .Title2, .qff-mobile-detail .Title2 h2 { font-size: 18px; line-height: 26px; }
.qff-mobile-detail .qff-gallery-controls button { width: 28px; height: 28px; }
.qff-mobile-detail .qff-screenshot-track ul { gap: 10px; }
.qff-mobile-detail .qff-screenshot-track img { height: 220px; min-width: 110px; max-width: 400px; }
.qff-mobile-detail .gameCont .con { font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.qff-mobile-detail .gameCont .con img { max-width: 100%; height: auto; }
.qff-mobile-detail .gameCont .con table { display: block; max-width: 100%; overflow-x: auto; }
.qff-mobile-detail .gameCont .con.collapsed { max-height: 420px; overflow: hidden; }
.qff-mobile-detail .description-toggle { display: block; margin: 12px auto 0px; border: 0px; border-radius: 20px; padding: 9px 22px; background: rgb(234, 246, 255); color: rgb(22, 143, 217); }
.qff-mobile-detail .qff-info-grid { grid-template-columns: minmax(0px, 1fr); padding: 14px; gap: 12px; }
.qff-mobile-detail .qff-info-grid > div { grid-template-columns: 64px minmax(0px, 1fr); font-size: 13px; gap: 10px; line-height: 22px; }
.qff-mobile-detail .qff-collection-row { grid-template-columns: minmax(0px, 1fr) 100px; padding: 12px; gap: 12px; }
.qff-mobile-detail .qff-collection-row > img { width: 100px; height: 90px; border-radius: 9px; }
.qff-mobile-detail .qff-collection-copy h3 { font-size: 15px; line-height: 22px; margin-bottom: 4px; }
.qff-mobile-detail .qff-collection-meta { font-size: 11px; line-height: 17px; gap: 0px 6px; margin-bottom: 5px; }
.qff-mobile-detail .qff-collection-summary { font-size: 12px; line-height: 19px; }
.qff-mobile-detail .gameOther .qff-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px 10px; padding: 0px; margin: 0px; }
.qff-mobile-detail .gameOther .qff-grid li { float: none; width: auto; margin: 0px; padding: 0px; min-width: 0px; }
.qff-mobile-detail .gameOther .qff-grid a { display: block; text-align: center; }
.qff-mobile-detail .gameOther .qff-grid img { display: block; width: 58px; height: 58px; object-fit: cover; border-radius: 13px; margin: 0px auto 8px; }
.qff-mobile-detail .gameOther .qff-grid p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; margin: 0px; line-height: 22px; }
.qff-mobile-detail .gameOther .qff-grid span { font-size: 11px; color: rgb(150, 168, 184); }
.qff-mobile-detail .qff-hot-articles .qff-article-thumb { width: 90px; height: 76px; flex-basis: 90px; }
.qff-mobile-detail .qff-hot-articles h3 { font-size: 14px; line-height: 21px; }
.qff-mobile-detail .qff-hot-articles time { font-size: 11px; margin-top: 4px; }
.qff-article-summary { font-size: 12px; color: rgb(140, 159, 175); margin: 4px 0px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-mobile-detail .qff-hot-articles a > div { flex: 1 1 0%; overflow: hidden; }
.qff-mobile-detail .qff-permission-dialog { box-sizing: border-box; padding: 20px; width: calc(100% - 32px); }


/* Source: /detail-mobile-v3.css */
body.qff-mobile-detail{padding:0;margin:0}.qff-mobile-detail .qff-mobile-crumb{box-sizing:border-box;width:calc(100% - 20px);max-width:740px;margin:12px auto;font-size:12px;line-height:20px;color:#8da0b3;overflow-wrap:anywhere}.qff-mobile-crumb a{color:#6988a2}
.qff-mobile-detail .game_cont_info{box-sizing:border-box;width:calc(100% - 16px);max-width:744px;padding:0;margin:0 auto 16px;gap:12px}.qff-mobile-detail .contLeft,.qff-mobile-detail .contRight{padding:0;gap:12px}.qff-mobile-detail .contLeft>section,.qff-mobile-detail .contRight>section,.qff-mobile-detail .qff-detail-gallery,.qff-mobile-detail .qff-detail-intro{padding:14px;border-radius:16px;margin:0;box-sizing:border-box}
.qff-app-heading{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center}.qff-mobile-detail .qff-app-heading .qff-detail-icon{width:82px;height:82px;border-radius:18px}.qff-app-heading h1{font-size:21px;line-height:1.35;margin:0 0 9px;color:#243f57;font-weight:700;overflow-wrap:anywhere}.qff-app-heading p,.qff-app-heading time{font-size:12px;line-height:20px;color:#91a3b5;margin:0;display:block}.qff-mobile-detail .qff-download{margin:16px 0}.qff-mobile-detail .qff-download>a,.qff-mobile-detail .qff-download>span{width:100%;height:44px;border-radius:24px;font-size:18px}
.qff-app-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0;margin:0;background:#f0f7fc;border-radius:14px}.qff-app-facts>div{text-align:center;padding:0 8px;min-width:0}.qff-app-facts>div+div{border-left:1px solid #dceaf5}.qff-app-facts dd{margin:0 0 8px;font-size:14px;line-height:20px;font-weight:600;color:#344d65;overflow-wrap:anywhere}.qff-app-facts dt{font-size:11px;color:#93a4b5}
.qff-mobile-detail .qff-screenshot-track ul{align-items:flex-start}.qff-mobile-detail .qff-screenshot-track img{min-width:0;max-width:none;object-fit:contain;height:190px;width:auto}.qff-mobile-detail .qff-screenshot-track a{max-width:none}
.qff-mobile-detail .gameCont .con,.qff-mobile-detail .gameCont .con p{font-size:14px!important;line-height:1.85}.qff-mobile-detail .gameCont .con{max-height:none!important;overflow:visible}.qff-mobile-detail .gameCont .con h2{font-size:18px}.qff-mobile-detail .gameCont .con h3{font-size:16px}
.qff-mobile-detail .qff-info-grid{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.qff-mobile-detail .qff-info-grid>div{grid-template-columns:64px minmax(0,1fr);gap:12px;font-size:13px;align-items:start}.qff-mobile-detail .qff-info-grid dt{text-align:left}.qff-mobile-detail .qff-info-grid dd{text-align:right;overflow-wrap:anywhere}
.qff-m-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.qff-m-heading h2{margin:0;font-size:18px;line-height:26px;color:#29445b;font-weight:650}.qff-m-heading>a{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e4f4ff;color:#178fd2;font-size:19px}
.qff-collection-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.qff-collection-tabs::-webkit-scrollbar,.qff-collection-members::-webkit-scrollbar{display:none}.qff-collection-tabs button{white-space:nowrap;flex-shrink:0;max-width:90%;overflow:hidden;text-overflow:ellipsis;padding:7px 13px;border:1px solid #cae5f9;border-radius:18px;font-size:13px;background:#fff;color:#5282a4}.qff-collection-tabs button[aria-selected=true]{background:#23a6ed;border-color:#23a6ed;color:white}
.qff-collection-panel-content[hidden]{display:none!important}.qff-collection-feature{display:grid;grid-template-columns:45% minmax(0,1fr);gap:12px;padding:10px;background:#f3f9fe;border:1px solid #e5f0f9;border-radius:14px;align-items:center}.qff-feature-cover{position:relative}.qff-feature-cover img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:9px}.qff-feature-cover>span{position:absolute;top:5px;left:5px;padding:2px 6px;border-radius:10px;background:#163d6599;color:white;font-size:10px}.qff-collection-feature h3{margin:0 0 4px;font-size:14px;line-height:20px;color:#29445b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qff-collection-feature time{font-size:10px;color:#91a5b8;display:block}.qff-collection-feature p{margin:5px 0 0;font-size:12px;line-height:19px;color:#607e98;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.qff-collection-members{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:82%;gap:16px 18px;overflow-x:auto;scrollbar-width:none;margin-top:16px}.qff-collection-members>a{display:flex;gap:10px;align-items:center;min-width:0}.qff-collection-members img{width:60px;height:60px;border-radius:14px;object-fit:cover;flex-shrink:0}.qff-collection-members a>div{min-width:0}.qff-collection-members h3{font-size:14px;font-weight:500;color:#344e65;line-height:22px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qff-collection-members p,.qff-collection-members time{display:block;margin:2px 0 0;font-size:11px;color:#98aabc;line-height:18px}
.qff-mobile-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.qff-mobile-article-grid>a{min-width:0}.qff-mobile-article-grid img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover;border-radius:9px}.qff-mobile-article-grid h3{font-size:14px;font-weight:500;line-height:21px;height:42px;color:#344e65;margin:7px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qff-mobile-article-grid time{font-size:10px;line-height:17px;color:#9badbd}
.qff-mobile-similar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.qff-mobile-similar-grid>a{min-width:0;text-align:center}.qff-mobile-similar-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:17px}.qff-mobile-similar-grid h3{font-size:13px;font-weight:400;line-height:22px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344e65}.qff-mobile-similar-grid a>span{display:block;width:100%;background:#dff2ff;color:#178ed1;line-height:28px;border-radius:16px;font-size:13px}

/* Source: /detail-compact.css */
.qff-mobile-detail .qff-app-facts{padding:13px 0}
.qff-mobile-detail .qff-app-facts dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:13px;line-height:18px;margin-bottom:5px}
.qff-mobile-detail .qff-app-heading>div{min-width:0}.qff-mobile-detail .qff-app-heading h1,.qff-mobile-detail .qff-app-heading p,.qff-mobile-detail .qff-app-heading time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qff-mobile-detail .qff-info-grid{gap:9px;padding:12px}
.qff-mobile-detail .qff-info-grid>div{font-size:12px;line-height:19px;gap:8px;grid-template-columns:60px minmax(0,1fr)}
.qff-mobile-detail .qff-info-grid dt,.qff-mobile-detail .qff-info-grid dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0}
.qff-mobile-detail .qff-mobile-article-grid{gap:12px 10px}.qff-mobile-detail .qff-mobile-article-grid h3{font-size:12px;line-height:18px;height:36px;margin:5px 0 3px}.qff-mobile-detail .qff-mobile-article-grid time{font-size:10px;line-height:15px}
.qff-mobile-detail .gameCont .con,.qff-mobile-detail .gameCont .con p,.qff-mobile-detail .gameCont .con li,.qff-mobile-detail .gameCont .con span,.qff-mobile-detail .gameCont .con font{font-size:13px!important;line-height:1.6!important}
.qff-mobile-detail .gameCont .con p{margin:0 0 5px!important;padding:0!important;min-height:0}.qff-mobile-detail .gameCont .con p:empty{display:none}.qff-mobile-detail .gameCont .con p:last-child{margin-bottom:0!important}
.qff-mobile-detail .gameCont .con h2{font-size:16px!important;line-height:1.5!important;margin:10px 0 5px!important}.qff-mobile-detail .gameCont .con h3{font-size:14px!important;line-height:1.5!important;margin:8px 0 4px!important}

/* Source: /detail-spacing.css */
.qff-mobile-detail .qff-download{margin:12px 0}
.qff-mobile-detail .qff-download>a,.qff-mobile-detail .qff-download>span{height:36px;font-size:16px;border-radius:20px}
.qff-mobile-detail .qff-app-facts{padding:10px 0}
.qff-mobile-detail .qff-app-facts dd{font-size:13px;line-height:17px;margin-bottom:3px}
.qff-mobile-detail .qff-app-facts dt{font-size:11px;line-height:16px}

/* Source: /detail-breadcrumb.css */
.qff-mobile-detail .game_cont_info{margin-top:14px}
.qff-mobile-detail .qff-detail-intro>.qff-mobile-crumb{box-sizing:border-box;width:calc(100% + 28px);max-width:none;margin:-14px -14px 14px;padding:13px 14px;background:#fff;border-bottom:1px solid #eaf1f8;color:#8fa4b8;font-size:12px;line-height:21px;overflow-wrap:anywhere}
.qff-mobile-detail .qff-detail-intro>.qff-mobile-crumb a{color:#688da9}

/* Source: /brand-logo.css */
/* Original supplied PNG, preserving its transparent background and aspect ratio. */
header.w1200 .site-brand{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;text-decoration:none}
header.w1200 .site-brand>img.qff-brand-logo{display:block;float:none;position:static;width:48px;height:48px;max-width:none;object-fit:contain;flex:0 0 48px;margin:0;padding:0;border:0;border-radius:0;background:none}
header.w1200 .site-brand{gap:7px}header.w1200 .site-brand>img.qff-brand-logo{width:32px;height:32px;flex-basis:32px}
body header.w1200 a.site-brand{display:inline-flex!important;align-items:center;gap:7px}

/* Source: /site-shell.css */
/* Shared site shell. Preserves original cascade order. */
body header a.site-brand { align-items: center; gap: 7px; display: inline-flex !important; }
body header a.site-brand > img.qff-brand-logo { display: block; position: static; float: none; max-width: none; flex: 0 0 32px; margin: 0px; padding: 0px; object-fit: contain; width: 32px !important; height: 32px !important; }
.qff-location-label { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; white-space: nowrap; color: rgb(145, 165, 183); font-size: 12px; font-weight: 400; }
.qff-location-label svg { display: inline-block; width: 13px; height: 13px; flex: 0 0 13px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.mobile-catalogue .category-panel { background: rgb(255, 255, 255); overflow: hidden; }
.mobile-catalogue .qff-catalogue-crumb { margin: -16px -12px 14px; padding: 13px 14px; border-bottom: 1px solid rgb(234, 241, 248); background: rgb(255, 255, 255); color: rgb(143, 164, 184); font-size: 12px; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-catalogue-crumb a { color: rgb(104, 141, 169); }
.qff-mobile-collections .qff-collections-heading > .crumb { border-bottom: 1px solid rgb(234, 241, 248); }
.qff-mobile-collections .qff-collection-page-title { margin: 0px; padding: 14px 12px; font-size: 18px; font-weight: 650; line-height: 26px; color: rgb(41, 68, 91); }
.qff-mobile-collections .qff-collection-more { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-end; aspect-ratio: auto; height: 76px; margin-top: 0px; border-radius: 12px; background: rgb(243, 249, 254); padding: 0px 4px 3px; box-sizing: border-box; }
.qff-mobile-collections .qff-stacked-icons { inset: 3px 5px 27px; }
.qff-mobile-collections .qff-stacked-icons img { height: 100%; width: auto; max-width: 60%; aspect-ratio: 1 / 1; object-fit: cover; }
.qff-mobile-collections .qff-more-label { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 22px; padding: 0px 3px; writing-mode: horizontal-tb; border-radius: 12px; background: rgb(226, 242, 255); color: rgb(37, 143, 202); font-size: 10px; line-height: 22px; letter-spacing: 0px; white-space: nowrap; }
.qff-mobile-collections .qff-more-label b { font-size: 16px; line-height: 18px; font-weight: 400; }
.qff-collection-more:focus-visible { outline: rgb(36, 159, 235) solid 2px; outline-offset: 2px; }
.qff-mobile-detail .gameCont .con h3 { box-sizing: border-box; overflow-wrap: anywhere; display: block !important; position: static !important; float: none !important; width: auto !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin: 12px 0px 6px !important; padding: 7px 10px !important; border-width: 0px 0px 0px 3px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgb(50, 169, 234) !important; border-image: none !important; border-radius: 0px 7px 7px 0px !important; background: rgb(240, 248, 254) !important; box-shadow: none !important; color: rgb(49, 92, 120) !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.5 !important; text-align: left !important; text-indent: 0px !important; letter-spacing: 0px !important; white-space: normal !important; transform: none !important; }
.qff-mobile-detail .gameCont .con h3::before, .qff-mobile-detail .gameCont .con h3::after { content: none !important; display: none !important; }
.qff-mobile-detail .gameCont .con h3 span, .qff-mobile-detail .gameCont .con h3 strong, .qff-mobile-detail .gameCont .con h3 b { font-size: inherit !important; line-height: inherit !important; color: inherit !important; background: transparent !important; }
body header.qff-unified-header { display: block !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; min-width: 0px !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 18px 16px 8px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; background: linear-gradient(110deg, rgb(7, 128, 252), rgb(0, 181, 242)) !important; color: rgb(255, 255, 255) !important; overflow: visible !important; }
body header.qff-unified-header::before, body header.qff-unified-header::after { content: none !important; }
body header.qff-unified-header > a.site-brand { display: flex !important; align-items: center !important; gap: 7px !important; width: max-content !important; height: 32px !important; min-height: 0px !important; float: none !important; margin: 0px 0px 12px !important; padding: 0px !important; line-height: 32px !important; font-size: 23px !important; font-weight: 700 !important; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
body header.qff-unified-header > a.site-brand > span { font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; color: inherit !important; line-height: 32px !important; }
body header.qff-unified-header > a.site-brand > img.qff-brand-logo { display: block !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; margin: 0px !important; padding: 0px !important; object-fit: contain !important; float: none !important; }
body header.qff-unified-header > nav.qff-wap-menu { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 0px !important; width: 100% !important; max-width: none !important; height: 44px !important; float: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: none !important; box-sizing: border-box !important; }
body header.qff-unified-header > nav.qff-wap-menu > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important; gap: 5px !important; box-sizing: border-box !important; float: none !important; margin: 0px !important; padding: 10px 0px !important; height: 44px !important; min-height: 44px !important; line-height: 24px !important; font-size: 14px !important; color: rgb(255, 255, 255) !important; background: none !important; border: 0px !important; white-space: nowrap !important; text-decoration: none !important; }
body header.qff-unified-header > nav.qff-wap-menu > a > span { font: inherit !important; color: inherit !important; }
body header.qff-unified-header > nav.qff-wap-menu > a::before { display: none !important; }
body header.qff-unified-header > nav.qff-wap-menu svg { fill: none; stroke: currentcolor; stroke-width: 1.8; display: block !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; }
body header.qff-unified-header { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important; }
body header.qff-unified-header a.site-brand, body header.qff-unified-header nav.qff-wap-menu > a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important; letter-spacing: 0px !important; }
body header.qff-unified-header { width: 100vw !important; left: calc(50% - 50vw) !important; }
body > .hdTop { display: none !important; }
body header.qff-unified-header > nav.qff-wap-menu > a { position: relative !important; }
body header.qff-unified-header > nav.qff-wap-menu > a::after { content: none !important; }
body header.qff-unified-header > nav.qff-wap-menu > a[aria-current="page"]::after { content: "" !important; display: block !important; position: absolute !important; inset: auto 0px 0px !important; width: auto !important; height: 3px !important; margin: 0px !important; border: 0px !important; border-radius: 2px !important; background: rgb(255, 255, 255) !important; transform: none !important; opacity: 1 !important; }
body footer.qff-mobile-site-footer { box-sizing: border-box; width: 100%; height: auto; min-height: 0px; margin: 20px 0px 0px; padding: 18px 14px; background: rgb(234, 244, 252); border-top: 1px solid rgb(220, 235, 246); color: rgb(129, 150, 169); text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; font-size: 11px; line-height: 1.8; }
body footer.qff-mobile-site-footer p { display: block; float: none; width: auto; height: auto; margin: 0px; padding: 0px; font: inherit; color: inherit; white-space: normal; overflow-wrap: anywhere; }
body footer.qff-mobile-site-footer p + p { margin-top: 6px; }
body footer.qff-mobile-site-footer a { color: rgb(86, 135, 172); font: inherit; text-decoration: none; }
html { background: rgb(241, 245, 255) !important; }
body { min-height: 100vh; background: linear-gradient(rgb(203, 238, 255) 80px, rgb(232, 245, 255) 360px, rgb(241, 245, 255) 850px) no-repeat rgb(241, 245, 255) !important; }
body.qff-mobile-home .qm-home, body.qff-mobile-home .qm-hero { background: transparent !important; }
body.qff-mobile-home .qm-hero::before { content: none !important; }