@layer base {
  /* 滚动条轨道 */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(157, 78, 221, 0.4); /* primary */
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(157, 78, 221, 0.6);
  }
}

#mobile-bottle-container #cup{
  position: absolute;
  top: 30px;
  /* left: 66px; */

  opacity: 0.2;
  width: 330px;
  height: 290px;
}


/* 自定义 */
#desktop-bottle-container #cup{
  position: absolute;
  top: 120px;
  left: 18px;

  opacity: 0.2;
  width: 330px;
  height: 290px;
}
#desktop-liquid{
  width: 520px;
}



/* 正片叠底层 */
#blend-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* 不阻塞页面点击 */
  background-image: url('./src/img/bgimage/bg.jpg');
  background-size: cover;
  background-position: center;
  mix-blend-mode: multiply; /* ⭐ 正片叠底核心 */
  opacity: 0.4; /* 透明度可调 */
  z-index: 9999; /* 保证在最上层 */
}



body {
  user-select: none;
  -webkit-user-select: none; /* 兼容 Safari */
  -moz-user-select: none;    /* 兼容 Firefox */
  -ms-user-select: none;     /* 兼容旧 IE */
}