/* 通用样式 */
.container-theme {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100vh; /* 使容器占满整个视口高度 */
}


/* 点状按钮容器 */
.dot-container {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

/* 点状按钮样式 */
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.dot.active {
    background-color: #007bff;
    transform: scale(1.2);
}

/* 背景风格 */
.light-theme {
    background-color: #ffffff;
}

.dark-theme {
    background: url('../images/top/beijing2.jpg');
}

.custom-theme {
    background-image: url("../images/top/beijing1.jpg"); /* 纸张纹理 */
}