/* 查找或添加这个 CSS 块 */
.chart-image {
    flex: 0 0 40%;
    padding-right: 25px;
    text-align: center; /* 让子元素（如图片下方的p标签）居中 */
}

.chart-image img {
    width: 100%; /* 保持图片响应式 */
    height: auto;
    border: 1px solid var(--color-light-3);
    display: block;
    margin: 0 auto; /* 关键：使块级图片居中 */
    background-color: #fff;
}

.floating-button {
    /* 定位: 固定在视口右上角 */
    position: fixed; 
    top: 20px;       /* 距离顶部 20px */
    right: 20px;     /* 距离右侧 20px */
    z-index: 100;    /* 确保按钮在其他内容之上 */

    /* 样式和颜色 (使用主题颜色) */
    background-color: var(--color-main); /* 主紫色 */
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

.floating-button:hover {
    /* 鼠标悬停效果 */
    background-color: var(--color-light-1); /* 浅紫色 */
}

/* ------------------------------------- */
/* 按钮容器：用于居中按钮 */
.center-button-wrapper {
    text-align: center; /* 关键：使行内块元素居中 */
    margin: 15px 0 25px 0; /* 增加上下边距与内容隔开 */
}

/* 按钮样式：取消固定定位，改为标准流中的链接 */
.flow-button {
    /* **取消定位设置** */
    /* position: fixed; */ 
    /* top: 20px;       */
    /* right: 20px;     */
    z-index: 1; /* 减少 z-index 优先级 */

    /* 样式和颜色 (保持一致) */
    display: inline-block; 
    text-decoration: none; 
    
    background-color: var(--color-main); 
    color: white;
    border: none;
    padding: 10px 18px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
}

.flow-button:hover {
    background-color: var(--color-light-1);
}
/* ------------------------------------- */

h1 {
    /* 1. 字体：使用优雅的 Didone 衬线字体栈 */
    font-family: "Bodoni", "Didot", "Times New Roman", Times, serif;
    
    /* 2. 字距：增加字母间距（可根据需要调整 0.2em 的值） */
    letter-spacing: 0.1em; 
    
    /* 3. 字重：确保标题醒目 */
    font-weight: 800; 
    font-size: 2.5em;
}

h2{
     text-align:center;
}
body {
    font-family: "Times New Roman", Times, serif !important;
    
    /* 使用线性渐变作为背景色 */
    background: linear-gradient(to bottom, 
	#e9e2ff, #F8F8FF, #FFFFFF, #FFFFFF, #F8F8FF, #f0f1ff, #e9e0ff, #d5edff  /* 底部结束的浅色/白色 */
    ) !important;
    
    background-attachment: fixed !important; /* 确保渐变背景在滚动时保持不动 */
    
    color: #6d46b4; 
    text-align:left;
    padding: 20px;
}