* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 106px; }
body { margin: 0; background: #141a26; color: #e9e7e2; 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: #efab65; color: #262b34; }
.jbjbkj { width: calc(100% - 48px); max-width: 1200px; margin: auto; }
.wjyeoj { position: sticky; top: 0; z-index: 40; background: rgba(20,26,38,.96); backdrop-filter: blur(18px); transition: box-shadow .25s; }
.fmqjfh { box-shadow: 0 20px 40px -28px #000; }
.qijriy { display: flex; align-items: center; gap: 24px; min-height: 84px; }
.fevxgz { white-space: nowrap; font-size: 23px; font-weight: 600; letter-spacing: -.8px; }
.dccluh { flex: 1; min-width: 0; display: flex; gap: 14px; overflow-x: auto; scrollbar-width: none; }
.dccluh a { white-space: nowrap; font-size: 12px; color: #a0a6b2; transition: color .25s; }
.dccluh a:hover, .odkarg a:hover { color: #efab65; }
.xssooj { cursor: pointer; transition: transform .25s,background .25s; }
.xssooj:hover { transform: translateY(-3px); }
.xssooj:focus-visible, .zbsgwb:focus-visible, .owejrf:focus-visible { outline: 2px solid #efab65; outline-offset: 4px; }
.hwqdaa { display: flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; font-size: 12px; border-radius: 999px; color: #2e2b2a; background: #efab65; padding: 10px 19px; }
.owejrf { display: none; font-size: 26px; cursor: pointer; }
.xqljlm { display: none; }
.pdujjz { background: radial-gradient(ellipse at 78% 35%,#7c583122,transparent 60%),linear-gradient(130deg,#141a26,#1e2736); overflow: hidden; }
.caczuh { display: flex; align-items: center; justify-content: space-between; gap: 60px; padding-top: 92px; padding-bottom: 98px; }
.ceynzw { flex: 1; min-width: 0; }
.ryiyne { font-size: 9px; letter-spacing: 1.8px; color: #c39c77; padding-left: 12px; border-left: 1px solid #efab65; }
h1 { font-size: 53px; line-height: 1.3; margin: 28px 0 26px; letter-spacing: -2px; white-space: nowrap; }
.zvueav { font-size: 37px; line-height: 1.6; font-weight: 400; letter-spacing: -.8px; color: #e2bb92; }
.molcwq { font-size: 14px; color: #a3a8b1; line-height: 2.1; margin: 25px 0 29px; }
.omjsnw { display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 17px 28px; border-radius: 999px; color: #302b26; background: #efab65; font-weight: 600; font-size: 16px; }
.omjsnw i { font-size: 23px; }
.erqhcu { width: max-content; max-width: 100%; display: flex; align-items: center; gap: 7px; border-radius: 999px; background: #303038; padding: 11px 13px; margin-top: 15px; font-size: 10px; white-space: nowrap; }
.erqhcu > i { font-size: 14px; color: #d6b18d; }
.erqhcu b { height: 11px; width: 1px; background: #ffffff14; }
.erqhcu small { font-size: 10px; color: #aaa5a1; }
.wuicms { display: flex; gap: 35px; margin-top: 37px; }
.wuicms div { display: flex; flex-direction: column; gap: 3px; }
.wuicms strong { font-size: 25px; font-weight: 500; }
.wuicms span { font-size: 10px; color: #8c95a4; }
.mbiikq { width: 550px; min-width: 0; flex-shrink: 0; }
.zpipal { border-radius: 30px; padding: 24px 27px; background: linear-gradient(145deg,#29384c,#212a3a); box-shadow: 0 28px 45px -32px #0008; }
.vzmkwy { display: flex; justify-content: space-between; align-items: center; color: #a9b2bd; font-size: 12px; letter-spacing: 1px; }
.vzmkwy b { font-size: 8px; font-weight: 400; color: #7f8b9d; }
.okdcjp { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 25px; padding-bottom: 27px; }
.qonmrx { display: flex; flex-direction: column; align-items: flex-start; }
.qonmrx > span { color: #8e9bae; font-size: 10px; }
.qonmrx > strong { font-size: 39px; letter-spacing: -1.5px; font-weight: 400; line-height: 1.6; }
.qonmrx > b { font-weight: 400; font-size: 10px; color: #df8f87; border-radius: 999px; padding: 2px 9px; background: #d5827c12; }
.qonmrx > p { font-size: 10px; color: #8e9aab; margin-top: 17px; }
.ewnllo { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 184px; height: 184px; border-radius: 50%; background: repeating-conic-gradient(from 0deg,#b77a3b 0deg 2deg,#f1c17b 2deg 4deg); padding: 10px; transform: rotate(-12deg); box-shadow: 10px 18px 38px -15px #0008,inset 0 0 0 5px #c38b45; flex-shrink: 0; }
.ewnllo::before { content: ''; position: absolute; inset: 10px; border-radius: 50%; background: linear-gradient(135deg,#ffdfa2,#db9c4e); box-shadow: inset 0 0 0 6px #b4823b44,inset 0 0 18px #fff5; }
.ewnllo > div { position: relative; font: 99px/1 Georgia,serif; color: #a66f31; text-shadow: 1px 2px 1px #ffe1a7; }
.ewnllo > span { position: relative; font: 10px/1.5 Georgia,serif; letter-spacing: 4px; color: #9c6a2d; margin-left: 4px; }
.ngoaal { border-top: 1px solid #ffffff0b; padding-top: 17px; }
.ngoaal > div:first-child { display: flex; justify-content: space-between; align-items: center; font-size: 9px; color: #7f8da0; }
.ngoaal b { color: #d9b284; font-weight: 400; }
.jpamxb { position: relative; height: 24px; margin-top: 8px; background: repeating-linear-gradient(90deg,#8f9daf28 0 1px,transparent 1px 18px); border-radius: 5px; }
.jpamxb::before { content: ''; position: absolute; left: 0; top: 11px; height: 2px; width: 46%; background: linear-gradient(90deg,#99734e33,#edb575); }
.jpamxb i { position: absolute; top: 8px; left: 46%; width: 8px; height: 8px; border-radius: 50%; background: #edb575; box-shadow: 0 0 0 5px #edb57512; }
.ngoaal footer { display: flex; justify-content: space-between; font-size: 8px; color: #6c7c92; margin-top: 6px; }
.nwecie { margin-top: 18px; background: #ede0cc; border-radius: 25px; padding: 23px 27px; color: #47443e; }
.npuuko { display: flex; align-items: center; gap: 9px; font-size: 11px; color: #8f806c; }
.npuuko > i { font-size: 19px; color: #a88454; }
.npuuko > b { margin-left: auto; font-weight: 400; font-size: 8px; color: #ad9d88; }
.xypabd { display: flex; align-items: center; gap: 18px; margin: 22px 0 18px; }
.xypabd > div { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.xypabd span { color: #a08d75; font-size: 9px; }
.xypabd strong { font-size: 26px; font-weight: 400; line-height: 1.4; }
.xypabd > i { font-size: 23px; color: #baa78b; }
.aslmno { display: flex; align-items: center; gap: 18px; border-radius: 16px; padding: 12px 15px; background: #d9c8ac; }
.aslmno > span { color: #8b7658; font-size: 10px; }
.aslmno > strong { margin-left: auto; font-size: 25px; font-weight: 400; }
.aslmno > i { color: #aa8e64; font-size: 20px; }
.nwecie > p { color: #a69379; font-size: 8px; margin-top: 15px; }
.jmjjra { display: flex; justify-content: space-around; gap: 15px; margin-top: 19px; font-size: 10px; color: #9b9da4; }
.jmjjra span { display: flex; gap: 7px; align-items: center; }
.jmjjra i { font-size: 17px; color: #c29c75; }
.jefqkm { margin-top: 13px; text-align: center; color: #6b7484; font-size: 9px; }
.iiozsx { padding: 91px 0; }
.afucon { text-align: center; margin: 0 auto 45px; }
.afucon > span { color: #a88e72; font-size: 9px; letter-spacing: 1.7px; }
.afucon > p { margin-top: 12px; font-size: 32px; font-weight: 400; line-height: 1.6; }
.afucon > b { display: block; width: 28px; height: 5px; border-radius: 999px; background: linear-gradient(90deg,#e9ad6d,#e9ad6d22); margin: 20px auto 0; }
.iwsgxs { background: #192130; }
.udkdit { display: flex; gap: 22px; }
.umpxqk { width: calc((100% - 66px)/4); min-width: 0; border-radius: 20px; background: #253043; padding: 13px; text-align: center; transition: transform .25s; }
.xemolw { display: flex; align-items: center; justify-content: space-between; padding: 2px 2px 12px; color: #8d95a6; font-size: 8px; letter-spacing: 1.5px; }
.xemolw > i { width: 5px; height: 5px; border-radius: 50%; background: #ba9063; }
.umpxqk img { width: 100%; height: auto; border-radius: 15px; }
.umpxqk > p { font-size: 15px; padding-top: 16px; }
.umpxqk > span { display: block; color: #9099a8; font-size: 10px; padding: 5px 0 6px; }
.havzng { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; }
.kmotur, .khbnvc, .ybceob { width: calc((100% - 48px)/3); min-width: 0; transition: transform .25s; }
.kmotur:hover, .khbnvc:hover, .ybceob:hover, .shyyyu:hover, .umpxqk:hover { transform: translateY(-5px); }
.kmotur { display: flex; flex-direction: column; background: #1d2737; border-radius: 21px; padding: 28px; }
.kmotur > span { color: #ab8965; font: 12px Consolas,monospace; margin-bottom: 20px; }
.kmotur > p { font-size: 20px; margin-bottom: 11px; }
.kmotur > div { font-size: 13px; line-height: 1.9; color: #9ba5b4; padding-bottom: 24px; }
.kmotur footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid #ffffff0b; padding-top: 16px; margin-top: auto; }
.kmotur footer i { font-size: 27px; color: #d0a578; }
.kmotur footer b { color: #647388; font-size: 8px; font-weight: 400; letter-spacing: 1px; }
.jtpnyf { background: #1a2333; }
.khbnvc { display: flex; flex-direction: column; border-radius: 21px; overflow: hidden; background: #e3d6c0; color: #44423e; }
.wtvjvg { display: flex; align-items: center; justify-content: space-between; background: #364052; padding: 19px 27px; color: #dec2a0; }
.wtvjvg b { font-size: 13px; letter-spacing: 1px; font-weight: 400; }
.wtvjvg i { font-size: 30px; }
.fbrevp { display: flex; flex-direction: column; flex: 1; padding: 25px 27px; }
.fbrevp > p { font-size: 19px; margin-bottom: 13px; }
.fbrevp > div:not(.eakyqz) { color: #8a7d6b; font-size: 13px; padding-bottom: 25px; }
.eakyqz { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: auto; border-radius: 999px; background: #ba8753; color: #fff1dd; font-size: 14px; padding: 10px 20px; }
.eakyqz:hover { background: #9a6b3f; }
.oshtpd { display: flex; align-items: stretch; }
.mxalrn { width: 25%; padding: 0 20px; text-align: center; min-width: 0; }
.enxrbh { display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 27px; height: 24px; }
.enxrbh::before { content: ''; position: absolute; left: -20px; right: -20px; height: 1px; background: linear-gradient(90deg,transparent,#ab895b66,transparent); }
.enxrbh > i { position: relative; height: 9px; width: 9px; border-radius: 50%; background: #dab07b; box-shadow: 0 0 0 5px #dab07b10; }
.mxalrn > span { display: inline-flex; align-items: center; justify-content: center; background: #2f3340; border-radius: 999px; width: 48px; height: 29px; color: #bd9a73; font: 12px Consolas,monospace; }
.mxalrn > p { font-size: 19px; margin: 15px 0 12px; }
.mxalrn > div:last-child { font-size: 13px; color: #8e9aac; line-height: 1.9; }
.mpluut { background: #1a2230; }
.gtvccw { max-width: 780px; margin: auto; display: flex; flex-direction: column; gap: 13px; }
.pfnyhy { background: #263043; border-radius: 20px; overflow: hidden; transition: background .25s; }
.zbsgwb { display: flex; align-items: center; gap: 16px; padding: 22px 24px; cursor: pointer; }
.zbsgwb > span { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; flex-shrink: 0; background: #394155; color: #d1ab7e; font: 16px Georgia,serif; }
.zbsgwb > p { flex: 1; min-width: 0; font-size: 15px; }
.zbsgwb > i { font-size: 22px; color: #b79d7e; transition: transform .25s; }
.klhydg { display: flex; overflow: hidden; opacity: 0; max-height: 0; transition: max-height .3s,opacity .3s; }
.klhydg > p { color: #a6aebb; font-size: 14px; padding: 0 59px 25px 67px; line-height: 2; }
.niwymb { background: #303b4f; }
.niwymb .zbsgwb > i { transform: rotate(90deg); }
.niwymb .klhydg { opacity: 1; max-height: 300px; }
.npnhnh { display: flex; flex-wrap: wrap; gap: 24px; }
.shyyyu { display: flex; width: calc((100% - 24px)/2); min-width: 0; border-radius: 21px; background: #202b3d; padding: 28px; gap: 23px; transition: transform .25s; }
.jcefpo { display: flex; flex-direction: column; gap: 8px; padding-top: 3px; flex-shrink: 0; }
.jcefpo b { font: italic 33px Georgia,serif; color: #b4926f; }
.jcefpo span { font-size: 9px; color: #7f8ca1; }
.yfrbxj { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.yfrbxj > p { font-size: 19px; line-height: 1.7; margin-bottom: 13px; }
.yfrbxj > div { font-size: 13px; line-height: 1.9; color: #8e9cb1; padding-bottom: 25px; }
.yfrbxj footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #74849b; font-size: 10px; margin-top: auto; }
.yfrbxj footer i { font-size: 20px; color: #ba9975; }
.gnlqpt { background: #1a2333; }
.ybceob { display: flex; flex-direction: column; background: #273245; border-radius: 21px; padding: 27px; }
.ezzrso { display: flex; gap: 11px; align-items: center; font-size: 14px; color: #d0af89; margin-bottom: 19px; }
.ezzrso i { font-size: 22px; }
.ybceob > p { color: #9ba8bb; font-size: 13px; line-height: 2; padding-bottom: 26px; }
.stawis { display: flex; justify-content: space-between; align-items: center; gap: 6px; color: #75869f; font-size: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid #ffffff0b; }
.stawis b { font-weight: 400; color: #b6a28c; }
.cupdiu { padding: 48px 0 24px; background: #101622; }
.sluxwb { display: flex; align-items: center; gap: 28px; }
.sluxwb > p { color: #7e899d; font-size: 13px; }
.brwyas { margin-left: auto; display: flex; align-items: center; justify-content: center; gap: 9px; background: #34333b; color: #d6b28c; padding: 11px 24px; border-radius: 999px; font-size: 12px; }
.odkarg { display: flex; gap: 27px; flex-wrap: wrap; font-size: 12px; color: #8e98a9; padding: 30px 0; }
.omilis { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid #ffffff0b; padding-top: 21px; color: #626f85; font-size: 10px; }
.omilis b { font-weight: 400; letter-spacing: 1px; font-size: 8px; }
@media (max-width: 767px) {
    html { scroll-padding-top: 90px; }
    body { font-size: 14px; }
    .jbjbkj { width: calc(100% - 32px); }
    .qijriy { min-height: 72px; gap: 12px; }
    .fevxgz { font-size: 19px; letter-spacing: -.7px; }
    .dccluh { display: none; }
    .hwqdaa { margin-left: auto; padding: 7px 10px; font-size: 10px; }
    .hwqdaa > i { display: none; }
    .owejrf { display: block; }
    .xqljlm.hmugfj { display: flex; flex-direction: column; gap: 4px; padding: 9px 21px 18px; }
    .xqljlm a { padding: 7px 0; font-size: 13px; color: #bac0ca; }
    .caczuh { flex-direction: column; gap: 45px; padding-top: 44px; padding-bottom: 55px; }
    .ceynzw { width: 100%; }
    .ryiyne { font-size: 8px; letter-spacing: 1px; }
    h1 { font-size: 36px; letter-spacing: -1.4px; margin: 25px 0 24px; }
    .zvueav { font-size: 30px; }
    .molcwq { font-size: 13px; margin: 24px 0 28px; }
    .omjsnw { width: 100%; }
    .erqhcu { width: 100%; padding: 11px 6px; justify-content: center; font-size: 9px; gap: 5px; }
    .erqhcu small { font-size: 8px; }
    .erqhcu > i { font-size: 12px; }
    .wuicms { justify-content: space-between; gap: 9px; margin-top: 28px; }
    .wuicms strong { font-size: 23px; }
    .wuicms span { font-size: 9px; }
    .mbiikq { width: 100%; }
    .zpipal { padding: 20px 18px; border-radius: 25px; }
    .vzmkwy { font-size: 10px; }
    .vzmkwy b { font-size: 7px; letter-spacing: .5px; }
    .okdcjp { gap: 10px; padding: 24px 0; }
    .qonmrx > strong { font-size: 29px; letter-spacing: -.7px; }
    .qonmrx > span { font-size: 8px; }
    .qonmrx > b { font-size: 8px; }
    .qonmrx > p { font-size: 8px; margin-top: 14px; }
    .ewnllo { width: 132px; height: 132px; padding: 8px; box-shadow: 7px 15px 28px -15px #0008,inset 0 0 0 4px #c38b45; }
    .ewnllo::before { inset: 8px; box-shadow: inset 0 0 0 4px #b4823b44,inset 0 0 15px #fff5; }
    .ewnllo > div { font-size: 72px; }
    .ewnllo > span { font-size: 8px; letter-spacing: 3px; }
    .nwecie { padding: 20px 18px; border-radius: 22px; }
    .npuuko { gap: 7px; font-size: 10px; }
    .npuuko > b { font-size: 6px; }
    .npuuko > i { font-size: 16px; }
    .xypabd { gap: 12px; margin: 20px 0 16px; }
    .xypabd strong { font-size: 22px; }
    .xypabd span { font-size: 8px; }
    .xypabd > i { font-size: 20px; }
    .aslmno { gap: 10px; padding: 11px 13px; }
    .aslmno > span { font-size: 8px; }
    .aslmno > strong { font-size: 24px; }
    .aslmno > i { font-size: 17px; }
    .nwecie > p { font-size: 8px; line-height: 1.9; }
    .jmjjra { font-size: 9px; gap: 10px; }
    .jefqkm { font-size: 8px; }
    .iiozsx { padding: 59px 0; }
    .afucon { margin-bottom: 31px; }
    .afucon > span { font-size: 8px; letter-spacing: 1px; }
    .afucon > p { font-size: 25px; }
    .udkdit { overflow-x: auto; gap: 14px; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px; }
    .udkdit::-webkit-scrollbar { display: none; }
    .umpxqk { flex: 0 0 76%; width: 76%; scroll-snap-align: start; }
    .havzng { gap: 16px; }
    .kmotur, .khbnvc, .ybceob { width: 100%; }
    .kmotur { padding: 25px; }
    .wtvjvg { padding: 18px 25px; }
    .fbrevp { padding: 25px; }
    .oshtpd { flex-direction: column; align-items: center; gap: 32px; }
    .mxalrn { width: 100%; max-width: 300px; }
    .enxrbh { margin-bottom: 16px; }
    .enxrbh::before { left: 50%; right: auto; height: 43px; top: -10px; width: 1px; background: linear-gradient(transparent,#ab895b66,transparent); }
    .zbsgwb { padding: 20px 18px; gap: 11px; }
    .zbsgwb > p { font-size: 14px; }
    .zbsgwb > span { width: 23px; height: 23px; font-size: 14px; }
    .klhydg > p { padding: 0 21px 24px 52px; font-size: 13px; }
    .shyyyu { width: 100%; padding: 23px; gap: 17px; }
    .jcefpo b { font-size: 27px; }
    .jcefpo span { font-size: 8px; }
    .yfrbxj > p { font-size: 17px; }
    .ybceob { padding: 25px; }
    .cupdiu { padding-top: 37px; }
    .sluxwb { flex-direction: column; align-items: flex-start; gap: 18px; }
    .brwyas { margin-left: 0; width: 100%; }
    .odkarg { gap: 13px 22px; padding: 27px 0; }
    .omilis { flex-direction: column; align-items: flex-start; gap: 8px; }
}

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

/* CTA 字号与手型光标 */
.hwqdaa.xssooj {
    font-size: 14px;
    cursor: pointer;
}
.omjsnw.xssooj {
    font-size: 14px;
    cursor: pointer;
}