body, html {
    margin: 0;
    padding: 0;
    color: #5C5C5C;
    font-family: Arial, sans-serif;
}

/* 链接默认样式（未访问的链接） */
a:link {
    color: red; /* 链接文本颜色为红色 */
    text-decoration: none; /* 移除下划线 */
}

/* 用户已访问的链接 */
a:visited {
    color: red; /* 链接文本颜色为红色 */
    text-decoration: none; /* 移除下划线 */
}

/* 鼠标悬停在链接上时的样式 */
a:hover {
    color: red; /* 链接文本颜色为红色 */
    text-decoration: none; /* 移除下划线 */
}

/* 用户正在点击链接时的样式 */
a:active {
    color: red; /* 链接文本颜色为红色 */
    text-decoration: none; /* 移除下划线 */
}

.container {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slider img {
    width: 100%;
    height: auto;
    min-height: 160px;
    display: none;
}

.slider a {
    color: darkgray;
}

.slider img:first-child {
    display: block;
}

.progress {
    /*position: absolute;*/
    /*bottom: 0;*/
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ccc;
}

.progress-bar {
    height: 100%;
    width: 0;
    background-color: #007bff;
}

.image-description-area {
    margin: 0 auto;
    text-align: center;
}

.section {
    margin-bottom: 20px;
}

.subtitle {
    font-size: 16px;
    margin-bottom: 10px;
}

.text {
    font-size: 14px;
}

.image-container {
    float: right;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-left: 10px;
}

.image-container img {
    width: 100%;
    height: auto;
}

/* 响应式布局（如果需要，可以添加媒体查询） */