/* =========================================
   1. 全局基调 (The Cinematic Foundation)
   ========================================= */
:root {
    /* 背景不是死黑，而是带有极微弱蓝调的深空黑，更有质感 */
    --bg-deep: #050507;

    --text-main: #e0e0e0;
    --text-muted: #86868b; /* Apple 风格的灰色 */

    --font-serif: 'Noto Serif SC', serif;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body {
    margin: 0;
    background-color: var(--bg-deep);
    color: var(--text-main);
    font-family: var(--font-sans);
    min-height: 100vh;
    overflow-x: hidden;
    padding-top: 40px;
}

/* 主页底层：与开场同一张波形影像、同一级模糊（已离线烘焙进 home-bg.webp，
   CSS 不承担常驻 filter）。遮罩只比开场（0.88/0.80/0.90）轻一丝——
   落幕瞬间背景几乎无感衔接，主页只是"稍微透了点气"的同一片影像 */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg,
            rgba(5, 5, 7, 0.88) 0%,
            rgba(5, 5, 7, 0.80) 45%,
            rgba(5, 5, 7, 0.90) 100%),
        url("../assets/home-bg.webp") center / cover no-repeat;
}

/* 竖屏：与开场同一取景，亮脊回到右上 */
@media (max-width: 768px) {
    body::before {
        background-position: 62% 38%;
    }
}

/* =========================================
   2. 通用排版工具
   ========================================= */
h1, h2, h3 { font-family: var(--font-serif); font-weight: 700; margin: 0; }
p { line-height: 1.8; margin-bottom: 1.5rem; }