/* 公共样式文件 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

/* 背景轮播容器 */
.bg-carousel {
    position: absolute;
    inset: 0;
    display: flex;
    width: 900%; /* 9张图片，每张100% */
    transition: transform 1s ease-in-out;
}

.bg-slide {
    width: 11.111%; /* 100% / 9 */
    height: 100%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

/* 主容器 - 手机端全屏，桌面端限制最大宽度并居中 */
.main-container {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 4px;
}

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

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
}