.wrap[data-v-8d2db314]{position:relative;width:250px}@media (max-width: 640px){.wrap[data-v-8d2db314]{width:100%}}.search-input-wrap[data-v-8d2db314]{overflow:hidden;position:relative;width:100%}.search-input[data-v-8d2db314]{flex:1;width:100%;padding:14px 48px 14px 14px;border:none;border-radius:4px;font-weight:700;background:#f3f3f7}.search-icon-wrap[data-v-8d2db314]{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:5px;padding:0 12px;border-radius:3px;color:#fff;background:var(--primary)}.result-wrap[data-v-8d2db314]{overflow:hidden;position:absolute;z-index:999;top:100%;left:0;right:0;margin-top:4px;padding:16px;border-radius:4px;color:var(--primary);background:#fff;transform:translateY(4px)}.result-wrap[data-v-8d2db314]>*+*{margin-top:10px}.result-game[data-v-8d2db314]{display:flex;align-items:center}.result-game img[data-v-8d2db314]{width:50px;height:50px;margin-right:10px}.dialog-wrap[data-v-7639a04c]{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#0008}.dialog-bg[data-v-7639a04c]{position:absolute;top:0;right:0;bottom:0;left:0}.cate-wrap[data-v-3442ce02]{display:flex;margin:0 40px 0 auto;font-size:12px;font-weight:700}@media (max-width: 640px){.cate-wrap[data-v-3442ce02]{flex-direction:column}}.cate[data-v-3442ce02]{display:flex;align-items:center;border-radius:12px;color:#fff;text-align:center;transition:all .3s ease}.cate[data-v-3442ce02]:before{content:"";display:block;height:6px;width:6px;margin:0 24px;border-radius:6px;background:#ddd}.cate[data-v-3442ce02]:nth-child(n+7){display:none}@media (max-width: 640px){.cate[data-v-3442ce02]:nth-child(n+7){display:flex}}@media (max-width: 640px){.cate[data-v-3442ce02]{padding:20px 0}.cate[data-v-3442ce02]:before{display:none}}.cate[data-v-3442ce02]:first-child:before{display:none}.cate.active[data-v-3442ce02]{color:var(--primary)}@media (any-hover: hover){.cate[data-v-3442ce02]:hover{color:var(--primary)}}.cate svg[data-v-3442ce02]{margin-right:6px}.search-wrap[data-v-a27b1f2e]{position:relative;z-index:40;display:flex;width:100%;max-width:600px;height:100%}.search-content[data-v-a27b1f2e]{overflow-y:auto;width:90%;height:100%;padding:20px;background:#1a1a1af2}.close[data-v-a27b1f2e]{margin-bottom:20px;color:#fff;text-align:right;cursor:pointer}[data-v-a27b1f2e] .cate-wrap{margin-top:30px;color:#fff}.header-bg[data-v-7b2bd2e4]{flex:none;height:84px;border-bottom:3px solid var(--primary);background:#1a1a1a}@media (max-width: 640px){.header-bg[data-v-7b2bd2e4]{height:64px}.header-bg .cate-group-wrap[data-v-7b2bd2e4]{display:none}}.header[data-v-7b2bd2e4]{display:flex;justify-content:space-between;align-items:center;width:1300px;height:84px;margin:0 auto;padding:0 10px}@media (max-width: 640px){.header[data-v-7b2bd2e4]{width:100%;height:64px;padding:0 10px}}.logo[data-v-7b2bd2e4]{flex:none;display:flex;height:30px}.logo img[data-v-7b2bd2e4]{object-fit:contain}.header-search[data-v-7b2bd2e4]{flex:none}@media (max-width: 640px){.header-search[data-v-7b2bd2e4]{display:none}}.menu-wrap[data-v-7b2bd2e4]{display:none;color:#fff;cursor:pointer}@media (max-width: 640px){.menu-wrap[data-v-7b2bd2e4]{display:flex}}.footer-wrap[data-v-c48d48fd]{margin-top:20px;color:#797979;font-size:12px;background:#1d1d1d}.footer[data-v-c48d48fd]{margin:0 auto;max-width:1300px;padding:24px 10px;text-align:center}.footer a[data-v-c48d48fd]{margin:0 10px;transition:all .3s ease}@media (any-hover: hover){.footer a[data-v-c48d48fd]:hover{color:var(--primary)}}@media (max-width: 640px){.footer a[data-v-c48d48fd]{text-align-last:left}}.footer p[data-v-c48d48fd]{margin-top:15px}@media (max-width: 640px){.footer p[data-v-c48d48fd]{font-size:12px}}.main-wrapper{width:1300px;flex:1;margin:0 auto;padding:20px 10px 0}@media (max-width: 640px){.main-wrapper{width:100%;padding:10px 10px 0}}.title[data-v-621d785b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff}.title span[data-v-621d785b]{font-size:30px;font-weight:900}.title a[data-v-621d785b]{font-size:12px;transition:all .3s ease 0s}@media (any-hover: hover){.title a[data-v-621d785b]:hover{color:var(--primary)}}.games-grid[data-v-621d785b]{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:56px}@media (max-width: 640px){.games-grid[data-v-621d785b]{grid-template-columns:repeat(1,1fr);gap:10px}.games-grid .game-block-card[data-v-621d785b]:nth-child(n+5){display:none}}.games-grid .game-block-card[data-v-621d785b]{overflow:hidden;position:relative;display:flex;color:#797979}.games-grid .game-block-card .game-desc-wrap[data-v-621d785b]{display:flex;flex-direction:column;justify-content:space-around}@media (any-hover: hover){.games-grid .game-block-card:hover .game-name[data-v-621d785b]{color:var(--primary)}.games-grid .game-block-card:hover .img-wrap[data-v-621d785b]{transform:translate(8px)}}.games-grid .game-block-card .game-name[data-v-621d785b]{margin-bottom:4px;color:#fff;font-size:18px;font-weight:700;line-height:21px;transition:all .3s ease 0s;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.games-grid .game-block-card .game-desc[data-v-621d785b]{font-size:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.games-grid .game-block-card .game-rating[data-v-621d785b]{margin-left:6px;font-size:12px;line-height:20px}.games-grid .game-block-card .img-wrap[data-v-621d785b]{position:relative;overflow:hidden;flex:none;margin-right:24px;transition:all .3s ease 0s}@media (max-width: 640px){.games-grid .game-block-card .img-wrap[data-v-621d785b]{margin-right:15px}}.games-grid .game-block-card img[data-v-621d785b]{display:block;width:80px;height:80px;border-radius:8px}.p[data-v-7ee84129]{color:#999;font-size:12px;text-align:center}.ad[data-v-7ee84129]{text-align:center}*{margin:0;padding:0;box-sizing:border-box;outline:none}:root{--primary-lighter: #ee4815;--primary-light: #ee4815;--primary: #ee4815;--primary-dark: #ee4815}html{height:100%;font-family:normal}body{height:100%;background:#282828;font-family:"OPPO Sans 4.0",-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}b,strong{font-weight:700}em{font-style:italic}img{width:100%;max-width:100%;object-fit:cover}#app{display:flex;flex-direction:column;height:100%;min-height:100vh}@font-face{font-family:normal;font-style:normal;font-display:swap;src:url(/font/Nunito.ttf) format("woff2")}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.game-container{width:10rem;height:22.22222rem;margin:0 auto;position:relative;background:#fff}.game-container.night-mode{background:#000}.background-section{width:100%;height:5.55556rem;position:relative;background:center/cover;margin-top:0}.gradient-overlay{position:absolute;bottom:0;left:0;width:100%;height:2.77778rem;background:linear-gradient(180deg,#fff0,#ffffffa6,#fff)}.night-mode .gradient-overlay{background:linear-gradient(180deg,#0000,#000000a6,#000)}.game-info-section{position:absolute;top:3.94444rem;left:0;right:0;z-index:3;padding:0;display:flex;flex-direction:column}.game-header{display:flex;flex-direction:column;align-items:center;gap:.38889rem;height:3.05556rem;justify-content:center}.game-icon{width:1.88889rem;height:1.88889rem;border-radius:.44444rem;background:center/contain;background-repeat:no-repeat;border:.01667rem solid rgba(0,0,0,.12);flex-shrink:0}.game-title{font-family:"OPPO Sans 4.0";font-weight:700;font-size:.66667rem;line-height:1.17;color:#000000e6;text-align:center;margin:0}.night-mode .game-title{color:#ffffffe6}.game-stats{display:flex;width:100%;gap:.22222rem;padding:.77778rem 0 .44444rem}.game-stats.three-stats .stat-item{flex:1;min-width:0;max-width:calc((100% - .44444rem) / 3)}.game-stats.four-stats .stat-item{flex:1;min-width:0;max-width:calc((100% - .66667rem)/4)}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.stat-value{font-family:"OPPO Sans 4.0";font-weight:500;font-size:.44444rem;line-height:1.5;color:#000000e6;text-align:center}.night-mode .stat-value{color:#ffffffe6}.stat-label{font-family:"OPPO Sans 4.0";font-weight:400;font-size:.27778rem;line-height:1.4;color:#0000008a;text-align:center}.night-mode .stat-label{color:#ffffff8a}.stat-score{display:flex;align-items:center;gap:.05556rem}.star-icon{width:.33333rem;height:.33333rem;display:flex;align-items:center;justify-content:center}.play-button{width:9.11111rem;height:1.33333rem;background:#f70;border-radius:1rem;border:none;display:flex;justify-content:center;align-items:center;gap:.22222rem;margin:0 .44444rem;cursor:pointer;transition:all .3s ease}.play-button:hover{background:#e56a00;transform:translateY(-.02778rem)}.play-button:active{transform:translateY(0)}.play-button-content{display:flex;align-items:center;gap:.22222rem;padding:.11111rem .33333rem}.play-icon{width:.55556rem;height:.55556rem;display:flex;align-items:center;justify-content:center}.play-icon svg{width:100%;height:100%}.play-text{font-family:"OPPO Sans 4.0";font-weight:500;font-size:.44444rem;line-height:1.5;color:#fff}.recommendations{padding:0 .44444rem}.recommendations.without-middle-banner{margin-top:.55556rem}.recommendations.with-middle-banner{margin-top:.22222rem}.night-mode .recommendations{background:#000}.section-title{width:9.11111rem;height:1.33333rem;font-family:"OPPO Sans 4.0";font-weight:500;font-size:.44444rem;display:flex;align-items:center;color:#000000e6}.night-mode .section-title{color:#ffffffe6}.game-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.22222rem;margin-bottom:.80556rem}.game-card{width:2.88889rem;height:5.13889rem;border-radius:.33333rem;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.game-card:hover{transform:scale(1.02)}.game-card-bg{width:100%;height:5.36111rem;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .3s ease}.game-card-overlay{position:absolute;bottom:0;left:0;width:100%;height:2.08333rem;background:transparent;opacity:0;transition:opacity .3s ease}.game-card-overlay.visible{opacity:1}.game-card-overlay.visible.fallback{background:linear-gradient(180deg,#0000,#00000080,#000000bf 50%,#000c)!important}.game-card-bg.lazy{opacity:0;transition:opacity .3s ease}.game-card-bg.lazy.loaded{opacity:1}.game-card-bg.lazy.loading{background:#f0f0f0;position:relative}.game-card-bg.lazy.loading:before{content:"";position:absolute;top:50%;left:50%;width:.55556rem;height:.55556rem;margin:-.27778rem 0 0 -.27778rem;border:.05556rem solid #ccc;border-top:.05556rem solid #f70;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card-bg.lazy.error{background:#f0f0f0;position:relative}.game-card-bg.lazy.error:after{content:"图片加载失败";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.27778rem;color:#999;text-align:center}.game-card-content{position:absolute;bottom:0;left:0;width:100%;padding:.27778rem .22222rem;display:flex;flex-direction:column;gap:.16667rem}.game-card-title{font-family:"OPPO Sans 4.0";font-weight:500;font-size:.33333rem;line-height:1.167;color:#ffffffe6;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.game-card-stats{position:absolute;top:.22222rem;left:.22222rem;background:#00000042;-webkit-backdrop-filter:blur(1.66667rem);backdrop-filter:blur(1.66667rem);border-radius:.30556rem;padding:.02778rem .13889rem;display:flex;align-items:center;gap:.05556rem}.group-icon{width:.27778rem;height:.27778rem;display:flex;align-items:center;justify-content:center}.stats-text{font-family:"OPPO Sans 4.0 EN";font-weight:500;font-size:.27778rem;line-height:1.4;color:#ffffffe6}.game-iframe-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#000;display:block}.game-iframe{width:100%;height:100%;border:none;background:#fff}.game-container.hidden{display:none}.hidden{display:none!important}.middle-banner{width:9.11111rem;min-height:4.27778rem;border-radius:.16667rem;background-color:#f0f1f2;margin:.55556rem auto 0;position:relative;box-sizing:border-box;padding:.27778rem .27778rem .22222rem}.night-mode .middle-banner{background-color:#1e1e1e}.middle-banner-content{width:8.55556rem;min-height:3.27778rem;background-color:#fff;border-radius:.11111rem;position:relative;box-sizing:border-box}.night-mode .middle-banner-content{background-color:#000}.middle-banner-controls{position:absolute;bottom:.22222rem;right:.28472rem;width:.71528rem;height:.27778rem;display:flex;align-items:center;gap:.05556rem;z-index:10}.middle-banner-ad-label{font-family:"OPPO Sans 4.0",sans-serif;font-weight:500;font-size:.26389rem;line-height:.27778rem;color:#0006;text-align:left}.night-mode .middle-banner-ad-label{color:#fff6}.middle-banner-close{width:.27083rem;height:.27083rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.middle-banner-close svg{width:.27083rem;height:.27083rem}.bottom-banner-container{width:100%;position:fixed;bottom:0;background-color:#f0f1f2;z-index:10001}.bottom-banner{width:100%;height:50px;box-sizing:border-box}.night-mode .bottom-banner{background-color:#1e1e1e}.bottom-banner-content{flex:1;height:100%;text-align:center}.bottom-banner-controls{box-sizing:border-box;height:.55556rem;display:flex;align-items:center;width:100%;justify-content:flex-end}.bottom-banner-ad-label{height:.27778rem;font-family:OPPO Sans,sans-serif;font-weight:500;font-size:.26389rem;line-height:.27778rem;text-align:left;color:#0006}.night-mode .bottom-banner-ad-label{color:#fff6}.bottom-banner-close{box-sizing:border-box;width:.27083rem;height:.27083rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.bottom-banner-close svg{width:.27083rem;height:.27083rem}.floating-ad-container{position:fixed;width:2.22222rem;height:2.22222rem;bottom:2.22222rem;right:.27778rem;z-index:10002}.floating-ad-content{width:100%;height:100%;background-color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.33333rem;position:relative;overflow:hidden}.floating-ad-close{position:absolute;top:-.27778rem;right:-.16667rem;width:.55556rem;height:.55556rem;cursor:pointer;z-index:10}.prose{margin:16px auto 48px;padding:0 10vw;color:#fff}.prose h1{margin:48px 0 16px;font-size:30px;font-weight:700;line-height:1.5}.prose h2{margin:48px 0 16px;font-size:24px;font-weight:700;line-height:1.5}.prose h3{margin:48px 0 16px;font-size:20px;font-weight:700;line-height:1.5}.prose h4{margin:30px 0 16px;font-size:18px;font-weight:700;line-height:1.5}.prose h5,.prose h6{margin:30px 0 16px;font-weight:700;line-height:1.5}.prose p{margin:1rem 0;color:var(--text-gray);line-height:28px}.prose ol,.prose ul{list-style-position:inside;line-height:24px}