<style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
            font-size: 12px; /* 控制字体大小，可以根据需要调整 */
        }

        .navbar {
            background-color: #FF8000; /* 橙色背景 在标准的RGB色彩空间中，正橙色RGB值为 (255, 128, 0)，对应的十六进制颜色代码是 #FF8000 */
            color: #FFFFFF; /* 白色字体 */
            padding: 10px;
            overflow: hidden;
            display: flex;
            justify-content: center; /* 使链接居中 */
        }
        .navbar a {
           color: #FFFFFF;
           text-align: center;
           padding: 10px 16px;
           text-decoration: none;
           }  
        .navbar a:hover {
           background-color: #FFA500; /* 橙色悬停效果 HTML颜色代码中橙色的标准值是 (255, 165, 0)，其对应的十六进制颜色代码是 #FFA500 */
        }
        /* 清除浮动，防止影响其他元素 */
        .navbar::after {
           content: "";
           display: table;
           clear: both;
        }

        /* 搜索整体控制 */
        #searchForm {
           display: flex;
           justify-content: center; /* 使表单内容（输入框和按钮）居中 */
           align-items: center; /* 垂直居中（如果需要的话） */
           margin-top: 20px;  
           width: 100%; /* 确保表单宽度填满其父容器 */
        }   
        /* 搜索框控制 */
        #searchInput {  
            width: 200px; /* 根据需要调整宽度 */
            height: 50px;
            padding: 5px; /* 增大内边距 */
            font-size: 18px;  /* 增大字体大小 */
            border-radius: 5px;  
            border: 1px solid #FF0009;
			margin-left: 5px; /* 搜索框右边保持一定距离 */
			margin-right: 5px; /*搜索框左边保持一定距离 */
        }  
        #searchInput:focus {  
           outline: none; /* 移除默认的外框*/
        }   
        /* 搜索框悬停样式 */
        #searchInput:hover {
           border-color: #FF0009; /* 鼠标悬停时改变边框颜色 */
        }  
        /* 搜索按钮控制 */
        #searchForm button {
		    width: 80px; /* 设置搜索按钮的宽度 */
            height: 52px; /* 设置搜索按钮的高度 */
            padding: 5px; /* 为按钮设置内边距 */
            font-size: 18px; /* 增大字体大小 */
			background-color: #FF8000;   /* 按钮背景色 */
		    border-color: #FF0009;  
            margin-left: 5px; /* 与搜索框保持一定距离 */
            color: #ffffff; /* 将按钮文字颜色设置为白色 */
            border-radius: 5px;  /* 圆角 */
            border: none;
            cursor: pointer;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */
        }
        /* 搜索按钮悬停样式 */
        #searchForm button:hover {
           background-color: #FF0009; /* 鼠标悬停时改变背景颜色 */
           border-color: #FF0009; /* 也可以改变边框颜色，如果需要 */
        }


       /* 增大下拉框的宽度和高度 */
        #searchEngine {
            width: 138px; /* 根据需要调整宽度 */
            height: 50px; /* 根据需要调整高度 */
            padding: 5px; /* 增大内边距 */
            font-size: 18px;  /* 增大字体大小 */
            background-color: #FF0009;
            margin-left: 0px; /* 与搜索框保持一定距离 */
            color: white;
            border-radius: 5px;
            border: none;
            cursor: pointer;
      }  

        hr {  
           border: none; /* 移除默认的边框 */
           border-top: 3px solid #FFA500; /* 设置顶部边框的颜色和粗细 */
           height: 5px; /* 设置高度 */
           background-color: #FFA500; /* 设置颜色 */
           margin: 20px 0; /* 设置上下边距 */
        }

       /* 增加外框 */
        .zjwk {
            margin: 10px; /* 每列之间的间隙 */
            background-color: white; /* 背景颜色，可根据需要调整 */
            padding: 15px; /* 内边距 */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */
            border-radius: 8px; /* 圆角 */
            text-align: left; /* 文字居中 */
            margin-left: 10px; /* 增加左外边距 */
            margin-top: 10px;  /* 增加上边距离 */
            margin-right: 10px;  /* 增加右边距离 */
            height: auto;  /* height: 73vh;  高度占比73% */
        }

    /* 提问框开始 */
    #question {
        margin-top: 10px;  /* 增加上边距离 */
        border-radius: 8px; /* 圆角 */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */
        background-color: #f5f5f5; /* 内框颜色 */
        border: 2px solid #4285f4; /* 设置边框宽度、样式和颜色 */
    }
    @media (max-width: 600px) {
    #question {
        width: 100%; /* 或者其它适合移动设备的宽度 */
        box-sizing: border-box; /* 确保padding和border包含在元素的总宽度和高度内 */
    }
    }
    /* 提问框结束 */

        /* 分页样式开始 */
        .pagination a, .pagination span {
        /* 基本的样式设置，如内边距、外边距等 */
             padding: 5px 1px;
             margin: 0 2px;
             text-decoration: none;
             color: #da251c; /* 文字颜色 */
             border: 1px solid #FF8000; /* 边框 */
        /* 以下样式用于创建正方形效果，具体大小可以根据需要调整 */
             display: inline-block;
             min-width: 35px; /* 最小宽度，确保是正方形 */
             text-align: center;
             line-height: 25px; /* 调整行高以匹配高度 */
             height: 35px; /* 高度 */
             border-radius: 8px; /* 添加圆角，与.question-cell保持一致 */
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */
        }  
        /* 选中页码的样式，可以添加一些区分 */
        .pagination span {  
             background-color: #FF8000; /* 背景色 */
             cursor: default; /* 禁用鼠标悬停效果 */
        }
        /* 分页样式结束 */

/* 底部信息开始 */
.footer {

    background-color: #FF8000;
    color: white;    
    padding: 15px 0 1px;  /* 仅保留上下内边距 */
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* 添加一些外边距，以防止内容被footer覆盖 */
    margin-top: 15px; /* 根据需要调整 */
    font-size: 12px; /* 控制字体大小，可以根据需要调整 */
}

/* 底部导航链接样式 */
.footer-links {  
    padding-left: 0; /* 新增：覆盖浏览器的默认样式 */
    display: flex; /* 使用 Flexbox 布局 */  
    justify-content: space-around; /* 平均分配空间 */  
    list-style-type: none; /* 移除默认项目符号 */  
    padding: 0; /* 移除默认内边距 */  
}

/* 底部导航项样式 */  
.footer-item {  
    position: relative; /* 相对定位 */  
    margin-left: -5px; /* 增加右边距离 */
}

/* 底部链接 */  
.footer-item a {  
    color: #fff; /* 链接颜色 */  
    text-decoration: none; /* 移除下划线 */
    transition: color 0.3s ease; /* 添加过渡效果 */
    display: block; /* 占据块级元素的空间 */  
    text-align: center; /* 文本居中 */  
}

/* 鼠标悬停时的链接样式 */
.footer-item a:hover {  
    color: #EA4335; /* 悬停时的颜色 */
}

/* 底部emoji样式 */  
.footer-icon {  
    font-size: 16px; /* emoji大小 */
    color: #EA4335; /* emoji颜色 */
    display: block; /* 占据块级元素的空间 */
    text-align: center; /* 文本居中 */  
    margin-bottom: 1px; /* 与链接之间的间距 */
}
/* 底部信息结束 */

</style>