.tf-game-widget{--tf-game-accent:var(--focus-color,#378fff);--tf-apg-card-radius:8px;position:relative;padding:24px 0;isolation:isolate}.tf-game-widget .tf-apg-board-bg{width:100%;max-width:100%;height:100%}.tf-game-inner{position:relative;z-index:1;padding:0 22px;container:tf-game/inline-size}.tf-game-header{text-align:center;margin-bottom:20px}.tf-game-header .tf-apg-title-row{gap:14px}.tf-game-header h2{color:var(--key-color,#30343b);font-size:clamp(22px,2.6vw,30px);font-weight:600;margin:8px 0;line-height:1.5}.tf-game-header p{color:var(--muted-color,#7c8493);font-size:14px;margin:0}.tf-game-tabs{display:flex;gap:16px;padding:10px 1px 16px;overflow-x:auto;scrollbar-width:thin}.tf-game-tab{position:relative;display:flex;align-items:center;flex:1 0 210px;min-width:0;border:1px solid rgba(100,156,246,.16);border-radius:10px;background:color-mix(in srgb,var(--main-bg-color,#fff) 80%,transparent);color:var(--key-color,#252b3a);padding:6px 16px 6px 12px;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s}.tf-game-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--tf-game-accent) 60%,transparent);background:color-mix(in srgb,var(--tf-game-accent) 7%,var(--main-bg-color,#fff))}.tf-game-tab:after{content:'';position:absolute;left:24px;right:24px;bottom:-1px;height:2px;background:0 0}.tf-game-tab[aria-selected=true]:after{background:linear-gradient(90deg,transparent,var(--tf-game-accent),transparent)}.tf-game-tab-art{position:relative;display:block;flex:0 0 92px;width:92px;height:66px;pointer-events:none}.tf-game-tab-art>img{width:100%;height:100%;object-fit:contain;background:0 0}.tf-game-sprite{position:absolute;left:0;top:-2px;display:block;background-image:url("https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01H1ZRt51QbInaeKQcA_!!2210123621994.png");background-repeat:no-repeat;background-size:1500px 2500px;transform:scale(.4);transform-origin:left top}.tf-game-sprite-1{width:208px;height:164px;background-position:-10px -976px}.tf-game-sprite-2{width:224px;height:166px;background-position:-308px -1132px}.tf-game-sprite-3{width:244px;height:169px;background-position:-472px -976px}.tf-game-tab-copy{min-width:0;padding-left:5px}.tf-game-tab-copy strong{display:block;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.tf-game-tab-copy small{display:block;font-size:11px;color:var(--muted-color,#8b929f);margin-top:3px;overflow-wrap:anywhere}.tf-game-tab[aria-selected=true] strong{color:var(--tf-game-accent)}.tf-game-panel[hidden]{display:none !important}.tf-game-panel.is-entering{animation:tf-game-enter .25s ease-out both}.tf-game-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:var(--key-color,#30343b);padding:0 0 14px}.tf-game-panel-heading>span{display:flex;align-items:center;gap:6px}.tf-game-panel-heading>span:before{content:'#';font-size:18px;font-weight:700;color:var(--tf-game-accent);margin-right:2px}.tf-game-panel-heading small{font-size:12px;color:var(--muted-color,#7c8493)}.tf-game-more{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:84px;border:1px solid var(--tf-game-accent);border-radius:4px;padding:5px 12px;color:var(--tf-game-accent);font-size:12px;line-height:1.4;text-decoration:none !important}.tf-game-more:hover{background:color-mix(in srgb,var(--tf-game-accent) 8%,transparent)}.tf-game-widget .tf-game-list{display:grid;grid-template-columns:repeat(var(--tf-game-cols,5),minmax(0,1fr));gap:16px;padding:0;margin:0;overflow:visible}.tf-game-list>.tf-game-card{container:tf-game-card/inline-size;display:block;min-width:0;width:100%;height:100%;padding:10px 11px 12px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:var(--tf-game-card-bg) center/cover no-repeat,var(--main-bg-color,rgba(255,255,255,.82));box-shadow:none;transition:border-color .2s}.tf-game-list>.tf-game-card:hover{border-color:color-mix(in srgb,var(--tf-game-accent) 38%,transparent)}.tf-game-list>.tf-game-card{background-image:var(--tf-game-card-bg),linear-gradient(145deg,#e4f2ff 0,rgba(236,245,255,.7) 13%,rgba(255,255,255,.85) 37%)}.tf-game-card .tf-apg-card-tools{height:21px;margin:0 0 7px;gap:6px}.tf-game-card .tf-apg-dot{width:9px;height:9px;flex-basis:9px}.tf-game-update-icon{margin-left:auto;color:#17abe3;font-size:20px;line-height:1}.tf-game-card .tf-apg-date{font-size:11px;color:var(--muted-color,#748093)}.tf-game-cover.item-thumbnail{aspect-ratio:16/10;margin-bottom:10px !important;overflow:hidden;border-radius:7px}.tf-game-cover .tf-game-rank{position:absolute;z-index:3;left:0;top:0;display:flex;gap:3px;align-items:baseline;padding:5px 9px;border-radius:7px 0 10px;color:#fff;background:linear-gradient(125deg,#95a4b9,#687c97);font-size:16px;font-weight:700;line-height:1.2;pointer-events:none}.tf-game-rank small{font-size:9px;font-weight:600}.tf-game-cover .tf-game-rank-top{background:linear-gradient(125deg,#ffb761,#ff775c)}.tf-game-cover.item-thumbnail>.tf-game-category{position:absolute;z-index:3;inset:0 0 auto auto;display:block;width:auto;max-width:58%;padding:5px 8px;border-radius:0 7px 0 10px;background:linear-gradient(125deg,#79cfff,#4591ff);color:#fff;font-size:10px;line-height:1.65;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none}.tf-game-card .tf-apg-card-title.item-heading{font-size:14px;font-weight:500;line-height:1.55;min-height:44px;margin-bottom:8px !important}.tf-game-card .tengfei-title-badge{display:inline;font-size:.8em;padding:1px 3px;margin-right:3px;border-radius:3px}.tf-game-tags{display:flex;align-items:center;gap:5px;overflow:auto;white-space:nowrap;min-height:25px;margin-bottom:9px;scrollbar-width:none}.tf-game-tags::-webkit-scrollbar{display:none}.tf-game-tags a,.tf-game-spec{flex:0 0 auto;max-width:100%;padding:3px 6px;background:rgba(130,144,163,.09);border-radius:4px;color:var(--muted-color,#758090);font-size:10px;overflow:hidden;text-overflow:ellipsis}.tf-game-tags a>span{color:var(--tf-game-accent);font-weight:700}.tf-game-tags a:hover{color:var(--tf-game-accent)}.tf-game-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:24px;margin-top:auto;color:var(--muted-2-color,#9299a3);font-size:11px}.tf-game-updated{white-space:nowrap}.tf-game-stats,.tf-game-stats>span,.tf-game-stats>a{display:inline-flex;align-items:center;gap:4px;color:inherit}.tf-game-stats{gap:9px}.tf-game-stats svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.tf-game-empty{padding:40px 16px;text-align:center;color:var(--muted-color,#7c8493);font-size:13px}.tf-game-widget :is(button,a,[role=tabpanel]):focus-visible{outline:2px solid var(--tf-game-accent);outline-offset:3px}:is(.dark-theme,.io-black-mode,.night,[data-theme=dark]) .tf-game-list>.tf-game-card{background:var(--main-bg-color,#20242c);border-color:rgba(255,255,255,.08)}@container tf-game (max-width:1000px){.tf-game-widget .tf-game-list{grid-template-columns:repeat(min(var(--tf-game-cols,5),4),minmax(0,1fr))}}@container tf-game (max-width:760px){.tf-game-widget .tf-game-list{grid-template-columns:repeat(min(var(--tf-game-cols,5),3),minmax(0,1fr))}}@container tf-game (max-width:570px){.tf-game-widget .tf-game-list{grid-template-columns:repeat(min(var(--tf-game-cols,5),2),minmax(0,1fr));gap:10px}.tf-game-panel-heading small{display:none}.tf-game-list>.tf-game-card{padding:7px}}@container tf-game (max-width:310px){.tf-game-widget .tf-game-list{grid-template-columns:minmax(0,1fr)}}@container tf-game-card (max-width:180px){.tf-game-card .tf-apg-dot{width:7px;height:7px;flex-basis:7px}.tf-game-card .tf-apg-card-tools{gap:4px}.tf-game-card .tf-apg-date{font-size:9px}.tf-game-update-icon{font-size:15px}.tf-game-cover .tf-game-rank{padding:4px 6px;font-size:12px}.tf-game-cover.item-thumbnail>.tf-game-category{padding:4px 6px;font-size:9px}.tf-game-stats{gap:5px}}@media (max-width:600px){.tf-game-inner{padding:0 10px}.tf-game-widget{padding:16px 0}.tf-game-header{margin-bottom:12px}.tf-game-header p{font-size:12px}.tf-game-header .tf-apg-title-mark{width:35px;flex-basis:35px}.tf-game-header .tf-apg-title-row{gap:8px}.tf-game-tab{flex-basis:200px}}@keyframes tf-game-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tf-game-widget *,.tf-game-widget *:after{animation:none !important;transition:none !important}}