#tip-mask {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#tip-mask-bg {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}
#tip-img {
    position: relative;
    z-index: 2;
    width: min(89.9vw, 674px);
    height: min(90.9vw, 681px);
    border-radius: 12px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.3);
    margin-bottom: min(35.8vw, 268px);
  }
#tip-img-wrapper {
  position: relative;
  display: inline-block;
  max-width: min(181.16vw, 750px); /* 750px */
}
#tip-img-close {
  position: absolute;
  top: min(2vw, 16px);
  right: min(2vw, 16px);
  width: min(6.8vw, 51px);
  height: min(6.8vw, 51px);
  z-index: 3;
  cursor: pointer;
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}