.tab-box{
    border-bottom: 5px solid var(--color-primary-500);
    padding-left: 20px;
}
.tab-item{
    display: inline-block;
    border-left: 2px solid var(--color-border-light);
    border-top: 2px solid var(--color-border-light);
    border-right: 2px solid var(--color-border-light);
    height: 50px;
    line-height: 45px;
    font-size: 16px;
    background-color: var(--color-border-lighter);
}
.tab-item-active{
    display: inline-block;
    border-left: 2px solid var(--color-primary-500);
    border-top: 2px solid var(--color-primary-500);
    border-right: 2px solid var(--color-primary-500);
    height: 60px;
    line-height: 60px;
    font-size: 21px;
    background-color: var(--color-primary-500);
    color: var(--color-white);
}
.tab-item a,.tab-item-active a{width: 100%;height: 100%;padding-left: 20px;padding-right: 20px;display: block;}
.tab-item-active a{color:var(--color-white);}

.gqCon_content{height:600px;}
.title04 {
    height: 100px;
    border: none;
}

.title04 .font14 {
    font-size: 16px;
    font-weight: bold;
}
.align_left{
    text-align: left;
    float:left;
}
.align_right{
    text-align: right;
    float:right;
}
.align_center{
    text-align: center;
}
.item_box{
    width: 48%;
}
.selectBox{
    width: 80%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 2px solid var(--color-border-mid);
    border-radius: 5px;
    font-size:16px;
}
.columns{
    width:100%;
    margin-bottom: 20px;
}
.textBox2{
    width: 100%;
    line-height: 25px;
    padding: 10px;
    border: 2px solid var(--color-border-mid);
    border-radius: 5px;
    font-size:16px;
    box-sizing: border-box;
    font-family: 微软雅黑, Arial, -apple-system-font, "Helvetica Neue", sans-serif;
}

/* 展位表格样式 */
#data {
    width:100%;
    table-layout: fixed; 
    margin: 0px auto;   /* 表格居中 */
    border-collapse: collapse; /* 合并边框，关键！避免边框重复 */
    border: 1px solid var(--color-border); /* 表格外边框（细边框） */
    font-size: 16px;     /* 文字大小 */
    font-family: Arial, sans-serif;
}

#data th {
    border: 1px solid var(--color-border); /* 表头细边框 */
    padding: 10px 12px;        /* 内边距，避免文字贴边框 */
    background-color: var(--color-bg-muted2); /* 表头浅灰背景 */
    text-align: left;          /* 文字左对齐（可改center） */
    font-weight: normal;       /* 取消表头默认加粗（可选） */
    color: var(--color-text-primary);               /* 表头文字颜色 */
}

#data td {
    border: 1px solid var(--color-border);
    padding: 10px 5px;
    color: var(--color-text-secondary);
}

#data tbody tr:nth-child(even) {
    background-color: var(--color-bg-lighter);
}

#data tbody tr:hover {
    background-color: var(--color-bg-blue-tint4);
    cursor: default;
}

#data tr:last-child td {
    border-bottom: 1px solid var(--color-border);
}

#data tbody tr:hover {
    background-color: var(--color-bg-blue-tint2); /* 浅蓝高亮 */
    cursor: pointer; /* 鼠标变成手型 */
    transition: background-color 0.2s ease; /* 过渡动画，更丝滑 */
}
/* 单元格悬停样式（可选，细化到单元格） */
#data td:hover {
    background-color: var(--color-bg-blue-tint3); /* 比行更深一点的蓝色 */
    position: relative; /* 为提示框定位做准备 */
}

/* 单元格悬停提示框样式 */
#data td.pop-content:hover::after {
    content: attr(data-tooltip); 
    position: absolute;
    width:100%;
    top: -30px; 
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--color-text-muted); 
    color: var(--color-white); 
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 999; 
    pointer-events: none; 
}

/* 展位表格样式 结束 */

/* 展位展示列表滚动条样式 */
.scroll-container {
    padding: 30px;
    border: 2px solid var(--color-border-lighter);
    /* 开启滚动 */
    overflow-y: auto;
    /* Firefox 基础样式 */
    scrollbar-width: thin; /* 滚动条宽度：auto/thin/none */
    scrollbar-color: var(--color-border-mid) var(--color-bg-light); /* 滑块颜色 轨道颜色 */
}

.scroll-container::-webkit-scrollbar {
    width: 6px; /* 竖滚动条宽度 */
    height: 6px; /* 横滚动条高度 */
}

.scroll-container::-webkit-scrollbar-track {
    background: var(--color-bg-light); /* 轨道背景色 */
    border-radius: 3px; /* 轨道圆角 */
}

.scroll-container::-webkit-scrollbar-thumb {
    background: var(--color-border-mid); /* 滑块默认颜色 */
    border-radius: 3px; /* 滑块圆角（与宽度一致更美观） */
    transition: background 0.2s ease; /* hover 过渡 */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-tertiary); /* hover 加深颜色 */
}

/* 按钮样式 */
.btn_small_edit{
    padding:3px;
    background-color:var(--color-primary-500);
    border:1px solid var(--color-border-light);
    border-radius:5px;
    color:var(--color-white);
    font-size: 14px;
}
.btn_small_del{
    padding:3px;
    background-color: var(--color-error-light);
    border:1px solid var(--color-border-light);
    border-radius: 5px;
    color:var(--color-white);
    font-size: 14px;
}
.btn_small_show{
    padding:3px;
    background-color: var(--color-info);
    border:1px solid var(--color-border-light);
    border-radius: 5px;
    color:var(--color-white);
    font-size: 14px;
}