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


@media (prefers-reduced-motion: reduce){* { scroll-behavior: auto !important; transition: none !important; }}

/* Source: /guides.css */
/* Domain-specific layout. No viewport-based device switching. */
.guides-page .wraper { width: calc(100% - 40px); max-width: 1200px; display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 20px; margin-inline: auto; }
.guides-page .wraper::before, .guides-page .wraper::after { content: none; }
.guides-page .contLeft, .guides-page .contRight { width: 100%; min-width: 0px; float: none; margin: 0px; }
.guides-page .nsList h1 { font-size: 26px; line-height: 1.5; font-weight: 700; color: rgb(53, 67, 82); padding: 22px 20px 8px; }
.guides-page .nsList .crumb { height: auto; line-height: 24px; padding: 8px 20px 16px; white-space: normal; color: rgb(139, 150, 164); }
.guides-page .nsList .crumb a { color: rgb(123, 137, 155); }
.guides-page .nsList ul li > a { display: grid; grid-template-columns: 220px minmax(0px, 1fr); gap: 20px; float: none; margin: 0px 20px; padding: 24px 0px; }
.guides-page .nsList li a img { float: none; width: 100%; height: auto; aspect-ratio: 261 / 145; object-fit: cover; margin: 0px; }
.guides-page .nsList li a div { width: 100%; height: auto; float: none; min-width: 0px; }
.guides-page .nsList li a div p:first-of-type { font-size: 19px; line-height: 28px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.guides-page .nsList li a div p:nth-of-type(2) { height: auto; max-height: 48px; line-height: 24px; margin-top: 8px; font-size: 13px; }
.guides-page .nsList li a div p:nth-of-type(3) { font-size: 12px; line-height: 22px; margin-top: 10px; }
.guides-page .nshRec ul li a { display: flex; gap: 12px; align-items: center; }
.guides-page .nshRec ul li a img { width: 86px; height: 58px; float: none; flex-shrink: 0; margin: 0px; }
.guides-page .nshRec ul li a p { min-width: 0px; flex: 1 1 0%; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.guides-page .gameRank ul li { width: 100%; }
.guides-page .gameRank ul li a { display: flex; align-items: center; gap: 8px; height: auto; padding: 14px 0px; }
.guides-page .gameRank ul li a > i { float: none; margin: 0px; flex-shrink: 0; }
.guides-page .gameRank ul li a img { width: 54px; height: 54px; float: none; margin: 0px; border-radius: 12px; flex-shrink: 0; }
.guides-page .gameRank ul li a div { width: auto; height: auto; float: none; min-width: 0px; flex: 1 1 0%; }
.guides-page .gameRank ul li a div p { font-size: 12px; text-overflow: ellipsis; }
.guides-page .gameRank ul li a div p:first-child { font-size: 14px; }
.guides-page .HotZt .apHtop { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.guides-page .HotZt .apHtop a { width: 100%; min-width: 0px; float: none; }
.guides-page .HotZt .apHtop a img { width: 100%; height: auto; aspect-ratio: 2 / 1; }
.guides-page .HotZt ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.guides-page .HotZt ul li { margin: 0px; min-width: 0px; float: none; }
.guides-page .HotZt ul li a { width: 100%; }
.guides-page .gamePage { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 0px; padding: 24px 16px; }
.guides-page .gamePage span { height: auto; line-height: inherit; }
.guides-page .gamePage > a, .guides-page .gamePage > span > a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; width: auto; height: auto; line-height: 24px; padding: 8px 12px; margin: 0px; border: 1px solid rgb(220, 229, 238); border-radius: 6px; background: white; color: rgb(80, 97, 118); }
.guides-page .gamePage a.current { color: white; background: rgb(41, 155, 243); border-color: rgb(41, 155, 243); }
.guides-page .gamePage a[href]:hover { color: rgb(22, 134, 218); background: rgb(237, 247, 255); border-color: rgb(41, 155, 243); }



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

.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; }



/* Source: /guides-pc.css */
/* Domain-specific layout. No viewport-based device switching. */
.qff-section-heading { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 18px; }
.qff-section-heading h2 { margin: 0px; font-size: 20px; line-height: 30px; color: rgb(41, 68, 91); font-weight: 650; }
.qff-section-heading > a { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgb(231, 245, 255); color: rgb(22, 143, 214); font-size: 21px; }
.qff-recent-list { display: grid; gap: 20px; }
.qff-recent-row { display: grid; grid-template-columns: 60px minmax(0px, 1fr) 46px; align-items: center; gap: 10px; }
.qff-recent-row > img { width: 60px; height: 60px; border-radius: 14px; object-fit: cover; }
.qff-recent-row > div { min-width: 0px; }
.qff-recent-row h3 { font-size: 14px; line-height: 22px; margin: 0px 0px 3px; font-weight: 500; color: rgb(50, 77, 102); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-recent-row p, .qff-recent-row time { display: block; font-size: 11px; line-height: 19px; color: rgb(145, 163, 181); margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-card-button { display: inline-flex; align-items: center; justify-content: center; height: 28px; min-width: 46px; border-radius: 15px; background: rgb(223, 242, 255); color: rgb(24, 142, 208); font-size: 12px; }
.qff-side-collection-list { display: grid; gap: 16px; }
.qff-side-collection { display: block; position: relative; isolation: isolate; overflow: hidden; border-radius: 20px; background: rgb(82, 133, 167); padding: 20px 16px; color: rgb(255, 255, 255); }
.qff-collection-backdrop { position: absolute; inset: -20px; width: calc(100% + 40px); height: calc(100% + 40px); object-fit: cover; filter: blur(18px); z-index: -2; }
.qff-side-collection::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(25, 48, 75, 0.46), rgba(40, 75, 104, 0.376)); z-index: -1; }
.qff-collection-foreground h3 { font-size: 19px; line-height: 27px; margin: 0px 0px 7px; font-weight: 600; color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.qff-collection-foreground p { font-size: 11px; line-height: 18px; color: rgb(240, 246, 251); margin: 0px 0px 20px; }
.qff-member-icons { display: flex; gap: 9px; min-height: 43px; }
.qff-member-icons img { width: calc(20% - 7.2px); aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; max-width: 46px; }
body.qff-pc-guides { min-width: 1000px; }
.qff-pc-guides .qff-guides-crumb { width: calc(100% - 40px); max-width: 1200px; margin: 20px auto 14px; color: rgb(146, 163, 179); font-size: 13px; line-height: 22px; }
.qff-guides-crumb a { color: rgb(115, 144, 167); }
.qff-pc-guides .qff-guides-layout { display: grid; grid-template-columns: minmax(0px, 1fr) 340px; gap: 14px; width: calc(100% - 40px); max-width: 1200px; margin: 0px auto 24px; padding: 0px; align-items: start; }
.qff-pc-guides .qff-guides-layout::before, .qff-pc-guides .qff-guides-layout::after { content: none; }
.qff-pc-guides .contLeft, .qff-pc-guides .contRight { width: 100%; min-width: 0px; float: none; padding: 0px; margin: 0px; }
.qff-pc-guides .contRight { display: flex; flex-direction: column; gap: 14px; }
.qff-pc-guides .contRight > section, .qff-pc-guides .nsList { background: rgb(255, 255, 255); border: 1px solid rgb(231, 239, 247); border-radius: 18px; overflow: hidden; margin: 0px; padding: 18px; }
.qff-pc-guides .nsList { padding: 0px; }
.qff-pc-guides .nsList > h1 { font-size: 22px; line-height: 30px; font-weight: 650; padding: 20px 22px; margin: 0px; border-bottom: 1px solid rgb(238, 243, 248); color: rgb(41, 68, 91); }
.qff-pc-guides .nsList .qff-news-list { padding: 0px 22px; margin: 0px; list-style: none; }
.qff-pc-guides .nsList .qff-news-list > li { padding: 0px; margin: 0px; float: none; width: auto; border: 0px; }
.qff-pc-guides .qff-news-list > li + li { border-top: 1px solid rgb(238, 243, 248) !important; }
.qff-pc-guides .nsList .qff-news-row { display: grid; grid-template-columns: 190px minmax(0px, 1fr); gap: 20px; padding: 22px 0px; margin: 0px; align-items: start; height: auto; }
.qff-pc-guides .nsList .qff-news-row > img { display: block; float: none; width: 190px; height: 120px; object-fit: cover; border-radius: 14px; margin: 0px; }
.qff-pc-guides .qff-news-copy { min-width: 0px; display: flex; flex-direction: column; min-height: 120px; padding: 0px; float: none; width: auto; }
.qff-pc-guides .qff-news-copy h2 { font-size: 18px; font-weight: 650; line-height: 26px; margin: 0px 0px 8px; color: rgb(41, 68, 91); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.qff-pc-guides .nsList .qff-news-summary { font-size: 13px; line-height: 22px; color: rgb(122, 143, 163); margin: 0px 0px 10px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: auto; }
.qff-pc-guides .nsList .qff-news-meta { display: flex; gap: 10px; margin: auto 0px 0px; font-size: 12px; line-height: 19px; color: rgb(160, 175, 189); white-space: normal; height: auto; }
.qff-pc-guides .gamePage { padding: 18px 16px; border-top: 1px solid rgb(238, 243, 248); margin: 0px; }
.qff-pc-guides .gamePage nav { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; }
.qff-pc-guides .gamePage a { display: block; padding: 6px 12px; border-radius: 7px; border: 1px solid rgb(220, 236, 248); color: rgb(89, 131, 163); line-height: 22px; }
.qff-pc-guides .gamePage a.current { background: rgb(32, 158, 233); border-color: rgb(32, 158, 233); color: white; }
.qff-pc-guides .qff-section-heading { margin-bottom: 12px; }
.qff-pc-guides .qff-recent-list { gap: 14px; }
.qff-pc-guides .qff-side-collection { padding: 16px 14px; }
.qff-pc-guides .qff-side-collection-list { gap: 12px; }
.qff-pc-guides .qff-collection-foreground p { margin-bottom: 14px; }

.qff-pc-guides .nsList .qff-news-copy .qff-news-summary { font-size: 13px !important; font-weight: 400 !important; line-height: 22px !important; color: rgb(122, 143, 163) !important; }
.qff-pc-guides .nsList .qff-news-copy .qff-news-meta { font-size: 12px !important; font-weight: 400 !important; line-height: 19px !important; }
.qff-pc-guides .qff-guides-crumb { box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(231, 239, 247); border-radius: 14px; padding: 12px 22px; color: rgb(129, 150, 169); box-shadow: rgba(36, 73, 106, 0.01) 0px 2px 5px; }
.qff-pc-guides .qff-guides-crumb a { color: rgb(95, 128, 155); }

/* Source: /brand-logo.css */
/* Domain-specific layout. No viewport-based device switching. */
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: 0px; padding: 0px; border: 0px; border-radius: 0px; background: none; }


/* Source: /site-shell.css */
/* Shared site shell. Preserves original cascade order. */
body.qff-pc-shell { background-image: url("/assets/imags.lsrc.cn/v2/pc/images/bgone.png") !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; background-size: max(1200px, 100%) auto !important; margin: 0px !important; padding: 0px !important; }
body.qff-pc-shell > header.qff-pc-header { box-sizing: border-box; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; width: calc(100% - 40px) !important; max-width: 1200px !important; height: 103px !important; min-height: 103px !important; margin: 0px auto !important; padding: 0px !important; background: none !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; gap: 20px !important; font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif !important; }
body.qff-pc-shell > header.qff-pc-header::before, body.qff-pc-shell > header.qff-pc-header::after { content: none !important; }
body header.qff-pc-header > a.site-brand { flex: 0 0 auto; white-space: nowrap; display: flex !important; align-items: center !important; gap: 10px !important; float: none !important; width: auto !important; height: 48px !important; margin: 31px 0px 0px !important; padding: 0px !important; font: 700 30px / 20px "Microsoft Yahei", Arial, sans-serif !important; letter-spacing: 0px !important; color: rgb(255, 255, 255) !important; }
body header.qff-pc-header .site-brand > span { font: inherit; color: inherit; }
body header.qff-pc-header .site-brand > img.qff-brand-logo { display: block !important; float: none !important; width: 48px !important; height: 48px !important; flex: 0 0 48px !important; object-fit: contain !important; margin: 0px !important; padding: 0px !important; }
body header.qff-pc-header > nav { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 18px !important; width: auto !important; float: none !important; margin: 26px 0px 0px !important; padding: 0px !important; height: 45px !important; background: none !important; border: 0px !important; }
body header.qff-pc-header > nav > a { box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; float: none !important; white-space: nowrap !important; margin: 0px !important; padding: 10px 8px !important; height: 45px !important; font: 400 16px / 20px "Microsoft Yahei", Arial, sans-serif !important; color: rgb(255, 255, 255) !important; background: none !important; text-decoration: none !important; }
body header.qff-pc-header > nav > a::before { width: 20px; height: 25px; background: url("/assets/imags.lsrc.cn/v2/pc/images/icon.png") 0% 0% / 1000px 1000px no-repeat; content: "" !important; display: block !important; flex: 0 0 auto !important; zoom: 1 !important; }
body header.qff-pc-header > nav > a:nth-child(1)::before { background-position: -15px -5px; height: 22px; }
body header.qff-pc-header > nav > a:nth-child(2)::before { background-position: -49px -5px; width: 27px; height: 22px; }
body header.qff-pc-header > nav > a:nth-child(3)::before { background-position: -91px -5px; }
body header.qff-pc-header > nav > a:nth-child(4)::before { background-position: -204px -5px; }
body header.qff-pc-header > nav > a:nth-child(5)::before { background-position: -125px -5px; }
body footer.qff-pc-site-footer { box-sizing: border-box; width: 100%; height: auto; min-height: 0px; margin: 28px 0px 0px; padding: 24px 20px; background: rgb(234, 243, 251); border-top: 1px solid rgb(220, 232, 243); text-align: center; font: 12px / 1.9 "Microsoft Yahei", Arial, sans-serif; color: rgb(125, 145, 164); }
body footer.qff-pc-site-footer p { float: none; width: auto; height: auto; margin: 0px; padding: 0px; font: inherit; color: inherit; white-space: normal; overflow-wrap: anywhere; }
body footer.qff-pc-site-footer p + p { margin-top: 5px; }
body footer.qff-pc-site-footer a { color: rgb(84, 130, 166); font: inherit; text-decoration: none; }
body.qff-pc-shell { min-width: 1000px !important; }
body.qff-pc-shell > header.qff-pc-header + div, body.qff-pc-shell > header.qff-pc-header + main { margin-top: 0px !important; }
body.qff-pc-shell > header.qff-pc-header + .wraper > .gameNav:first-child { margin-top: 0px !important; }
body.qff-pc-shell.qff-home .Hot, body.qff-pc-shell.qff-home .qff-slideshow, body.qff-pc-shell.qff-home .qff-editorial, body.qff-pc-shell.qff-home .hotTab, body.qff-pc-shell.qff-home .hotTab > .tab_cont, body.qff-pc-shell.qff-home .hotTopic, body.qff-pc-shell.qff-home .index_Rank, body.qff-pc-shell.qff-home .index_Rank .irList { border-radius: 18px !important; }
body.qff-pc-shell.qff-home .Hot, body.qff-pc-shell.qff-home .qff-slideshow { overflow: hidden; }
.qff-pc-location { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; white-space: nowrap; font-size: 13px; font-weight: 400; line-height: 22px; color: rgb(146, 165, 183); }
.qff-pc-location svg { display: inline-block; width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body.qff-pc-shell .qff-pc-list-crumb { box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(231, 239, 247); border-radius: 18px; padding: 12px 20px; margin: 0px 0px 14px; font-size: 13px; line-height: 22px; color: rgb(146, 165, 183); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qff-pc-list-crumb a { color: rgb(115, 144, 167); }
body.qff-pc-shell .qff-pc-list-crumb + .gameNav { margin-top: 0px !important; }
.qff-pc-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-pc-detail .gameCont .con h3::before, .qff-pc-detail .gameCont .con h3::after { content: none !important; display: none !important; }
.qff-pc-detail .gameCont .con h3 span, .qff-pc-detail .gameCont .con h3 strong, .qff-pc-detail .gameCont .con h3 b { font-size: inherit !important; line-height: inherit !important; color: inherit !important; background: transparent !important; }