/* 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: /topic-detail.css */
/* Domain-specific layout. No viewport-based device switching. */
.topic-detail-page .wraper { width: calc(100% - 40px); max-width: 1200px; margin-inline: auto; }
.topic-detail-page .ztIntro .crumb { height: auto; line-height: 24px; padding: 12px 20px; white-space: normal; overflow-wrap: anywhere; }
.topic-detail-page .ztIntro .cont { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.8fr); gap: 24px; padding: 24px; }
.topic-detail-page .ztIntro .cont > img { float: none; width: 100%; height: auto; aspect-ratio: 379 / 168; object-fit: cover; margin: 0px; border-radius: 8px; }
.topic-detail-page .ztIntro .cont > div { float: none; width: auto; min-width: 0px; overflow: visible; }
.topic-detail-page .ztIntro .cont > div h1 { width: 100%; max-width: none; padding: 0px; height: auto; line-height: 1.5; font-size: 27px; white-space: normal; }
.topic-detail-page .ztIntro .cont > div > div:first-of-type { height: auto; padding: 0px; margin: 10px 0px; line-height: 28px; overflow: visible; }
.topic-detail-page .ztIntro .cont > div > div:nth-of-type(2) { height: auto; max-height: none; padding: 0px; margin: 12px 0px; overflow: visible; font-size: 14px; line-height: 1.9; color: rgb(109, 121, 136); }
.topic-detail-page .ztIntro .cont > div > label { float: none; display: block; margin: 12px 0px 4px; }
.topic-detail-page .ztIntro .cont > div > a { height: auto; min-height: 36px; line-height: 36px; max-width: 100%; margin-right: 12px; }
.topic-detail-page .tdList h2 { font-size: 23px; line-height: 36px; font-weight: 700; color: rgb(53, 67, 82); margin-bottom: 16px; }
.topic-detail-page .tdList h2 span { font-size: 13px; font-weight: 400; color: rgb(139, 150, 165); margin-left: 12px; }
.topic-detail-page .tdList ul { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
.topic-detail-page .tdList ul::before, .topic-detail-page .tdList ul::after { content: none; }
.topic-detail-page .tdList li { min-width: 0px; }
.topic-detail-page .tdList li a { display: grid; grid-template-columns: 84px minmax(0px, 1fr); gap: 12px 16px; float: none; width: 100%; height: 100%; margin: 0px; padding: 20px; border: 1px solid rgb(231, 237, 243); }
.topic-detail-page .tdList a img { float: none; width: 84px; height: 84px; margin: 0px; border-radius: 16px; }
.topic-detail-page .tdList a > div { float: none; width: 100%; height: auto; min-width: 0px; }
.topic-detail-page .tdList a > div p:first-of-type { font-size: 17px; line-height: 26px; height: auto; padding-right: 10px; }
.topic-detail-page .tdList a > div p:nth-of-type(2) { font-size: 12px; line-height: 24px; }
.topic-detail-page .tdList a > div p span { margin: 0px 4px 0px 0px; }
.topic-detail-page .tdList a > div > span { width: 80px; min-height: 32px; line-height: 30px; margin-top: 8px; font-size: 13px; }
.topic-detail-page .tdList a > p { grid-column: 1 / -1; float: none; height: auto; max-height: 66px; padding: 0px; font-size: 13px; line-height: 22px; letter-spacing: 0px; -webkit-line-clamp: 3; }
.topic-detail-page .HotTags { width: 100%; margin-top: 24px; border-radius: 8px; }
.topic-detail-page .HotTags > div:last-child { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.topic-detail-page .HotTags > div:last-child a { width: auto; max-width: 100%; float: none; margin: 0px; min-height: 36px; line-height: 36px; padding-inline: 14px; }
.topic-detail-page .ztIntro .cont { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.4fr); gap: 20px; }
.topic-detail-page .tdList ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.topic-detail-page .wraper { width: 100%; padding: 14px; }
.topic-detail-page .ztIntro { margin-bottom: 24px; }
.topic-detail-page .ztIntro .crumb { padding: 10px 16px; font-size: 12px; }
.topic-detail-page .ztIntro .cont { grid-template-columns: 1fr; padding: 16px; gap: 16px; }
.topic-detail-page .ztIntro .cont > div h1 { font-size: 22px; }
.topic-detail-page .ztIntro .cont > div > div:nth-of-type(2) { font-size: 13px; line-height: 1.85; }
.topic-detail-page .tdList ul { grid-template-columns: 1fr; gap: 12px; }
.topic-detail-page .tdList li a { padding: 16px; grid-template-columns: 72px minmax(0px, 1fr); gap: 12px; }
.topic-detail-page .tdList a img { width: 72px; height: 72px; }
.topic-detail-page .tdList a > div p:first-of-type { font-size: 16px; }
.topic-detail-page .tdList a > div > span { margin-top: 4px; }
.topic-detail-page .HotTags { padding: 16px; }

/* 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: /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: /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: /collection-detail-mobile.css */
/* Domain-specific layout. No viewport-based device switching. */
body.qff-mobile-collection-detail { min-width: 0px; background: rgb(238, 247, 255); }
.qff-mobile-collection-page { width: calc(100% - 16px); max-width: 744px; margin: 12px auto 20px; color: rgb(41, 68, 91); }
.qff-collection-breadcrumb { padding: 12px 14px; background: rgb(255, 255, 255); border-radius: 14px; font-size: 12px; line-height: 21px; color: rgb(148, 168, 185); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; }
.qff-collection-breadcrumb a { color: rgb(104, 141, 169); }
.qff-mobile-collection-hero { background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; }
.qff-collection-cover { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
.qff-collection-description { padding: 14px 16px 16px; }
.qff-collection-description h1 { margin: 0px 0px 6px; font-size: 19px; line-height: 28px; font-weight: 700; overflow-wrap: anywhere; }
.qff-collection-description time { font-size: 12px; line-height: 20px; color: rgb(151, 169, 186); }
.qff-collection-description p { font-size: 13px; line-height: 22px; color: rgb(120, 140, 158); margin: 7px 0px 0px; overflow-wrap: anywhere; }
.qff-collection-members, .qff-mobile-collection-page .qff-mobile-articles { padding: 16px 12px; background: rgb(255, 255, 255); border-radius: 18px; margin-top: 14px; }
.qff-collection-members > h2 { margin: 0px 0px 12px; font-size: 18px; line-height: 26px; font-weight: 650; }
.qff-collection-member-list { display: grid; gap: 18px; }
.qff-collection-member { display: grid; grid-template-columns: 70px minmax(0px, 1fr) 62px; gap: 12px; align-items: center; }
.qff-collection-member > img { display: block; width: 70px; height: 70px; object-fit: cover; border-radius: 17px; }
.qff-collection-member-copy { min-width: 0px; }
.qff-collection-member h3 { font-size: 15px; line-height: 23px; font-weight: 650; margin: 0px 0px 5px; color: rgb(41, 68, 91); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-collection-member p { font-size: 12px; line-height: 19px; color: rgb(148, 167, 184); margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-collection-member time { display: block; font-size: 11px; line-height: 19px; color: rgb(154, 175, 191); white-space: nowrap; }
.qff-collection-view { border: 1px solid rgb(35, 159, 255); color: rgb(22, 156, 240); border-radius: 20px; text-align: center; font-size: 13px; line-height: 27px; }
.qff-mobile-collection-page .qff-m-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.qff-mobile-collection-page .qff-m-heading h2 { margin: 0px; font-size: 18px; line-height: 26px; color: rgb(41, 68, 91); font-weight: 650; }
.qff-mobile-collection-page .qff-m-heading > a { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(228, 244, 255); color: rgb(23, 143, 210); font-size: 19px; }
.qff-mobile-collection-page .qff-mobile-article-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 10px; }
.qff-mobile-article-grid > a { min-width: 0px; }
.qff-mobile-article-grid img { display: block; width: 100%; aspect-ratio: 1.75 / 1; object-fit: cover; border-radius: 9px; }
.qff-mobile-article-grid h3 { font-size: 12px; font-weight: 500; line-height: 18px; height: 36px; color: rgb(52, 78, 101); margin: 5px 0px 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.qff-mobile-article-grid time { font-size: 10px; line-height: 15px; color: rgb(155, 173, 189); }



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