body {
        font-family: Arial, sans-serif;
        margin: 0; /* 移除默认的外边距 */
        padding-top: 10px; /* 为固定导航栏留出空间 */
    }

    nav {
        background-color: #bdefff;
        overflow: hidden;
        position: fixed; /* 固定导航栏 */
        top: 0; /* 导航栏位于页面顶部 */
        width: 100%; /* 导航栏宽度为100% */
        z-index: 1000; /* 确保导航栏在页面最上方 */
    }

    #navbar {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start; /* 菜单项向左对齐 */
    }

    #navbar li {
    }

    #navbar li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    #navbar li a:hover {
        background-color: #ddd;
        color: blue;
    }
    #full-screen-image {
        width: 100%; /* 图片宽度覆盖全屏 */
        height: auto; /* 高度自适应，保持图片原始的宽高比 */
        display: block; /* 移除默认的inline属性，使图片占据整行 */
        object-fit: cover; /* 如果需要，可以覆盖图片内容 */
    }

    /* 调整body的padding-top以适应固定导航栏的高度 */
    body {
        padding-top: 20px; /* 这个值应与导航栏的高度相匹配 */
    }
    .image-container {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    #full-screen-image {
        width: 100%;
        height: auto;
        display: block;
    }

    .image-text {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        text-shadow: 2px 2px 4px #000;
    }
    .image-text h1 {
        margin: 0; /* 移除外边距 */
        padding: 10px; /* 可以设置内边距以增加标题与其背景的间距 */
        font-size: 60px;
    }

    .image-text p {
        margin: 0; /* 移除外边距 */
        padding: 0px 0px; /* 设置内边距，而不是外边距 */
        font-size: 1em;
        /* 文字h1为中心 */
        text-align: center;
    }