/* ==========================================================================
   guide-pwa.css · 三星浏览器 PWA 引导浮层
   对应源码：ptgame/app/src/pwa/comp/GuidePwa.vue <style scoped lang="less">（嵌套展开）
   注：ion-icon/ion-img → img，源码 font-size 控 icon 尺寸处等价翻译为 width/height（注释注明）。
   ========================================================================== */

.guide-pwa-wrap {
  position: absolute;
  top: 10px;
  z-index: 9999999 !important;
  left: 50%;
  transform: translateX(-50%);
}

/* 源码 .close font-size:1.125rem 作用于 ion-icon 字形；img 等价物用宽高承载 */
.guide-pwa-wrap .close {
  position: absolute;
  right: -1.5rem;
  top: 5rem;
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
}

.guide-pwa-wrap .mouse2 {
  width: 6.0625rem;
  height: 5.375rem;
  position: absolute;
  left: -2.5rem;
  top: 1.5rem;
  z-index: -1;
}

.guide-pwa-wrap .mouse1 {
  width: 5rem;
  height: 5.0625rem;
  position: absolute;
  right: -30px;
  bottom: -2.875rem;
}

.guide-pwa-wrap .line {
  width: 10.75rem;
  height: 6.25rem;
  background: url('/svg/guide-line.svg') no-repeat no-repeat center center;
  background-size: cover;
  margin-left: 80px;
}

.guide-pwa-wrap .rectangle {
  width: 16.25rem;
  height: 4.375rem;
  line-height: 4.375rem;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: url('/svg/guide-rectangle.svg') no-repeat center center;
  background-size: cover;
}