<style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        #chart-container {
            width: 1024px;
            height: 580px;
            margin-top: 20px;
        }
        .percentiles {
            margin-bottom: 20px;
            color: red;
        }
        

        .navbar {  
            background-color: #FF8000; /* 橙色背景 */  
            color: #FFFFFF; /* 白色字体 */  
            padding: 10px;  
            overflow: hidden;  
            display: flex;  
            
            z-index: 1000; /* 确保导航栏在最上层 */ 
            justify-content: center; /* 使链接居中 */  
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加阴影 */  
        }  
        .navbar a {  
           color: #FFFFFF;  
           text-align: center;  
           padding: 10px 16px;  
           text-decoration: none;  
           
           font-weight: bold;  
           transition: all 0.3s ease; /* 添加平滑滑动效果 */  
           }  
        .navbar a:hover {  
           background-color: #FF7F00; /* 橙色悬停效果 */  
           
           text-decoration: underline;  
           transform: scale(1.1); /* 放大效果 */  
        }  
        /* 清除浮动，防止影响其他元素 */  
        .navbar::after {  
           content: "";  
           display: table;  
           clear: both;  
        }

        /* 搜索整体控制 */  
        #searchForm {  
           display: flex;  
           justify-content: center; /* 使表单内容（输入框和按钮）居中 */  
           align-items: center; /* 垂直居中（如果需要的话） */  
           margin-top: 20px;  
           width: 100%; /* 确保表单宽度填满其父容器 */  
        }   
        /* 搜索框控制 */  
        #searchInput {  
            width: 520px; /* 根据需要调整宽度 */
            height: 52px;
            padding: 5px; /* 增大内边距 */  
            font-size: 18px;  /* 增大字体大小 */    
            border-radius: 5px;  
            border: 1px solid #FF0009;  
			margin-left: 10px; /* 搜索框右边保持一定距离 */ 
			margin-right: 10px; /*搜索框左边保持一定距离 */  
        }  
        #searchInput:focus {  
           outline: none; /* 移除默认的外框*/  
        }   
        /* 搜索框悬停样式 */  
        #searchInput:hover {  
           border-color: #FF0009; /* 鼠标悬停时改变边框颜色 */  
        }  
        /* 搜索按钮控制 */  
        #searchForm button {  
		    width: 138px; /* 设置搜索按钮的宽度 */  
            height: 52px; /* 设置搜索按钮的高度 */  
            padding: 5px; /* 为按钮设置内边距 */  
            font-size: 18px; /* 增大字体大小 */  
			background-color: #FF8000;   /* 按钮背景色 */  
		    border-color: #FF0009;  
            margin-left: 10px; /* 与搜索框保持一定距离 */      
            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: 5px solid #FF7F00; /* 设置顶部边框的颜色和粗细 */  
           height: 5px; /* 设置高度 */  
           background-color: #FF8000; /* 设置颜色 */  
           margin: 20px 0; /* 设置上下边距 */  
        }

        /* 所有<div class="url">类下的"a"标签 */
        .url a {
           color: #000095; /* 这里设置颜色为蓝色 */
           text-decoration: none; /* 去掉下划线 */
        }

        /* 鼠标悬停时改变颜色 */
        .url a:hover {
           color: #FE0000; /* 悬停时颜色变为红色 */
        }

        /* 鼠标点击时改变颜色 */
        .url a:active {
           color: #FF8000; /* 激活时颜色变为橙色 */
        }

        /* 已访问过的链接颜色 */
        .url a:visited {
           color: #800080; /* 访问后颜色变为紫色 */
        }
        /* 所有<div class="url">类下的"a"标签 */


        /* 增加外框，左对齐 无右侧广告与有右侧广告*/
        .zhuti-wgg {  
            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: 20px; /* 增加左外边距 */  
            margin-top: 20px;  /* 增加上边距离 */  
            margin-right: 20px;  /* 增加右边距离 */  
        }
        .zhuti-ygg {  
            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: 30px; /* 增加左外边距 */  
            margin-top: 20px;  /* 增加上边距离 */  
            margin-right: 315px;  /* 增加右边距离 */  
        }
        /* 增加外框，左对齐 无右侧广告与有右侧广告*/


        /* 分页样式 */     
        .pagination a, .pagination span {
        /* 基本的样式设置，如内边距、外边距等 */
             padding: 5px 1px;  
             margin: 0 2px;  
             text-decoration: none;  
             color: #da251c; /* 文字颜色 */
             border: 1px solid #FF9933; /* 边框 */
        /* 以下样式用于创建正方形效果，具体大小可以根据需要调整 */
             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: #FF9933; /* 背景色 */
             cursor: default; /* 禁用鼠标悬停效果 */
        }  
        /* 分页样式 */ 


/* 行业板块(hybk.php)表格 */
#styledTable {
    width: 1500px;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

#styledTable, #styledTable th, #styledTable td {
    border: 1px solid #ddd;
}

#styledTable th, #styledTable td {
    padding: 12px;
    text-align: left;
}

#styledTable th {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #555;
}

#styledTable tr:nth-child(even) {
    background-color: #f9f9f9;
}

#styledTable tr:hover {
    background-color: #f5f5f5;
}

#styledTable td:last-child {
    text-align: left;
}
/* 行业板块(hybk.php)表格 */


        /* 右侧浮动广告*/
        .floating-ad {
             position: fixed;
             top: 50%;
             transform: translateY(-50%);
             right: 10px;
             margin-left: 20px; /* 增加左外边距 */
             margin-right: 20px;  /* 增加右边距离 */
             background-color: #f9f9f9;
             padding: 10px;
             border: 1px solid #ccc;
             border-radius: 5px;
             box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
             z-index: 1000;
             
        }
        .floating-ad img {
             display: block;
             margin-bottom: 10px;
             max-width: 100%;
             height: auto;
         }
        /* 右侧浮动广告*/


        /* 返回顶部按钮*/
        .back-to-top {
            display: none;
            position: fixed;
            bottom: 10px;
            right: 10px;
            background-color: #FFFFFF; /* 设置按钮背景颜色 */
            color: #333; /* 设置按钮文字颜色 */
            border: 2px solid #FF9933; /* 设置按钮边框颜色和宽度 */
            padding: 10px 15px;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease; /* 添加过渡效果 */
        }

        .back-to-top:hover {
            background-color: #FF9933; /* 鼠标悬停时改变背景颜色 */
            color: #FFFFFF; /* 鼠标悬停时改变文字颜色 */
        }
        /* 返回顶部按钮*/


          /* 底部信息样式 */    
        .footer {    
           background-color: #FF8000;    
           color: white;    
           padding: 20px 0; /* 内边距 */  
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* 阴影效果 */  
           text-align: center;    
           position: fixed;    
           bottom: 0;    
           width: 100%;    
           margin-top: 20px;   /* 添加一些外边距，以防止内容被footer覆盖 */  
        }  
        /* 底部导航链接样式 */  
        .footer a {  
           color: #fff; /* 链接颜色 */  
           text-decoration: none; /* 移除下划线 */  
           margin: 0 10px; /* 链接之间的间距 */  
           font-size: 14px; /* 字体大小 */  
           transition: color 0.3s ease; /* 添加过渡效果 */  
        }  
        /* 鼠标悬停时的链接样式 */  
        .footer a:hover {  
           color: #EA4335; /* 悬停时的颜色 */  
        }  
        /* 可选：添加分隔符 */  
        .footer a:not(:last-child)::after {  
           content: ' | '; /* 分隔符内容 */  
           color: #888; /* 分隔符颜色 */  
        }    
</style>