pre {
    background: rgba(12, 100, 129, 1);
}

/* 通用方案：为所有图片添加样式 */
img {
    display: block; /* 确保边距生效 */
    max-width: 100%; /* 保持响应式 */
    height: auto; /* 保持宽高比 */
    border: 1px solid #e0e0e0; /* 浅灰色边框 */
    border-radius: 4px; /* 可选：轻微圆角 */
    margin: 10px 0; /* 上下边距 10px，左右为 0 */
    padding: 4px; /* 可选：内边距 */
    box-sizing: border-box; /* 包含边框和内边距在总尺寸内 */
}

/* 针对特定类优化（如示例中的 medium-zoom-image）*/
img.medium-zoom-image {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 添加轻微阴影 */
    transition: all 0.3s ease; /* 平滑过渡效果 */
}

/* 悬停效果增强 */
img.medium-zoom-image:hover {
    border-color: #a0a0a0; /* 悬停时边框加深 */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* 悬停阴影增强 */
}