:root{
    --green-900:#0f2e1c;
    --green-800:#17452a;
    --green-700:#1f5c37;
    --green-600:#2a7a49;
    --green-500:#3a9b5e;
    --green-300:#8fd0a8;
    --green-200:#c3e8d0;
    --green-100:#e4f5ea;
    --green-50:#f2faf5;
    --ink:#14231a;
    --ink-soft:#48604f;
    --line:rgba(31,92,55,.16);
  }

  *{box-sizing:border-box;}

  html,body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
  }

  body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    color:var(--ink);
    background:var(--green-50);
    letter-spacing:-0.03em;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }

  img{max-width:100%;display:block;}

  a{color:var(--green-700);text-decoration:none;}

  .tedzqf{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:0 20px;
  }

  /* ---------- 页头 ---------- */
  .lfop9x{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(242,250,245,.9);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }

  .xrs2wx{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 0;
  }

  .qfckel{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    font-size:17px;
    color:var(--green-900);
    letter-spacing:-0.02em;
  }

  .mo324t{
    height:34px;
    width:auto;
    object-fit:contain;
    border-radius:8px;
  }

  .lvh1sw{
    display:flex;
    align-items:center;
    gap:22px;
    font-size:14px;
    color:var(--ink-soft);
  }

  .lvh1sw a:hover{color:var(--green-700);}

  .buuch2{
    display:inline-block;
    background:var(--green-700);
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:9px 18px;
    border-radius:2px;
    letter-spacing:-0.02em;
    transition:background .25s ease, transform .25s ease;
  }

  .buuch2:hover{background:var(--green-900);transform:translateY(-1px);}

  /* ---------- 通用斜纹装饰 ---------- */
  .f0s640{
    background-image:repeating-linear-gradient(
      -45deg,
      rgba(31,92,55,.07) 0px,
      rgba(31,92,55,.07) 2px,
      transparent 2px,
      transparent 11px
    );
  }

  /* ---------- Hero ---------- */
  .bvkq6a{
    position:relative;
    padding:72px 0 84px;
    background:
      radial-gradient(circle at 85% 12%, var(--green-200), transparent 55%),
      var(--green-50);
    border-bottom:1px solid var(--line);
  }

  .tcrgek{
    display:grid;
    grid-template-columns:1fr;
    gap:40px;
    align-items:center;
  }

  .c58i6s{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    color:var(--green-700);
    background:var(--green-100);
    padding:5px 12px;
    border-radius:2px;
    margin-bottom:20px;
  }

  .bvkq6a h1{
    font-size:clamp(30px,6vw,54px);
    line-height:1.15;
    letter-spacing:-0.04em;
    margin:0 0 20px;
    color:var(--green-900);
    font-weight:800;
  }

  .bvkq6a h1 em{
    font-style:normal;
    color:var(--green-600);
    background:linear-gradient(transparent 62%, var(--green-200) 62%);
    padding:0 2px;
  }

  .wt1mon{
    font-size:16px;
    color:var(--ink-soft);
    max-width:560px;
    margin:0 0 30px;
  }

  .b0gofk{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    align-items:center;
  }

  .jlw1uf{
    display:inline-block;
    background:var(--green-700);
    color:#fff;
    font-size:16px;
    font-weight:700;
    padding:14px 30px;
    border-radius:2px;
    transition:background .25s ease, transform .25s ease;
  }

  .jlw1uf:hover{background:var(--green-900);transform:translateY(-2px);}

  .tu4pif{
    display:inline-block;
    border:1px solid var(--green-600);
    color:var(--green-700);
    font-size:15px;
    font-weight:600;
    padding:13px 26px;
    border-radius:2px;
    transition:background .25s ease, color .25s ease;
  }

  .tu4pif:hover{background:var(--green-100);}

  .a8rv11{
    margin-top:18px;
    font-size:13px;
    color:var(--ink-soft);
  }

  .jkgiuq{
    position:relative;
  }

  .jkgiuq img{
    width:100%;
    border-radius:22px;
    box-shadow:0 24px 50px -24px rgba(15,46,28,.5);
    border:1px solid var(--line);
  }

  .jkgiuq .zbbju9{
    position:absolute;
    bottom:-16px;
    left:18px;
    background:var(--green-900);
    color:var(--green-100);
    font-size:13px;
    font-weight:600;
    padding:8px 16px;
    border-radius:2px;
    box-shadow:0 10px 22px -12px rgba(15,46,28,.7);
  }

  /* ---------- 区块标题 ---------- */
  .bn5ugk{
    padding:78px 0;
    position:relative;
  }

  .hh0mwb{
    max-width:640px;
    margin:0 auto 54px;
    text-align:center;
  }

  .hh0mwb .od3xg2{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
    color:var(--green-600);
    margin-bottom:12px;
  }

  .hh0mwb h2{
    font-size:clamp(24px,4.4vw,38px);
    line-height:1.22;
    letter-spacing:-0.04em;
    margin:0 0 16px;
    color:var(--green-900);
    font-weight:800;
  }

  .hh0mwb p{
    margin:0;
    color:var(--ink-soft);
    font-size:15.5px;
  }

  /* ---------- 时间轴 ---------- */
  .ce3z4e{
    position:relative;
    max-width:960px;
    margin:0 auto;
  }

  .ce3z4e::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:18px;
    width:2px;
    background:linear-gradient(var(--green-300), var(--green-600));
    border-radius:2px;
  }

  .rvmqz7{
    position:relative;
    padding-left:54px;
    margin-bottom:38px;
  }

  .rvmqz7:last-child{margin-bottom:0;}

  .hle8ay{
    position:absolute;
    left:9px;
    top:26px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    border:4px solid var(--green-600);
    box-shadow:0 0 0 5px var(--green-100);
  }

  .v3fq3q{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:26px 24px;
    box-shadow:0 16px 34px -26px rgba(15,46,28,.45);
    transition:transform .3s ease, box-shadow .3s ease;
  }

  .v3fq3q:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 42px -24px rgba(15,46,28,.55);
  }

  .v3fq3q h3{
    margin:0 0 10px;
    font-size:19px;
    letter-spacing:-0.03em;
    color:var(--green-900);
    font-weight:800;
  }

  .v3fq3q p{
    margin:0;
    color:var(--ink-soft);
    font-size:15px;
  }

  .v3fq3q p + p{margin-top:10px;}

  .m4rbho{
    margin-top:18px;
    border-radius:14px;
    overflow:hidden;
    border:1px solid var(--line);
  }

  .m4rbho img{width:100%;}

  .gx459e{
    display:inline-block;
    font-size:12.5px;
    font-weight:700;
    color:var(--green-700);
    background:var(--green-100);
    padding:4px 11px;
    border-radius:2px;
    margin-bottom:14px;
  }

  /* ---------- 常见问题 ---------- */
  .vzy9yq{
    background:var(--green-100);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }

  .mi2mc4{
    max-width:820px;
    margin:0 auto;
  }

  .j5hine{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px 24px;
    margin-bottom:16px;
  }

  .j5hine:last-child{margin-bottom:0;}

  .j5hine h3{
    margin:0 0 8px;
    font-size:17px;
    letter-spacing:-0.03em;
    color:var(--green-900);
    font-weight:800;
  }

  .j5hine p{
    margin:0;
    color:var(--ink-soft);
    font-size:15px;
  }

  /* ---------- 核心特性 ---------- */
  .lnsbtq{
    background:
      linear-gradient(var(--green-50), var(--green-50)),
      repeating-linear-gradient(-45deg, rgba(31,92,55,.05) 0 2px, transparent 2px 12px);
  }

  .nxfgnv{
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
  }

  .uq6iqt{
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:28px 24px;
    transition:transform .3s ease, border-color .3s ease;
  }

  .uq6iqt:hover{
    transform:translateY(-4px);
    border-color:var(--green-300);
  }

  .xxbfco{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:12px;
    background:var(--green-100);
    color:var(--green-700);
    font-weight:800;
    font-size:17px;
    margin-bottom:16px;
    letter-spacing:-0.02em;
  }

  .uq6iqt h3{
    margin:0 0 10px;
    font-size:18.5px;
    letter-spacing:-0.03em;
    color:var(--green-900);
    font-weight:800;
  }

  .uq6iqt p{
    margin:0;
    font-size:15px;
    color:var(--ink-soft);
  }

  .uq6iqt img{
    margin-top:18px;
    border-radius:14px;
    border:1px solid var(--line);
  }

  /* ---------- 下载 ---------- */
  .qdtka4{
    background:var(--green-900);
    color:var(--green-100);
    position:relative;
    overflow:hidden;
  }

  .qdtka4::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:repeating-linear-gradient(
      -45deg,
      rgba(143,208,168,.07) 0px,
      rgba(143,208,168,.07) 2px,
      transparent 2px,
      transparent 13px
    );
    pointer-events:none;
  }

  .o10n0b{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr;
    gap:36px;
    align-items:center;
  }

  .vg14xc h2{
    font-size:clamp(24px,4.4vw,38px);
    line-height:1.22;
    letter-spacing:-0.04em;
    margin:0 0 16px;
    color:#fff;
    font-weight:800;
  }

  .vg14xc p{
    margin:0 0 12px;
    color:var(--green-200);
    font-size:15.5px;
    max-width:520px;
  }

  .imtyt6{
    list-style:none;
    margin:24px 0 30px;
    padding:0;
    display:grid;
    gap:12px;
  }

  .imtyt6 li{
    display:flex;
    gap:12px;
    align-items:flex-start;
    font-size:15px;
    color:var(--green-100);
  }

  .cp6ni7{
    flex:0 0 auto;
    width:24px;
    height:24px;
    border-radius:50%;
    background:var(--green-600);
    color:#fff;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
  }

  .f2plrs{
    display:inline-block;
    background:var(--green-300);
    color:var(--green-900);
    font-size:16.5px;
    font-weight:800;
    padding:15px 34px;
    border-radius:2px;
    transition:background .25s ease, transform .25s ease;
  }

  .f2plrs:hover{background:#fff;transform:translateY(-2px);}

  .lexddt{
    margin-top:16px;
    font-size:13px;
    color:var(--green-300);
  }

  .xw075b{
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(143,208,168,.3);
    box-shadow:0 28px 54px -28px rgba(0,0,0,.7);
  }

  .xw075b img{width:100%;}

  /* ---------- 页脚 ---------- */
  .lpz34u{
    background:var(--green-50);
    border-top:1px solid var(--line);
    padding:38px 0 30px;
  }

  .vdv93s{
    display:flex;
    flex-direction:column;
    gap:14px;
    align-items:flex-start;
  }

  .f7o3y0{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:700;
    color:var(--green-800);
  }

  .f7o3y0 img{height:22px;width:auto;border-radius:5px;}

  .fql1r5{
    font-size:12.5px;
    color:var(--ink-soft);
    margin:0;
    line-height:1.9;
  }

  .fql1r5 a{
    color:var(--ink-soft);
    text-decoration:underline;
    text-decoration-color:var(--green-300);
  }

  .fql1r5 a:hover{color:var(--green-700);}

  .cpf9eo{
    font-size:12px;
    color:#7d9486;
  }

  /* ---------- 断点：768px ---------- */
  @media (min-width:768px){
    .bvkq6a{padding:90px 0 100px;}
    .tcrgek{grid-template-columns:1.05fr .95fr;gap:52px;}
    .bvkq6a h1{font-size:clamp(36px,5vw,54px);}
    .wt1mon{font-size:17px;}

    .bn5ugk{padding:96px 0;}

    .ce3z4e::before{left:50%;transform:translateX(-50%);}

    .rvmqz7{
      width:50%;
      padding-left:0;
      margin-bottom:52px;
    }

    .rvmqz7:nth-child(odd){
      padding-right:46px;
      text-align:right;
    }

    .rvmqz7:nth-child(even){
      margin-left:50%;
      padding-left:46px;
    }

    .hle8ay{top:32px;}

    .rvmqz7:nth-child(odd) .hle8ay{left:auto;right:-11px;}
    .rvmqz7:nth-child(even) .hle8ay{left:-11px;}

    .rvmqz7:nth-child(odd) .m4rbho{margin-left:auto;}

    .nxfgnv{grid-template-columns:repeat(2,1fr);gap:24px;}

    .o10n0b{grid-template-columns:1fr .85fr;gap:52px;}

    .vdv93s{
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
    }
  }

  /* ---------- 断点：1024px ---------- */
  @media (min-width:1024px){
    .bvkq6a{padding:110px 0 120px;}

    .bvkq6a h1{font-size:58px;}

    .nxfgnv{grid-template-columns:repeat(3,1fr);}

    .uq6iqt{padding:32px 28px;}

    .rvmqz7:nth-child(odd){padding-right:60px;}
    .rvmqz7:nth-child(even){padding-left:60px;}

    .v3fq3q{padding:30px 30px;}

    .hh0mwb{margin-bottom:64px;}
  }

  @media (max-width:520px){
    .lvh1sw{display:none;}
    .b0gofk .tu4pif{display:none;}
  }