* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #18242a; background: #f2f4f1; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; letter-spacing: 0; }
body.qomde { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; height: auto; }

.puwga { position: sticky; top: 0; z-index: 50; height: 74px; background: #fbfcfa; border-bottom: 1px solid #cbd2cc; }
.xtmdr { width: 1200px; height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 30px; }
.fcybv { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; font-size: 19px; font-weight: 900; }
.fcybv img { width: 40px; height: 40px; object-fit: cover; border: 2px solid #9e1b2b; border-radius: 50%; }
.jvnhe { margin-left: auto; display: flex; align-items: center; gap: 23px; }
.jvnhe a { padding: 27px 0 24px; color: #39484e; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 700; }
.jvnhe a:hover { color: #9e1b2b; border-bottom-color: #9e1b2b; }
.odqks { display: flex; align-items: center; gap: 10px; }
.zrvxa, .erxco, .vglda { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; }
.zrvxa { min-height: 42px; padding: 0 18px; color: #fff; background: #0d6c67; border: 1px solid #0d6c67; border-radius: 2px; font-size: 14px; }
.zrvxa:hover, .erxco:hover { background: #09534f; }
.lwgtn { display: none; width: 42px; height: 42px; padding: 0; color: #18242a; background: #fff; border: 1px solid #bfc8c1; border-radius: 2px; font-size: 22px; cursor: pointer; }
.cxqje { overflow: hidden; }

.rgwsm { padding: 62px 0 0; color: #f8faf7; background: #16272c; }
.qkzfv { width: 1200px; min-height: 606px; margin: 0 auto; display: grid; grid-template-columns: 1fr 500px; align-items: center; gap: 72px; }
.hudnt { padding-bottom: 48px; }
.xebcl { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; color: #77c9bd; font-family: Consolas, monospace; font-size: 12px; font-weight: 800; }
.xebcl i { font-size: 18px; }
.ivqxo { margin: 0; font-size: 55px; line-height: 1.22; letter-spacing: 0; }
.ivqxo span { display: inline-block; color: #ffced3; border-bottom: 5px solid #9e1b2b; }
.sbmpa { max-width: 610px; margin: 25px 0 30px; color: #bac6c6; font-size: 16px; line-height: 1.9; }
.anhty { display: flex; gap: 12px; }
.erxco, .vglda { min-height: 52px; padding: 0 23px; border-radius: 2px; font-size: 15px; }
.erxco { color: #fff; background: #9e1b2b; border: 1px solid #9e1b2b; box-shadow: 5px 5px 0 #77c9bd; }
.vglda { color: #f8faf7; background: transparent; border: 1px solid #819092; }
.bnywe { margin-top: 44px; display: flex; gap: 9px; flex-wrap: wrap; }
.bnywe span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; color: #d8e1df; border: 1px solid #536366; font-size: 12px; }
.bnywe i { color: #77c9bd; }
.zcuel { position: relative; width: 500px; height: 548px; align-self: end; color: #18242a; background: #dde5df; border: 10px solid #f7faf7; border-bottom: 0; overflow: hidden; }
.oknsa { height: 52px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; background: #f7faf7; border-bottom: 1px solid #bdc9c0; font-family: Consolas, monospace; font-size: 11px; }
.oknsa b { color: #9e1b2b; }
.dxvjq { position: relative; height: 496px; overflow: hidden; }
.lywbr, .agftp { position: absolute; width: 230px; height: auto; aspect-ratio: 360 / 640; object-fit: contain; background: #fff; border: 6px solid #fff; }
.lywbr { top: 32px; left: 34px; z-index: 2; transform: rotate(-3deg); }
.agftp { top: 72px; right: 25px; z-index: 1; transform: rotate(4deg); }
.rkmhz { position: absolute; top: 84px; right: 12px; z-index: 4; width: 112px; padding: 12px; color: #fff; background: #9e1b2b; text-align: center; }
.rkmhz b, .rkmhz span { display: block; }
.rkmhz b { font-size: 25px; }
.rkmhz span { margin-top: 2px; font-size: 11px; }
.tlsyu { position: absolute; right: 20px; bottom: 17px; z-index: 4; display: flex; align-items: center; gap: 7px; padding: 10px 13px; color: #fff; background: #0d6c67; font-size: 12px; }
.nehqp { width: 1200px; min-height: 68px; margin: 0 auto; padding: 0 36px; display: flex; align-items: center; justify-content: space-between; color: #253236; background: #77c9bd; font-size: 13px; font-weight: 800; }
.nehqp i { color: #397c75; }

.dgvme, .rfjku, .ujvob, .kzrbe, .mzeav, .ovwpc, .fdzcl { width: 1200px; margin: 0 auto; padding: 92px 0; }
.ubrxn { margin-bottom: 44px; text-align: center; }
.ubrxn > span { display: block; margin-bottom: 10px; color: #0d6c67; font-family: Consolas, monospace; font-size: 12px; font-weight: 800; }
.ubrxn > div { display: inline-block; color: #18242a; font-size: 34px; font-weight: 900; }
.ubrxn > div::after { content: ""; display: block; width: 52px; height: 4px; margin: 12px auto 0; background: #9e1b2b; }
.kmcaq { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.etpwj { position: relative; margin: 0; padding: 28px 9px 9px; background: #e4e9e5; border: 1px solid #b7c1ba; }
.etpwj > span { position: absolute; top: 8px; left: 10px; color: #66736a; font-family: Consolas, monospace; font-size: 10px; }
.etpwj img { width: 100%; height: auto; aspect-ratio: 360 / 640; object-fit: contain; background: #142328; }
.etpwj figcaption { padding: 17px 8px 11px; }
.etpwj b, .etpwj small { display: block; }
.etpwj b { margin-bottom: 5px; font-size: 16px; }
.etpwj small { color: #68756d; font-size: 13px; }

.rfjku { position: relative; }
.rfjku::before, .ujvob::before, .mzeav::before, .fdzcl::before { content: ""; position: absolute; left: 50%; z-index: -1; width: 100vw; transform: translateX(-50%); }
.rfjku::before { top: 0; bottom: 0; background: #fff; border-top: 1px solid #d4dad5; border-bottom: 1px solid #d4dad5; }
.pmlhs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.qywfc { min-height: 235px; padding: 28px; background: #f4f6f3; border: 1px solid #c9d0ca; border-top: 5px solid #0d6c67; }
.qywfc:nth-child(2n) { border-top-color: #9e1b2b; }
.qywfc > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.qywfc i { color: #0d6c67; font-size: 27px; }
.qywfc > div span { color: #939e96; font-family: Consolas, monospace; font-size: 12px; }
.qywfc > b { display: block; margin-bottom: 11px; font-size: 18px; }
.qywfc p { margin: 0; color: #657169; font-size: 14px; line-height: 1.85; }

.ujvob { position: relative; }
.ujvob::before { top: 0; bottom: 0; background: #9e1b2b; }
.ujvob .ubrxn > span { color: #ffd4d8; }
.ujvob .ubrxn > div { color: #fff; }
.ujvob .ubrxn > div::after { background: #77c9bd; }
.hgnfd { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #c96975; border-left: 1px solid #c96975; }
.cnxso { position: relative; min-height: 180px; padding: 26px; color: #fff; border-right: 1px solid #c96975; border-bottom: 1px solid #c96975; }
.cnxso > span { position: absolute; top: 18px; right: 20px; color: #e7a7af; font-family: Consolas, monospace; font-size: 11px; }
.cnxso i { display: block; margin-bottom: 24px; color: #9e1b2b; background: #77c9bd; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 21px; }
.cnxso a { font-size: 17px; font-weight: 800; }
.cnxso a::after { content: "\2197"; margin-left: 7px; color: #77c9bd; }
.cnxso p { margin: 9px 0 0; color: #f1cdd1; font-size: 13px; line-height: 1.7; }

.sqpho { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.sqpho::before { content: ""; position: absolute; top: 24px; right: 9%; left: 9%; border-top: 2px dashed #aab6ad; }
.ydtla { position: relative; z-index: 1; }
.ydtla > span { display: flex; width: 50px; height: 50px; margin: 0 auto 18px; align-items: center; justify-content: center; color: #fff; background: #0d6c67; border: 7px solid #f2f4f1; border-radius: 50%; font-family: Consolas, monospace; font-size: 11px; }
.ydtla > div { min-height: 190px; padding: 25px 20px; background: #fff; border: 1px solid #cbd2cc; text-align: center; }
.ydtla i { color: #9e1b2b; font-size: 25px; }
.ydtla b { display: block; margin: 13px 0 8px; font-size: 17px; }
.ydtla p { margin: 0; color: #68746c; font-size: 13px; line-height: 1.75; }

.mzeav { position: relative; }
.mzeav::before { top: 0; bottom: 0; background: #dce8e3; border-top: 1px solid #c0cec7; border-bottom: 1px solid #c0cec7; }
.ljhdo { max-width: 900px; margin: 0 auto; }
.wgxkn { margin-bottom: 10px; background: #f7f9f6; border-left: 4px solid #0d6c67; }
.wgxkn[open] { border-left-color: #9e1b2b; }
.wgxkn summary { min-height: 68px; padding: 0 20px; display: grid; grid-template-columns: 42px 1fr 26px; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
.wgxkn summary::-webkit-details-marker { display: none; }
.wgxkn summary span { color: #0d6c67; font-family: Consolas, monospace; font-size: 12px; }
.wgxkn summary b { font-size: 16px; }
.wgxkn summary i { justify-self: end; font-size: 20px; transition: transform .2s ease; }
.wgxkn[open] summary i { transform: rotate(45deg); }
.wgxkn p { margin: 0; padding: 0 50px 23px 72px; color: #5f6d65; font-size: 14px; line-height: 1.85; }

.ikegy { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.vzfmb { min-height: 196px; padding: 27px; background: #fff; border: 1px solid #cbd2cc; box-shadow: 4px 4px 0 #dde2de; }
.vzfmb > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.vzfmb > div span { padding: 5px 9px; color: #fff; background: #0d6c67; font-size: 11px; font-weight: 800; }
.vzfmb time { color: #7a877f; font-family: Consolas, monospace; font-size: 11px; }
.vzfmb > b { display: block; margin-bottom: 11px; font-size: 18px; }
.vzfmb p { margin: 0; color: #627067; font-size: 14px; line-height: 1.8; }

.fdzcl { position: relative; }
.fdzcl::before { top: 0; bottom: 0; background: #fff; border-top: 1px solid #d4dad5; }
.qubax { columns: 3; column-gap: 16px; }
.rxkjt { width: 100%; margin: 0 0 16px; padding: 24px; display: inline-block; break-inside: avoid; background: #f2f4f1; border-bottom: 4px solid #0d6c67; }
.rxkjt:nth-child(2n) { border-bottom-color: #9e1b2b; }
.rxkjt > div { display: flex; align-items: center; gap: 11px; }
.rxkjt > div > span { display: flex; width: 39px; height: 39px; flex: 0 0 39px; align-items: center; justify-content: center; color: #fff; background: #16272c; border-radius: 50%; font-size: 13px; }
.rxkjt > div p { margin: 0; }
.rxkjt > div b, .rxkjt time { display: block; }
.rxkjt > div b { margin-bottom: 3px; font-size: 14px; }
.rxkjt time { color: #7e8982; font-size: 11px; }
.rxkjt blockquote { margin: 19px 0 0; color: #526158; font-size: 14px; line-height: 1.9; }

.aznvo { color: #c5ceca; background: #16272c; border-top: 7px solid #77c9bd; }
.cpsly { width: 1200px; margin: 0 auto; }
.ebhmq { min-height: 116px; display: flex; align-items: center; gap: 32px; }
.ebhmq .fcybv { color: #fff; }
.xwgtu { margin-left: auto; display: flex; flex-wrap: wrap; gap: 17px; }
.xwgtu a { font-size: 13px; }
.xwgtu a:hover { color: #fff; }
.ntaok { min-height: 58px; display: flex; align-items: center; justify-content: space-between; color: #81918f; border-top: 1px solid #394a4e; font-size: 12px; }

@media (max-width: 767px) {
    .puwga { height: 62px; }
    .xtmdr, .qkzfv, .nehqp, .dgvme, .rfjku, .ujvob, .kzrbe, .mzeav, .ovwpc, .fdzcl, .cpsly { width: 100%; }
    .xtmdr { padding: 0 16px; }
    .fcybv { font-size: 17px; }
    .fcybv img { width: 34px; height: 34px; }
    .jvnhe { position: fixed; top: 62px; right: 0; bottom: 0; left: 0; z-index: 60; display: none; padding: 12px 20px 30px; overflow-y: auto; background: #fbfcfa; }
    .qomde .jvnhe { display: block; }
    .jvnhe a { display: block; padding: 17px 2px; border-bottom: 1px solid #d5ddd7; font-size: 16px; }
    .odqks { margin-left: auto; }
    .odqks .zrvxa { display: none; }
    .lwgtn { display: block; }
    .rgwsm { padding: 46px 16px 0; }
    .qkzfv { min-height: 0; display: block; }
    .hudnt { padding-bottom: 42px; }
    .xebcl { margin-bottom: 21px; font-size: 10px; }
    .ivqxo { font-size: 37px; line-height: 1.27; }
    .ivqxo span { border-bottom-width: 4px; }
    .sbmpa { margin: 20px 0 25px; font-size: 15px; line-height: 1.82; }
    .anhty { display: grid; }
    .erxco, .vglda { width: 100%; }
    .bnywe { margin-top: 34px; gap: 7px; }
    .bnywe span { flex: 1; justify-content: center; padding: 8px 5px; font-size: 10px; }
    .zcuel { width: calc(100% - 8px); height: 460px; margin: 0 auto; border-width: 7px; border-bottom: 0; }
    .oknsa { height: 46px; padding: 0 11px; font-size: 9px; }
    .dxvjq { height: 414px; }
    .lywbr, .agftp { width: 185px; border-width: 4px; }
    .lywbr { top: 25px; left: 14px; }
    .agftp { top: 62px; right: 10px; }
    .rkmhz { top: 71px; right: 4px; width: 88px; padding: 8px; }
    .rkmhz b { font-size: 20px; }
    .tlsyu { right: 8px; bottom: 10px; }
    .nehqp { min-height: 59px; padding: 0 12px; gap: 6px; font-size: 10px; }
    .dgvme, .rfjku, .ujvob, .kzrbe, .mzeav, .ovwpc, .fdzcl { padding: 68px 16px; }
    .ubrxn { margin-bottom: 33px; }
    .ubrxn > div { font-size: 29px; }
    .kmcaq { margin-right: -16px; display: flex; gap: 13px; padding: 0 16px 13px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .kmcaq::-webkit-scrollbar { display: none; }
    .etpwj { width: 75vw; min-width: 75vw; scroll-snap-align: start; }
    .pmlhs, .hgnfd, .ikegy { grid-template-columns: 1fr; }
    .qywfc { min-height: 0; padding: 25px; }
    .cnxso { min-height: 0; padding: 24px; }
    .sqpho { grid-template-columns: 1fr; gap: 0; padding-left: 34px; }
    .sqpho::before { top: 20px; bottom: 25px; left: 18px; width: 0; border-top: 0; border-left: 2px dashed #aab6ad; }
    .ydtla { min-height: 124px; padding-left: 30px; }
    .ydtla > span { position: absolute; top: 0; left: -34px; width: 38px; height: 38px; margin: 0; border-width: 5px; }
    .ydtla > div { min-height: 0; padding: 20px; text-align: left; }
    .ydtla i { float: right; }
    .wgxkn summary { min-height: 67px; padding: 0 12px; grid-template-columns: 33px 1fr 23px; gap: 6px; }
    .wgxkn summary b { font-size: 14px; }
    .wgxkn p { padding: 0 24px 21px 51px; }
    .vzfmb { min-height: 0; padding: 23px; }
    .vzfmb > div { align-items: flex-start; }
    .vzfmb time { text-align: right; }
    .qubax { columns: 1; }
    .ebhmq { padding: 37px 16px; display: block; }
    .ebhmq .fcybv { margin-bottom: 24px; }
    .xwgtu { margin: 0 0 24px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .ebhmq .zrvxa { width: 100%; }
    .ntaok { min-height: 72px; padding: 15px 16px; display: block; line-height: 1.85; }
    .ntaok span { display: block; }
}