* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}
body {
    background:
        radial-gradient(circle at 15% 12%, rgba(34, 197, 94, 0.09), transparent 26%),
        radial-gradient(circle at 85% 20%, rgba(20, 184, 166, 0.08), transparent 28%),
        linear-gradient(140deg, #f0fdf4 0%, #ecfdf5 50%, #f7fff9 100%);
    color:#2c3e50;
    line-height:1.7;
}
.container {
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}
header {
    background:rgba(255,255,255,0.76);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom:1px solid rgba(34,197,94,0.12);
    position:sticky;
    top:0;
    z-index:99;
}
.nav-wrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:70px;
}
.logo {
    font-size:22px;
    font-weight:bold;
    background:linear-gradient(90deg,#16a34a,#14b8a6);
    -webkit-background-clip:text;
    color:transparent;
}
.nav a {
    margin-left:28px;
    text-decoration:none;
    color:#445566;
    transition:0.25s;
    font-weight:500;
}
.nav a:hover{color:#16a34a;}
.nav a.active{
    color:#16a34a;
    font-weight:600;
}
.banner {
    background:
        radial-gradient(circle at 25% 15%, rgba(34,197,94,0.11),transparent 25%),
        linear-gradient(140deg,#dcfce7 0%,#d1fae5 100%);
    padding:95px 0;
    text-align:center;
}
.banner h1{
    font-size:40px;
    margin-bottom:16px;
    background:linear-gradient(90deg,#166534,#0d9488);
    -webkit-background-clip:text;
    color:transparent;
}
.banner p{
    font-size:17px;
    color:#475569;
    max-width:700px;
    margin:0 auto 30px;
}
.btn{
    display:inline-block;
    padding:13px 30px;
    background:linear-gradient(90deg,#16a34a,#14b8a6);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    box-shadow:0 6px 18px rgba(22,163,74,0.22);
}
.btn:hover{transform:translateY(-2px);}
.section{padding:70px 0;}
.section-title{
    text-align:center;
    font-size:30px;
    margin-bottom:42px;
}
.grid3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}
.card{
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(16px);
    border:1px solid rgba(34,197,94,0.12);
    border-radius:14px;
    padding:28px;
    box-shadow:0 4px 16px rgba(0,0,0,0.05);
    transition:0.25s;
}
.card:hover{transform:translateY(-4px);}
.card h3{margin-bottom:10px;color:#166534;}
footer{
    background:linear-gradient(140deg,#14532d,#134e4a);
    color:#d1fae5;
    text-align:center;
    padding:32px 0;
}
@media(max-width:768px){
    .nav-wrap{flex-direction:column;height:auto;padding:14px 0;}
    .nav a{margin:0 8px;}
    .grid3{grid-template-columns:1fr;}
    .banner h1{font-size:28px;}
}