   <style>  
        /* 通用样式 */  
        body, html {  
            margin: 0;  
            padding: 0;  
            font-family: Arial, sans-serif;  
        }  
  
        /* 导航栏样式 */  
        .navbar {  
            background-color: #003366; /* 深蓝色背景 */  
            color: #fff;  
            text-align: center; /* 使内容居中 */  
            padding: 10px 0; /* 上下内边距，左右为0 */  
        }  
  
        .navbar ul {  
            list-style-type: none;  
            margin: 0;  
            padding: 0;  
            display: flex;  
            justify-content: center; /* Flex子项居中 */  
            align-items: center; /* 垂直居中，如果需要的话 */  
            height: 100%; /* 与容器高度相同，保证垂直居中 */  
        }  
  
        .navbar li {  
            margin: 0 10px; /* 子项之间的间距 */  
        }  
  
        .navbar a {  
            color: #fff;  
            text-decoration: none;  
            padding: 10px; /* 链接的内边距 */  
            display: inline-block; /* 确保内边距生效 */  
            font-size: 16px; /* 字体大小 */  
        }  
  
        /* 内容区域样式 */  
        .content {  
            padding: 20px;  
        }  
  
        /* 底部浮动联系方式样式 */  
        .floating-contact {  
            position: fixed;  
            bottom: 0;  
            width: 100%;  
            background-color: #003366; /* 深蓝色背景 */  
            color: #fff;  
            padding: 10px;  
            display: flex;  
            justify-content: center;  
            align-items: center;  
            z-index: 999;  
        }  
  
        .floating-contact a {  
            color: #fff;  
            text-decoration: none;  
            margin: 0 10px;  
        }  
  
        /* 响应式布局 */  
        @media (max-width: 768px) {  
            /* 响应式设计可以在这里继续添加 */  
        }  
  
        @media (max-width: 480px) {  
            /* 响应式设计可以在这里继续添加 */  
        }  
    </style>  