* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
body { margin: 0; background: #191818; color: #f5eee8; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 15px; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
i { font-style: normal; }
img { display: block; max-width: 100%; }
::selection { background: #f38f79; color: #191818; }
.glzxdd { width: calc(100% - 48px); max-width: 1200px; margin: 0 auto; }
.hyybdq { position: sticky; top: 0; z-index: 20; background: rgba(25, 24, 24, .91); backdrop-filter: blur(18px); transition: box-shadow .25s, background .25s; }
.wqodqu { background: rgba(25, 24, 24, .98); box-shadow: 0 16px 36px -25px rgba(0, 0, 0, .8); }
.amjufl { min-height: 82px; display: flex; align-items: center; gap: 20px; }
.fiqnpo { flex-shrink: 0; white-space: nowrap; font-size: 20px; font-weight: 700; letter-spacing: -.7px; }
.cnxrdc { display: flex; flex: 1; justify-content: flex-start; gap: 14px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.cnxrdc a { flex-shrink: 0; white-space: nowrap; color: #c2b8b1; font-size: 13px; transition: color .2s; }
.cnxrdc a:hover { color: #f38f79; }
.yhskcs { cursor: pointer; transition: background .25s, color .25s, transform .25s; }
.yhskcs:focus-visible, .zjiufb:focus-visible, .xfoqyl:focus-visible { outline: 2px solid #f38f79; outline-offset: 5px; }
.vqikpg { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; background: #f5eee8; color: #242120; padding: 10px 16px; font-size: 13px; font-weight: 700; white-space: nowrap; flex-shrink: 0; }
.vqikpg:hover { background: #f38f79; transform: translateY(-2px); }
.xfoqyl, .nbolhk { display: none; }
.eciksj { position: relative; overflow: hidden; background: radial-gradient(ellipse at 87% 35%, rgba(243, 143, 121, .09), transparent 48%); }
.kbmihs {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    align-items: center;
    padding-top: 74px;
    padding-bottom: 80px;
}
:where(.kbmihs) > *:nth-child(1) {
    flex: 1.04 1 calc((100% - 64px) * 1.04 / 2.04);
    min-width: 0;
}

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

.sujsrr { min-width: 0; order: 1; }
.cdgwml { display: flex; align-items: center; gap: 10px; color: #f3b09e; font-size: 13px; letter-spacing: 2px; margin-bottom: 20px; }
.cdgwml span { width: 22px; height: 1px; background: #f38f79; }
h1 { font-size: 48px; line-height: 1.2; margin: 0 0 18px; font-weight: 700; letter-spacing: -2px; }
.qbuvzo { font-size: 31px; line-height: 1.55; font-weight: 500; color: #e2d5cc; }
.fhnpfs { color: #aaa09a; max-width: 460px; line-height: 1.95; margin-top: 20px; }
.bhzjza { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; margin-top: 28px; padding: 15px 30px; background: #f38f79; color: #211b18; font-weight: 700; }
.bhzjza i { font-size: 21px; }
.bhzjza:hover { background: #ffad97; transform: translateY(-3px); }
.gwguph { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 9px 12px; border-radius: 999px; background: rgba(243, 143, 121, .08); margin-top: 15px; color: #efb09e; font-size: 11px; white-space: nowrap; }
.gwguph i { font-size: 17px; }
.gwguph strong { font-size: 11px; }
.gwguph > span { height: 13px; width: 1px; background: rgba(243, 143, 121, .25); }
.gwguph small { font-size: 10px; }
.onfiqk { display: flex; gap: 30px; margin-top: 35px; }
.onfiqk > div { display: flex; flex-direction: column; }
.onfiqk strong { font-family: Arial, sans-serif; font-size: 25px; font-weight: 500; }
.onfiqk span { color: #8e8580; font-size: 11px; }
.igokiu { order: 2; min-width: 0; padding: 22px 0 0; }
.ergatx { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ergatx > span { display: flex; align-items: center; gap: 8px; font: 600 16px Arial, sans-serif; }
.ergatx i { color: #f38f79; font-size: 26px; }
.ergatx small { color: #94867d; font-size: 11px; }
.pnvdks { display: flex; align-items: center; gap: 20px; margin-top: 13px; }
.pnvdks > strong { font: 400 46px Arial, sans-serif; letter-spacing: -2px; }
.pnvdks strong small { font-size: 28px; color: #9b8c83; }
.pnvdks > span { color: #ed8c79; font: 13px Arial, sans-serif; }
.buwtsi { height: 270px; position: relative; margin-top: 28px; margin-right: 53px; background: repeating-linear-gradient(to top, rgba(255, 241, 230, .055) 0, rgba(255, 241, 230, .055) 1px, transparent 1px, transparent 67px); }
.fzylvq { position: absolute; right: -55px; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; color: #8c7e75; font: 10px monospace; padding: 0 0 15px; }
.xeorpo { height: 100%; display: flex; justify-content: space-between; position: relative; }
.jnzrwr { width: 11px; position: absolute; }
.jnzrwr::before { content: ''; position: absolute; width: 1px; height: 100%; left: 50%; background: currentColor; }
.jnzrwr span { position: absolute; width: 100%; border-radius: 3px; background: currentColor; }
.jnzrwr:nth-child(1) { left: 2%; }
.jnzrwr:nth-child(2) { left: 7.9%; }
.jnzrwr:nth-child(3) { left: 13.8%; }
.jnzrwr:nth-child(4) { left: 19.700000000000003%; }
.jnzrwr:nth-child(5) { left: 25.6%; }
.jnzrwr:nth-child(6) { left: 31.5%; }
.jnzrwr:nth-child(7) { left: 37.400000000000006%; }
.jnzrwr:nth-child(8) { left: 43.300000000000004%; }
.jnzrwr:nth-child(9) { left: 49.2%; }
.jnzrwr:nth-child(10) { left: 55.1%; }
.jnzrwr:nth-child(11) { left: 61%; }
.jnzrwr:nth-child(12) { left: 66.9%; }
.jnzrwr:nth-child(13) { left: 72.80000000000001%; }
.jnzrwr:nth-child(14) { left: 78.7%; }
.jnzrwr:nth-child(15) { left: 84.60000000000001%; }
.jnzrwr:nth-child(16) { left: 90.5%; }
.mkodlm { color: #ed8c79; }
.zpqzln { color: #83b6a3; }
.omycsf { position: absolute; top: 29%; width: 100%; border-top: 1px dashed rgba(243, 143, 121, .3); }
.omycsf span { position: absolute; right: -54px; top: -11px; background: #f38f79; color: #211b18; padding: 3px 5px; border-radius: 5px; font: 10px monospace; }
.ffloeo { margin: 16px 53px 0 0; height: 54px; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 7px; }
.ffloeo span { width: 12px; border-radius: 3px 3px 0 0; }
.tuygry { background: rgba(237, 140, 121, .25); }
.uhqdis { background: rgba(131, 182, 163, .25); }
.hhidas { display: flex; justify-content: space-between; padding-right: 53px; margin-top: 12px; font: 10px monospace; color: #8c7e75; }
.zkqapb { display: flex; align-items: center; gap: 9px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255, 241, 230, .07); color: #c7b7ab; font-size: 12px; }
.zkqapb i { color: #f38f79; font-size: 20px; }
.zkqapb small { margin-left: auto; color: #776c64; letter-spacing: 1px; font-size: 9px; }
.cevxkt { padding: 86px 0; }
.hdwojw { text-align: center; margin-bottom: 43px; }
.hdwojw > span { display: block; color: #ab9385; font-size: 10px; letter-spacing: 3px; margin-bottom: 7px; }
.hdwojw p { font-size: 32px; line-height: 1.4; font-weight: 600; letter-spacing: 3px; }
.hdwojw b { display: block; height: 5px; width: 28px; border-radius: 999px; margin: 16px auto 0; background: #f38f79; }
.ninaow { background: #201e1c; }
.zaylmo {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.zaylmo) > * {
    flex: 1 1 calc((100% - 66px) / 4);
    min-width: 0;
}

.cmsmlo { min-width: 0; padding: 16px 16px 20px; background: #2b2723; border-radius: 20px; transition: transform .25s; }
.cmsmlo:hover { transform: translateY(-5px); }
.hpdhcc { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; color: #c6a28e; font: 10px monospace; }
.hpdhcc i { font-size: 19px; }
.hspmor { border-radius: 16px; overflow: hidden; background: #efe8df; }
.hspmor img { width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; }
.cmsmlo > p { font-size: 17px; font-weight: 600; margin-top: 16px; }
.cmsmlo > small { display: block; color: #aa9b8f; font-size: 11px; margin-top: 5px; }
.gjvkla {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.gjvkla) > * {
    flex: 1 1 calc((100% - 44px) / 3);
    min-width: 0;
}

.penjcw { min-width: 0; padding: 25px; border-radius: 20px; background: linear-gradient(145deg, #292521, #211f1d); transition: transform .25s; }
.penjcw:hover { transform: translateY(-4px); }
.hyuykq { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.hyuykq > i { font-size: 32px; color: #f38f79; }
.hyuykq > span { font: 12px monospace; color: #76695f; background: #342b25; padding: 3px 10px; border-radius: 999px; }
.penjcw > p { font-size: 19px; font-weight: 600; margin-bottom: 8px; }
.penjcw > div:last-child { color: #b3a69c; font-size: 14px; line-height: 1.9; }
.beignq { background: #22201d; }
.mjubqr {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.mjubqr) > * {
    flex: 1 1 calc((100% - 44px) / 3);
    min-width: 0;
}

.vmkdty { display: flex; flex-direction: column; min-width: 0; background: #e8ddd1; color: #332a24; border-radius: 22px; padding: 26px; transition: transform .25s; }
.vmkdty:hover { transform: translateY(-5px); }
.whmrbj { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.whmrbj > i { font-size: 30px; }
.whmrbj > span { font: 10px monospace; letter-spacing: 2px; color: #8e7768; }
.vmkdty > p { font-size: 18px; font-weight: 700; }
.vmkdty > strong { font-size: 12px; color: #99694d; margin-top: 3px; font-weight: 500; }
.tixcel { font-size: 13px; line-height: 1.9; margin: 14px 0 23px; color: #776658; }
.isbmqi { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 11px 16px; border-radius: 999px; background: #332b26; color: #f7e9df; font-size: 14px; text-align: center; }
.isbmqi:hover { background: #a75e48; transform: translateY(-2px); }
.ntpxaz {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    text-align: center;
}
:where(.ntpxaz) > * {
    flex: 1 1 calc((100% - (0 * 3)) / 4);
    min-width: 0;
}

.hmcyqk { position: relative; padding: 0 20px; }
.hmcyqk::before { content: ''; position: absolute; left: 50%; top: 26px; width: 100%; height: 1px; background: linear-gradient(90deg, #6e4d3b, #3c3029); }
.hmcyqk:last-child::before { display: none; }
.oqvmow { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 78px; height: 54px; border-radius: 18px; color: #f38f79; background: #342820; gap: 7px; }
.oqvmow span { font: 24px Georgia, serif; }
.oqvmow i { font-size: 14px; }
.hmcyqk > p { font-size: 18px; font-weight: 600; margin: 22px 0 8px; }
.hmcyqk > div:last-child { font-size: 13px; color: #a7978c; max-width: 220px; margin: auto; }
.mactal { background: #201e1c; }
.dlhuiw { max-width: 800px; margin: auto; }
.gdizio { margin-bottom: 12px; background: #292521; border-radius: 20px; transition: background .25s; }
.uqspvt { background: #352921; }
.zjiufb { display: flex; align-items: center; gap: 19px; padding: 22px 25px; cursor: pointer; }
.zjiufb > span { color: #95745e; font: 14px Georgia, serif; }
.zjiufb > p { flex: 1; min-width: 0; font-size: 16px; font-weight: 500; }
.zjiufb > i { font-size: 22px; color: #ccad96; transition: transform .25s; }
.uqspvt .zjiufb > i { transform: rotate(45deg); color: #f38f79; }
.bpxzuf {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s;
}
.bpxzuf > div { overflow: hidden; min-height: 0; }
.bpxzuf p { padding: 0 62px 0; color: #baa99c; font-size: 14px; line-height: 1.95; transition: padding .25s; }
.uqspvt .bpxzuf {
    max-height: 800px;
}
.uqspvt .bpxzuf p { padding-bottom: 24px; }
.jbpxah {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
:where(.jbpxah) > * {
    flex: 1 1 calc((100% - 24px) / 2);
    min-width: 0;
}

.aoirch { display: flex; gap: 22px; padding: 25px; border-radius: 20px; background: #24211e; transition: transform .25s; }
.aoirch:hover { transform: translateY(-4px); }
.ypcsdw { flex-shrink: 0; width: 42px; display: flex; flex-direction: column; align-items: center; gap: 14px; font: 32px Georgia, serif; color: #a97d60; }
.ypcsdw i { font-size: 18px; color: #645246; }
.scbfbu { display: flex; flex-direction: column; min-width: 0; }
.scbfbu > span { font-size: 11px; letter-spacing: 2px; color: #ca977b; }
.scbfbu > p { font-size: 17px; line-height: 1.7; font-weight: 600; margin: 8px 0; }
.scbfbu > div { font-size: 13px; line-height: 1.9; color: #a99b8f; margin-bottom: 20px; }
.scbfbu > time { margin-top: auto; font: 11px monospace; color: #796b61; }
.zsrdyj { background: #201e1c; }
.fqlcfu {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}
:where(.fqlcfu) > * {
    flex: 1 1 calc((100% - 44px) / 3);
    min-width: 0;
}

.fqjyis { display: flex; flex-direction: column; min-width: 0; padding: 26px; border-radius: 20px; background: #2c2621; transition: transform .25s; }
.fqjyis:hover { transform: translateY(-4px); }
.ibutph { display: flex; justify-content: space-between; align-items: center; color: #8f7663; }
.ibutph > i { font-size: 30px; color: #cb8b6a; }
.ibutph > span { font-size: 10px; letter-spacing: 1px; }
.fqjyis > p { color: #d2c3b7; line-height: 2; font-size: 13px; margin: 12px 0 24px; }
.pxdnfh { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid rgba(255, 238, 217, .06); }
.pxdnfh > span { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #b99c85; }
.pxdnfh time { font: 9px monospace; color: #8b7768; }
.omjrmz { background: #151413; padding: 55px 0 24px; }
.alyikx { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.vapvaw { font-size: 24px; font-weight: 600; }
.alyikx p { color: #837569; font-size: 13px; margin-top: 8px; }
.blhyub { display: flex; align-items: center; justify-content: center; gap: 9px; color: #f38f79; padding: 13px 28px; border-radius: 999px; background: #30231c; }
.blhyub:hover { background: #493023; transform: translateY(-2px); }
.pajaen { display: flex; flex-wrap: wrap; gap: 22px; font-size: 12px; color: #9c8c7f; margin-top: 36px; padding-bottom: 28px; border-bottom: 1px solid rgba(255, 238, 217, .06); }
.pajaen a:hover { color: #f38f79; }
.ldsvwi { color: #6f6257; font-size: 11px; margin-top: 20px; }
@media (max-width: 767px) {
    html { scroll-padding-top: 78px; }
    .glzxdd { width: calc(100% - 32px); }
    .amjufl { min-height: 70px; gap: 10px; }
    .fiqnpo { font-size: 18px; letter-spacing: -1px; margin-right: auto; }
    .cnxrdc { display: none; }
    .vqikpg { font-size: 11px; padding: 8px 11px; }
    .vqikpg i { display: none; }
    .xfoqyl { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 30px; height: 35px; font-size: 23px; }
    .nbolhk {
    display: none;
    padding: 10px 16px 20px;
    gap: 8px;
    background: #211e1b;
    font-size: 13px;
    }
    :where(.nbolhk) > * {
        flex: 1 1 calc((100% - 8px) / 2);
    }

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

    .nbolhk a { padding: 9px 15px; background: #2c2621; border-radius: 12px; }
    .kbmihs {
    gap: 35px;
    padding-top: 42px;
    padding-bottom: 47px;
    }
    :where(.kbmihs) > *:nth-child(1) {
        flex: 1 1 100%;
        min-width: 0;
    }

    :where(.kbmihs) > *:nth-child(2) {
        flex: 1 1 100%;
        min-width: 0;
    }

    .sujsrr, .igokiu { order: initial; }
    .cdgwml { font-size: 11px; letter-spacing: 1px; margin-bottom: 17px; }
    h1 { font-size: 36px; letter-spacing: -1.5px; }
    .qbuvzo { font-size: 27px; }
    .fhnpfs { font-size: 14px; margin-top: 16px; }
    .bhzjza { width: 100%; padding: 14px 20px; }
    .gwguph { width: 100%; justify-content: center; gap: 5px; padding: 9px 7px; }
    .gwguph i { font-size: 14px; }
    .gwguph strong { font-size: 10px; }
    .gwguph small { font-size: 9px; }
    .onfiqk { justify-content: space-between; gap: 10px; margin-top: 27px; }
    .onfiqk strong { font-size: 24px; }
    .onfiqk span { font-size: 10px; }
    .igokiu { padding-top: 15px; }
    .pnvdks > strong { font-size: 38px; }
    .pnvdks > span { font-size: 12px; }
    .buwtsi { height: 230px; background-size: auto 57px; }
    .jnzrwr { width: 8px; }
    .ffloeo span { width: 8px; }
    .zkqapb { font-size: 11px; }
    .zkqapb small { font-size: 8px; letter-spacing: 0; }
    .cevxkt { padding: 53px 0; }
    .hdwojw { margin-bottom: 30px; }
    .hdwojw p { font-size: 26px; }
    .hdwojw > span { font-size: 9px; letter-spacing: 2px; }
    .zaylmo { display: flex; overflow-x: auto; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px;
    flex-wrap: nowrap;
    }
    .zaylmo::-webkit-scrollbar { display: none; }
    .cmsmlo { flex: 0 0 76%; scroll-snap-align: start; }
    .gjvkla, .mjubqr, .jbpxah, .fqlcfu, .ntpxaz {
    gap: 16px;
    }
    :where(.gjvkla) > * {
        flex: 1 1 100%;
    }

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

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

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

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

    .penjcw { padding: 23px; }
    .hyuykq { margin-bottom: 15px; }
    .vmkdty { padding: 24px; }
    .isbmqi { width: 100%; }
    .ntpxaz { gap: 34px; }
    .hmcyqk { padding: 0 15px 26px; }
    .hmcyqk::before { top: 54px; width: 1px; height: calc(100% - 28px); background: linear-gradient(#6e4d3b, transparent); }
    .hmcyqk > p, .hmcyqk > div:last-child { position: relative; background: #191818; }
    .hmcyqk > p { margin-top: 15px; }
    .zjiufb { gap: 12px; padding: 20px 17px; }
    .zjiufb > p { font-size: 14px; }
    .bpxzuf p { padding-left: 44px; padding-right: 20px; font-size: 13px; }
    .aoirch { padding: 22px 18px; gap: 15px; }
    .ypcsdw { width: 30px; font-size: 27px; }
    .scbfbu > p { font-size: 16px; }
    .fqjyis { padding: 23px; }
    .omjrmz { padding-top: 40px; }
    .alyikx { flex-direction: column; align-items: stretch; }
    .vapvaw { font-size: 23px; }
    .blhyub { width: 100%; }
    .pajaen {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    }
    :where(.pajaen) > * {
        flex: 1 1 calc((100% - 16px) / 2);
        min-width: 0;
    }

}

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

/* CTA 字号与手型光标 */
.vqikpg.yhskcs {
    font-size: 14px;
    cursor: pointer;
}
.bhzjza.yhskcs {
    font-size: 14px;
    cursor: pointer;
}