* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 105px; }
body { margin: 0; background: #101a17; color: #e6eee7; 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: #b9dec6; color: #183328; }
.baiolc { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.ggmoww { position: sticky; top: 0; z-index: 30; background: rgba(16,26,23,.95); backdrop-filter: blur(20px); transition: box-shadow .25s; }
.csrcts { box-shadow: 0 22px 44px -32px #000; }
.zavhmj { display: flex; align-items: center; min-height: 84px; gap: 22px; }
.volxvl { font-size: 22px; font-weight: 600; white-space: nowrap; letter-spacing: -.8px; }
.ljyupz { flex: 1; min-width: 0; display: flex; gap: 13px; overflow-x: auto; scrollbar-width: none; }
.ljyupz a { color: #8a9f93; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.ljyupz a:hover, .wpainb a:hover { color: #c6e5ce; }
.ilgsgy { cursor: pointer; transition: transform .25s, background .25s; }
.ilgsgy:hover { transform: translateY(-3px); background: #d5ebdb; color: #183328; }
.ilgsgy:focus-visible, .dpqilc:focus-visible, .ytzose:focus-visible { outline: 1px solid #b6d9c2; outline-offset: 5px; }
.ftztbp { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 17px; border-radius: 999px; background: #b9dec6; color: #244836; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.ytzose, .hkmnjv { display: none; }
.webjvq { overflow: hidden; background: radial-gradient(ellipse at 81% 45%,rgba(113,159,130,.09),transparent 54%); }
.zcvazk { display: flex; align-items: center; justify-content: space-between; gap: 62px; min-height: 760px; padding-top: 65px; padding-bottom: 75px; }
.ljkbca { flex: 0 1 530px; min-width: 0; }
.ejjaah { font: 9px Arial,sans-serif; letter-spacing: 2px; color: #7da18b; margin-bottom: 24px; }
h1 { font-size: 48px; line-height: 1.35; margin: 0 0 23px; letter-spacing: -2px; font-weight: 600; overflow-wrap: anywhere; }
.fwiext { font-size: 40px; line-height: 1.6; font-weight: 400; color: #b9cfc0; letter-spacing: -.8px; }
.fwiext strong { font-weight: 500; color: #d9e9da; }
.zdjqek { font-size: 14px; line-height: 2.05; color: #8ba292; margin-top: 23px; }
.bpkztw { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 29px; border-radius: 999px; background: #b9dec6; color: #1b3c2b; font-weight: 600; margin-top: 28px; }
.bpkztw i { font-size: 23px; }
.mdcqcq { display: flex; align-items: center; gap: 7px; width: fit-content; max-width: 100%; padding: 9px 12px; margin-top: 17px; border-radius: 999px; background: rgba(185,222,198,.045); color: #9eb7a5; white-space: nowrap; }
.mdcqcq strong { font-size: 11px; }
.mdcqcq small { font-size: 10px; }
.mdcqcq > b { width: 1px; height: 12px; background: rgba(233,245,233,.08); }
.gxdpvh { display: flex; gap: 33px; margin-top: 34px; }
.gxdpvh > div { display: flex; flex-direction: column; gap: 7px; }
.gxdpvh strong { color: #c5d7c8; font: 27px Arial,sans-serif; }
.gxdpvh span { font-size: 10px; color: #6e8a77; }
.ctregp { flex: 0 1 565px; min-width: 0; position: relative; padding: 60px 0 30px; }
.bpzmpy { position: absolute; inset: 10px -10px 20px; border-radius: 34px; background-image: linear-gradient(rgba(192,220,197,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(192,220,197,.025) 1px,transparent 1px); background-size: 36px 36px; transform: perspective(800px) rotateY(-10deg); }
.kpgyzx { position: absolute; top: 0; left: 10px; font: 10px Arial,sans-serif; letter-spacing: 5px; color: #5f856b; }
.slbqhj { position: relative; border-radius: 26px; background: #243a30; padding: 19px 23px 21px; box-shadow: 0 35px 65px -40px #000; }
.emfava { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 20px; }
.emfava > div { display: flex; gap: 5px; }
.emfava b { width: 5px; height: 5px; border-radius: 50%; background: #698573; }
.emfava b:nth-child(2) { background: #4d6858; }
.emfava b:nth-child(3) { background: #3e594a; }
.emfava > span { font: 7px Arial,sans-serif; color: #769580; letter-spacing: 1px; }
.emfava > i { color: #6c8c76; }
.jqcegj { display: flex; justify-content: space-between; align-items: center; margin: 5px 0 20px; }
.jqcegj > strong { font-size: 22px; color: #d5e3d7; font-weight: 500; }
.jqcegj > span { display: flex; align-items: center; gap: 4px; color: #81a58d; font-size: 9px; }
.aiihoz { display: flex; gap: 16px; position: relative; }
.vfunff, .lhqotj { flex: 1; min-width: 0; padding: 19px 17px; border-radius: 20px; display: flex; flex-direction: column; background: #314b3c; }
.lhqotj { background: #c1ddc7; }
.vfunff > span, .lhqotj > span { font-size: 8px; color: #89a893; }
.lhqotj > span { color: #678a70; }
.vfunff > div, .lhqotj > div { display: flex; align-items: center; gap: 8px; margin: 17px 0 14px; }
.vfunff i, .lhqotj i { display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; border-radius: 50%; background: #46614e; color: #bdd2bd; font: 23px Arial,sans-serif; }
.lhqotj i { background: #a6c7af; color: #426b4d; }
.vfunff b, .lhqotj b { font: bold 16px Arial,sans-serif; color: #c6d7c6; }
.lhqotj b { color: #31583b; }
.vfunff > strong, .lhqotj > strong { font: 25px Arial,sans-serif; color: #d7e7d6; letter-spacing: -1px; }
.lhqotj > strong { color: #2a5839; }
.vfunff small, .lhqotj small { font-size: 8px; color: #87a18a; margin-top: 10px; }
.lhqotj small { color: #698b6e; }
.iwdaha { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; height: 32px; width: 32px; border-radius: 50%; background: #243a30; color: #bdd8c4; font-size: 17px; }
.yfpnfu { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; font-size: 9px; }
.yfpnfu > span { color: #86a38c; }
.yfpnfu > b { color: #b6ccb8; font: 10px Arial,sans-serif; }
.zxlzgj { display: flex; justify-content: space-between; align-items: center; padding: 12px 0 17px; font-size: 9px; color: #7e9b85; }
.zxlzgj > b { display: flex; align-items: center; gap: 6px; color: #94b39b; font-weight: 400; }
.prrice { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-radius: 12px; background: #406a4e; color: #c3dec7; font-size: 12px; }
.prrice > i { font-size: 19px; }
.jkypap { display: flex; justify-content: center; align-items: center; gap: 5px; margin-top: 14px; color: #6d8e76; font-size: 8px; }
.kzwlxr { position: relative; display: flex; gap: 14px; margin: 18px 14px 0; }
.qccgyh { display: flex; flex: 1; min-width: 0; align-items: center; gap: 11px; padding: 16px 15px; border-radius: 18px; background: #1c2d24; }
.qccgyh > i { color: #7caa8a; font-size: 23px; }
.qccgyh span { display: block; font-size: 8px; color: #668b70; }
.qccgyh b { display: block; font-size: 11px; color: #9db9a4; font-weight: 400; margin-top: 4px; }
.qghfbe { text-align: center; color: #52745e; font-size: 8px; margin-top: 19px; position: relative; }
.uitpei { padding: 82px 0; }
.uitpei:nth-child(even) { background: #141f1a; }
.yopmbr { text-align: center; margin-bottom: 44px; }
.yopmbr > span { display: inline-flex; justify-content: center; align-items: center; gap: 14px; color: #6d8f78; font: 9px Arial,sans-serif; letter-spacing: 2px; }
.yopmbr > span::before, .yopmbr > span::after { content: ''; width: 23px; height: 1px; background: #365340; }
.yopmbr > p { font-size: 32px; font-weight: 500; margin-top: 10px; }
.vblbld, .gefott, .mgoqwz, .qbjflh, .tgygkt { display: flex; flex-wrap: wrap; gap: 24px; }
.fkujdq { flex: 0 0 calc((100% - 72px) / 4); min-width: 0; padding: 9px 9px 20px; border-radius: 22px; background: #24342a; transition: transform .25s; }
.fkujdq:hover, .raelsf:hover, .rhervg:hover, .ygpcwn:hover, .hungvz:hover { transform: translateY(-4px); }
.sbpuys { padding: 4px; border-radius: 18px; background: #52705b; }
.sbpuys img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 14px; }
.iuefjs { display: flex; align-items: center; justify-content: space-between; margin: 15px 9px 5px; }
.iuefjs b { font-size: 19px; font-weight: 500; }
.iuefjs span { font: 11px Arial,sans-serif; color: #66866d; }
.fkujdq > p { font-size: 11px; color: #8aa58f; margin-left: 9px; }
.raelsf { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; display: flex; align-items: flex-start; gap: 18px; padding: 25px 22px; border-radius: 20px; background: #1c2b22; transition: transform .25s; }
.raelsf > i { flex-shrink: 0; font-size: 25px; color: #a7c8b1; padding-top: 3px; }
.raelsf > div { min-width: 0; padding-left: 17px; border-left: 1px solid rgba(229,244,231,.07); }
.raelsf p { font-size: 18px; color: #ccddcf; margin-bottom: 10px; }
.raelsf span { display: block; font-size: 13px; line-height: 2; color: #809c88; }
.rhervg { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; display: flex; flex-direction: column; padding: 27px; background: #263b2e; border-radius: 22px; transition: transform .25s; }
.ikrcbo { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.ikrcbo > i { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: #3a5742; color: #b4d3b7; font-size: 25px; }
.ikrcbo span { font: 9px Arial,sans-serif; letter-spacing: 2px; color: #759d7e; }
.rhervg > p { color: #d0e1d0; font-size: 18px; font-weight: 500; }
.dnoanf { color: #8da993; font-size: 12px; line-height: 2; margin: 13px 0 24px; }
.invihd { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #b9d4bd; color: #2c4a33; font-size: 13px; margin-top: auto; }
.gzwqcv { display: flex; text-align: center; }
.rgzbbr { flex: 1; min-width: 0; position: relative; padding: 0 22px; }
.rgzbbr::before { content: ''; position: absolute; top: 10px; left: 50%; width: 100%; height: 1px; background: linear-gradient(90deg,#779e7c,transparent); }
.rgzbbr:last-child::before { display: none; }
.adgqgr { position: relative; height: 21px; width: 21px; margin: 0 auto 28px; padding: 7px; border-radius: 50%; background: #314b38; }
.adgqgr b { display: block; width: 7px; height: 7px; background: #b0d3b6; border-radius: 50%; }
.xeiikc { font: 9px Arial,sans-serif; letter-spacing: 2px; color: #779f7e; }
.rgzbbr > p { font-size: 20px; color: #d0e1d1; margin: 10px 0 12px; }
.vvxrli { color: #829f89; font-size: 13px; line-height: 2; }
.yjgmrt { max-width: 810px; margin: auto; }
.npwslk { border-bottom: 1px solid rgba(229,244,231,.07); }
.dpqilc { display: flex; align-items: center; gap: 17px; padding: 25px 3px; cursor: pointer; }
.dpqilc > span { flex-shrink: 0; padding: 2px 8px; border-radius: 7px; background: #263e2e; color: #93b19a; font: 10px/1.8 Arial,sans-serif; }
.dpqilc > p { flex: 1; min-width: 0; font-size: 15px; color: #b8d0be; }
.dpqilc > i { color: #87ac90; font-size: 22px; transition: transform .25s; }
.jqaijr .dpqilc > i { transform: rotate(45deg); }
.jqaijr .dpqilc > p { color: #d3e7d6; }
.fasdnk { overflow: hidden; opacity: 0; max-height: 0; transition: max-height .25s,opacity .25s; }
.fasdnk > p { font-size: 13px; line-height: 2.1; color: #87a890; padding: 0 44px 25px 52px; }
.jqaijr .fasdnk { opacity: 1; max-height: 400px; }
.ygpcwn { flex: 0 0 calc((100% - 24px) / 2); min-width: 0; display: flex; flex-direction: column; padding: 28px; background: #1c3023; border-radius: 22px; transition: transform .25s; }
.vqdivp { color: #759f7c; font-size: 10px; margin-bottom: 16px; }
.ygpcwn > p { color: #c7ddca; font-size: 20px; line-height: 1.7; }
.legtff { color: #81a188; font-size: 13px; line-height: 2; margin: 14px 0 25px; }
.alxnii { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(229,244,231,.06); }
.alxnii time { font: 10px Arial,sans-serif; color: #5e8668; }
.alxnii i { display: flex; align-items: center; justify-content: center; height: 29px; width: 29px; border-radius: 50%; background: #2e4a35; color: #8bb494; }
.hungvz { flex: 0 0 calc((100% - 48px) / 3); min-width: 0; display: flex; flex-direction: column; padding: 25px; border-radius: 22px; background: #263b2d; transition: transform .25s; }
.fjrres { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.fjrres > div { display: flex; align-items: center; gap: 9px; }
.fjrres div i { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #405d47; color: #aac4ad; font-size: 15px; }
.fjrres span { font-size: 11px; color: #9bbb9e; }
.fjrres > i { font-size: 26px; color: #577b60; }
.hungvz > p { color: #c6dfc8; font-size: 19px; margin-bottom: 12px; }
.uynsjh { color: #8eae94; font-size: 13px; line-height: 2; margin-bottom: 24px; }
.hungvz time { color: #608b69; font: 9px Arial,sans-serif; margin-top: auto; }
.aysnqr { padding: 54px 0; background: #0b1510; }
.bcbedr { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.wivfpk a { font-size: 26px; font-weight: 500; }
.wivfpk p { color: #698e71; font-size: 12px; margin: 9px 0 20px; }
.wivfpk > span { color: #456c4e; font-size: 10px; }
.wpainb { display: flex; flex-wrap: wrap; flex: 0 1 370px; gap: 13px 20px; font-size: 11px; color: #7b9d83; }
.wpainb a { white-space: nowrap; }
.auaxqw { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 13px 24px; border-radius: 999px; background: #b9dec6; color: #234831; white-space: nowrap; }
@media (max-width: 767px) {
    html { scroll-padding-top: 85px; }
    .baiolc { width: calc(100% - 32px); }
    .zavhmj { min-height: 72px; gap: 11px; }
    .volxvl { font-size: 18px; margin-right: auto; }
    .ljyupz { display: none; }
    .ftztbp { font-size: 10px; padding: 8px 10px; }
    .ftztbp i { display: none; }
    .ytzose { display: flex; font-size: 22px; cursor: pointer; }
    .hkmnjv { flex-wrap: wrap; padding: 7px 16px 17px; gap: 8px; }
    .uryvuk { display: flex; }
    .hkmnjv a { flex: 0 0 calc((100% - 8px) / 2); padding: 9px 12px; border-radius: 10px; background: #243b2b; font-size: 12px; color: #9abfa3; }
    .zcvazk { flex-direction: column; align-items: stretch; min-height: 0; padding-top: 42px; padding-bottom: 35px; gap: 35px; }
    .ljkbca { flex-basis: auto; }
    .ejjaah { font-size: 8px; letter-spacing: 1px; }
    h1 { font-size: 34px; letter-spacing: -1px; }
    .fwiext { font-size: 34px; }
    .zdjqek { font-size: 13px; }
    .bpkztw { width: 100%; }
    .mdcqcq { width: 100%; justify-content: center; gap: 5px; padding: 9px 5px; }
    .mdcqcq strong { font-size: 10px; }
    .mdcqcq small { font-size: 9px; }
    .mdcqcq i { font-size: 12px; }
    .gxdpvh { justify-content: space-between; gap: 8px; margin-top: 29px; }
    .gxdpvh strong { font-size: 24px; }
    .gxdpvh span { font-size: 9px; }
    .ctregp { flex-basis: auto; width: 100%; max-width: 440px; margin: auto; padding-top: 41px; }
    .kpgyzx { font-size: 8px; letter-spacing: 3px; left: 3px; }
    .slbqhj { padding: 15px 14px 18px; border-radius: 23px; }
    .emfava > span { font-size: 6px; letter-spacing: .5px; }
    .jqcegj > strong { font-size: 20px; }
    .jqcegj > span { font-size: 8px; }
    .aiihoz { gap: 12px; }
    .vfunff, .lhqotj { padding: 15px 11px; border-radius: 16px; }
    .vfunff > span, .lhqotj > span { font-size: 7px; }
    .vfunff > strong, .lhqotj > strong { font-size: 21px; }
    .vfunff i, .lhqotj i { height: 25px; width: 25px; font-size: 20px; }
    .vfunff b, .lhqotj b { font-size: 13px; }
    .vfunff small, .lhqotj small { font-size: 7px; }
    .iwdaha { width: 26px; height: 26px; font-size: 14px; }
    .yfpnfu { font-size: 8px; }
    .yfpnfu > b { font-size: 8px; }
    .jkypap { font-size: 7px; }
    .kzwlxr { margin-left: 0; margin-right: 0; gap: 10px; }
    .qccgyh { gap: 7px; padding: 13px 10px; }
    .qccgyh > i { font-size: 18px; }
    .qccgyh b { font-size: 9px; }
    .qghfbe { font-size: 7px; }
    .uitpei { padding: 53px 0; }
    .yopmbr { margin-bottom: 31px; }
    .yopmbr > p { font-size: 26px; }
    .yopmbr > span { font-size: 7px; letter-spacing: 1px; gap: 9px; }
    .vblbld { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 16px; padding-bottom: 5px; }
    .vblbld::-webkit-scrollbar { display: none; }
    .fkujdq { flex-basis: 76%; scroll-snap-align: start; }
    .raelsf, .rhervg, .ygpcwn, .hungvz { flex-basis: 100%; }
    .gzwqcv { flex-direction: column; gap: 33px; }
    .rgzbbr { flex: 0 0 auto; width: 100%; max-width: 320px; margin: auto; }
    .rgzbbr::before { width: 1px; height: calc(100% + 33px); top: 10px; background: linear-gradient(#779e7c,transparent); }
    .xeiikc, .rgzbbr > p, .vvxrli { position: relative; background: #101a17; }
    .dpqilc { gap: 10px; padding: 23px 0; }
    .dpqilc > p { font-size: 13px; }
    .fasdnk > p { padding-left: 40px; padding-right: 7px; }
    .ygpcwn { padding: 25px; }
    .ygpcwn > p { font-size: 18px; }
    .bcbedr { flex-direction: column; align-items: stretch; gap: 26px; }
    .wpainb { flex-basis: auto; }
    .wpainb a { flex: 0 0 calc((100% - 20px) / 2); }
    .auaxqw { width: 100%; }
}

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

/* CTA 字号与手型光标 */
.ftztbp.ilgsgy {
    font-size: 14px;
    cursor: pointer;
}
.bpkztw.ilgsgy {
    font-size: 14px;
    cursor: pointer;
}