.main_daohang{
    width: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;     /* 让导航链接居中排列 */
    gap: 30px;                   /* 链接之间的间距 */
}
.main_daohang a{
    color: white;
}

#main_page_header.scrolled{
    border-bottom: 0.3rem solid #2E5C46; 
    background-color: #E8F0EB;
    transition: all 0.3s ease;
}
#main_page_header.scrolled a:link,
#main_page_header.scrolled a:visited {
    color: black; /* 与你的边框/背景色呼应 */
}
/* 看板内容 */
section{
    width: 100rem;
    margin: 0 auto;
    background-color: #F3F3EE;
    padding: 2rem;
    margin-top: 1rem;
    border-radius: 1rem;
}


/* 标题内容 */
.main{
    width: 100%;
    height: 1080px;
    gap: 50px;
    /* height: 30rem; */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.navbar-fixed-wrapper {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* 配合left实现完美的水平居中 */
    width: 100vw;                /* 占满整个视口宽度 */
    z-index: 1000;
}
.main::before{
    content: "";
    position: absolute;
    inset: 0;
    /* background-image: url(/image/bg.png); */
    background-image: url(/image/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: opacity 0.6s ease;
    z-index: -2;
}

.main::after{
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.btn_help{
    gap: 30px;
    padding: 12px 40px;
    background-color: rgba(46, 125, 50);;
    color: white;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.1s ease;
    margin-top: 2%;
}
.btn_help:hover{
    transform: translateY(-5px);
}

.zonglan{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.5fr; 
    align-items: center;
    gap: 24px;
    /* padding: 20px; */
    width: 100%;
    max-width: 100%; 
    margin: 0 auto;
    box-sizing: border-box
}

.card{
   min-width: 0;
    background-color: #FFFFFF;
    border: 1px solid #D1E3D8;
    border-radius: 16px;
    padding: 24px;
    margin:5px;
    box-shadow: 0 4px 12px rgba(30, 61, 47, 0.08); 
    transition: all 0.3s ease; /* 增加平滑的过渡效果 */
}
.card-title{
    color: #1A1A1A;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}
.card-text {
  color: #2D2D2D;
  font-size: 16px;
  line-height: 1.8; /* 宽松的行高，方便阅读 */
}
.card:hover, .card:focus-within {
  border-color: #2E5C46; /* 边框加深为竹青色 */
  box-shadow: 0 8px 20px rgba(30, 61, 47, 0.15); /* 阴影加深，卡片微微浮起 */
  transform: translateY(-3px); /* 微微上移，增加灵动感 */
}
.card:last-child {
    grid-column: 4 / -1;
}






/* 外层容器：横向排列 */
.accordion-container {
    padding: 1rem;
    display: flex;
    width: 100%;
    height: 340px; /* 根据全身照比例设定高度 */
}

/* 单个卡片：默认状态 */
.accordion-item {
    flex: 1; /* 默认等宽 */
    transition: flex 0.5s ease; /* 平滑过渡动画 */
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/* 悬停展开状态 */
.accordion-item:hover {
    flex: 4; /* 悬停时宽度扩展，占据主要空间 */
}

/* 全身照背景 */
.accordion-item .photo {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center top; 
    transition: transform 0.5s ease;
    display: flex;
    flex-direction: row;
    background-color: white;
}

/* 文字介绍：默认隐藏，悬停时渐显 */
.accordion-item .info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5); /* 半透明蒙版 */
    color: white;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.accordion-item:hover .info {
    opacity: 1;
}

/* .text-content{
    opacity: 0;
    transition: opacity 0.5s ease;
    transition-delay: 0.3s;
}
.accordion-item:hover .text-content{
    opacity: 1;
} */

.text-content {

    opacity: 0;
    /* 鼠标移开时：0.2秒快速淡出 */
    transition: opacity 0.2s ease; 
    left: 0;
    padding: 15px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9); /* 半透明白底，保证文字清晰 */
}

.accordion-item:hover .text-content {
    opacity: 1;
    /* 鼠标悬停时：0秒瞬间显示 */
    transition: opacity 0s linear; 
    
}


.people{
    width: 220px;
    object-fit: cover;
    flex-shrink: 0; 
}

footer{
    height: 300px;
}


.workflow-tag {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    background-color: #2E5C46; /* 项目主题深墨绿色 */
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;       /* 与下方内容拉开距离 */
    line-height: 1.4;
}

.duty-list {
    list-style-type: none;     /* 去掉默认的黑色圆点 */
    padding: 0;
    margin: 0;
}

.duty-list li {
    font-size: 13px;           /* 紧凑的字号 */
    color: #333;               /* 柔和的深色文字 */
    line-height: 1.6;          /* 舒适的行高 */
    margin-bottom: 6px;        /* 条目之间的间距 */
    text-align: left;          /* 强制左对齐 */
}

.duty-list li strong {
    color: #2E5C46;            /* 标题颜色与标签呼应 */
    font-weight: 600;
}




footer {
    border-top: 1px solid rgba(46, 92, 70, 0.2); 
    width: 1200px;
    margin: 2rem auto 0;
    color: #6B7A72;
    padding: 1rem;
    display: flex;
    height: 200px;
}

/* 左侧导航区域 */
.footer-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 【核心】实现左对齐 */
    gap: 8px;                /* 让链接之间有一点间距，更美观 */
}

.footer-brand {
    display: flex;
    align-items: flex-start;   /* 【修改】垂直方向靠顶部对齐 */
    justify-content: center;   /* 【保持】水平方向居中 */
    gap: 1rem;                 /* 图片和文字之间的间距 */
}

.footer_logo {
    width: 150px;
}

footer a {
    color: #6B7A72;
    text-decoration: none; /* 建议去掉下划线，更现代 */
}


/* 左侧导航区域 */
.footer-nav {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 确保左对齐 */
    
    /* 【核心】用 gap 统一控制子元素之间的间距，代替默认的 margin */
    gap: 10px; 
}

/* 【核心】清除该区域内所有子元素的默认外边距，防止对齐错位 */
.footer-nav h3,
.footer-nav a {
    margin: 0; 
    padding: 0;
}

/* 顺便给标题和链接做个视觉区分 */
.footer-nav h3 {
    color: #2E5C46; /* 使用你的主题深绿色 */
    font-size: 18px;
    margin-bottom: 5px; /* 如果你想让标题和下方链接稍微拉开一点点距离 */
}

.footer-nav a {
    color: #6B7A72;
    text-decoration: none;
    font-size: 14px;
}

.footer-brand span {
    font-size: 72px;
    
    font-family: "Alibaba Health Font", "Source Han Sans", "Microsoft YaHei", sans-serif;
    
    /* 增加一点字间距，让文字在低视力下更易读 */
    letter-spacing: 2px; 
    
    /* 确保文字颜色与背景有足够对比度 */
    color: #2E5C46; 
}