/* wap_gb 覆盖 layout-wap-premium（须在 premium 之后加载） */

body.layout-gb.wap-body .store-wap-head{
  background:linear-gradient(135deg,#0099ff,#0078ff)!important;
  box-shadow:none!important;
}
body.layout-gb.wap-body .store-wap-top{padding:8px 12px}
body.layout-gb.wap-body .store-wap-logo img{height:30px!important}

body.layout-gb.wap-body .store-wap-nav{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  overflow-x:visible;
  padding:0 8px 10px;
  gap:4px;
}
body.layout-gb.wap-body .store-wap-nav a{
  flex-shrink:1;
  padding:6px 2px;
  font-size:12px;
  text-align:center;
  color:rgba(255,255,255,.92)!important;
  background:rgba(255,255,255,.16)!important;
  border-radius:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:none!important;
}
body.layout-gb.wap-body .store-wap-nav a.on{
  background:#fff!important;
  color:#0099ff!important;
  font-weight:600;
}

body.layout-gb.wap-body .store-wap-sub{
  background:rgba(0,0,0,.12)!important;
  padding:8px 10px 10px;
  gap:6px;
}
body.layout-gb.wap-body .store-wap-sub a{
  color:#fff!important;
  background:rgba(255,255,255,.22)!important;
}
body.layout-gb.wap-body .store-wap-sub a.on{
  color:#0099ff!important;
  background:#fff!important;
  font-weight:600;
}

body.layout-gb.wap-body .gb-wap-menu-panel{
  position:fixed;
  inset:0;
  z-index:1001;
  background:rgba(0,0,0,.45);
  padding:0;
  display:none;
  overflow-y:auto;
}
body.layout-gb.wap-body .gb-wap-menu-panel.open{display:block}
body.layout-gb.wap-body .gb-wap-menu-panel .gb-wap-menu-inner{
  margin:calc(env(safe-area-inset-top,0px) + 52px) 10px 20px;
  background:transparent;
}
body.layout-gb.wap-body .gb-wap-menu-tabs{padding:0 0 8px}
body.layout-gb.wap-body .gb-wap-menu-body{background:#fff}

body.layout-gb.wap-body .store-wap-ph{min-height:0}
body.layout-gb.wap-body .store-wap-ph.has-hot{min-height:0}

/* D9 同款焦点轮播 */
body.layout-gb .gb-wap-focus{margin:10px 10px 0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}
body.layout-gb .gb-wap-focus .swiper-container{width:100%;height:160px;overflow:hidden;position:relative}
body.layout-gb .gb-wap-focus .swiper-slide{height:160px}
body.layout-gb .gb-wap-focus .swiper-slide a{display:block;width:100%;height:100%}
body.layout-gb .gb-wap-focus .swiper-slide img{width:100%;height:160px;display:block;object-fit:cover}
body.layout-gb .gb-wap-focus .swiper-pagination-bullet{width:16px;height:4px;background:#fff;border-radius:2px;opacity:1}
body.layout-gb .gb-wap-focus .swiper-pagination-bullet-active{background:#ffaf13}
body.layout-gb .gb-wap-focus .swiper-container-horizontal>.swiper-pagination-bullets{bottom:8px}

@media(max-width:360px){
body.layout-gb.wap-body .store-wap-nav a{font-size:11px;padding:5px 1px}
}

/* 分类应用列表：修复 baidu/wap-modern 导致的图标过大、布局错位 */
body.layout-gb.wap-body .store-wap-page{padding-bottom:16px}
body.layout-gb.wap-body .store-wap-sec{margin:10px;padding:4px 14px}
body.layout-gb.wap-body .store-wap-list{display:flex!important;flex-direction:column!important;width:100%!important}
body.layout-gb.wap-body .store-wap-card{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  gap:12px!important;
  padding:14px 0!important;
  border-bottom:1px solid #f0f4f8!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.layout-gb.wap-body .store-wap-card:last-child{border-bottom:none!important}
body.layout-gb.wap-body .store-wap-card img{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  flex-shrink:0!important;
  float:none!important;
  display:block!important;
}
body.layout-gb.wap-body .store-wap-card div{
  flex:1!important;
  min-width:0!important;
  float:none!important;
  width:auto!important;
}
body.layout-gb.wap-body .store-wap-card h3{
  margin:0 0 4px!important;
  font-size:15px!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.layout-gb.wap-body .store-wap-card p{
  margin:0!important;
  font-size:12px!important;
  color:#879299!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.layout-gb.wap-body .store-wap-card > span{
  flex-shrink:0!important;
  font-size:12px!important;
  color:#0099ff!important;
  background:#e6f7ff!important;
  padding:6px 14px!important;
  border-radius:14px!important;
  font-weight:600!important;
}
body.layout-gb.wap-body .store-wap-empty{padding:40px 16px;text-align:center;color:#999}

/* 资讯详情：覆盖正文内联 width/height 导致的图片溢出 */
body.layout-gb.wap-body.gb-wap-info-detail .gb-wap-info-detail-body{
  overflow:hidden;
  word-break:break-word;
}
body.layout-gb.wap-body.gb-wap-info-detail .gb-wap-info-detail-body img,
body.layout-gb.wap-body.gb-wap-info-detail .gb-wap-info-detail-body img[style]{
  max-width:100%!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:12px auto!important;
  border-radius:8px;
}
body.layout-gb.wap-body.gb-wap-info-detail .gb-wap-info-detail-body table{
  max-width:100%;
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
