@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"OPPO Sans 4.0",-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;overflow-x:hidden}#app{min-height:100vh}.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,rgba(255,255,255,0),rgba(255,255,255,.65),#fff)}.night-mode .gradient-overlay{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.65),#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:.01833rem 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:rgba(0,0,0,.9);text-align:center;margin:0}.night-mode .game-title{color:rgba(255,255,255,.9)}.game-stats{display:flex;width:100%;gap:.22222rem;padding:.77778rem .44444rem .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}.stat-value{font-family:"OPPO Sans 4.0";font-weight:500;font-size:.44444rem;line-height:1.5;color:rgba(0,0,0,.9);text-align:center}.night-mode .stat-value{color:rgba(255,255,255,.9)}.stat-label{font-family:"OPPO Sans 4.0";font-weight:400;font-size:.27778rem;line-height:1.4;color:rgba(0,0,0,.54);text-align:center}.night-mode .stat-label{color:rgba(255,255,255,.54)}.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;transition:all .3s ease}.play-button:hover:not(:disabled){background:#e56a00;transform:translateY(-.02778rem)}.play-button:active:not(:disabled){transform:translateY(0)}.play-button:disabled{cursor:not-allowed;opacity:.8}.play-button.loading{background:#e56a00;cursor:not-allowed}.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}.loading-spinner{width:.55556rem;height:.55556rem;border:.05556rem solid rgba(255,255,255,.3);border-top:.05556rem solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.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:rgba(0,0,0,.9)}.night-mode .section-title{color:rgba(255,255,255,.9)}.game-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.22222rem;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;-o-object-fit:cover;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,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,.75) 50%,rgba(0,0,0,.8))!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 #ff7700;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:rgba(255,255,255,.9);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;hyphens:auto}.game-card-stats{position:absolute;top:.22222rem;left:.22222rem;background:rgba(0,0,0,.26);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:rgba(255,255,255,.9)}.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;display:flex;flex-direction:column;align-items:flex-end}.night-mode .middle-banner{background-color:#1e1e1e}.middle-banner-content,.middle-banner-content-2{width:8.55556rem;min-height:3.27778rem;background-color:#fff;border-radius:.11111rem;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:1;margin-bottom:.22222rem}.night-mode .middle-banner-content,.night-mode .middle-banner-content-2{background-color:#000}.middle-banner-controls{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:.33333rem;color:rgba(0,0,0,.4);text-align:left}.night-mode .middle-banner-ad-label{color:rgba(255,255,255,.4)}.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%;height:1.94444rem;position:fixed;bottom:0;background-color:#f0f1f2;z-index:10001}.bottom-banner{width:100%;height:1.38889rem;box-sizing:border-box}.night-mode .bottom-banner{background-color:#1e1e1e}.bottomBanner2{height:1.38889rem}.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:rgba(0,0,0,.4)}.night-mode .bottom-banner-ad-label{color:rgba(255,255,255,.4)}.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:1.66667rem;height:1.66667rem;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}