/* Source: /mobile-catalogue.css */
/* Domain-specific layout. No viewport-based device switching. */
* { box-sizing: border-box; }
html { min-width: 0px; background: rgb(238, 245, 255); }
body { margin: 0px; color: rgb(37, 59, 82); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; background: linear-gradient(rgb(203, 238, 255) 80px, rgb(232, 245, 255) 360px, rgb(241, 245, 255) 850px); font-size: 14px; line-height: 1.5; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
ul { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, p { margin: 0px; }
a:focus-visible { outline: rgb(8, 124, 205) solid 3px; outline-offset: 3px; }
.mobile-header { padding: 16px 16px 0px; background: linear-gradient(110deg, rgb(0, 142, 255), rgb(8, 175, 242)); color: rgb(255, 255, 255); }
.site-brand { display: inline-block; font-size: 22px; line-height: 30px; font-weight: 750; margin-bottom: 12px; }
.qff-wap-menu { display: flex; justify-content: space-between; gap: 8px; max-width: 680px; margin: auto; }
.qff-wap-menu a { display: flex; align-items: center; gap: 4px; position: relative; padding: 8px 0px 13px; font-size: 14px; white-space: nowrap; }
.qff-wap-menu a[aria-current="page"] { font-weight: 700; }
.qff-wap-menu a[aria-current="page"]::after { content: ""; position: absolute; bottom: 0px; left: 15%; right: 15%; height: 3px; background: rgb(255, 255, 255); border-radius: 3px; }
.qff-wap-menu svg { width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
main { max-width: 704px; margin: 14px auto 0px; padding: 0px 12px; }
.category-panel, .list-panel { padding: 16px 12px; margin-bottom: 14px; border: 1px solid rgb(255, 255, 255); border-radius: 18px; background: rgba(255, 255, 255, 0.74); box-shadow: rgba(50, 115, 172, 0.024) 0px 5px 18px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; min-width: 0px; }
.section-heading h1, .section-heading h2 { font-size: 18px; font-weight: 700; color: rgb(36, 67, 90); line-height: 26px; min-width: 0px; overflow-wrap: anywhere; }
.section-heading > span { color: rgb(138, 160, 181); font-size: 11px; white-space: nowrap; }
.category-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 9px 8px; }
.category-grid li { min-width: 0px; }
.category-grid a { display: flex; align-items: center; justify-content: center; min-height: 38px; padding: 7px 3px; border: 1px solid rgb(210, 234, 249); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(96, 119, 142); font-size: 13px; text-align: center; overflow-wrap: anywhere; }
.category-grid a.selected { color: rgb(255, 255, 255); font-weight: 650; border-color: transparent; background: linear-gradient(115deg, rgb(35, 159, 246), rgb(68, 203, 234)); box-shadow: rgba(38, 159, 243, 0.13) 0px 3px 8px; }
.category-grid a:not(.selected):hover { background: rgb(237, 248, 255); color: rgb(22, 140, 217); }
.list-panel .section-heading { margin-bottom: 4px; }
.mobile-app-list li + li { border-top: 1px solid rgb(232, 240, 247); }
.app-row { display: grid; grid-template-columns: 76px minmax(0px, 1fr) 52px; align-items: center; gap: 10px; padding: 17px 0px; }
.app-icon { display: block; width: 76px; height: 76px; object-fit: cover; border-radius: 18px; background: rgb(233, 243, 250); }
.app-text { min-width: 0px; }
.app-text h3 { font-size: 15px; font-weight: 600; line-height: 22px; color: rgb(36, 59, 80); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.app-size { color: rgb(135, 152, 169); font-size: 12px; line-height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.app-text time { display: block; font-size: 11px; line-height: 18px; color: rgb(152, 167, 183); }
.app-summary { font-size: 12px; line-height: 19px; color: rgb(152, 167, 183); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-button { display: block; text-align: center; line-height: 30px; border-radius: 18px; background: rgb(230, 245, 255); color: rgb(36, 157, 233); font-size: 13px; }
.app-row:hover .view-button { background: rgb(213, 237, 255); }
.pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 16px 0px 2px; border-top: 1px solid rgb(232, 240, 247); }
.pagination > a, .pagination > span[aria-disabled] { display: block; padding: 9px 12px; border-radius: 12px; text-align: center; font-size: 13px; }
.pagination > a { background: rgb(230, 244, 255); color: rgb(29, 149, 229); }
.pagination > span[aria-disabled] { background: rgb(240, 244, 248); color: rgb(181, 193, 203); }
.page-number { font-size: 12px; color: rgb(124, 146, 166); }
.empty-state { text-align: center; padding: 40px 12px; color: rgb(139, 160, 177); font-size: 13px; }
footer { text-align: center; padding: 12px 16px 26px; color: rgb(140, 162, 183); font-size: 12px; }
footer a { display: inline-block; padding: 12px; color: rgb(88, 133, 165); }

.category-toggle { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; border: 0px; padding: 8px 0px 8px 8px; background: transparent; color: rgb(100, 152, 186); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; cursor: pointer; }
.category-toggle[hidden] { display: none; }
.category-toggle svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.6; transition: transform 0.18s; }
.category-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.category-toggle:focus-visible { outline: rgb(8, 124, 205) solid 3px; outline-offset: 3px; border-radius: 4px; }
.category-panel.is-collapsed .category-grid li:nth-child(n+9) { display: none; }

/* 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; }