workspace/.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224094716.scss

/* drift-bottle.component.scss */
:host {
    display: block;
    background-image: url('/soul-prod/img/漂流瓶.jpg'); /* 设置背景图片路径 */
    background-size: cover; /* 使背景图片覆盖整个元素 */
    background-position: center; /* 将背景图片居中 */
    background-repeat: no-repeat; /* 防止背景图片重复 */
    min-height: 100vh; /* 确保背景图片至少覆盖整个视口高度 */
  }