.background {
    background-image: url('../../assets/image/06/beijing.png'); /* 确保路径正确 */
    background-size: cover; /* 背景图覆盖整个区域 */
    background-position: center; /* 背景图居中 */
    background-repeat: no-repeat; /* 确保背景图不重复 */
    position: fixed; /* 固定背景图，使其覆盖整个视口 */
    top: 0;
    left: 0;
    width: 100%; /* 使用视口宽度 */
    height: 100vh; /* 使用视口高度 */
    z-index: -1; /* 将背景图置于最底层 */
}

.content-wrapper {
    
    color: rgb(3, 3, 3); /* 设置文本颜色，确保在背景上可读 */
    text-align: center; /* 文本居中对齐 */
    align-items: center; // 垂直居中
    padding: 20px; /* 添加一些内边距 */
    max-width: 600px; /* 最大宽度 */
    margin: auto; /* 水平居中内容 */
    background-color: rgba(0, 0, 0, 0); /* 半透明黑色背景 */
    border-radius: 10px; /* 圆角 */
    position: relative; /* 确保内容在背景图之上 */
    z-index: 1; /* 内容层位于背景图之上 */
}

ion-content {
    --background: transparent; /* 确保 ion-content 背景透明 */
}
