/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 05 2026 | 13:12:30 */


/* 包裹表格的 div */
.table-wrapper {
    width: 100%;
    overflow-x: auto;  /* 默认情况下，只有当内容超出视口时才显示滚动条 */
    -webkit-overflow-scrolling: touch; /* 启用平滑滚动 */
    overflow-y: hidden; /* 禁止垂直滚动条 */
}

/* 表格样式 */


.manager-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
	  min-width: 400px; 

}

.manager-table th, .manager-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    min-width: 120px;
}

.manager-table th {
    background-color: #f4f4f4;
    color: #333;
    font-weight: bold;
}

.manager-table td {
    background-color: #fff;
}

.manager-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.manager-table .manager-year td {
    text-align: center;
}



/* 手机设备上，始终显示水平滚动条 */
@media (max-width: 768px) {
    .table-wrapper {
        overflow-x: scroll !important; /* 强制在手机上始终显示滚动条 */
    }

    .manager-table {
        font-size: 12px; /* 在小屏幕上调整字体大小 */
    }
}

/* 电脑设备，隐藏水平滚动条 */
@media (min-width: 769px) {
    .table-wrapper {
        overflow-x: hidden;  /* 在电脑上隐藏滚动条 */
    }
}


#relationship-graph {
    width: 100%;
    height: 500px;  /* 可以根据需要调整图的高度 */
    margin: 0 auto;  /* 居中显示 */
    padding: 20px;  /* 留白 */
    box-sizing: border-box;  /* 确保留白不影响大小 */
    border: none;  /* 不显示方框 */
    background-color: #FFFFFF; /* 背景颜色，可以根据需要调整 */
}


#control-chart {
    position: relative;
    text-align: left; /* 确保图表靠左对齐 */
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.links line {
    stroke: #999999;
    stroke-opacity: 0.6;
}
.nodes circle {
    stroke: #fff;
    stroke-width: 1.5px;
}
.nodes text {
    font: 14px sans-serif;
    pointer-events: none;
}
.link-labels text {
    font: 12px sans-serif;
    fill: #000;
    pointer-events: none;
}
@media (max-width: 600px) {
    #control-chart-iframe {
        width: 100%;
        height: auto; /* 自动调整高度以适应内容 */
    }
}

/* 你还可以添加更多的媒体查询来适应其他屏幕尺寸 */
@media (max-width: 900px) {
    #control-chart-iframe {
        width: 100%;
        height: auto;
    }
}