* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; background: #111b1b; color: #edf0e5; font: 15px/1.8 "Microsoft YaHei", "PingFang SC", sans-serif; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
i { font-style: normal; }
img { display: block; max-width: 100%; }
::selection { background: #dae8a0; color: #1c2927; }
.gyqclo { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.sjdaqu { position: sticky; top: 0; z-index: 20; background: rgba(17,27,27,.94); backdrop-filter: blur(18px); transition: box-shadow .25s; }
.wdmzrb { box-shadow: 0 20px 40px -29px #000; }
.muboaz { display: flex; align-items: center; min-height: 84px; gap: 23px; }
.ytanre { font-size: 23px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.yppgja { display: flex; flex: 1; min-width: 0; gap: 16px; overflow-x: auto; scrollbar-width: none; }
.yppgja a { white-space: nowrap; flex-shrink: 0; font-size: 13px; color: #a1b3a9; }
.yppgja a:hover, .wssdvj a:hover { color: #dae8a0; }
.wqnbxi { cursor: pointer; transition: transform .25s, background .25s; }
.wqnbxi:hover { transform: translateY(-3px); }
.wqnbxi:focus-visible, .mffqam:focus-visible, .xbdumb:focus-visible { outline: 1px solid #dae8a0; outline-offset: 5px; }
.usmqmq { display: flex; justify-content: center; align-items: center; gap: 7px; border-radius: 999px; background: #dae8a0; color: #24342c; padding: 10px 17px; white-space: nowrap; flex-shrink: 0; font-size: 12px; font-weight: 700; }
.xbdumb, .iwujqe { display: none; }
.asneia { overflow: hidden; background: radial-gradient(ellipse at 80% 25%, rgba(156,190,123,.08), transparent 60%); }
.kwcgau {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 65px;
    padding-top: 76px;
    padding-bottom: 112px;
}
:where(.kwcgau) > * {
    flex: 1 1 calc((100% - 65px) / 2);
    min-width: 0;
}

.bsnnvy { order: 1; min-width: 0; }
.loares { font: 10px Arial, sans-serif; letter-spacing: 2px; color: #b8ca85; margin-bottom: 23px; }
h1 { font-size: 52px; line-height: 1.3; letter-spacing: -1.5px; font-weight: 600; margin: 0 0 22px; overflow-wrap: anywhere; }
.quanne { color: #d3dfc3; font-size: 30px; line-height: 1.65; }
.xmdsev { font-size: 14px; color: #92a89c; line-height: 2; max-width: 455px; margin-top: 20px; }
.qnsdem { display: inline-flex; align-items: center; justify-content: center; gap: 11px; background: #dae8a0; color: #25332b; padding: 15px 29px; border-radius: 999px; margin-top: 29px; font-weight: 700; }
.qnsdem i { font-size: 21px; }
.qnsdem:hover, .usmqmq:hover { background: #edf5c2; }
.ppbdkt { display: flex; align-items: center; gap: 8px; padding: 10px 11px; width: fit-content; max-width: 100%; white-space: nowrap; border-radius: 999px; background: rgba(218,232,160,.05); color: #b8c78e; margin-top: 15px; }
.ppbdkt strong { font-size: 11px; }
.ppbdkt small { font-size: 10px; }
.ppbdkt > span { height: 11px; width: 1px; background: #556145; }
.eymxkf { display: flex; gap: 36px; margin-top: 37px; }
.eymxkf > div { display: flex; flex-direction: column; }
.eymxkf strong { font: 29px Arial, sans-serif; color: #e1e9cf; }
.eymxkf span { font-size: 10px; color: #859e8d; margin-top: 7px; }
.dwagid { order: 2; min-width: 0; position: relative; padding: 5px 0 117px; width: 100%; max-width: 530px; margin: auto; }
.tfxfob { background: #e6eddb; color: #24372e; border-radius: 23px; overflow: hidden; box-shadow: 0 26px 60px -37px #000; transform: perspective(1200px) rotateY(-7deg) rotateZ(1deg); }
.vwenov { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: #d7e1cc; }
.vwenov > div { display: flex; gap: 4px; }
.vwenov b { width: 5px; height: 5px; border-radius: 50%; background: #9aac8b; }
.vwenov > span { font: 8px monospace; letter-spacing: 2px; color: #7a8d6d; }
.vwenov > i { color: #819674; font-size: 13px; }
.kcudoc { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px 17px; }
.kcudoc span { font-size: 9px; color: #8b9d7b; }
.kcudoc p { font-size: 24px; font-weight: 600; margin-top: 1px; }
.kcudoc > i { width: 34px; height: 34px; border-radius: 50%; background: #d2dfb2; color: #6b8548; text-align: center; line-height: 34px; }
.lyviey { display: flex; justify-content: space-between; padding: 0 24px 9px; color: #899b7b; font-size: 8px; }
.slanap { display: flex; align-items: center; gap: 9px; margin: 0 24px; padding: 17px 0; border-top: 1px solid rgba(36,55,46,.06); }
.ophayu { display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background: #c6d6b1; color: #4b6640; font: 22px Arial, sans-serif; flex-shrink: 0; }
.ufuvnj { min-width: 0; }
.ufuvnj strong { font: bold 12px Arial, sans-serif; display: block; }
.ufuvnj small { display: block; color: #91a083; font: 7px Arial, sans-serif; margin-top: 5px; }
.slanap > b { flex: 1; text-align: right; font: 13px Arial, sans-serif; padding-right: 10px; }
.slanap > span { border-radius: 7px; padding: 5px 6px; font: 9px Arial, sans-serif; width: 59px; text-align: center; }
.hwolcd { color: #b75b52; background: #eadad0; }
.akmeqi { color: #4c8868; background: #d1e2d0; }
.ahhyyi { display: flex; align-items: center; gap: 8px; margin: 0 15px 16px; background: #d7e2c6; border-radius: 12px; padding: 12px 10px; color: #748762; }
.ahhyyi > i { font-size: 16px; }
.ahhyyi > span { flex: 1; font-size: 8px; }
.ahhyyi b { color: #536c40; margin-left: 6px; font: 9px Arial, sans-serif; }
.ahhyyi small { font-size: 7px; }
.zixhwc { width: 255px; position: absolute; right: -10px; bottom: 1px; border-radius: 21px; padding: 20px; background: #dae8a0; color: #30472f; transform: rotate(-5deg); box-shadow: 0 25px 50px -35px #000; }
.pqqbbs { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.pqqbbs > p { font-size: 14px; font-weight: 700; }
.pqqbbs > i { font-size: 20px; }
.zudttz { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.2); border-radius: 10px; padding: 10px; margin-bottom: 7px; }
.zudttz span { display: flex; flex-direction: column; color: #899d61; font-size: 7px; gap: 3px; }
.zudttz b { font: 10px Arial, sans-serif; color: #516d3c; }
.zudttz > strong { font: 18px Arial, sans-serif; }
.eubntp { display: flex; align-items: center; justify-content: space-between; font-size: 8px; padding-top: 6px; color: #7c925a; }
.xiqvod { position: absolute; bottom: -34px; left: 0; color: #78916f; font-size: 9px; }
.upviei { padding: 85px 0; }
.sholru { background: #172322; }
.ttfyll { text-align: center; margin-bottom: 43px; }
.ttfyll > span { color: #7e9472; font: 9px Arial, sans-serif; letter-spacing: 2px; }
.ttfyll > p { font-size: 32px; font-weight: 600; margin-top: 10px; }
.ttfyll > b { display: block; width: 24px; height: 4px; background: #dae8a0; border-radius: 999px; margin: 16px auto 0; }
.kghxzd {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.kghxzd) > * {
    flex: 1 1 calc((100% - 66px) / 4);
    min-width: 0;
}

.krzkoa { min-width: 0; border-radius: 21px; background: #1c2c28; padding: 11px 11px 19px; transition: transform .25s; }
.krzkoa:hover, .znfsfm:hover, .vkazci:hover, .ufcvvl:hover, .awmviw:hover { transform: translateY(-4px); }
.obygip { padding: 4px; background: #c4d1b6; border-radius: 18px; }
.obygip img { width: 100%; aspect-ratio: 9 / 16; height: auto; object-fit: contain; border-radius: 15px; }
.ooaglt { display: flex; gap: 11px; margin: 18px 5px 0; align-items: center; }
.ooaglt > span { font: 24px Georgia, serif; color: #647d55; }
.ooaglt p { font-size: 15px; color: #d2dfc3; }
.ooaglt small { font-size: 8px; color: #889e7a; }
.etuccm {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}
:where(.etuccm) > * {
    flex: 1 1 calc((100% - 46px) / 3);
    min-width: 0;
}

.znfsfm { position: relative; padding: 27px; border: 1px solid rgba(218,232,160,.06); border-radius: 20px; min-width: 0; transition: transform .25s; }
.znfsfm > span { position: absolute; top: 25px; right: 25px; color: #526c4b; font: 11px monospace; }
.znfsfm > i { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; background: #283b2d; color: #c5d58c; font-size: 23px; border-radius: 14px; }
.znfsfm > p { font-size: 19px; margin: 19px 0 9px; }
.znfsfm > div { font-size: 13px; line-height: 1.95; color: #8da68d; }
.ekcnkq {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.ekcnkq) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.vkazci { display: flex; flex-direction: column; align-items: center; min-width: 0; text-align: center; border-radius: 22px; padding: 29px 26px 24px; background: linear-gradient(160deg,#25372b,#1c2a24); transition: transform .25s; }
.xrubym { width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #d5e1b5; color: #354e33; font-size: 32px; margin-bottom: 18px; }
.vkazci > span { font: 8px Arial, sans-serif; color: #8fa572; letter-spacing: 2px; }
.vkazci > p { font-size: 19px; margin-top: 8px; }
.rjybst { color: #94ab8d; font-size: 12px; line-height: 1.95; margin: 12px 0 22px; }
.xbqbzl { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: auto; border-radius: 999px; background: #dae8a0; color: #344a2c; padding: 10px 16px; font-size: 13px; }
.xbqbzl:hover { background: #eff5cb; }
.lwvovp {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
:where(.lwvovp) > * {
    flex: 1 1 calc(100% / 4);
    min-width: 0;
}

.lvmlcu { position: relative; padding: 0 23px; }
.lvmlcu::before { content: ''; position: absolute; left: 50%; top: 28px; width: 100%; height: 1px; background: linear-gradient(90deg,#819c57,rgba(129,156,87,.07)); }
.lvmlcu:last-child::before { display: none; }
.sxkvog { position: relative; width: 57px; height: 57px; border-radius: 50%; margin: auto; padding: 6px; background: #26392d; }
.sxkvog > span { display: flex; align-items: center; justify-content: center; height: 100%; border-radius: 50%; background: #d6e4a3; color: #415b33; font: 16px monospace; }
.lvmlcu > p { position: relative; font-size: 18px; margin: 21px 0 9px; }
.lvmlcu > div:last-child { position: relative; font-size: 13px; color: #8ca387; max-width: 230px; margin: auto; }
.qtbsew { max-width: 810px; margin: auto; }
.ehfrhp { border-radius: 18px; background: #1c2c26; margin-bottom: 13px; transition: background .25s; }
.cowhek { background: #2c3d2b; }
.mffqam { display: flex; align-items: center; gap: 15px; cursor: pointer; padding: 23px 25px; }
.mffqam > span { color: #7b955c; font: 12px monospace; }
.mffqam > p { flex: 1; min-width: 0; font-size: 15px; }
.mffqam > i { color: #b8cd88; font-size: 23px; transition: transform .25s; }
.cowhek .mffqam > i { transform: rotate(180deg); }
.vbxkvy {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
}
.vbxkvy > div { min-height: 0; overflow: hidden; }
.vbxkvy p { color: #a2b496; font-size: 13px; line-height: 2; padding: 0 59px; transition: padding .25s; }
.cowhek .vbxkvy {
    max-height: 800px;
}
.cowhek .vbxkvy p { padding-bottom: 25px; }
.pcqzxo {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.pcqzxo) > * {
    flex: 1 1 calc((100% - 24px) / 2);
    min-width: 0;
}

.ufcvvl { display: flex; min-width: 0; gap: 23px; padding: 26px; background: #1d3028; border-radius: 20px; transition: transform .25s; }
.hbzwfp { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-right: 19px; border-right: 1px solid rgba(218,232,160,.07); }
.hbzwfp i { color: #a8c57a; font-size: 22px; }
.hbzwfp span { font: 11px monospace; color: #6d8d58; }
.oppmri { min-width: 0; display: flex; flex-direction: column; }
.oppmri > span { font-size: 9px; color: #99b476; margin-bottom: 9px; }
.oppmri > p { font-size: 18px; line-height: 1.7; margin-bottom: 10px; }
.jdbvlg { color: #8da788; font-size: 13px; line-height: 1.95; margin-bottom: 23px; }
.oppmri > time { font: 10px monospace; color: #789666; margin-top: auto; }
.chhxua {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.chhxua) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.awmviw { min-width: 0; display: flex; flex-direction: column; padding: 25px; border-radius: 21px; background: #203027; transition: transform .25s; }
.uonlxc { display: flex; align-items: center; justify-content: space-between; }
.uonlxc > span { display: flex; align-items: center; gap: 9px; font-size: 12px; color: #b5c6a2; }
.uonlxc > span i { width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #354c32; color: #b8ce88; }
.uonlxc > i { font-size: 26px; color: #698651; }
.awmviw > p { color: #a1b398; font-size: 13px; line-height: 2; margin: 20px 0 23px; }
.ihupor { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid rgba(218,232,160,.06); padding-top: 15px; margin-top: auto; }
.ihupor > span { color: #718d5f; font-size: 8px; }
.ihupor > time { color: #8ba274; font: 9px monospace; }
.qiceer { background: #0b1413; padding: 49px 0 25px; }
.ouytnx { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.mqtbzx { font-size: 27px; font-weight: 600; }
.ouytnx p { font-size: 12px; color: #71916d; margin-top: 9px; }
.gvacrg { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 25px; background: #2c402b; border-radius: 999px; color: #c3d696; white-space: nowrap; }
.wssdvj { display: flex; flex-wrap: wrap; gap: 19px 30px; font-size: 12px; color: #94ad86; padding: 30px 0; margin-top: 25px; border-top: 1px solid rgba(218,232,160,.06); border-bottom: 1px solid rgba(218,232,160,.06); }
.vbqbiu { font-size: 10px; color: #59764d; margin-top: 24px; }
@media (max-width: 767px) {
    html { scroll-padding-top: 78px; }
    .gyqclo { width: calc(100% - 32px); }
    .muboaz { min-height: 72px; gap: 12px; }
    .ytanre { margin-right: auto; font-size: 19px; }
    .yppgja { display: none; }
    .usmqmq { font-size: 10px; padding: 8px 12px; }
    .usmqmq i { display: none; }
    .xbdumb { display: flex; font-size: 22px; cursor: pointer; }
    .iwujqe {
    display: none;
    gap: 8px;
    padding: 8px 16px 16px;
    }
    :where(.iwujqe) > * {
        flex: 1 1 calc((100% - 8px) / 2);
    }

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

    .iwujqe a { padding: 8px 12px; background: #25372b; border-radius: 11px; font-size: 12px; }
    .kwcgau {
    gap: 40px;
    padding-top: 40px;
    padding-bottom: 65px;
    }
    :where(.kwcgau) > * {
        flex: 1 1 100%;
    }

    .loares { font-size: 8px; letter-spacing: 1px; margin-bottom: 18px; }
    h1 { font-size: 36px; letter-spacing: -1px; }
    .quanne { font-size: 26px; }
    .xmdsev { margin-top: 16px; }
    .qnsdem { width: 100%; padding: 14px 18px; }
    .ppbdkt { width: 100%; gap: 5px; justify-content: center; padding: 10px 6px; }
    .ppbdkt strong { font-size: 10px; }
    .ppbdkt small { font-size: 9px; }
    .ppbdkt i { font-size: 14px; }
    .eymxkf { justify-content: space-between; gap: 10px; margin-top: 29px; }
    .eymxkf strong { font-size: 25px; }
    .eymxkf span { font-size: 9px; }
    .dwagid { max-width: 390px; padding-right: 8px; padding-bottom: 136px; }
    .tfxfob { transform: none; }
    .vwenov { padding: 12px 15px; }
    .kcudoc { padding: 19px 17px 15px; }
    .lyviey { padding: 0 17px 9px; font-size: 7px; }
    .slanap { margin: 0 17px; gap: 7px; }
    .ophayu { width: 27px; height: 27px; font-size: 19px; }
    .ufuvnj strong { font-size: 11px; }
    .slanap > b { font-size: 11px; padding-right: 3px; }
    .slanap > span { font-size: 8px; width: 51px; padding: 5px 3px; }
    .ahhyyi { margin: 0 10px 12px; gap: 6px; }
    .ahhyyi > span { font-size: 7px; }
    .ahhyyi b { font-size: 8px; margin-left: 4px; }
    .zixhwc { right: 0; width: 226px; padding: 17px; transform: rotate(-3deg); }
    .xiqvod { font-size: 8px; bottom: -28px; }
    .upviei { padding: 53px 0; }
    .ttfyll { margin-bottom: 31px; }
    .ttfyll > span { font-size: 7px; letter-spacing: 1px; }
    .ttfyll > p { font-size: 26px; }
    .kghxzd { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 5px; scrollbar-width: none;
    flex-wrap: nowrap;
    }
    .kghxzd::-webkit-scrollbar { display: none; }
    .krzkoa { flex: 0 0 76%; scroll-snap-align: start; }
    .etuccm, .ekcnkq, .lwvovp, .pcqzxo, .chhxua {
    gap: 21px;
    }
    :where(.etuccm) > * {
        flex: 1 1 100%;
    }

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

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

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

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

    .znfsfm { padding: 25px; }
    .lwvovp { gap: 35px; }
    .lvmlcu { padding-bottom: 20px; }
    .lvmlcu::before { top: 30px; width: 1px; height: calc(100% + 5px); background: linear-gradient(#819c57,transparent); }
    .lvmlcu > p, .lvmlcu > div:last-child { background: #172322; }
    .mffqam { gap: 10px; padding: 21px 17px; }
    .mffqam > p { font-size: 13px; }
    .vbxkvy p { padding-left: 45px; padding-right: 20px; }
    .ufcvvl { padding: 23px 20px; gap: 17px; }
    .hbzwfp { padding-right: 13px; }
    .oppmri > p { font-size: 17px; }
    .ouytnx { align-items: flex-start; flex-direction: column; }
    .gvacrg { width: 100%; }
    .wssdvj {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    }
    :where(.wssdvj) > * {
        flex: 1 1 calc((100% - 14px) / 2);
        min-width: 0;
    }

}

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

/* CTA 字号与手型光标 */
.usmqmq.wqnbxi {
    font-size: 14px;
    cursor: pointer;
}
.qnsdem.wqnbxi {
    font-size: 14px;
    cursor: pointer;
}