/*
  这个文件包含在 Tailwind CSS 基础上添加的自定义样式。
  主要的样式由 HTML 文件中的 Tailwind 功能类处理。
*/

/* 引入一个现代、清晰的英文字体 Inter。这不会影响中文字符的显示。 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* -- 修改开始 --
  为英雄区域（hero section）优化背景和字体显示
*/
.hero-bg {
    /* 更换为一个更有活力的渐变色背景，确保白色文字清晰可见 */
    background: linear-gradient(45deg, #4338ca, #6366f1); /* 从深靛蓝到浅靛蓝的渐变 */
}

/* 为英雄区域的文字添加阴影效果，增强在背景上的可读性 */
.hero-bg h1, .hero-bg p {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); /* 添加轻微的黑色文字阴影 */
}
/* -- 修改结束 -- */


/* 为法律条款等长篇文章页面设置文本样式，提高可读性 */
.prose {
    line-height: 1.75; /* 设置更舒适的行高 */
}

.prose h2 {
    font-size: 1.5rem; /* 设置二级标题大小 */
    font-weight: 700; /* 设置二级标题字重 */
    margin-top: 2em; /* 设置标题上边距 */
    margin-bottom: 1em; /* 设置标题下边距 */
}

.prose p {
    margin-bottom: 1.25em; /* 设置段落下边距 */
}