<style>
    /* 导航栏样式（仅保留使用到的） */
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

/* 导航栏核心样式 */
.co-nav {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #c00000;
    backdrop-filter: blur(5px);
    border-top: 1px solid #505050;
    color: white;
}
.co-logo { height: 38px; }
.co-nav-icon { height: 20px; }
.f18 { font-size: 18px; }
.f16 { font-size: 16px; }
.f14 { font-size: 14px; }

/* 导航项及下拉菜单 */
.co-nav-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
    width: 200px;
    background: none;
    position: relative;
    font-size: 16px;
}
.co-drop .co-nav-item {
    padding: 8px;
    width: auto;
}
.co-drop .co-nav-item:hover {
    background: #ff3b30;
}
.co-drop {
    position: absolute;
    top: 40px;
    left: 0;
    border-radius: 4px;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    background: #c00000;
    border: 0.5px solid rgba(255, 255, 255, 0.3);
    z-index: 999;
}
.co-nav-item:hover .co-drop {
    visibility: visible;
    opacity: 1;
}





/* 链接样式统一 */
.co-nav a {
    color: white;
    text-decoration: none;
}


.search-container {
    display: flex;
    align-items: center;
    border: 1px solid #c00000; /* 红色边框 */
    border-radius: 20px; /* 圆角 */
    overflow: hidden; /* 隐藏内部元素超出的圆角 */
    width: 500px; /* 搜索框总宽度，可根据需求调整 */
    justify-content: center;
}
.search-input {
    flex: 1;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    outline: none; /* 去除输入框聚焦时的默认边框 */
}
.search-button {
    background-color: #c00000;
    color: #fff;
    border: none;
    padding: 10px 10px;
    font-size: 18px;
    cursor: pointer;
}
.search-button:hover {
    background-color: #ff3b30;
}



/*页面级*/
.inputbox-container {
    display: flex;
    align-items: center;
    border: 1px solid #c00000; /* 红色边框 */
    border-radius: 10px; /* 圆角 */
    overflow: hidden; /* 隐藏内部元素超出的圆角 */
    width: 200px; /* 搜索框总宽度，可根据需求调整 */
}
.inputbox-input {
    flex: 1;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    outline: none; /* 去除输入框聚焦时的默认边框 */
}
.selectbox{
    flex: 1;
    border: 1px solid #c00000; /* 红色边框 */
    border-radius: 10px; /* 圆角 */
    padding: 10px 15px;
    font-size: 16px;
    outline: none; /* 去除输入框聚焦时的默认边框 */
}



body {
    background-color: white;
    color: #333;
    font-family: "微软雅黑", sans-serif;
    margin: 0;
    padding: 0;
}
.table-container {
    padding: 0 50px; /* 表格两侧留白 */
    margin: 20px auto; /* 表格上下边距 */
}



table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd; /* 表格整体边框 */
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
}
th {
    background-color: #eee;
    text-align: left;
}
tbody td {
    background-color: #fff;
}
.header-top {
    background-color: #fff;
    padding: 15px 10px;
    font-size: 1px;
    color: transparent;
}
/* 标题与导航栏一行布局 */
.header-row {
    display: flex;
    align-items: center;
    background-color: #c00;
    color: white;
    padding: 10px;
    border-top-left-radius: 8px; /* 左上角圆角 */
    border-top-right-radius: 8px; /* 右上角圆角 */
}
.header-title {
    font-size: 18px;
    font-weight: bold;
    flex: 1; /* 标题占左侧剩余空间 */
}
.tab-nav {
    text-align: right;
    margin: 0; /* 清除原有margin */
}
.tab-nav span {
    display: inline-block;
    margin: 0 10px;
    color: white; /* 导航文字改为白色 */
}
.tab-nav .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}

/* 项目概况文字黑色（此处因导航栏整体白色，如需突出可调整） */
.tab-nav span:nth-child(2) .dot {
    background-color: #000; /* 保持圆点黑色 */
}
.tab-nav span:nth-child(2) {
    color: white; /* 如需项目概况文字黑色，需单独调整，此处保持与整体一致 */
}
.red-button {
    background-color: #c00000; /* 红色背景 */
    color: white; /* 白色文字 */
    padding: 10px 20px; /* 内边距 */
    border: none; /* 去掉边框 */
    border-radius: 4px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    font-size: 16px; /* 字体大小 */
}

.red-button:hover {
    background-color: #ff3b30; /* 鼠标悬停时的深红色 */
}


</style>

