* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; background: #101d17; color: #e9eee3; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 15px; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
i { font-style: normal; }
img { display: block; max-width: 100%; }
::selection { color: #152016; background: #c2d2a8; }
.fmuunj { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.dmhhwb { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(20px); background: rgba(16, 29, 23, .94); transition: box-shadow .25s; }
.qkexgs { box-shadow: 0 18px 40px -25px rgba(0, 0, 0, .8); }
.adqqxq { min-height: 82px; display: flex; align-items: center; gap: 22px; }
.vvlxsu { font-size: 21px; font-weight: 700; white-space: nowrap; flex-shrink: 0; letter-spacing: -.5px; }
.yxoiqt { display: flex; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; gap: 15px; }
.yxoiqt a { font-size: 13px; color: #a8b6a1; white-space: nowrap; flex-shrink: 0; transition: color .2s; }
.yxoiqt a:hover { color: #d3e1be; }
.vtzqkd { cursor: pointer; transition: transform .25s, background .25s, color .25s; }
.vtzqkd:focus-visible, .bjoyyb:focus-visible, .pjiity:focus-visible { outline: 2px solid #c2d2a8; outline-offset: 5px; }
.hjfihx { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; padding: 10px 18px; background: #293c2c; color: #d0dfb9; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.hjfihx:hover { transform: translateY(-2px); background: #3b5038; }
.pjiity, .uueqbf { display: none; }
.nhbscw { overflow: hidden; background: radial-gradient(ellipse at 85% 45%, rgba(165, 194, 132, .07), transparent 52%); }
.aknlxc {
    display: flex;
    flex-wrap: wrap;
    gap: 74px;
    align-items: center;
    padding-top: 77px;
    padding-bottom: 80px;
}
:where(.aknlxc) > * {
    flex: 1 1 calc((100% - 74px) / 2);
    min-width: 0;
}

.ivcgtl { order: 1; min-width: 0; }
.vrwnnl { display: flex; align-items: center; gap: 9px; color: #a6bb8f; font-size: 12px; letter-spacing: 2px; margin-bottom: 19px; }
.vrwnnl span { height: 6px; width: 6px; border-radius: 50%; background: #c2d2a8; }
h1 { margin: 0 0 21px; font-size: 50px; line-height: 1.3; letter-spacing: -1.5px; font-weight: 600; overflow-wrap: anywhere; }
.cuvqww { font-size: 30px; line-height: 1.6; color: #ced8c2; }
.avunjo { max-width: 450px; margin-top: 19px; color: #96a38e; font-size: 14px; line-height: 2; }
.tknreo { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 27px; padding: 15px 30px; background: #c2d2a8; color: #1d2b1b; font-weight: 700; border-radius: 999px; }
.tknreo i { font-size: 21px; }
.tknreo:hover { background: #d8e4c4; transform: translateY(-3px); }
.fiiikj { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; margin-top: 14px; padding: 10px 12px; border-radius: 999px; background: rgba(194, 210, 168, .06); color: #adc198; white-space: nowrap; }
.fiiikj i { font-size: 16px; }
.fiiikj strong { font-size: 11px; }
.fiiikj > span { width: 1px; height: 12px; background: rgba(194, 210, 168, .2); }
.fiiikj small { font-size: 10px; }
.crgvrx { display: flex; gap: 34px; margin-top: 34px; }
.crgvrx > div { display: flex; flex-direction: column; }
.crgvrx strong { font: 27px Arial, sans-serif; color: #dee6d1; }
.crgvrx span { margin-top: 4px; font-size: 11px; color: #71846b; }
.jmubnz { order: 2; min-width: 0; padding-top: 16px; }
.nnuvow { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.nnuvow > span { font: 10px monospace; color: #72896b; letter-spacing: 2px; }
.nnuvow > small { display: flex; gap: 6px; align-items: center; font-size: 9px; color: #748b6a; }
.nnuvow b { height: 4px; width: 4px; border-radius: 50%; background: #a5bd8d; }
.yxkqjc { display: flex; align-items: center; justify-content: space-between; margin: 22px 0 27px; }
.yxkqjc p { font-size: 21px; color: #829777; line-height: 1.6; }
.yxkqjc strong { font-size: 25px; color: #c7d6b4; font-weight: 500; }
.yxkqjc > i { font-size: 48px; color: #314b32; }
.oarmvq {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
:where(.oarmvq) > *:nth-child(1) {
    flex: 0 0 37px;
}

:where(.oarmvq) > *:nth-child(2) {
    flex: 1 1 calc((100% - 40px) * 1 / 4);
    min-width: 0;
}

:where(.oarmvq) > *:nth-child(3) {
    flex: 1 1 calc((100% - 40px) * 1 / 4);
    min-width: 0;
}

:where(.oarmvq) > *:nth-child(4) {
    flex: 1 1 calc((100% - 40px) * 1 / 4);
    min-width: 0;
}

:where(.oarmvq) > *:nth-child(5) {
    flex: 1 1 calc((100% - 40px) * 1 / 4);
    min-width: 0;
}

.xawzwl { min-width: 0; }
.cvwynd { text-align: center; color: #708368; font: 10px monospace; padding-bottom: 5px; }
.ulhuml { font: 11px monospace; color: #a8bb99; }
.ueopqk { height: 74px; min-width: 0; border-radius: 13px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.ueopqk > i { font-size: 17px; }
.ueopqk strong { font: 12px monospace; }
.moviwb { background: #46332b; color: #d7a18b; }
.rmyosf { background: #253e30; color: #9bbfa1; }
.moviwb.uvxhim { background: #725041; color: #f0c3aa; }
.rmyosf.uvxhim { background: #3e5b42; color: #c6d8b4; }
.qjlrnb { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 22px 0; }
.qjlrnb > span { display: flex; align-items: center; gap: 7px; color: #728567; font-size: 9px; }
.qjlrnb b { width: 4px; height: 4px; border-radius: 50%; background: #617b56; }
.qjlrnb > span:last-child b { background: #966d56; }
.qjlrnb > div { display: flex; gap: 3px; }
.qjlrnb i { width: 27px; height: 6px; border-radius: 2px; background: #3e5b42; }
.qjlrnb i:nth-child(2) { background: #2b4432; }
.qjlrnb i:nth-child(3) { background: #34392b; }
.qjlrnb i:nth-child(4) { background: #513a2f; }
.qjlrnb i:nth-child(5) { background: #725041; }
.ztnrvr { padding-top: 16px; border-top: 1px solid rgba(194, 210, 168, .07); display: flex; align-items: center; gap: 8px; font-size: 10px; color: #8ca17b; }
.ztnrvr > i { font-size: 16px; }
.ztnrvr > small { margin-left: auto; font: 8px monospace; color: #4d6849; }
.btcudl { padding: 84px 0; }
.zmswxu { text-align: center; margin-bottom: 43px; }
.zmswxu > p { font-size: 32px; font-weight: 600; letter-spacing: 2px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.zmswxu > p::before, .zmswxu > p::after { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #82996b; }
.zmswxu > span { display: block; font: 9px Arial, sans-serif; letter-spacing: 2.5px; color: #607855; margin-top: 7px; }
.pbuwxj { background: #16261c; }
.abamoc {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.abamoc) > * {
    flex: 1 1 calc((100% - 66px) / 4);
    min-width: 0;
}

.knqeon { min-width: 0; background: #223629; border-radius: 22px; padding: 10px; transition: transform .25s; }
.knqeon:hover { transform: translateY(-5px); }
.bmfrut { padding: 7px; background: #d4deca; border-radius: 18px; }
.bmfrut img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 14px; }
.qahkbl { padding: 18px 5px 10px; display: flex; align-items: center; gap: 11px; }
.qahkbl > span { width: 28px; height: 36px; display: flex; align-items: center; justify-content: center; background: #314834; border-radius: 9px; font: 11px monospace; color: #b9cfa2; flex-shrink: 0; }
.qahkbl p { font-size: 16px; font-weight: 500; }
.qahkbl small { font-size: 9px; color: #7f9970; display: block; margin-top: 4px; }
.ewsmcz {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.ewsmcz) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.msdbre { min-width: 0; padding: 25px; border-radius: 20px; border: 1px solid rgba(194, 210, 168, .07); transition: transform .25s, background .25s; }
.msdbre:hover { transform: translateY(-4px); background: #1b2e20; }
.fkocxd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; }
.fkocxd > span { font: 9px monospace; letter-spacing: 2px; color: #526d46; }
.fkocxd > i { font-size: 28px; color: #a9c18f; }
.msdbre > p { font-size: 19px; font-weight: 500; margin-bottom: 10px; }
.msdbre > div:last-child { font-size: 13px; color: #8b9f7d; line-height: 1.95; }
.yffrtq { background: #16261c; }
.fgeetw {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.fgeetw) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.gnmpjd { display: flex; flex-direction: column; align-items: center; min-width: 0; text-align: center; padding: 30px 27px 25px; border-radius: 22px; background: #203425; transition: transform .25s; }
.gnmpjd:hover { transform: translateY(-5px); }
.sifjdw { display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; border-radius: 50%; color: #223920; background: #c2d2a8; font-size: 27px; }
.gnmpjd > small { margin-top: 17px; font: 9px monospace; color: #68885d; letter-spacing: 2px; }
.gnmpjd > p { font-size: 19px; font-weight: 500; margin-top: 7px; }
.ospxux { color: #8fa780; line-height: 1.95; font-size: 12px; margin: 13px 0 24px; }
.szavtn { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; width: 100%; padding: 11px 18px; background: #314b30; color: #d1dfbd; border-radius: 999px; font-size: 13px; }
.szavtn:hover { background: #c2d2a8; color: #1e311e; transform: translateY(-2px); }
.gpkttq {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    text-align: center;
}
:where(.gpkttq) > * {
    flex: 1 1 calc((100% - (0 * 3)) / 4);
    min-width: 0;
}

.udxybv { position: relative; padding: 0 21px; }
.udxybv::before { content: ''; position: absolute; left: 50%; top: 27px; width: 100%; height: 1px; background: linear-gradient(90deg, #48633a, #1a2d1d); }
.udxybv:last-child::before { display: none; }
.lhlsgd { position: relative; margin: auto; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #21371f; box-shadow: 0 0 24px -6px rgba(194, 210, 168, .11); }
.lhlsgd > span { font: 22px monospace; color: #bdd3a0; }
.lhlsgd::after { content: ''; position: absolute; bottom: -6px; width: 12px; height: 12px; border-radius: 50%; background: #c2d2a8; }
.udxybv > p { font-size: 18px; font-weight: 500; margin-top: 29px; margin-bottom: 8px; }
.udxybv > div:last-child { max-width: 224px; margin: auto; color: #829976; font-size: 13px; }
.bhditp { background: #16261c; }
.noogvr { max-width: 810px; margin: auto; }
.jvgnqi { padding: 0 24px; margin-bottom: 13px; border-radius: 20px; background: #213526; transition: background .25s; }
.kuytfd { background: #2a422b; }
.bjoyyb { display: flex; align-items: center; gap: 17px; cursor: pointer; padding: 22px 0; }
.bjoyyb > span { color: #769562; font: 12px monospace; }
.bjoyyb > p { font-size: 15px; flex: 1; min-width: 0; font-weight: 500; overflow-wrap: anywhere; }
.bjoyyb > i { font-size: 22px; color: #91ad79; transition: transform .25s; }
.kuytfd .bjoyyb > i { transform: rotate(45deg); color: #cfdfb6; }
.uzxerq {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
}
.uzxerq > div { overflow: hidden; min-height: 0; }
.uzxerq p { padding-left: 35px; padding-right: 25px; padding-bottom: 0; line-height: 1.95; font-size: 13px; color: #99b188; transition: padding .25s; }
.kuytfd .uzxerq {
    max-height: 800px;
}
.kuytfd .uzxerq p { padding-bottom: 24px; }
.gtgmom {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.gtgmom) > * {
    flex: 1 1 calc((100% - 24px) / 2);
    min-width: 0;
}

.wlqjya { min-width: 0; background: #1c3021; border-radius: 20px; padding: 25px; display: flex; flex-direction: column; transition: transform .25s; }
.wlqjya:hover { transform: translateY(-4px); }
.iaqhqc { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; }
.iaqhqc > i { color: #8ba975; font-size: 18px; }
.iaqhqc > span { font-size: 10px; letter-spacing: 2px; color: #84a06e; }
.iaqhqc > b { font: 12px monospace; margin-left: auto; color: #3d5d34; }
.wlqjya > p { font-size: 18px; font-weight: 500; line-height: 1.7; margin-bottom: 10px; }
.jknuwz { color: #8da37f; font-size: 13px; line-height: 1.95; margin-bottom: 24px; }
.zwgtmo { margin-top: auto; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid rgba(194, 210, 168, .07); }
.zwgtmo > time { font: 10px monospace; color: #5c7c4c; }
.zwgtmo > span { display: flex; align-items: center; gap: 7px; color: #8ca876; font-size: 10px; }
.klpjrj { background: #16261c; }
.ajhuxb {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.ajhuxb) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.lkmkgs { min-width: 0; background: #233a28; border-radius: 20px; padding: 25px; display: flex; flex-direction: column; transition: transform .25s; }
.lkmkgs:hover { transform: translateY(-4px); }
.fmurpn { display: flex; align-items: center; gap: 2px; color: #a5bf8b; font-size: 11px; }
.fmurpn > span { color: #617f52; margin-left: auto; font-size: 9px; }
.lkmkgs > p { font-size: 13px; line-height: 2; color: #b1c1a4; margin: 18px 0 25px; }
.zsjcnv { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 15px; border-top: 1px solid rgba(194, 210, 168, .07); }
.zsjcnv > span { display: flex; align-items: center; gap: 7px; color: #99b581; font-size: 12px; }
.zsjcnv > time { font: 9px monospace; color: #61834f; }
.jgiqtv { background: #0b160e; padding: 53px 0 25px; }
.ofboee { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.gccohr { font-size: 25px; font-weight: 600; }
.ofboee p { margin-top: 9px; color: #5e7c50; font-size: 12px; }
.cojqln { display: flex; align-items: center; justify-content: center; gap: 9px; color: #c2d2a8; padding: 13px 24px; border-radius: 999px; background: #253c25; }
.cojqln:hover { background: #3d5835; transform: translateY(-2px); }
.rwsmbe { display: flex; flex-wrap: wrap; gap: 23px; margin-top: 36px; padding: 25px 0; border-top: 1px solid rgba(194, 210, 168, .07); border-bottom: 1px solid rgba(194, 210, 168, .07); color: #829d70; font-size: 12px; }
.rwsmbe a:hover { color: #d8e5c7; }
.sgxxih { margin-top: 22px; font-size: 10px; color: #426235; }
@media (max-width: 767px) {
    html { scroll-padding-top: 78px; }
    .fmuunj { width: calc(100% - 32px); }
    .adqqxq { min-height: 72px; gap: 10px; }
    .vvlxsu { margin-right: auto; font-size: 18px; letter-spacing: -.8px; }
    .yxoiqt { display: none; }
    .hjfihx { padding: 8px 11px; font-size: 10px; }
    .hjfihx i { display: none; }
    .pjiity { width: 25px; display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; flex-shrink: 0; }
    .uueqbf {
    display: none;
    padding: 9px 16px 19px;
    gap: 8px;
    background: #1c2f20;
    }
    :where(.uueqbf) > * {
        flex: 1 1 calc((100% - 8px) / 2);
    }

    .uueqbf.cgmscy {
    display: flex;
    flex-wrap: wrap;
    }
    :where(.uueqbf.cgmscy) > * {
        flex: 1 1 100%;
        min-width: 0;
    }

    .uueqbf a { padding: 9px 13px; border-radius: 12px; background: #29442a; font-size: 12px; }
    .aknlxc {
    gap: 40px;
    padding-top: 41px;
    padding-bottom: 45px;
    }
    :where(.aknlxc) > * {
        flex: 1 1 100%;
    }

    .ivcgtl, .jmubnz { order: initial; }
    .vrwnnl { font-size: 11px; letter-spacing: 1px; }
    h1 { font-size: 36px; letter-spacing: -1px; }
    .cuvqww { font-size: 27px; }
    .avunjo { margin-top: 15px; }
    .tknreo { width: 100%; padding: 14px 20px; }
    .fiiikj { width: 100%; justify-content: center; padding: 10px 6px; gap: 5px; }
    .fiiikj strong { font-size: 10px; }
    .fiiikj small { font-size: 9px; }
    .fiiikj i { font-size: 14px; }
    .crgvrx { justify-content: space-between; gap: 10px; margin-top: 27px; }
    .crgvrx strong { font-size: 25px; }
    .crgvrx span { font-size: 10px; }
    .jmubnz { padding-top: 0; }
    .nnuvow > span { font-size: 9px; letter-spacing: 1px; }
    .yxkqjc { margin-top: 19px; }
    .yxkqjc p { font-size: 18px; }
    .yxkqjc strong { font-size: 23px; }
    .yxkqjc > i { font-size: 41px; }
    .oarmvq {
    gap: 7px;
    }
    :where(.oarmvq) > *:nth-child(1) {
        flex: 0 0 30px;
    }

    :where(.oarmvq) > *:nth-child(2) {
        flex: 1 1 calc((100% - 28px) * 1 / 4);
        min-width: 0;
    }

    :where(.oarmvq) > *:nth-child(3) {
        flex: 1 1 calc((100% - 28px) * 1 / 4);
        min-width: 0;
    }

    :where(.oarmvq) > *:nth-child(4) {
        flex: 1 1 calc((100% - 28px) * 1 / 4);
        min-width: 0;
    }

    :where(.oarmvq) > *:nth-child(5) {
        flex: 1 1 calc((100% - 28px) * 1 / 4);
        min-width: 0;
    }

    .ulhuml { font-size: 10px; }
    .ueopqk { height: 64px; border-radius: 11px; }
    .ueopqk strong { font-size: 9px; }
    .ueopqk > i { font-size: 14px; }
    .ztnrvr { font-size: 9px; gap: 5px; }
    .ztnrvr > small { font-size: 7px; }
    .btcudl { padding: 53px 0; }
    .zmswxu { margin-bottom: 30px; }
    .zmswxu > p { font-size: 26px; }
    .zmswxu > span { font-size: 8px; letter-spacing: 2px; }
    .abamoc { display: flex; overflow-x: auto; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px;
    flex-wrap: nowrap;
    }
    .abamoc::-webkit-scrollbar { display: none; }
    .knqeon { flex: 0 0 76%; scroll-snap-align: start; }
    .ewsmcz, .fgeetw, .gtgmom, .ajhuxb, .gpkttq {
    gap: 20px;
    }
    :where(.ewsmcz) > * {
        flex: 1 1 100%;
    }

    :where(.fgeetw) > * {
        flex: 1 1 100%;
    }

    :where(.gtgmom) > * {
        flex: 1 1 100%;
    }

    :where(.ajhuxb) > * {
        flex: 1 1 100%;
    }

    :where(.gpkttq) > * {
        flex: 1 1 100%;
    }

    .msdbre { padding: 24px; }
    .msdbre > div:last-child { font-size: 14px; }
    .gnmpjd { padding: 28px 24px 24px; }
    .szavtn { width: 100%; }
    .gpkttq { gap: 36px; }
    .udxybv { padding-bottom: 22px; }
    .udxybv::before { top: 55px; height: calc(100% - 20px); width: 1px; background: linear-gradient(#48633a, transparent); }
    .udxybv > p, .udxybv > div:last-child { position: relative; background: #101d17; }
    .udxybv > p { margin-top: 26px; }
    .jvgnqi { padding: 0 17px; }
    .bjoyyb { gap: 11px; padding: 20px 0; }
    .bjoyyb > p { font-size: 13px; }
    .bjoyyb > span { font-size: 11px; }
    .uzxerq p { padding-left: 27px; padding-right: 4px; }
    .wlqjya { padding: 24px; }
    .wlqjya > p { font-size: 17px; }
    .lkmkgs { padding: 24px; }
    .ofboee { flex-direction: column; align-items: stretch; }
    .gccohr { font-size: 24px; }
    .cojqln { width: 100%; }
    .rwsmbe {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    }
    :where(.rwsmbe) > * {
        flex: 1 1 calc((100% - 17px) / 2);
        min-width: 0;
    }

}

/* 移动端头部：品牌左侧、菜单右侧，隐藏头部 CTA */
@media (max-width: 767px) {
        .hjfihx.vtzqkd { display: none !important; }
        .pjiity { margin-left: auto; }
        
}

/* CTA 字号与手型光标 */
.hjfihx.vtzqkd {
    font-size: 14px;
    cursor: pointer;
}
.tknreo.vtzqkd {
    font-size: 14px;
    cursor: pointer;
}