* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 108px; }
body { margin: 0; background: #21191a; color: #f1e7e1; font: 15px/1.8 "Microsoft YaHei","PingFang SC",sans-serif; }
a { text-decoration: none; color: inherit; }
p { margin: 0; }
i, em { font-style: normal; }
img { display: block; max-width: 100%; }
::selection { background: #e6afa3; color: #281f20; }
.dpraam { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.sdrecn { position: sticky; z-index: 40; top: 0; background: rgba(33,25,26,.95); backdrop-filter: blur(16px); transition: box-shadow .25s; }
.spuzbd { box-shadow: 0 20px 40px -28px #000; }
.qdxqql { display: flex; align-items: center; gap: 22px; min-height: 86px; }
.jwjnei { font-size: 21px; font-weight: 600; white-space: nowrap; letter-spacing: -.6px; }
.zpjxwn { display: flex; flex: 1; min-width: 0; gap: 13px; overflow-x: auto; scrollbar-width: none; }
.zpjxwn a { font-size: 12px; color: #b8a8a5; white-space: nowrap; transition: color .2s; }
.zpjxwn a:hover, .mnrzyb a:hover { color: #e6afa3; }
.lvhvvk { cursor: pointer; transition: background .25s, transform .25s; }
.lvhvvk:hover { transform: translateY(-3px); }
.lvhvvk:focus-visible, .tezwfn:focus-visible, .pfaohm:focus-visible { outline: 2px solid #e6afa3; outline-offset: 5px; }
.ctweei { display: flex; align-items: center; justify-content: center; gap: 7px; background: #e6afa3; color: #2c2021; padding: 10px 18px; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.pfaohm { display: none; cursor: pointer; font-size: 25px; }
.lqscur { display: none; }
.hyuphe { position: relative; overflow: hidden; background: radial-gradient(ellipse at 75% 40%,#49303166,transparent 60%),linear-gradient(125deg,#21191a,#292021); }
.qkwsng { display: flex; align-items: center; justify-content: space-between; gap: 46px; padding-top: 95px; padding-bottom: 105px; }
.vwsunp { flex: 1; min-width: 0; }
.qnayub { display: inline-flex; align-items: center; gap: 12px; color: #c99f97; font-size: 10px; letter-spacing: 2px; }
.qnayub::before { content: ''; width: 28px; height: 1px; background: #e6afa3; }
h1 { font-size: 49px; line-height: 1.25; letter-spacing: -2px; margin: 27px 0 28px; white-space: nowrap; }
.sjclrb { font-size: 37px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: #e9bdb1; }
.pxatog { font-size: 15px; color: #b8a7a4; line-height: 2; margin: 23px 0 29px; }
.thahua { display: inline-flex; justify-content: center; align-items: center; gap: 11px; padding: 17px 27px; color: #332425; background: #e6afa3; border-radius: 999px; font-size: 16px; font-weight: 600; }
.thahua i { font-size: 23px; }
.glydkf { display: flex; align-items: center; gap: 7px; background: #392a2b; border-radius: 999px; padding: 11px 12px; width: max-content; max-width: 100%; margin-top: 15px; font-size: 10px; white-space: nowrap; }
.glydkf i { font-size: 15px; color: #e6afa3; }
.glydkf strong { font-weight: 600; }
.glydkf b { width: 1px; height: 11px; background: #ffffff19; }
.glydkf small { font-size: 10px; color: #bba8a4; }
.xjhnxs { display: flex; gap: 32px; margin-top: 37px; }
.xjhnxs div { display: flex; flex-direction: column; gap: 2px; }
.xjhnxs strong { font-size: 25px; font-weight: 500; }
.xjhnxs span { font-size: 10px; color: #a89591; }
.kbtsek { width: 550px; flex-shrink: 0; min-width: 0; }
.qogrkl { display: flex; justify-content: space-between; align-items: center; color: #bda29c; font-size: 10px; letter-spacing: 1.8px; margin: 0 4px 18px; }
.qogrkl b { font-size: 9px; font-weight: 400; }
.elmgnp { display: flex; gap: 16px; align-items: stretch; }
.hldskj, .eabmel { flex: 1; min-width: 0; padding: 24px; border-radius: 26px; box-shadow: 0 28px 45px -35px #0009; }
.hldskj { background: #efe4da; color: #392a2c; }
.eabmel { background: #70433f; color: #f4dfd5; }
.vsnums { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
.vsnums i { font-size: 25px; }
.hldskj > strong, .eabmel > strong { display: block; font: 48px/1.2 Georgia,serif; letter-spacing: -2px; margin: 24px 0 11px; }
.gmmtuv { font: 11px/1.8 Consolas,monospace; letter-spacing: .5px; opacity: .7; }
.ekwwbm { display: flex; flex-direction: column; margin: 25px 0 18px; padding-top: 18px; border-top: 1px solid #392a2c12; }
.ekwwbm span { font-size: 10px; opacity: .6; }
.ekwwbm b { font-size: 31px; line-height: 1.5; font-weight: 400; }
.jkawcu { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; margin: 6px 0; }
.jkawcu span { opacity: .6; }
.jkawcu b { font-weight: 500; }
.ghalaa { display: flex; align-items: center; gap: 6px; font-size: 10px; margin-top: 21px; padding-top: 12px; border-top: 1px solid #392a2c12; opacity: .7; }
.vuxtmx { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #3a2a2c; margin-top: 18px; border-radius: 22px; padding: 20px 26px; }
.vuxtmx > div { display: flex; flex-direction: column; }
.vuxtmx span { font-size: 10px; color: #ba9f99; }
.vuxtmx strong { font-size: 32px; font-weight: 400; line-height: 1.5; letter-spacing: 1px; }
.vuxtmx p { font-size: 12px; color: #c7aca5; }
.vuxtmx > i { color: #e6afa3; font-size: 31px; }
.ielihx { display: flex; align-items: center; gap: 16px; margin-top: 20px; font-size: 10px; color: #bca19a; padding: 0 4px; }
.ielihx span { display: flex; align-items: center; gap: 6px; }
.ielihx b { font-weight: 500; color: #e9c4b7; }
.ielihx em { margin-left: auto; font-size: 9px; }
.dubfub { margin-top: 14px; color: #937a75; font-size: 9px; text-align: center; }
.iblqik { padding: 92px 0; }
.modqig { text-align: center; margin: 0 auto 45px; }
.modqig span { font-size: 9px; letter-spacing: 2px; color: #bb9288; }
.modqig p { font-size: 32px; font-weight: 400; margin-top: 12px; line-height: 1.6; }
.modqig b { display: block; width: 6px; height: 6px; border-radius: 50%; background: #e6afa3; margin: 20px auto 0; box-shadow: 13px 0 0 #e6afa333,-13px 0 0 #e6afa333; }
.bthzsp { background: #261e1f; }
.hdfllz { display: flex; gap: 22px; }
.tdkwva { width: calc((100% - 66px)/4); background: #382c2d; padding: 13px; border-radius: 20px; transition: transform .25s; }
.oxddro { display: flex; align-items: center; gap: 10px; padding: 4px 3px 13px; }
.oxddro span { font: 19px Georgia,serif; color: #e6afa3; }
.oxddro b { font-weight: 400; font-size: 12px; }
.tdkwva img { border-radius: 15px; width: 100%; height: auto; }
.tdkwva > p { text-align: center; font-size: 12px; color: #c0a7a0; padding-top: 12px; }
.vgczqc { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.dzwfhx, .gyumov, .edsgcm { width: calc((100% - 48px)/3); min-width: 0; transition: transform .25s; }
.dzwfhx:hover, .gyumov:hover, .edsgcm:hover, .hhtdti:hover, .tdkwva:hover { transform: translateY(-5px); }
.dzwfhx { position: relative; display: flex; flex-direction: column; background: #2b2123; border-radius: 20px; padding: 28px; }
.hacjnf { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 25px; background: #442f31; color: #e6afa3; margin-bottom: 23px; }
.dzwfhx > p { font-size: 20px; margin-bottom: 10px; }
.dzwfhx > div:last-of-type { font-size: 14px; color: #bda5a0; line-height: 1.9; }
.dzwfhx > span { font-size: 9px; letter-spacing: 1.7px; color: #836963; padding-top: 24px; margin-top: auto; }
.lbuuwb { background: #2d2223; }
.gyumov { display: flex; flex-direction: column; border-radius: 21px; background: #e8d5cc; color: #3e2c2c; padding: 27px; }
.dknjyp { display: flex; align-items: center; gap: 13px; margin-bottom: 28px; }
.dknjyp i { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 16px; background: #d6b9b0; font-size: 27px; }
.dknjyp span { font-size: 10px; letter-spacing: 1.5px; color: #8f6962; }
.gyumov > p { font-size: 18px; font-weight: 500; line-height: 1.7; margin-bottom: 13px; }
.itjxxw { font-size: 13px; color: #8b6b63; padding-bottom: 25px; }
.fqngrl { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: auto; padding: 10px 18px; border-radius: 999px; background: #4e3032; color: #f3e4dc; font-size: 14px; }
.fqngrl:hover { background: #70433f; }
.muvomt { display: flex; align-items: stretch; }
.gjklyd { display: flex; flex-direction: column; width: 25%; min-width: 0; text-align: center; }
.efxczu { display: flex; align-items: center; justify-content: center; height: 25px; position: relative; margin-bottom: 23px; }
.efxczu::before { content: ''; position: absolute; height: 1px; width: 100%; background: linear-gradient(90deg,transparent,#c9988d55,transparent); }
.efxczu i { position: relative; width: 9px; height: 9px; border-radius: 50%; background: #e6afa3; box-shadow: 0 0 0 6px #e6afa310; }
.rbejoe { flex: 1; border-radius: 20px; margin: 0 9px; padding: 23px 17px; background: linear-gradient(155deg,#3a282b,#2c2124); }
.rbejoe > span { display: inline-block; color: #e6afa3; border-radius: 999px; background: #e6afa310; font-size: 10px; padding: 3px 12px; letter-spacing: 1px; }
.rbejoe p { font-size: 19px; margin: 17px 0 10px; }
.rbejoe > div { font-size: 13px; color: #b8a09a; }
.sgzoul { background: #261d1f; }
.iisxzv { max-width: 780px; margin: auto; display: flex; flex-direction: column; gap: 12px; }
.bypvvo { border-radius: 20px; background: #342628; overflow: hidden; transition: background .25s; }
.tezwfn { display: flex; gap: 17px; align-items: center; padding: 21px 25px; cursor: pointer; }
.tezwfn > span { font: italic 22px Georgia,serif; color: #c39186; }
.tezwfn p { flex: 1; min-width: 0; font-size: 15px; }
.tezwfn > i { font-size: 22px; color: #bb8b81; transition: transform .25s; }
.zfelag { display: flex; max-height: 0; opacity: 0; transition: max-height .3s,opacity .3s; overflow: hidden; }
.zfelag p { padding: 0 57px 25px 57px; color: #ae938c; font-size: 14px; line-height: 2; }
.lsnydq { background: #452e30; }
.lsnydq .tezwfn > i { transform: rotate(180deg); }
.lsnydq .zfelag { max-height: 300px; opacity: 1; }
.ehosmd { display: flex; flex-wrap: wrap; gap: 24px; }
.hhtdti { display: flex; width: calc((100% - 24px)/2); min-width: 0; border-radius: 21px; background: #302325; overflow: hidden; transition: transform .25s; }
.mmrpeq { display: flex; flex-direction: column; align-items: center; gap: 20px; background: #3d2b2d; width: 78px; flex-shrink: 0; padding: 27px 10px; }
.mmrpeq i { font-size: 25px; color: #d6a297; }
.mmrpeq span { writing-mode: vertical-rl; letter-spacing: 5px; font-size: 10px; color: #bd9185; }
.thupba { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 25px; }
.thupba > p { font-size: 18px; line-height: 1.7; margin-bottom: 13px; }
.thupba > div { font-size: 13px; color: #b1948d; line-height: 1.9; padding-bottom: 25px; }
.thupba footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #976f65; font-size: 10px; margin-top: auto; }
.thupba footer b { font-weight: 400; }
.vrbvzf { background: #281f20; }
.edsgcm { display: flex; flex-direction: column; padding: 25px; border-radius: 20px; background: #392a2b; }
.mjseox { display: flex; align-items: center; gap: 12px; margin-bottom: 19px; }
.mjseox span { font: italic 31px Georgia,serif; color: #be897c; }
.mjseox b { font-weight: 400; font-size: 15px; color: #e4c2b7; }
.edsgcm > p { color: #bea29b; font-size: 13px; line-height: 2; padding-bottom: 24px; }
.tvevip { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; padding-top: 16px; border-top: 1px solid #ffffff0c; font-size: 10px; color: #9d7e74; }
.tvevip span { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.gxkxzt { background: #1d1618; padding: 58px 0 23px; }
.nqlkxd { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.nqlkxd p { color: #92766f; font-size: 13px; margin-top: 12px; }
.dpczcd { display: flex; align-items: center; justify-content: center; gap: 9px; background: #493033; color: #e6afa3; border-radius: 999px; padding: 11px 25px; font-size: 13px; }
.mnrzyb { display: flex; flex-wrap: wrap; gap: 25px; padding: 34px 0; font-size: 12px; color: #a58980; }
.zslrge { display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid #ffffff0c; padding-top: 22px; font-size: 10px; color: #80635c; }
.zslrge b { font-size: 9px; letter-spacing: 2px; font-weight: 400; }
@media (max-width: 767px) {
    html { scroll-padding-top: 90px; }
    body { font-size: 14px; }
    .dpraam { width: calc(100% - 32px); }
    .qdxqql { min-height: 72px; gap: 12px; }
    .jwjnei { font-size: 17px; letter-spacing: -.6px; }
    .zpjxwn { display: none; }
    .ctweei { padding: 7px 10px; font-size: 10px; margin-left: auto; }
    .ctweei i { display: none; }
    .pfaohm { display: block; }
    .lqscur.tlaekm { display: flex; flex-direction: column; gap: 4px; padding: 8px 20px 19px; }
    .lqscur a { font-size: 13px; padding: 7px 0; color: #c9aaa0; }
    .qkwsng { flex-direction: column; gap: 45px; padding-top: 42px; padding-bottom: 55px; }
    .vwsunp { width: 100%; }
    .qnayub { font-size: 9px; letter-spacing: 1.5px; }
    h1 { font-size: 34px; margin: 26px 0 24px; letter-spacing: -1.5px; }
    .sjclrb { font-size: 30px; }
    .pxatog { font-size: 14px; margin: 24px 0 28px; }
    .thahua { width: 100%; padding: 17px; }
    .glydkf { width: 100%; justify-content: center; padding: 11px 6px; gap: 5px; font-size: 9px; }
    .glydkf small { font-size: 8px; }
    .glydkf i { font-size: 12px; }
    .xjhnxs { justify-content: space-between; gap: 10px; margin-top: 28px; }
    .xjhnxs strong { font-size: 23px; }
    .xjhnxs span { font-size: 9px; }
    .kbtsek { width: 100%; }
    .qogrkl { font-size: 8px; letter-spacing: 1px; margin-bottom: 15px; }
    .qogrkl b { font-size: 8px; }
    .elmgnp { gap: 10px; }
    .hldskj, .eabmel { padding: 16px 14px; border-radius: 23px; }
    .vsnums { font-size: 10px; }
    .vsnums i { font-size: 20px; }
    .hldskj > strong, .eabmel > strong { font-size: 35px; margin-top: 19px; }
    .gmmtuv { font-size: 9px; letter-spacing: 0; }
    .ekwwbm { margin-top: 18px; }
    .ekwwbm span { font-size: 8px; }
    .ekwwbm b { font-size: 24px; }
    .jkawcu { font-size: 10px; }
    .ghalaa { gap: 4px; font-size: 8px; margin-top: 15px; white-space: nowrap; }
    .vuxtmx { padding: 18px; gap: 10px; margin-top: 12px; }
    .vuxtmx strong { font-size: 28px; }
    .vuxtmx span { font-size: 8px; }
    .vuxtmx p { font-size: 10px; }
    .vuxtmx > i { font-size: 23px; }
    .ielihx { flex-wrap: wrap; gap: 8px 12px; font-size: 9px; }
    .ielihx em { width: 100%; margin-left: 0; }
    .dubfub { font-size: 8px; }
    .iblqik { padding: 59px 0; }
    .modqig { margin-bottom: 30px; }
    .modqig span { font-size: 8px; letter-spacing: 1.3px; }
    .modqig p { font-size: 25px; }
    .hdfllz { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 14px; padding-bottom: 8px; }
    .hdfllz::-webkit-scrollbar { display: none; }
    .tdkwva { flex: 0 0 76%; width: 76%; scroll-snap-align: start; }
    .vgczqc { gap: 16px; }
    .dzwfhx, .gyumov, .edsgcm { width: 100%; }
    .dzwfhx { padding: 25px; }
    .dzwfhx > p { font-size: 19px; }
    .gyumov { padding: 25px; }
    .gyumov > p { font-size: 18px; }
    .muvomt { flex-direction: column; align-items: center; gap: 22px; }
    .gjklyd { width: 100%; max-width: 310px; }
    .efxczu { margin-bottom: 15px; }
    .efxczu::before { width: 1px; height: 46px; top: -11px; background: linear-gradient(transparent,#c9988d55,transparent); }
    .rbejoe { padding: 23px; margin: 0; }
    .tezwfn { gap: 12px; padding: 19px 18px; }
    .tezwfn p { font-size: 14px; }
    .zfelag p { padding: 0 20px 22px 44px; font-size: 13px; }
    .hhtdti { width: 100%; }
    .mmrpeq { width: 52px; padding: 23px 8px; }
    .mmrpeq i { font-size: 21px; }
    .thupba { padding: 21px 18px; }
    .thupba > p { font-size: 17px; }
    .thupba footer { font-size: 9px; }
    .edsgcm { padding: 23px; }
    .gxkxzt { padding-top: 39px; }
    .nqlkxd { align-items: flex-start; flex-direction: column; }
    .dpczcd { width: 100%; }
    .mnrzyb { gap: 13px 22px; padding: 26px 0; }
    .zslrge { flex-direction: column; gap: 8px; }
}

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

/* CTA 字号与手型光标 */
.ctweei.lvhvvk {
    font-size: 14px;
    cursor: pointer;
}
.thahua.lvhvvk {
    font-size: 14px;
    cursor: pointer;
}