*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑";}
body{background:#f7fff9;color:#333;}
header{background:#367d3b;color:#fff;padding:30px;text-align:center;}
header p{margin-top:8px;opacity:0.9;}
nav{background:#26547c;padding:15px;position:sticky;top:0;z-index:99;}
nav ul{display:flex;gap:20px;justify-content:center;list-style:none;flex-wrap:wrap;}
nav a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:5px;transition:0.3s;}
nav a:hover{background:#5998d1;}
.wrap{max-width:1200px;margin:40px auto;padding:0 15px;}
.intro-box{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 12px #ddd;margin-bottom:40px;}
.intro-box h2{color:#367d3b;margin-bottom:10px;}
.card-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 15px #e2e9e3;cursor:pointer;transition:0.3s;}
.card:hover{transform:translateY(-8px);}
.card img{width:100%;height:220px;object-fit:cover;}
.card h3{padding:15px 15px 5px;color:#367d3b;}
.card p{padding:0 15px 18px;color:#666;font-size:14px;}
footer{background:#26547c;color:#fff;text-align:center;padding:20px;margin-top:60px;}