.tabs {
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
	margin:20PX 0PX 0PX 0PX;
}

/* 单选按钮基础样式 - 隐藏但保持功能 */
[name="tabs"] {
position: absolute;
left: -9999px;
}

/* 选项卡标题区域 */
.tabs-header {
display: flex;
background-color: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
}

/* 选项卡按钮 */
.tab-label {
padding: 12px 20px;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 2px solid transparent;
}
.tab-label:hover {
background-color: rgba(0 72 121 / 80%);
	color:#ffffff;
}
.tab-label:hover a{color:#ffffff;}

/* 选项卡内容区域 */
.tabs-content {
padding: 20px;
min-height: 150px;
}

.tab-content {
display: none;
}
.tab-content p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}
.tab-content img {width:800px;}

/* 核心选择器 - 直接关联单选按钮与内容 */
/* 第一个选项卡 */
#tab1:checked ~ .tabs-header [for="tab1"],
#tab1:checked ~ .tabs-content #content1 {
display: block;
}

#tab1:checked ~ .tabs-header [for="tab1"] {
border-bottom-color: #3B82F6;
color: #ffffff;
font-weight: 500;
background-color: rgba(0 72 121 / 80%);
}
#tab1:checked ~ .tabs-content #content1 p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}

/* 第二个选项卡 */
#tab2:checked ~ .tabs-header [for="tab2"],
#tab2:checked ~ .tabs-content #content2 {
display: block;
}

#tab2:checked ~ .tabs-header [for="tab2"] {
border-bottom-color: #3B82F6;
color: #ffffff;
font-weight: 500;
background-color: rgba(0 72 121 / 80%);
}
#tab2:checked ~ .tabs-content #content2 p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}


/* 第三个选项卡 */
#tab3:checked ~ .tabs-header [for="tab3"],
#tab3:checked ~ .tabs-content #content3 {
display: block;
}

#tab3:checked ~ .tabs-header [for="tab3"] {
border-bottom-color: #3B82F6;
color: #ffffff;
font-weight: 500;
background-color: rgba(0 72 121 / 80%);
}
#tab3:checked ~ .tabs-content #content3 p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}

/* 第四个选项卡 */
#tab4:checked ~ .tabs-header [for="tab4"],
#tab4:checked ~ .tabs-content #content4 {
display: block;
}

#tab4:checked ~ .tabs-header [for="tab4"] {
border-bottom-color: #3B82F6;
color: #ffffff;
font-weight: 500;
background-color: rgba(0 72 121 / 80%);
}
#tab4:checked ~ .tabs-content #content4 p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}

/* 第五个选项卡 */
#tab5:checked ~ .tabs-header [for="tab5"] {
border-bottom-color: #3B82F6;
color: #ffffff;
font-weight: 500;
background-color: rgba(0 72 121 / 80%);
}
#tab5:checked ~ .tabs-content #content5 p {font-size:18px; line-height:27px;padding:0px 0px 18px 0px;}
   
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}