* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #202125; background: #f7f5f1; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; letter-spacing: 0; }
body.kxwva { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; height: auto; }
.yspku { position: sticky; top: 0; z-index: 50; height: 72px; background: rgba(255,255,255,.96); border-bottom: 1px solid #dfdad1; backdrop-filter: blur(14px); }
.dwqme { width: 1200px; height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 29px; }
.gbvnc { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; font-size: 20px; font-weight: 900; }
.gbvnc img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; box-shadow: 4px 4px 0 #f7c944; }
.lrhzo { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.lrhzo a { padding: 27px 0 24px; color: #4c4d52; border-bottom: 3px solid transparent; font-size: 14px; font-weight: 700; }
.lrhzo a:hover { color: #f15d59; border-bottom-color: #f15d59; }
.ujcqy { display: flex; align-items: center; gap: 10px; }
.pnmda, .hitfe, .sqxan { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800; }
.pnmda { min-height: 42px; padding: 0 18px; color: #fff; background: #202125; border: 1px solid #202125; border-radius: 6px; font-size: 14px; }
.pnmda:hover { background: #f15d59; border-color: #f15d59; }
.fxvth { display: none; width: 42px; height: 42px; padding: 0; color: #202125; background: #fff; border: 1px solid #cbc5bb; border-radius: 6px; font-size: 22px; cursor: pointer; }
.qcrmx { overflow: hidden; }

.zylba { position: relative; padding-top: 54px; background: #f8d958; border-bottom: 2px solid #202125; }
.zylba::before { content: "BIMO"; position: absolute; top: 18px; right: calc(50% - 605px); color: rgba(255,255,255,.36); font-family: Arial, sans-serif; font-size: 185px; font-weight: 900; }
.kphws { position: relative; z-index: 2; width: 1200px; min-height: 610px; margin: 0 auto; display: grid; grid-template-columns: 1fr 455px; align-items: center; gap: 82px; }
.nfrue { padding-bottom: 45px; }
.vqmzg { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 25px; padding: 7px 10px; color: #fff; background: #202125; border-radius: 4px; font-family: Consolas, monospace; font-size: 11px; font-weight: 800; }
.ehxjt { margin: 0; color: #202125; font-size: 58px; line-height: 1.15; letter-spacing: 0; }
.ehxjt span { display: inline-block; color: #fff; background: #f15d59; padding: 0 8px 4px; transform: rotate(-2deg); }
.cwldo { max-width: 615px; margin: 24px 0 29px; color: #4f4935; font-size: 16px; line-height: 1.9; }
.oxgbr { display: flex; gap: 12px; }
.hitfe, .sqxan { min-height: 52px; padding: 0 23px; border-radius: 6px; font-size: 15px; }
.hitfe { color: #fff; background: #f15d59; border: 2px solid #202125; box-shadow: 5px 5px 0 #202125; }
.hitfe:hover { background: #dc4744; }
.sqxan { color: #202125; background: #fff; border: 2px solid #202125; }
.ptvkc { margin-top: 42px; display: flex; gap: 10px; flex-wrap: wrap; }
.ptvkc span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px; color: #36352e; background: rgba(255,255,255,.45); border: 1px solid #bba43e; border-radius: 4px; font-size: 12px; }
.ptvkc i { color: #dc4744; }
.mlaqx { position: relative; width: 455px; height: 555px; align-self: end; color: #fff; background: #202125; border: 3px solid #202125; border-bottom: 0; border-radius: 28px 28px 0 0; box-shadow: 13px 0 0 #60c9b7; overflow: hidden; }
.fopdy { height: 49px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; color: #f8d958; font-family: Consolas, monospace; font-size: 11px; }
.mlaqx > img { width: 275px; height: auto; aspect-ratio: 450 / 800; margin: 0 auto; object-fit: contain; background: #111; border: 6px solid #fff; border-radius: 14px; }
.eyhzr { position: absolute; right: 0; bottom: 30px; left: 0; display: flex; justify-content: center; gap: 18px; }
.eyhzr button { width: 46px; height: 46px; padding: 0; color: #202125; background: #fff; border: 0; border-radius: 50%; font-size: 19px; }
.eyhzr button:nth-child(2) { color: #fff; background: #f15d59; transform: scale(1.18); }
.ukbsw { position: absolute; top: 78px; right: 15px; z-index: 3; display: flex; align-items: center; gap: 7px; padding: 10px 12px; color: #202125; background: #fff; border: 2px solid #202125; border-radius: 18px 18px 0 18px; font-size: 11px; }
.ukbsw i { color: #f15d59; }
.txzgo { width: 1200px; min-height: 70px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); color: #fff; background: #202125; }
.txzgo div { display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 13px; font-weight: 800; }
.txzgo div + div { border-left: 1px solid #55565b; }
.txzgo i { color: #f8d958; font-size: 20px; }

.rvqsd, .wbvhe, .gsnpu, .ivjmx, .xurzq, .zpqki, .oqmcb { width: 1200px; margin: 0 auto; padding: 92px 0; }
.tbgfe { margin-bottom: 44px; text-align: center; }
.tbgfe > span { display: block; margin-bottom: 9px; color: #e84f4c; font-family: Consolas, monospace; font-size: 11px; font-weight: 800; }
.tbgfe > div { display: inline-block; color: #202125; font-size: 34px; font-weight: 900; }
.tbgfe > div::after { content: ""; display: block; width: 48px; height: 5px; margin: 12px auto 0; background: #60c9b7; }
.jucki { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }
.xmdrp { position: relative; margin: 0; padding: 10px; background: #fff; border: 1px solid #d6d0c7; border-radius: 8px; box-shadow: 0 10px 24px rgba(44,39,32,.07); }
.xmdrp > span { position: absolute; top: 22px; left: 22px; z-index: 2; padding: 5px 8px; color: #202125; background: #f8d958; border-radius: 4px; font-family: Consolas, monospace; font-size: 9px; font-weight: 800; }
.xmdrp img { width: 100%; height: auto; aspect-ratio: 450 / 800; object-fit: contain; background: #202125; border-radius: 5px; }
.xmdrp figcaption { padding: 16px 7px 9px; }
.xmdrp b, .xmdrp small { display: block; }
.xmdrp b { margin-bottom: 5px; font-size: 16px; }
.xmdrp small { color: #79756e; font-size: 12px; }

.wbvhe { position: relative; }
.wbvhe::before, .gsnpu::before, .xurzq::before, .oqmcb::before { content: ""; position: absolute; left: 50%; z-index: -1; width: 100vw; transform: translateX(-50%); }
.wbvhe::before { top: 0; bottom: 0; background: #fff; border-top: 1px solid #ded9d1; border-bottom: 1px solid #ded9d1; }
.ofnly { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.ckqsz { position: relative; min-height: 235px; padding: 28px; background: #f7f5f1; border-radius: 7px; }
.ckqsz i { display: flex; width: 45px; height: 45px; margin-bottom: 27px; align-items: center; justify-content: center; color: #202125; background: #f8d958; border-radius: 50%; font-size: 23px; }
.ckqsz > span { position: absolute; top: 23px; right: 24px; color: #bbb5ab; font-family: Consolas,monospace; font-size: 11px; }
.ckqsz b { display: block; margin-bottom: 10px; font-size: 18px; }
.ckqsz p { margin: 0; color: #6b6862; font-size: 14px; line-height: 1.82; }

.gsnpu { position: relative; }
.gsnpu::before { top: 0; bottom: 0; background: #f15d59; }
.gsnpu .tbgfe > span { color: #ffe0de; }
.gsnpu .tbgfe > div { color: #fff; }
.gsnpu .tbgfe > div::after { background: #f8d958; }
.dzxoa { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.fqeuj { position: relative; min-height: 174px; padding: 25px; color: #fff; background: #da4845; border: 1px solid #f5908c; border-radius: 6px; }
.fqeuj > span { position: absolute; top: 20px; right: 21px; color: #f7aba8; font-family: Consolas,monospace; font-size: 10px; }
.fqeuj i { display: block; margin-bottom: 25px; color: #f8d958; font-size: 24px; }
.fqeuj a { font-size: 17px; font-weight: 800; }
.fqeuj a::after { content: "\2197"; margin-left: 7px; color: #f8d958; }
.fqeuj p { margin: 9px 0 0; color: #ffd8d6; font-size: 13px; }

.luwcy { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.luwcy::before { content: ""; position: absolute; top: 31px; right: 9%; left: 9%; border-top: 2px dashed #bab4aa; }
.mfxga { position: relative; z-index: 1; text-align: center; }
.mfxga > span { display: flex; width: 62px; height: 62px; margin: 0 auto 19px; align-items: center; justify-content: center; color: #202125; background: #f8d958; border: 8px solid #f7f5f1; border-radius: 50%; font-family: Consolas,monospace; font-size: 10px; }
.mfxga > div { min-height: 175px; padding: 23px 18px; background: #fff; border-bottom: 4px solid #60c9b7; border-radius: 7px; }
.mfxga i { color: #f15d59; font-size: 25px; }
.mfxga b { display: block; margin: 12px 0 8px; font-size: 17px; }
.mfxga p { margin: 0; color: #6d6963; font-size: 13px; line-height: 1.7; }

.xurzq { position: relative; }
.xurzq::before { top: 0; bottom: 0; background: #dff4ef; border-top: 1px solid #c0ded7; border-bottom: 1px solid #c0ded7; }
.lntko { max-width: 900px; margin: 0 auto; }
.ajzye { margin-bottom: 10px; background: #fff; border-radius: 6px; box-shadow: 0 5px 14px rgba(34,65,58,.05); }
.ajzye summary { min-height: 68px; padding: 0 18px; display: grid; grid-template-columns: 43px 1fr 27px; align-items: center; gap: 9px; list-style: none; cursor: pointer; }
.ajzye summary::-webkit-details-marker { display: none; }
.ajzye summary span { color: #e84f4c; font-family: Consolas,monospace; font-size: 11px; }
.ajzye summary b { font-size: 16px; }
.ajzye summary i { justify-self: end; font-size: 20px; transition: transform .2s ease; }
.ajzye[open] summary i { color: #e84f4c; transform: rotate(45deg); }
.ajzye p { margin: 0; padding: 0 47px 22px 70px; color: #616d68; font-size: 14px; line-height: 1.85; }

.tryva { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.ehkos { min-height: 192px; padding: 25px; background: #fff; border: 1px solid #dbd6ce; border-radius: 6px; }
.ehkos > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 21px; }
.ehkos > div span { padding: 5px 8px; color: #fff; background: #f15d59; border-radius: 3px; font-size: 11px; font-weight: 800; }
.ehkos time { color: #827d75; font-family: Consolas,monospace; font-size: 11px; }
.ehkos > b { display: block; margin-bottom: 10px; font-size: 18px; }
.ehkos p { margin: 0; color: #69655f; font-size: 14px; line-height: 1.8; }

.oqmcb { position: relative; }
.oqmcb::before { top: 0; bottom: 0; background: #fff; border-top: 1px solid #ded9d1; }
.bdswp { columns: 3; column-gap: 15px; }
.knctj { width: 100%; margin: 0 0 15px; padding: 23px; display: inline-block; break-inside: avoid; background: #f7f5f1; border-radius: 7px; border-top: 4px solid #f8d958; }
.knctj:nth-child(2n) { border-top-color: #60c9b7; }
.knctj > div { display: flex; align-items: center; gap: 11px; }
.knctj > div > span { display: flex; width: 39px; height: 39px; flex: 0 0 39px; align-items: center; justify-content: center; color: #fff; background: #f15d59; border-radius: 50%; font-size: 13px; }
.knctj > div p { margin: 0; }
.knctj > div b, .knctj time { display: block; }
.knctj > div b { font-size: 14px; }
.knctj time { margin-top: 3px; color: #858078; font-size: 10px; }
.knctj blockquote { margin: 18px 0 0; color: #595650; font-size: 14px; line-height: 1.9; }

.clvgy { color: #c6c4c0; background: #202125; border-top: 7px solid #f8d958; }
.wfjex { width: 1200px; margin: 0 auto; }
.rmkud { min-height: 116px; display: flex; align-items: center; gap: 30px; }
.rmkud .gbvnc { color: #fff; }
.qefha { margin-left: auto; display: flex; flex-wrap: wrap; gap: 16px; }
.qefha a { font-size: 13px; }
.qefha a:hover { color: #f8d958; }
.hupqs { min-height: 58px; display: flex; align-items: center; justify-content: space-between; color: #838386; border-top: 1px solid #45464b; font-size: 12px; }

@media (max-width:767px) {
    .yspku { height: 62px; }
    .dwqme, .kphws, .txzgo, .rvqsd, .wbvhe, .gsnpu, .ivjmx, .xurzq, .zpqki, .oqmcb, .wfjex { width: 100%; }
    .dwqme { padding: 0 16px; }
    .gbvnc { font-size: 17px; }
    .gbvnc img { width: 34px; height: 34px; }
    .lrhzo { position: fixed; top: 62px; right: 0; bottom: 0; left: 0; z-index: 60; display: none; padding: 12px 20px 30px; overflow-y: auto; background: #fff; }
    .kxwva .lrhzo { display: block; }
    .lrhzo a { display: block; padding: 17px 2px; border-bottom: 1px solid #ddd9d2; font-size: 16px; }
    .ujcqy { margin-left: auto; }
    .ujcqy .pnmda { display: none; }
    .fxvth { display: block; }
    .zylba { padding: 45px 16px 0; }
    .zylba::before { top: 240px; right: -20px; font-size: 110px; }
    .kphws { min-height: 0; display: block; }
    .nfrue { padding-bottom: 42px; }
    .vqmzg { margin-bottom: 20px; font-size: 9px; }
    .ehxjt { font-size: 39px; line-height: 1.2; }
    .cwldo { margin: 21px 0 25px; font-size: 15px; line-height: 1.82; }
    .oxgbr { display: grid; }
    .hitfe, .sqxan { width: 100%; }
    .ptvkc { margin-top: 33px; gap: 6px; }
    .ptvkc span { flex: 1; justify-content: center; padding: 8px 5px; font-size: 10px; }
    .mlaqx { width: calc(100% - 8px); height: 490px; margin: 0 auto; border-radius: 22px 22px 0 0; box-shadow: 9px 0 0 #60c9b7; }
    .mlaqx > img { width: 230px; border-width: 5px; }
    .txzgo { grid-template-columns: repeat(2,1fr); }
    .txzgo div { min-height: 56px; font-size: 11px; }
    .txzgo div:nth-child(3) { border-top: 1px solid #55565b; border-left: 0; }
    .txzgo div:nth-child(4) { border-top: 1px solid #55565b; }
    .rvqsd, .wbvhe, .gsnpu, .ivjmx, .xurzq, .zpqki, .oqmcb { padding: 68px 16px; }
    .tbgfe { margin-bottom: 33px; }
    .tbgfe > div { font-size: 29px; }
    .jucki { margin-right: -16px; display: flex; gap: 13px; padding: 0 16px 14px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .jucki::-webkit-scrollbar { display: none; }
    .xmdrp { width: 76vw; min-width: 76vw; scroll-snap-align: start; }
    .ofnly, .dzxoa, .tryva { grid-template-columns:1fr; }
    .ckqsz, .fqeuj { min-height:0; padding:24px; }
    .luwcy { grid-template-columns:1fr; gap:0; padding-left:35px; }
    .luwcy::before { top:20px; bottom:20px; left:18px; width:0; border-top:0; border-left:2px dashed #bab4aa; }
    .mfxga { min-height:127px; padding:0 0 23px 30px; text-align:left; }
    .mfxga > span { position:absolute; top:0; left:-35px; width:39px; height:39px; margin:0; border-width:5px; }
    .mfxga > div { min-height:0; padding:19px; }
    .mfxga i { float:right; }
    .ajzye summary { min-height:67px; padding:0 11px; grid-template-columns:34px 1fr 23px; gap:6px; }
    .ajzye summary b { font-size:14px; }
    .ajzye p { padding:0 22px 21px 51px; }
    .ehkos { min-height:0; padding:22px; }
    .ehkos > div { align-items:flex-start; }
    .ehkos time { text-align:right; }
    .bdswp { columns:1; }
    .rmkud { padding:37px 16px; display:block; }
    .rmkud .gbvnc { margin-bottom:24px; }
    .qefha { margin:0 0 24px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
    .rmkud .pnmda { width:100%; }
    .hupqs { min-height:72px; padding:15px 16px; display:block; line-height:1.85; }
    .hupqs span { display:block; }
}