*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    color:#14321f;
    line-height:1.75;
    background:
      radial-gradient(1100px 560px at 8% -10%, #d9f99d 0%, rgba(217,249,157,0) 58%),
      radial-gradient(900px 480px at 100% 2%, #bbf7d0 0%, rgba(187,247,208,0) 55%),
      linear-gradient(180deg,#f8fff0 0%,#f1fdf4 42%,#eef6ff 100%);
    background-attachment:fixed;
  }
  a{color:#15803d;text-decoration:none}
  a:hover{color:#0f766e}
  .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
  header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,197,94,.22);box-shadow:0 6px 18px -14px rgba(34,197,94,.9)}
  .bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0}
  .logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.5px;color:#14532d;font-size:17px}
  .logo .dot{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#bef264,#22c55e);box-shadow:0 0 0 3px rgba(190,242,100,.35)}
  .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
  .nav-links a{
    font-size:14px;padding:6px 13px;border-radius:999px;
    background:linear-gradient(180deg,#ffffff,#f2ffe0);
    border:1px solid rgba(34,197,94,.28);
    color:#166534;font-weight:600;
    box-shadow:0 3px 10px -6px rgba(34,197,94,.9), inset 0 1px 0 #fff;
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .nav-links a:hover{transform:translateY(-1px);box-shadow:0 8px 16px -8px rgba(34,197,94,.95), inset 0 1px 0 #fff;color:#15803d}
  main{padding:26px 0 10px}
  section{margin:0 0 30px}
  .card{
    position:relative;
    background:linear-gradient(180deg,#ffffff 0%,#f7ffe9 100%);
    border:1px solid rgba(34,197,94,.26);
    border-radius:12px;
    padding:22px 24px;
    box-shadow:0 14px 30px -20px rgba(34,197,94,.95), inset 0 1px 0 rgba(255,255,255,.95);
    overflow:hidden;
  }
  .card::before{
    content:"";position:absolute;inset:0 0 auto 0;height:52%;
    background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));
    pointer-events:none;
  }
  .card > *{position:relative}
  h1{
    font-size:clamp(22px,3.1vw,32px);
    line-height:1.35;margin:0 0 12px;color:#0f3d22;letter-spacing:.2px;
  }
  h2{font-size:clamp(18px,2.2vw,23px);margin:0 0 14px;color:#0f3d22;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  h2 .tag{
    font-size:12px;font-weight:700;letter-spacing:.6px;padding:3px 10px;border-radius:999px;
    background:linear-gradient(135deg,#bef264,#22c55e);color:#08351c;
    box-shadow:0 4px 12px -6px rgba(34,197,94,.95), inset 0 1px 0 rgba(255,255,255,.6);
  }
  h3{font-size:16px;margin:0 0 8px;color:#14532d}
  p{margin:0 0 12px}
  .lead{font-size:15.5px;color:#1f4d33}
  .muted{color:#4b6b57;font-size:14px}
  .split{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:center}
  .split.rev{grid-template-columns:.88fr 1.12fr}
  .split.rev .pic{order:-1}
  img{width:100%;display:block;border-radius:7px;object-fit:cover;box-shadow:0 10px 22px -16px rgba(22,101,52,.9)}
  .pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .pill{font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;background:#f0fdf4;border:1px solid rgba(34,197,94,.3);color:#166534}
  .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .mini{
    background:linear-gradient(180deg,#ffffff,#f4ffe4);
    border:1px solid rgba(34,197,94,.22);
    border-radius:10px;padding:16px 16px;
    box-shadow:0 10px 22px -18px rgba(34,197,94,.95), inset 0 1px 0 #fff;
  }
  .mini p{margin:0;font-size:14px;color:#3d5c4a}
  .stat{
    text-align:center;padding:16px 10px;border-radius:10px;
    background:linear-gradient(160deg,#ffffff,#eaffd3);
    border:1px solid rgba(34,197,94,.28);
    box-shadow:0 10px 22px -18px rgba(34,197,94,1), inset 0 1px 0 #fff;
  }
  .stat b{display:block;font-size:26px;color:#15803d;letter-spacing:.5px}
  .stat span{font-size:13px;color:#4b6b57}
  .news-item{
    border-left:4px solid #22c55e;
    background:linear-gradient(90deg,rgba(240,253,244,.95),rgba(255,255,255,.9));
    border-radius:9px;padding:14px 16px;margin-bottom:14px;
    box-shadow:0 10px 22px -20px rgba(22,101,52,1), inset 0 1px 0 #fff;
  }
  .news-item h3{margin-bottom:4px}
  .date{
    display:inline-block;font-size:12.5px;font-weight:700;color:#0f5132;
    background:linear-gradient(135deg,#d9f99d,#86efac);
    padding:2px 10px;border-radius:999px;margin-bottom:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  }
  .news-item p{font-size:14px;color:#3d5c4a;margin:0}
  .faq-item{
    background:linear-gradient(180deg,#ffffff,#f6ffe8);
    border:1px solid rgba(34,197,94,.24);
    border-radius:10px;padding:15px 17px;margin-bottom:13px;
    box-shadow:0 10px 22px -20px rgba(22,101,52,1), inset 0 1px 0 #fff;
  }
  .faq-item h3{color:#0f5132}
  .faq-item p{font-size:14px;color:#3d5c4a;margin:0}
  .quote{
    background:linear-gradient(160deg,#ffffff,#eefee0);
    border:1px solid rgba(34,197,94,.24);
    border-radius:10px;padding:16px;
    box-shadow:0 10px 24px -20px rgba(22,101,52,1), inset 0 1px 0 #fff;
  }
  .quote p{font-size:14px;color:#365543;margin:0 0 10px}
  .quote b{font-size:13px;color:#15803d}
  .cta-band{
    display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;
    background:linear-gradient(120deg,#ecfccb 0%,#d9f99d 45%,#bbf7d0 100%);
    border:1px solid rgba(34,197,94,.35);
    border-radius:12px;padding:22px 24px;
    box-shadow:0 18px 34px -24px rgba(34,197,94,1), inset 0 1px 0 rgba(255,255,255,.85);
  }
  .btn{
    display:inline-block;margin-top:6px;padding:9px 20px;border-radius:999px;font-weight:700;font-size:14px;
    background:linear-gradient(135deg,#bef264,#22c55e);color:#08351c;
    box-shadow:0 10px 20px -12px rgba(34,197,94,1), inset 0 1px 0 rgba(255,255,255,.7);
  }
  .btn:hover{color:#052e16}
  footer.site{
    margin-top:36px;padding:26px 0 20px;
    background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(236,252,203,.75));
    border-top:1px solid rgba(34,197,94,.28);
  }
  footer.site p{font-size:13.5px;color:#3d5c4a;margin:0 0 8px}
  .foot-bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#4b6b57;margin-top:10px}
  @media (max-width:820px){
    .split,.split.rev,.cta-band{grid-template-columns:1fr}
    .split.rev .pic{order:0}
    .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
    .nav-links{margin-left:0;width:100%}
  }