:root{
    --bg:#e3f2e9;           /* 浅绿色背景，仿晨光森林 */
    --card:#ffffff;          /* 卡片仍然白色，但更柔和 */
    --muted:#5a6b4f;         /* 暗绿色文字，更自然 */
    --accent:#3b7a57;        /* 主森林绿，生机盎然 */
    --accent-2:#4aa3d8;      /* 湖泊蓝，清爽明亮 */
    --forest:#2e5932;        /* 深森林绿，用于树木、植被 */
    --road:#d4b37f;           /* 土路色，温暖自然 */
    --house:#e48b5d;          /* 农舍色，温馨明亮 */
    --glass: rgba(255,255,255,0.6);  /* 半透明效果保持 */
    --max-width:1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    background: linear-gradient(180deg,var(--bg),#d8ede1);
    color:#1b2c1f;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:20px;
    display:flex;
    justify-content:center;
}

.container{
    width:100%;
    max-width:var(--max-width);
    background:transparent;
}

header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin-bottom:12px;
    flex-wrap:wrap;
}

.logo-title {
    display: flex;
    align-items: center;
    gap:8px;
}

.logo {
    flex-shrink: 0;
}

.title-text h1 {
    margin:0;
    font-size:20px;
    letter-spacing:0.4px;
}

.title-text small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--muted);
    margin-top: 2px;
    letter-spacing: 0.2px;
}

nav[aria-label="主导航"]{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
}
nav[aria-label="主导航"] a{
    text-decoration:none;
    color:var(--muted);
    padding:6px 10px;
    border-radius:6px;
    font-size:14px;
}
nav[aria-label="主导航"] a:hover{color:var(--accent)}

.health-main{
    margin:20px 0;
}
.health-card-wrap{
    width:100%;
}
.health-title{
    text-align:center;
    color:var(--forest);
    font-size:26px;
    margin-bottom:20px;
}
.health-card{
    background:var(--card);
    box-shadow: 0 6px 18px rgba(25,40,50,0.06);
    border-radius:14px;
    padding:20px;
    margin-bottom:16px;
}
.health-card h3{
    color:var(--accent);
    font-size:18px;
    margin:0 0 12px;
    border-left:4px solid var(--accent);
    padding-left:10px;
}
.health-card ul{
    padding-left:22px;
    margin:0;
    line-height:1.7;
    color:#2c3e30;
}
.health-card li{
    margin-bottom:6px;
}

footer{
    margin-top:14px;
    color:var(--muted);
    font-size:13px;
    line-height:1.5;
}
footer a{color:var(--muted);text-decoration:none}
footer p{margin:6px 0}

/* 移动端响应式 */
@media (max-width:900px){
    body{
        padding:12px;
    }
    header{
        flex-direction:column;
        align-items:flex-start;
    }
    .health-title{
        font-size:22px;
    }
    .health-card{
        padding:16px;
    }
}