/*--------------------------------------------------------------
link btn
--------------------------------------------------------------*/
.link-btn {
    position: relative; /* 确保伪元素相对于链接定位 */
    text-decoration: none; /* 去掉默认下划线 */
    color: #008B8B; /* 设置文本颜色 */
  }
  
.link-btn::before {
content: '';
display: block; 
height: 4px; 
background-color: #008B8B; 
bottom: -6px; 
width: 0;
transition: width 0.3s; 
position: absolute; 
left: 0; 
}

.link-btn::after {
    content: ' \2794'; /* 添加箭头 */
    position: relative;
}
  
.link-btn:hover {
color: #008B8B;
text-decoration: none;
font-weight: bold; /* 悬浮时加粗文字 */
transform: translateY(-3px); /* 向上浮出效果 */
}

.link-btn:hover::before {
color: #008B8B;
width: 100%; 
}
  
/*--------------------------------------------------------------
divider line
--------------------------------------------------------------*/


.divider {
    width: 95%; 
    height: 4px; /* 设置分割线的高度 */
    background-color: #014747; /* 设置分割线的颜色 */
    margin: 20px auto; /* 上下外边距，自动左右居中 */
    position: relative; /* 为了后续添加效果 */
    overflow: hidden; /* 隐藏超出部分 */
}

/*--------------------------------------------------------------
text-area: Container of text
--------------------------------------------------------------*/
.text-area{
    font-family: "Georgia", serif; 
    background-color:#CDF3E6;
    width:100%;
    margin-top: 10px;
    position: relative;
}

/*--------------------------------------------------------------
text-panel: Passage of container
--------------------------------------------------------------*/
.text-panel{
    width:80%;
    margin-left: 10%;
}


.divide_title {
    font-family:Times New Roman;
    font-size: 2rem;
    margin-bottom: 13px;
    font-weight: bold;
    color:#0E1D16;
    text-transform: none;
    text-align: center;
}


/*--------------------------------------------------------------
Link Text
--------------------------------------------------------------*/
.link-text {
    position: relative; 
    text-decoration: none; 
    color: #008B8B; 
}

.link-text::before {
content: '';
display: block; 
height: 4px; 
background-color: #008B8B; 
bottom: -6px; 
width: 0;
transition: width 0.3s; 
position: absolute; 
left: 0; 
}

.link-text:hover {
color: #26abab;
text-decoration: none;
font-weight: bold; /* 悬浮时加粗文字 */
transform: translateY(-1px); /* 向上浮出效果 */
}

.link-text:hover::before {
color: #26abab;
width: 100%; 
}

/*--------------------------------------------------------------
Link Text in Table
--------------------------------------------------------------*/
.link-table{
    position: relative; 
    text-decoration: none; 
    color: #008B8B; 
}
.link-table:hover{
    color: #033e3e;
    text-decoration: none;
}

/*--------------------------------------------------------------
Primer in Table
--------------------------------------------------------------*/
.primer-table {
    width: 100%;
    table-layout: fixed; /* 固定表格布局 */
    border-collapse: collapse; /* 合并边框 */
}

.primer-table th, .primer-table td {
    border: 1px solid #000;
    padding: 8px;
    text-align: left;
}

.primer-table th {
    background-color: #a0d0d0; /* 列标题背景色 */
}

.primer-table th:nth-child(1) {
    width: 20%; /* 第一列占比20% */
}

.primer-table th:nth-child(2) {
    width: 20%; /* 第二列占比20% */
}

.primer-table th:nth-child(3) {
    width: 60%; /* 第三列占比60% */
}