* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; background: #1b1c1e; color: #f0eee7; 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: #29251b; background: #e7c873; }
.jmemhi { max-width: 1200px; width: calc(100% - 48px); margin: auto; }
.jfgsrb { position: sticky; top: 0; z-index: 20; background: rgba(27, 28, 30, .94); backdrop-filter: blur(18px); transition: box-shadow .25s; }
.xrxmpr { box-shadow: 0 18px 38px -24px rgba(0, 0, 0, .8); }
.roxavq { min-height: 82px; display: flex; align-items: center; gap: 23px; }
.cxuvcr { font-size: 22px; letter-spacing: -.6px; font-weight: 700; flex-shrink: 0; white-space: nowrap; }
.bblzhj { display: flex; flex: 1; gap: 15px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.bblzhj a { font-size: 13px; color: #a4a29b; flex-shrink: 0; white-space: nowrap; transition: color .2s; }
.bblzhj a:hover { color: #e7c873; }
.etoueg { cursor: pointer; transition: transform .25s, background .25s, color .25s; }
.etoueg:focus-visible, .zappgh:focus-visible, .geqxiu:focus-visible { outline: 2px solid #e7c873; outline-offset: 5px; }
.qwbjqm { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 18px; border-radius: 999px; background: #e7c873; color: #29251b; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.qwbjqm:hover { background: #f3dca1; transform: translateY(-2px); }
.geqxiu, .rxmnjp { display: none; }
.mcbdik { overflow: hidden; background: radial-gradient(ellipse at 84% 35%, rgba(231, 200, 115, .055), transparent 52%); }
.osepkc {
    display: flex;
    flex-wrap: wrap;
    gap: 76px;
    align-items: center;
    padding-top: 78px;
    padding-bottom: 82px;
}
:where(.osepkc) > * {
    flex: 1 1 calc((100% - 76px) / 2);
    min-width: 0;
}

.cemzad { order: 1; min-width: 0; }
.jqakfe { display: flex; align-items: center; gap: 9px; font-size: 12px; letter-spacing: 2px; color: #b9a267; margin-bottom: 19px; }
.jqakfe i { font-size: 20px; }
h1 { margin: 0 0 19px; font-size: 52px; font-weight: 600; line-height: 1.3; letter-spacing: -1.5px; overflow-wrap: anywhere; }
.lhkgvu { font-size: 30px; line-height: 1.6; color: #d3ccbc; }
.ccuwwq { max-width: 450px; color: #9d998e; font-size: 14px; line-height: 2; margin-top: 20px; }
.winiaf { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 28px; padding: 15px 31px; border-radius: 16px; background: #e7c873; color: #2a2518; font-weight: 700; }
.winiaf i { font-size: 21px; }
.winiaf:hover { background: #f6df9e; transform: translateY(-3px); }
.edfztk { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; margin-top: 14px; padding: 10px 12px; border-radius: 999px; background: rgba(231, 200, 115, .06); color: #bda66d; white-space: nowrap; }
.edfztk i { font-size: 16px; }
.edfztk strong { font-size: 11px; }
.edfztk > span { width: 1px; height: 12px; background: rgba(231, 200, 115, .2); }
.edfztk small { font-size: 10px; }
.ktogoh { display: flex; gap: 32px; margin-top: 35px; }
.ktogoh > div { display: flex; flex-direction: column; }
.ktogoh strong { color: #e4ddca; font: 27px Arial, sans-serif; }
.ktogoh span { color: #777468; font-size: 11px; margin-top: 5px; }
.uwmuta { order: 2; min-width: 0; padding-top: 10px; }
.isouvg { display: flex; justify-content: space-between; align-items: center; color: #746e5d; }
.isouvg > span { font: 9px monospace; letter-spacing: 2px; }
.isouvg > small { font-size: 9px; }
.mmvvgf { display: flex; justify-content: space-between; align-items: center; margin: 20px 0 27px; }
.mmvvgf p { color: #d7cba9; font-size: 24px; line-height: 1.6; }
.mmvvgf > i { font-size: 43px; color: #665a38; }
.tqeabm { background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(231, 200, 115, .035) calc(25% - 1px), rgba(231, 200, 115, .035) 25%); }
.roopcl { padding: 19px 0 18px; border-top: 1px solid rgba(231, 200, 115, .07); }
.etosyp { display: flex; align-items: center; justify-content: space-between; }
.etosyp > span { display: flex; align-items: center; gap: 10px; font: 13px Arial, sans-serif; }
.etosyp b { font: 9px monospace; color: #726341; }
.etosyp > small { font: 11px monospace; }
.ikhuss { color: #da9385; }
.jfoysi { color: #8cb29a; }
.hcsxqz { height: 8px; position: relative; border-radius: 999px; background: #34332e; margin: 44px 0 14px; }
.neowkw { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, #6b5c35, #c7ab62); border-radius: 999px; }
.wzsmmi { position: absolute; top: 0; width: 1px; height: 100%; }
.wzsmmi > strong { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 4px 9px; border-radius: 7px; background: #e7c873; color: #29251b; font: 12px monospace; white-space: nowrap; }
.wzsmmi > strong::after { content: ''; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%) rotate(45deg); width: 6px; height: 6px; background: #e7c873; }
.wzsmmi > i { position: absolute; width: 10px; height: 18px; left: -5px; top: -5px; border-radius: 4px; background: #f0d99e; box-shadow: 0 0 18px -3px rgba(231, 200, 115, .4); }
.necrne { display: flex; justify-content: space-between; align-items: center; }
.necrne > span { display: flex; flex-direction: column; font: 10px monospace; gap: 4px; color: #aea184; }
.necrne > span:last-child { text-align: right; }
.necrne small { color: #5e5c50; font: 8px monospace; }
.amvncd { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 17px; border-top: 1px solid rgba(231, 200, 115, .07); font-size: 10px; color: #8f8059; }
.amvncd i { font-size: 17px; }
.amvncd > small { font-size: 8px; margin-left: auto; color: #625d4b; }
.pvbrau { padding: 85px 0; }
.hdydmf { text-align: center; margin-bottom: 42px; }
.hdydmf > span { display: inline-block; padding: 5px 12px; background: #323127; color: #b49b5d; border-radius: 999px; font: 8px Arial, sans-serif; letter-spacing: 2px; margin-bottom: 13px; }
.hdydmf > p { font-size: 32px; font-weight: 600; letter-spacing: 2px; }
.hsdqgm { background: #232424; }
.lpicto {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.lpicto) > * {
    flex: 1 1 calc((100% - 66px) / 4);
    min-width: 0;
}

.qykavz { min-width: 0; background: #30302d; border-radius: 20px; padding: 15px 15px 21px; transition: transform .25s; }
.qykavz:hover { transform: translateY(-5px); }
.oumvmr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font: 9px monospace; color: #a99a73; }
.oumvmr i { font-size: 19px; }
.qytuer { padding: 5px; border-radius: 18px; background: #ded7c3; }
.qytuer img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 14px; }
.qykavz > p { font-size: 17px; font-weight: 500; margin-top: 18px; }
.qykavz > small { font-size: 10px; color: #96917e; display: block; margin-top: 5px; }
.njmhhg {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.njmhhg) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.necocw { position: relative; min-width: 0; padding: 27px; border-radius: 20px; background: #282927; transition: transform .25s; }
.necocw:hover { transform: translateY(-4px); }
.necocw > i { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #39382c; border-radius: 13px; color: #d7bc73; font-size: 24px; margin-bottom: 22px; }
.necocw > p { font-size: 19px; font-weight: 500; margin-bottom: 9px; }
.necocw > div { color: #9f9b8d; font-size: 13px; line-height: 1.95; }
.necocw > span { position: absolute; right: 25px; top: 29px; color: #4f4c3d; font: 26px Georgia, serif; }
.jlfiqv { background: #232424; }
.ptijwz {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.ptijwz) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.mliiec { min-width: 0; overflow: hidden; border-radius: 22px; background: #2d2e2b; display: flex; flex-direction: column; transition: transform .25s; }
.mliiec:hover { transform: translateY(-5px); }
.lsmpnh { display: flex; align-items: center; justify-content: space-between; background: #3a382e; color: #ac995f; padding: 13px 25px; font: 10px monospace; }
.lsmpnh b { font-weight: 400; color: #6d654b; }
.rsentn { padding: 25px; display: flex; flex-direction: column; flex: 1; }
.rsentn > i { font-size: 30px; color: #dfc67e; margin-bottom: 13px; }
.rsentn > p { font-size: 18px; font-weight: 500; }
.rqqdnq { color: #a39b87; font-size: 12px; line-height: 1.95; margin: 12px 0 24px; }
.vkaykx { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 17px; border-radius: 13px; background: #e7c873; color: #2a2518; text-align: center; font-size: 13px; }
.vkaykx:hover { background: #f3dca0; transform: translateY(-2px); }
.qeifph {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
:where(.qeifph) > * {
    flex: 1 1 calc(100% / 4);
    min-width: 0;
}

.xejwpm { position: relative; padding: 0 21px; }
.xejwpm::before { content: ''; position: absolute; left: 50%; top: 24px; height: 1px; width: 100%; background: linear-gradient(90deg, #7d6a36, #363328); }
.xejwpm:last-child::before { display: none; }
.atcxnw { position: relative; margin: auto; width: 48px; height: 48px; border-radius: 50%; background: #e7c873; color: #2c281c; display: flex; align-items: center; justify-content: center; font: 21px Georgia, serif; box-shadow: 0 0 24px -9px rgba(231, 200, 115, .3); }
.xejwpm > p { font-size: 18px; font-weight: 500; margin-top: 25px; margin-bottom: 9px; }
.xejwpm > div:last-child { color: #97907c; font-size: 13px; max-width: 224px; margin: auto; }
.dqgcni { background: #232424; }
.spnezn { max-width: 810px; margin: auto; }
.vekgsw { border-bottom: 1px solid rgba(231, 200, 115, .07); }
.zappgh { display: flex; align-items: center; gap: 16px; padding: 25px 10px; cursor: pointer; }
.zappgh > span { font: 12px monospace; color: #857648; }
.zappgh > p { flex: 1; min-width: 0; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.zappgh > i { font-size: 22px; color: #a58e52; transition: transform .25s; }
.uucpcu .zappgh > i { transform: rotate(90deg); }
.uucpcu .zappgh > p { color: #e1c67d; }
.yzdjja {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
}
.yzdjja > div { min-height: 0; overflow: hidden; }
.yzdjja p { padding: 0 45px 0; font-size: 13px; color: #a89f86; line-height: 1.95; transition: padding .25s; }
.uucpcu .yzdjja {
    max-height: 800px;
}
.uucpcu .yzdjja p { padding-bottom: 25px; }
.npklje {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.npklje) > * {
    flex: 1 1 calc((100% - 24px) / 2);
    min-width: 0;
}

.fgbwrk { padding: 27px; min-width: 0; border-radius: 20px; background: #e3ddcb; color: #393426; display: flex; flex-direction: column; transition: transform .25s; }
.fgbwrk:hover { transform: translateY(-4px); }
.fgbwrk > span { font-size: 10px; color: #9a7b32; letter-spacing: 2px; }
.fgbwrk > p { font-size: 19px; font-weight: 600; line-height: 1.7; margin: 13px 0 10px; }
.niszbf { color: #82745c; font-size: 13px; line-height: 1.95; margin-bottom: 23px; }
.xmfwss { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid rgba(75, 59, 20, .07); }
.xmfwss time { color: #9d8c66; font: 10px monospace; }
.xmfwss i { font-size: 20px; color: #ab934f; }
.khssnl { background: #232424; }
.gxbmjo {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.gxbmjo) > * {
    flex: 1 1 calc((100% - 48px) / 3);
    min-width: 0;
}

.blqdkj { min-width: 0; padding: 25px; background: #2c2e2a; border-radius: 20px; display: flex; flex-direction: column; transition: transform .25s; }
.blqdkj:hover { transform: translateY(-4px); }
.umssnp { display: flex; align-items: center; justify-content: space-between; }
.umssnp > i { font-size: 29px; color: #c7ac60; }
.umssnp > span { font-size: 9px; color: #6d694f; }
.blqdkj > p { color: #bdb6a1; font-size: 13px; line-height: 2; margin: 13px 0 24px; }
.jjzpwp { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(231, 200, 115, .07); }
.jjzpwp > span { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #b0a377; }
.jjzpwp > time { font: 9px monospace; color: #776f50; }
.sbfctk { padding: 54px 0 25px; background: #151615; }
.zualif { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.oxfvxt { font-size: 25px; font-weight: 600; }
.zualif p { color: #6e6a55; font-size: 12px; margin-top: 9px; }
.umpqdb { display: flex; align-items: center; justify-content: center; gap: 9px; color: #d0b66e; background: #343126; border-radius: 16px; padding: 13px 25px; }
.umpqdb:hover { transform: translateY(-2px); background: #48402c; }
.urryst { display: flex; flex-wrap: wrap; gap: 24px; padding-bottom: 28px; margin-top: 34px; border-bottom: 1px solid rgba(231, 200, 115, .07); color: #938a6b; font-size: 12px; }
.urryst a:hover { color: #e7c873; }
.zoaoxe { font-size: 10px; color: #55533f; margin-top: 22px; }
@media (max-width: 767px) {
    html { scroll-padding-top: 78px; }
    .jmemhi { width: calc(100% - 32px); }
    .roxavq { min-height: 72px; gap: 10px; }
    .cxuvcr { margin-right: auto; font-size: 19px; letter-spacing: -.7px; }
    .bblzhj { display: none; }
    .qwbjqm { font-size: 10px; padding: 8px 11px; }
    .qwbjqm i { display: none; }
    .geqxiu { display: flex; align-items: center; justify-content: center; width: 25px; font-size: 22px; cursor: pointer; flex-shrink: 0; }
    .rxmnjp {
    display: none;
    gap: 8px;
    padding: 9px 16px 19px;
    background: #292a26;
    }
    :where(.rxmnjp) > * {
        flex: 1 1 calc((100% - 8px) / 2);
    }

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

    .rxmnjp a { background: #39382b; padding: 9px 13px; border-radius: 11px; font-size: 12px; }
    .osepkc {
    gap: 42px;
    padding-top: 41px;
    padding-bottom: 46px;
    }
    :where(.osepkc) > * {
        flex: 1 1 100%;
    }

    .cemzad, .uwmuta { order: initial; }
    .jqakfe { font-size: 11px; letter-spacing: 1px; }
    h1 { font-size: 36px; letter-spacing: -1px; }
    .lhkgvu { font-size: 27px; }
    .ccuwwq { margin-top: 15px; }
    .winiaf { width: 100%; padding: 14px 20px; }
    .edfztk { width: 100%; justify-content: center; gap: 5px; padding: 10px 6px; }
    .edfztk strong { font-size: 10px; }
    .edfztk small { font-size: 9px; }
    .edfztk i { font-size: 14px; }
    .ktogoh { justify-content: space-between; gap: 10px; margin-top: 28px; }
    .ktogoh strong { font-size: 24px; }
    .ktogoh span { font-size: 10px; }
    .uwmuta { padding-top: 0; }
    .isouvg > span { font-size: 8px; letter-spacing: 1px; }
    .mmvvgf p { font-size: 23px; }
    .roopcl { padding-top: 17px; }
    .etosyp > span { font-size: 12px; }
    .wzsmmi > strong { font-size: 10px; }
    .necrne > span { font-size: 9px; }
    .amvncd { font-size: 9px; }
    .pvbrau { padding: 53px 0; }
    .hdydmf { margin-bottom: 30px; }
    .hdydmf > p { font-size: 26px; }
    .hdydmf > span { font-size: 7px; letter-spacing: 1.5px; }
    .lpicto { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; padding-bottom: 6px;
    flex-wrap: nowrap;
    }
    .lpicto::-webkit-scrollbar { display: none; }
    .qykavz { flex: 0 0 76%; scroll-snap-align: start; }
    .njmhhg, .ptijwz, .qeifph, .npklje, .gxbmjo {
    gap: 20px;
    }
    :where(.njmhhg) > * {
        flex: 1 1 100%;
    }

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

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

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

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

    .necocw { padding: 24px; }
    .necocw > div { font-size: 14px; }
    .rsentn { padding: 24px; }
    .vkaykx { width: 100%; }
    .qeifph { gap: 36px; }
    .xejwpm { padding-bottom: 21px; }
    .xejwpm::before { top: 48px; height: calc(100% - 15px); width: 1px; background: linear-gradient(#7d6a36, transparent); }
    .xejwpm > p, .xejwpm > div:last-child { position: relative; background: #1b1c1e; }
    .zappgh { padding: 23px 0; gap: 11px; }
    .zappgh > p { font-size: 13px; }
    .zappgh > span { font-size: 11px; }
    .yzdjja p { padding-left: 25px; padding-right: 17px; }
    .fgbwrk { padding: 24px; }
    .fgbwrk > p { font-size: 17px; }
    .blqdkj { padding: 24px; }
    .zualif { flex-direction: column; align-items: stretch; }
    .oxfvxt { font-size: 24px; }
    .umpqdb { width: 100%; }
    .urryst {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    }
    :where(.urryst) > * {
        flex: 1 1 calc((100% - 17px) / 2);
        min-width: 0;
    }

}

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

/* CTA 字号与手型光标 */
.qwbjqm.etoueg {
    font-size: 14px;
    cursor: pointer;
}
.winiaf.etoueg {
    font-size: 14px;
    cursor: pointer;
}