@charset "utf-8";/* 750 设计稿 rem：1rem = 100px @ 750宽；Figma 360稿数值 *2 后 /100 */

html{font-size:calc(100vw / 7.5);}
@media screen and (min-width:751px){
html{font-size:100px;}
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{position:relative;max-width:7.5rem;min-width:320px;margin:0 auto;overflow-x:hidden;font:62.5%/1.5 "Source Han Sans CN","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",STHeiti,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:#131715;background:#f6f5f5;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:inherit;}
em,i{font-style:normal;}
img{display:block;max-width:100%;border:0;}
input{outline:none;border:0;background:transparent;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;}
.page{position:relative;width:7.5rem;margin:0 auto;min-height:100vh;padding-bottom:0.4rem;background:#f6f5f5;}
/* ===== 顶部 ===== */
.hd-box{position:relative;width:7.5rem;height:7.9rem;overflow:hidden;background:#1f1f1f;margin-bottom:-2.4rem;}
.hd-search-wrap{position:absolute;top:4.5rem;left:50%;transform:translateX(-50%);z-index:6;width:5.5rem;}
.search-bar{display:flex;align-items:center;width:5.5rem;height:0.64rem;padding:0.06rem 0.06rem 0.06rem 0.32rem;border:0.03rem solid #131715;border-radius:0.4rem;background:linear-gradient(90deg,#f8ffe9 0%,#fff 50%,#e9ffed 100%);box-sizing:border-box;position:relative;}
.search-bar.is-focus,.search-bar.is-active{background:#fff;}
.search-bar input{flex:1;min-width:0;height:0.3rem;line-height:0.3rem;font-size:0.26rem;color:#131715;}
.search-bar input::placeholder{color:rgba(19,23,21,0.35);}
.search-bar .btn-search{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:0.68rem;height:0.52rem;border-radius:0.4rem;background:#131715;}
.search-bar .btn-search img{width:0.24rem;height:0.24rem;}
.search-bar .ico-clear{width:0.3rem;height:0.3rem;border-radius:100%;background:url(../images/ico-clear.png) center center no-repeat rgba(0,0,0,.6);background-size:0.16rem auto;display:none;position:absolute;top:50%;right:.8rem;transform:translateY(-50%);z-index:1;cursor:pointer;}
/* 近期搜索面板 */
.search-panel{display:none;position:absolute;left:50%;top:calc(100% + 0.16rem);transform:translateX(-50%);z-index:20;width:5.5rem;padding:0.2rem 0.32rem;border-radius:0.24rem;background:#fff;box-shadow:0 0.12rem 0.1rem rgba(86,86,86,0.25);}
.search-panel.show{display:block;}
.search-panel-tags{display:flex;flex-wrap:wrap;gap:0.16rem;justify-content:flex-start;}
.search-tag{display:inline-flex;align-items:center;gap:0.04rem;height:0.56rem;padding:0 0.22rem;border-radius:0.48rem;background:#f6f5f5;font-size:0.24rem;line-height:0.28rem;color:#3e403f;white-space:nowrap;}
.search-tag img{width:auto;height:0.26rem;}
.search-tag .icon-hot{width:0.18rem;height:0.21rem;}
.search-tag .icon-new{width:0.42rem;height:0.26rem;}
/* ===== 我预约的游戏 ===== */
.reserved{position:relative;z-index:4;padding:0.24rem 0.24rem 0;border-radius:0.24rem 0.24rem 0 0;background:#f6f5f5;}
.reserved-title{display:flex;align-items:center;gap:0.16rem;margin-bottom:0.3rem;}
.reserved-title .icon{width:0.36rem;height:0.36rem;}
.reserved-title h2{font-size:0.28rem;font-weight:500;line-height:0.28rem;color:#3e403f;}
.reserved-title .count{font-size:0.22rem;line-height:0.26rem;color:#7a7d7a;}
.reserved-title .count em{color:#3aad11;}
.reserved-list{display:flex;gap:0.24rem;overflow-x:auto;padding-right:0.16rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:.22rem;margin-right:-.2rem;}
.reserved-list::-webkit-scrollbar{display:none;}
.reserved-card{position:relative;flex-shrink:0;width:3.8rem;height:1.54rem;border-radius:0.28rem;border:0.02rem solid #fff;background:#fff;}
.reserved-card .card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:.24rem;border:0.02rem solid #fff;}
.reserved-card .card-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 100%);border-radius:.24rem;}
.reserved-card .card-blur{position:absolute;left:-0.02rem;right:-0.02rem;top:-0.02rem;height:1.54rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);background:rgba(255,255,255,0.8);border:0.02rem solid #fff;border-radius:0.24rem;}
.reserved-card .card-body{position:relative;z-index:2;display:flex;gap:0.12rem;align-items:flex-end;padding:0.15rem 0.18rem 0;}
.reserved-card .game-icon{width:0.96rem;height:0.96rem;border-radius:0.22rem;object-fit:cover;margin-top:-1.2rem;}
.reserved-card .game-meta{flex:1;min-width:0;padding-bottom:0.04rem;}
.reserved-card .game-name{display:flex;align-items:center;gap:0.04rem;font-size:0.24rem;font-weight:500;line-height:0.28rem;color:#131715;}
.reserved-card .game-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reserved-card .game-name .icon-new{width:0.42rem;height:0.26rem;}
.reserved-card .game-name .icon-hot{width:0.24rem;height:0.24rem;}
.reserved-card .game-desc{margin-top:0.1rem;font-size:0.2rem;line-height:0.24rem;color:#7a7d7a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reserved-card .game-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-top:0.16rem;padding:0 0.18rem;height:0.28rem;}
.reserved-card .game-report{display:inline-block;align-items:center;font-size:0.22rem;line-height:0.28rem;color:#3e403f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reserved-card .game-report::before{content:"";display:inline-block;;vertical-align:top;width:0.24rem;height:0.24rem;margin:0.02rem 0.04rem 0 0;background:url(../images/ico-report.png) no-repeat center center / 100% 100%;border-radius:0.04rem;}
.reserved-card .game-more{flex-shrink:0;width:0.24rem;height:0.24rem;border-radius:50%;border:0.02rem solid #131715;background:#fff;position:relative;}
.reserved-card .game-more::after{content:"";position:absolute;left:50%;top:50%;width:0.08rem;height:0.08rem;border-right:0.02rem solid #131715;border-bottom:0.02rem solid #131715;transform:translate(-60%,-50%) rotate(-45deg);}
.editor-tip{position:absolute;right:.5rem;z-index:8;/* width:2rem;*/height:.7rem;pointer-events:none;top:-0.5rem;}
.editor-tip img{width:100%;height:100%;object-fit:contain;}
/* ===== Tab 区 ===== */
.main-panel{position:relative;margin-top:.7rem;background:#fff;border-radius:0.5rem 0.5rem 0 0;/* overflow:hidden;*/}
.tabs{position:relative;width:7.5rem;height:0.84rem;/* overflow:hidden;*/background-repeat:no-repeat;background-size:100% 100%;top:-.12rem;}
.tab1-on{background-image:url(../images/tab1-on.png);}
.tab2-on{background-image:url(../images/tab2-on.png);}
.tabs .tab-hit{position:absolute;top:0;height:100%;z-index:2;cursor:pointer;}
.tabs .tab-hit-all{left:0;width:50%;}
.tabs .tab-hit-edit{right:0;width:50%;}
.subbar{display:flex;align-items:center;justify-content:space-between;padding:0.16rem 0.24rem 0;background:#fff;}
.subbar-tip{font-size:0.24rem;line-height:0.38rem;color:#7a7d7a;}
.subbar-tip .kw{color:#3e403f;}
.platform-filter{display:flex;align-items:center;gap:0.24rem;height:0.52rem;padding:0.08rem 0.08rem 0.08rem 0.16rem;border-radius:0.32rem;background:#eee;}
.platform-filter .pf-item{width:0.4rem;height:0.4rem;overflow:hidden;opacity:0.55;}
.platform-filter .pf-item.on{opacity:1;}
.platform-filter .pf-item img{width:100%;height:100%;object-fit:contain;}
/* ===== 列表 / 缺省 ===== */
.list-area{background:#fff;min-height:4rem;padding-bottom:0.4rem;overflow:hidden;}
.list-area .waterfall-list-container{display:block;width:7.5rem;margin:0 auto;}
/* 避免全局 img 规则压掉瀑布流固定宽度 */
.benefieList img{max-width:none;}
.empty-state{display:none;flex-direction:column;align-items:center;padding:1.32rem 0 1.6rem;}
.empty-state.show{display:flex;}
.empty-state .empty-illust{position:relative;width:2.8rem;height:2.8rem;margin:0 auto;}
.empty-state .empty-illust .girl{display:block;width:1.86rem;height:2.36rem;object-fit:contain;}
.empty-state .empty-illust .bao{position:absolute;left:0.2rem;bottom:0.32rem;width:0.54rem;height:0.7rem;object-fit:contain;}
.empty-state .empty-text{margin-top:0.1rem;text-align:center;font-size:0.28rem;line-height:0.34rem;color:#a7a8a7;}
/* 搜索遮罩 */
.search-mask{display:none;position:fixed;inset:0;z-index:5;background:transparent;}
.search-mask.show{display:block;}
.hidden{display:none !important;}
.list-only{margin-top:-3rem;overflow:hidden;}
/*toast*/
.mouToast{width:100%;line-height:.36rem;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3000;display:box;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;overflow:hidden}
.mouToast .toastFlex{background:rgba(0,0,0,.7);min-width:2.2rem;max-width:5.2rem;margin:0 auto;padding:.12rem .25rem;color:#eeece9;text-align:center;font-size:.26rem;border-radius:.08rem}