@import url('detail.css');

/* WAP 0202玩同款布局 */
body.layout-gb{background:#f0f4f8!important;--lx-primary:#0099ff}

.store-wap-head{position:fixed;top:0;left:0;right:0;z-index:99;background:linear-gradient(135deg,#0099ff,#0078ff);padding-top:env(safe-area-inset-top,0)}
.store-wap-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
.store-wap-logo img{height:32px;display:block}
.store-wap-search{display:none!important}
.gb-wap-menu-btn{flex-shrink:0;width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.2);padding:0;cursor:pointer}
.gb-wap-menu-btn i{display:block;width:18px;height:2px;margin:0 auto;background:#fff;position:relative}
.gb-wap-menu-btn i:before,.gb-wap-menu-btn i:after{content:'';position:absolute;left:0;width:18px;height:2px;background:#fff}
.gb-wap-menu-btn i:before{top:-6px}
.gb-wap-menu-btn i:after{top:6px}
.gb-wap-menu-panel{display:none}
.gb-wap-menu-panel.open{display:block}
.gb-wap-menu-tabs{display:flex;gap:8px;padding:8px 0}
.gb-wap-menu-tabs button{flex:1;border:0;border-radius:16px;padding:8px 0;background:rgba(255,255,255,.18);color:#fff;font-size:13px;cursor:pointer}
.gb-wap-menu-tabs button.on{background:#fff;color:#0099ff;font-weight:700}
.gb-wap-menu-body{background:#fff;border-radius:12px;padding:10px;max-height:220px;overflow-y:auto}
.gb-wap-menu-list{display:none;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.gb-wap-menu-list.on{display:grid}
.gb-wap-menu-list a{display:block;padding:8px 6px;text-align:center;font-size:12px;color:#333;text-decoration:none;background:#f5f8fa;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-wap-hot-sub .on{background:#fff!important;color:#0099ff!important}
.store-wap-nav{display:flex;overflow-x:auto;padding:0 8px 10px;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.store-wap-nav::-webkit-scrollbar{display:none}
.store-wap-nav a{flex-shrink:0;padding:6px 14px;border-radius:16px;font-size:13px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.15);white-space:nowrap;text-decoration:none}
.store-wap-nav a.on{background:#fff;color:#0099ff;font-weight:600}
.store-wap-sub{display:flex;overflow-x:auto;padding:8px 10px;background:rgba(0,0,0,.15);gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:24px}
.store-wap-sub::-webkit-scrollbar{display:none}
.store-wap-sub a{flex-shrink:0;padding:4px 12px;border-radius:12px;font-size:12px;color:#fff;background:rgba(255,255,255,.2);white-space:nowrap;text-decoration:none}
.store-wap-sub a.on{background:#fff;color:#0099ff}
.store-wap-ph{height:72px}
.store-wap-ph.has-hot{height:auto;min-height:72px}

.store-wap-page{padding-bottom:12px}
.store-wap-banner{background:linear-gradient(135deg,#0099ff,#0078ff);color:#fff;padding:20px 16px;border-radius:0 0 16px 16px}
.store-wap-banner h1{margin:0;font-size:20px}
.store-wap-banner p{margin:8px 0 0;opacity:.85;font-size:13px}

.store-wap-sec{background:#fff;margin:12px 10px;border-radius:14px;padding:14px 12px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.store-wap-sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #0099ff}
.store-wap-sec-h h2{margin:0;font-size:16px;font-weight:700;color:#1d2129}
.store-wap-sec-h a{font-size:12px;color:#0099ff;text-decoration:none}

.store-wap-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.store-wap-scroll a{flex:0 0 80px;text-align:center;color:inherit;text-decoration:none}
.store-wap-scroll img{width:64px;height:64px;border-radius:16px;display:block;margin:0 auto 6px}
.store-wap-scroll span{font-size:11px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}

.store-wap-list{display:flex;flex-direction:column;gap:0}
.store-wap-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;color:inherit;text-decoration:none}
.store-wap-card:last-child{border:0}
.store-wap-card img{width:52px;height:52px;border-radius:14px;flex-shrink:0}
.store-wap-card div{flex:1;min-width:0}
.store-wap-card h3{margin:0 0 2px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-wap-card p{margin:0;font-size:12px;color:#999}
.store-wap-card > span{flex-shrink:0;font-size:12px;color:#0099ff;background:#e6f7ff;padding:6px 14px;border-radius:14px;font-weight:600}

.store-wap-news-list{padding:0 10px}
.store-wap-news-item{display:flex;gap:12px;padding:14px 12px;background:#fff;border-radius:12px;margin-bottom:10px;color:inherit;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.store-wap-news-item img{width:96px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}
.store-wap-news-item h3{margin:0 0 4px;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.store-wap-news-item p{margin:0 0 4px;font-size:12px;color:#879299;line-height:1.4}
.store-wap-news-item span{font-size:11px;color:#bbb}

.store-wap-rank{align-items:center}
.store-wap-rank .store-wap-rank-num{flex-shrink:0;width:26px;height:26px;line-height:26px;text-align:center;background:#879299;color:#fff;border-radius:8px;font-size:12px;font-weight:700}
.store-wap-rank .store-wap-rank-num.top3{background:#fa4e57}

.store-wap-empty{text-align:center;padding:32px 16px;color:#999;font-size:14px}
.store-wap-card:active,.store-wap-scroll a:active{opacity:.85}

body.layout-gb .wap-footer{background:#0078ff;color:rgba(255,255,255,.85)}

/* 首页 gb-wap */
.gb-wap-page{padding-bottom:12px}
.gb-wap-hero{background:linear-gradient(180deg,#0099ff 0%,#0078ff 100%);color:#fff;padding:20px 16px 24px;text-align:center;border-radius:0 0 20px 20px}
.gb-wap-hero h1{margin:0 0 6px;font-size:24px;font-weight:800}
.gb-wap-hero p{margin:0 0 16px;opacity:.85;font-size:14px}
.gb-wap-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.gb-wap-tags a{padding:8px 18px;background:rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;text-decoration:none}
.gb-wap-sec{background:#fff;margin:12px 10px;border-radius:14px;padding:14px 12px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.gb-wap-sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #0099ff}
.gb-wap-sec-h h2{margin:0;font-size:16px;font-weight:700;color:#1d2129}
.gb-wap-sec-h a{font-size:12px;color:#0099ff;text-decoration:none}
.gb-wap-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.gb-wap-scroll a{flex:0 0 80px;text-align:center;color:inherit;text-decoration:none}
.gb-wap-scroll img{width:64px;height:64px;border-radius:16px;display:block;margin:0 auto 6px}
.gb-wap-scroll span{font-size:11px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}
.gb-wap-list{display:flex;flex-direction:column;gap:0}
.gb-wap-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;color:inherit;text-decoration:none}
.gb-wap-card:last-child{border:0}
.gb-wap-card img{width:52px;height:52px;border-radius:14px;flex-shrink:0}
.gb-wap-card div{flex:1;min-width:0}
.gb-wap-card h3{margin:0 0 2px;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-wap-card p{margin:0;font-size:12px;color:#999}
.gb-wap-card em{font-style:normal;font-size:12px;color:#0099ff;background:#e6f7ff;padding:6px 14px;border-radius:14px;font-weight:600;flex-shrink:0}
.gb-wap-num{display:none}
.gb-wap-rank .gb-wap-num{display:block;flex-shrink:0;width:26px;height:26px;line-height:26px;text-align:center;background:#879299;color:#fff;border-radius:8px;font-size:12px;font-weight:700}
.gb-wap-rank .gb-wap-num.top{background:#fa4e57}
.gb-wap-news{display:flex;flex-direction:column;gap:10px}
.gb-wap-news-item{display:flex;gap:12px;padding:10px;background:#fafafa;border-radius:10px;color:inherit;text-decoration:none}
.gb-wap-news-item img{width:96px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0}
.gb-wap-news-item h3{margin:0 0 4px;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.gb-wap-news-item p{margin:0;font-size:11px;color:#bbb}

/* 轮播 / 今日推荐 / 网格 */
.gb-wap-banner-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.gb-wap-banner-scroll a{flex:0 0 220px;color:inherit;text-decoration:none}
.gb-wap-banner-scroll img{width:220px;height:120px;border-radius:12px;object-fit:cover;display:block}
.gb-wap-banner-scroll span{display:block;margin-top:6px;font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-wap-daygame-card{display:block;color:inherit;text-decoration:none}
.gb-wap-daygame-banner{width:100%;height:120px;object-fit:cover;border-radius:10px;display:block}
.gb-wap-daygame-info{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;background:#f8fbff;border-radius:10px}
.gb-wap-daygame-logo{width:48px;height:48px;border-radius:12px;flex-shrink:0}
.gb-wap-daygame-text{flex:1;min-width:0}
.gb-wap-daygame-text .tit{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-wap-daygame-text .meta{margin:4px 0 0;font-size:12px;color:#879299}
.gb-wap-daygame-btn{flex-shrink:0;padding:6px 14px;background:#0099ff;color:#fff;border-radius:14px;font-size:12px}
.gb-wap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gb-wap-grid a{display:block;text-align:center;color:inherit;text-decoration:none}
.gb-wap-grid img{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;display:block}
.gb-wap-grid span{display:block;margin-top:6px;font-size:11px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.gb-wap-grid-4{grid-template-columns:repeat(4,1fr)}
.gb-wap-topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gb-wap-topic-grid a{display:block;border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;border:1px solid #eef2f6}
.gb-wap-topic-grid img{width:100%;height:88px;object-fit:cover;display:block}
.gb-wap-topic-grid em{display:block;padding:8px;font-size:12px;font-style:normal;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.layout-gb .wap-home-news{margin:0;background:transparent;box-shadow:none;padding:0}
body.layout-gb .wap-home-news-hd{border-bottom-color:#0099ff}
body.layout-gb .wap-home-news-hd h2{font-size:16px}
body.layout-gb .wap-home-news-featured{border-radius:10px;overflow:hidden;margin-bottom:10px}
body.layout-gb .wap-home-news-list li a{padding:10px 0}