:root {
  --jmm-hei: #191919;
  --jmm-hong: #f04444;
  --jmm-lan: #3758df;
  --jmm-huang: #f8dc46;
  --jmm-qian: #f2f0ea;
  --jmm-hui: #696969;
  --jmm-xian: #d8d5cd;
}

* { box-sizing: border-box; }
html {  }
body { margin: 0; color: var(--jmm-hei); background: #fff; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
p, figure { margin: 0; }
.jmm-kuang { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.jmm-toubu { position: sticky; z-index: 60; top: 0; border-bottom: 3px solid var(--jmm-hei); background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.jmm-daohang { min-height: 72px; display: flex; align-items: center; gap: 32px; }
.jmm-pinpai { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; font-weight: 900; }
.jmm-pinpai img { width: 40px; height: 40px; border: 2px solid var(--jmm-hei); border-radius: 4px; object-fit: cover; }
.jmm-daohang-lianjie { display: flex; justify-content: center; gap: 25px; flex: 1; color: #515151; font-size: 14px; }
.jmm-daohang-lianjie a { position: relative; }
.jmm-daohang-lianjie a::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 3px; background: var(--jmm-hong); transform: scaleX(0);  }
.jmm-daohang-lianjie a:hover::after { transform: scaleX(1); }
.jmm-daohang-anniu { min-height: 42px; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; border: 2px solid var(--jmm-hei); border-radius: 4px; color: #fff; background: var(--jmm-hei); font-size: 14px; font-weight: 800; }

.jmm-yingxiong { position: relative; overflow: hidden; min-height: 685px; background: var(--jmm-qian); }
.jmm-yingxiong::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: radial-gradient(var(--jmm-hei) .8px, transparent .8px); background-size: 7px 7px; }
.jmm-yingxiong-bianhao { position: absolute; z-index: 2; right: 28px; top: 25px; writing-mode: vertical-rl; color: rgba(25,25,25,.52); font-size: 10px; font-weight: 900; }
.jmm-yingxiong-buju { position: relative; z-index: 3; min-height: 685px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(530px,1.12fr); align-items: center; gap: 60px; padding-top: 52px; padding-bottom: 52px; }
.jmm-yingxiong-qianyan { width: max-content; margin-bottom: 23px; padding: 7px 10px; display: flex; align-items: center; gap: 8px; border: 2px solid var(--jmm-hei); background: var(--jmm-huang); font-size: 11px; font-weight: 900; box-shadow: 4px 4px 0 var(--jmm-hei); }
.jmm-yingxiong-qianyan b { color: #765f00; }
.jmm-yingxiong h1 { margin: 0 0 24px; font-size: clamp(48px,5.2vw,74px); line-height: 1.08; letter-spacing: 0; }
.jmm-yingxiong h1 em { position: relative; z-index: 1; font-style: normal; }
.jmm-yingxiong h1 em::before { content: ""; position: absolute; z-index: -1; right: -5px; bottom: 5px; left: -5px; height: 19px; background: var(--jmm-hong); transform: skewX(-10deg); }
.jmm-yingxiong-wenan > p { max-width: 515px; color: #505050; font-size: 16px; line-height: 1.85; }
.jmm-yingxiong-anniu { margin-top: 32px; display: flex; gap: 12px; }
.jmm-yingxiong-anniu a { min-height: 54px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 2px solid var(--jmm-hei); border-radius: 4px; font-size: 15px; font-weight: 900;  }
.jmm-yingxiong-anniu a:hover { transform: translate(-2px,-2px); box-shadow: 5px 5px 0 var(--jmm-hei); }
.jmm-zhuanniu { color: #fff; background: var(--jmm-lan); }
.jmm-cianniu { background: #fff; }
.jmm-yingxiong-shuju { margin-top: 30px; display: flex; align-items: center; gap: 13px; color: #676767; font-size: 11px; }
.jmm-yingxiong-shuju span { display: inline-flex; align-items: baseline; gap: 4px; }
.jmm-yingxiong-shuju b { color: var(--jmm-hei); font-size: 17px; }
.jmm-yingxiong-shuju > i { width: 3px; height: 3px; border-radius: 50%; background: var(--jmm-hong); }

.jmm-fenjingtai { position: relative; width: 100%; height: 505px; border: 4px solid var(--jmm-hei); background: #fff; box-shadow: 14px 14px 0 var(--jmm-hong); transform: rotate(1deg); }
.jmm-fenjingtai::after { content: ""; position: absolute; z-index: 20; right: -13px; bottom: -13px; width: 54px; height: 54px; border-right: 4px solid var(--jmm-hei); border-bottom: 4px solid var(--jmm-hei); }
.jmm-fenjing-ge { position: absolute; overflow: hidden; border: 3px solid var(--jmm-hei); background: #fff; }
.jmm-fenjing-geyi { top: 18px; left: 18px; width: 37%; height: 215px; padding: 27px; color: #fff; background: var(--jmm-lan); }
.jmm-fenjing-geyi > i { position: relative; z-index: 2; font-size: 42px; }
.jmm-fenjing-geyi > b, .jmm-fenjing-geyi > small { position: relative; z-index: 2; display: block; }
.jmm-fenjing-geyi > b { margin-top: 47px; font-size: 30px; }
.jmm-fenjing-geyi > small { font-size: 11px; }
.jmm-suduxian, .jmm-suduxian::before, .jmm-suduxian::after { position: absolute; width: 260px; height: 3px; background: rgba(255,255,255,.55); transform: rotate(-32deg); }
.jmm-suduxian { top: 70px; left: -25px; }
.jmm-suduxian::before, .jmm-suduxian::after { content: ""; left: 22px; }
.jmm-suduxian::before { top: -24px; }
.jmm-suduxian::after { top: 24px; }
.jmm-fenjing-geer { top: 18px; right: 18px; width: 53%; height: 150px; display: grid; place-items: center; background: var(--jmm-huang); }
.jmm-fenjing-geer > span { position: relative; z-index: 3; font-size: 25px; line-height: 1.16; font-weight: 900; text-align: center; transform: rotate(-4deg); }
.jmm-fenjing-geer > i { position: absolute; right: 22px; bottom: -20px; width: 65px; height: 65px; border: 3px solid var(--jmm-hei); border-radius: 50%; background: var(--jmm-hong); }
.jmm-dianwang { position: absolute; inset: 0; opacity: .24; background-image: radial-gradient(var(--jmm-hei) 1.4px,transparent 1.4px); background-size: 8px 8px; }
.jmm-fenjing-gesan { right: 18px; top: 183px; width: 53%; height: 218px; background: #ececec; }
.jmm-fenjing-gesan img { width: 51%; height: 100%; object-fit: cover; object-position: top center; filter: saturate(.85); }
.jmm-fenjing-gesan > span { position: absolute; right: 17px; bottom: 15px; font-size: 10px; font-weight: 900; }
.jmm-fenjing-gesan > span b { font-size: 34px; }
.jmm-fenjing-gesi { bottom: 18px; left: 18px; width: calc(100% - 36px); height: 72px; padding: 0 24px; display: flex; align-items: center; gap: 15px; color: #fff; background: var(--jmm-hei); }
.jmm-fenjing-gesi > i { color: var(--jmm-huang); font-size: 29px; }
.jmm-fenjing-gesi b, .jmm-fenjing-gesi small { display: block; }
.jmm-fenjing-gesi b { font-size: 16px; }
.jmm-fenjing-gesi small { margin-top: 3px; color: #aaa; }
.jmm-fenjing-yejiao { position: absolute; z-index: 25; top: -20px; right: 30px; padding: 6px 10px; border: 3px solid var(--jmm-hei); background: #fff; font-size: 10px; font-weight: 900; }
.jmm-fenjing-yejiao b { margin-left: 8px; color: var(--jmm-hong); font-size: 17px; }
.jmm-fenjing-duihua { position: absolute; z-index: 15; top: 126px; left: 29%; padding: 13px 18px; border: 3px solid var(--jmm-hei); border-radius: 50%; background: #fff; font-size: 13px; font-weight: 900; transform: rotate(-7deg); }
.jmm-fenjing-duihua::after { content: ""; position: absolute; bottom: -13px; left: 18px; width: 17px; height: 17px; border-right: 3px solid var(--jmm-hei); border-bottom: 3px solid var(--jmm-hei); background: #fff; transform: rotate(45deg); }
.jmm-fenjing-youyin { position: absolute; z-index: 15; right: 31px; bottom: 42px; display: flex; align-items: center; gap: 6px; color: #fff; font-size: 9px; }
.jmm-fenjing-youyin i { width: 34px; height: 2px; background: var(--jmm-hong); }

.jmm-biaoti { margin-bottom: 44px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.jmm-biaoti > div > span, .jmm-wenti-yinru > span { display: block; margin-bottom: 10px; color: var(--jmm-hong); font-size: 11px; font-weight: 900; }
.jmm-dabiaoti { font-size: clamp(29px,3vw,42px); line-height: 1.24; font-weight: 900; }
.jmm-biaoti > p { max-width: 390px; color: var(--jmm-hui); font-size: 14px; line-height: 1.75; text-align: right; }
.jmm-zhanshi, .jmm-youshi, .jmm-liucheng, .jmm-wenti, .jmm-pingjia { padding: 100px 0; }

.jmm-zhanshi-huakuai { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.jmm-zhanshi-huakuai figure { min-width: 0; }
.jmm-zhanshi-huakuai figure > div { overflow: hidden; aspect-ratio: 3 / 4; border: 3px solid var(--jmm-hei); background: var(--jmm-qian); }
.jmm-zhanshi-huakuai figure:nth-child(2) > div, .jmm-zhanshi-huakuai figure:nth-child(4) > div { margin-top: 24px; }
.jmm-zhanshi-huakuai img { width: 100%; height: 100%; object-fit: cover; object-position: top center;  }
.jmm-zhanshi-huakuai figure:hover img { transform: scale(1.025); }
.jmm-zhanshi-huakuai figcaption { padding: 14px 2px 0; display: flex; justify-content: space-between; align-items: center; }
.jmm-zhanshi-huakuai figcaption b { font-size: 15px; }
.jmm-zhanshi-huakuai figcaption span { color: var(--jmm-hui); font-size: 10px; font-weight: 900; }

.jmm-youshi { color: #fff; background: var(--jmm-hei); }
.jmm-biaoti-bai > p { color: #9f9f9f; }
.jmm-youshi-wangge { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; border: 2px solid #454545; background: #454545; }
.jmm-youshi-wangge article { min-height: 218px; padding: 27px; background: var(--jmm-hei);  }
.jmm-youshi-wangge article:hover { color: var(--jmm-hei); background: var(--jmm-huang); }
.jmm-youshi-wangge article > div { margin-bottom: 34px; display: flex; justify-content: space-between; align-items: center; }
.jmm-youshi-wangge article i { color: var(--jmm-hong); font-size: 29px; }
.jmm-youshi-wangge article span { color: #777; font-size: 11px; font-weight: 900; }
.jmm-youshi-wangge article > b { display: block; margin-bottom: 12px; font-size: 18px; }
.jmm-youshi-wangge article > p { color: #aaa; font-size: 14px; line-height: 1.75; }
.jmm-youshi-wangge article:hover > p, .jmm-youshi-wangge article:hover span { color: #4d4210; }

.jmm-liucheng { color: #fff; background: var(--jmm-lan); }
.jmm-liucheng .jmm-biaoti > div > span { color: var(--jmm-huang); }
.jmm-liucheng .jmm-biaoti > p { color: #c6ceff; }
.jmm-liucheng-zhou { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.jmm-liucheng-zhou::before { content: ""; position: absolute; top: 37px; right: 12%; left: 12%; border-top: 3px dashed rgba(255,255,255,.55); }
.jmm-liucheng-zhou article { position: relative; z-index: 2; padding: 0 25px; text-align: center; }
.jmm-liucheng-zhou article > span { position: absolute; top: 2px; left: calc(50% + 27px); color: var(--jmm-huang); font-size: 10px; font-weight: 900; }
.jmm-liucheng-zhou article > i { width: 76px; height: 76px; margin: 0 auto 21px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: var(--jmm-hei); background: var(--jmm-huang); font-size: 28px; }
.jmm-liucheng-zhou article b { display: block; margin-bottom: 8px; font-size: 17px; }
.jmm-liucheng-zhou article p { color: #d5d9ff; font-size: 13px; line-height: 1.65; }

.jmm-wenti { background: var(--jmm-qian); }
.jmm-wenti-buju { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 75px; }
.jmm-wenti-yinru { position: sticky; top: 110px; align-self: start; }
.jmm-wenti-yinru > p { margin-top: 20px; color: var(--jmm-hui); font-size: 14px; line-height: 1.8; }
.jmm-wenti-yinru > i { margin-top: 34px; display: block; color: var(--jmm-hong); font-size: 64px; }
.jmm-wenti-liebiao { border-top: 3px solid var(--jmm-hei); }
.jmm-wenti-liebiao details { border-bottom: 1px solid #bdbab3; }
.jmm-wenti-liebiao summary { min-height: 74px; display: grid; grid-template-columns: 44px minmax(0,1fr) 30px; align-items: center; cursor: pointer; list-style: none; }
.jmm-wenti-liebiao summary::-webkit-details-marker { display: none; }
.jmm-wenti-liebiao summary b { color: var(--jmm-hong); font-size: 10px; }
.jmm-wenti-liebiao summary span { font-size: 16px; font-weight: 900; }
.jmm-wenti-liebiao summary i { font-size: 22px;  }
.jmm-wenti-liebiao details[open] summary i { transform: rotate(45deg); }
.jmm-wenti-liebiao details > p { padding: 0 30px 23px 44px; color: var(--jmm-hui); font-size: 14px; line-height: 1.8; }
.jmm-wenti-liebiao details > p a { color: var(--jmm-lan); font-weight: 800; }

.jmm-pingjia-pubu { columns: 3; column-gap: 18px; }
.jmm-pingjia-pubu article { position: relative; width: 100%; margin: 0 0 18px; padding: 29px 25px 25px; display: inline-block; break-inside: avoid; border: 2px solid var(--jmm-hei); background: #fff; box-shadow: 5px 5px 0 var(--jmm-xian); }
.jmm-pingjia-pubu article:nth-child(2), .jmm-pingjia-pubu article:nth-child(5) { padding-bottom: 42px; }
.jmm-pingjia-pubu article > span { position: absolute; top: -3px; right: 14px; color: var(--jmm-hong); font-family: Georgia,serif; font-size: 63px; line-height: 1; }
.jmm-pingjia-pubu article > p { margin-bottom: 26px; padding-right: 18px; font-size: 15px; line-height: 1.85; }
.jmm-pingjia-pubu footer { display: flex; align-items: center; gap: 10px; }
.jmm-pingjia-pubu footer > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--jmm-lan); font-size: 12px; font-style: normal; font-weight: 900; }
.jmm-pingjia-pubu footer b, .jmm-pingjia-pubu footer time { display: block; }
.jmm-pingjia-pubu footer b { margin-bottom: 3px; font-size: 13px; }
.jmm-pingjia-pubu footer time { color: #8c8c8c; font-size: 10px; }

.jmm-dibu { padding: 57px 0; border-top: 8px solid var(--jmm-hong); color: #fff; background: var(--jmm-hei); }
.jmm-dibu-neirong { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; }
.jmm-dibu-neirong > div > p { margin-top: 12px; color: #888; font-size: 12px; }
.jmm-dibu nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 22px; color: #bbb; font-size: 12px; }
.jmm-dibu nav a:hover { color: var(--jmm-huang); }
.jmm-dibu small { grid-column: 1 / -1; padding-top: 22px; border-top: 1px solid #3a3a3a; color: #777; }

@media (max-width: 1040px) {
  .jmm-daohang-lianjie { display: none; }
  .jmm-daohang { justify-content: space-between; }
  .jmm-yingxiong-buju { grid-template-columns: minmax(0,.85fr) minmax(470px,1.15fr); gap: 28px; }
  .jmm-fenjingtai { height: 470px; }
  .jmm-fenjing-geyi { height: 200px; }
  .jmm-fenjing-gesan { height: 187px; }
}

@media (max-width: 820px) {
  .jmm-kuang { width: min(100% - 34px,680px); }
  .jmm-yingxiong-buju { grid-template-columns: 1fr; gap: 55px; padding-top: 58px; padding-bottom: 70px; }
  .jmm-yingxiong h1 { font-size: 49px; }
  .jmm-yingxiong-wenan > p { max-width: 590px; }
  .jmm-fenjingtai { width: min(100%,600px); justify-self: center; }
  .jmm-biaoti { align-items: flex-start; flex-direction: column; gap: 12px; }
  .jmm-biaoti > p { max-width: 560px; text-align: left; }
  .jmm-zhanshi, .jmm-youshi, .jmm-liucheng, .jmm-wenti, .jmm-pingjia { padding: 76px 0; }
  .jmm-zhanshi-huakuai { margin-right: -17px; overflow-x: auto; grid-template-columns: repeat(4,minmax(225px,72vw)); padding-right: 17px; padding-bottom: 18px; scroll-snap-type: x mandatory; }
  .jmm-zhanshi-huakuai figure { scroll-snap-align: start; }
  .jmm-zhanshi-huakuai figure:nth-child(2) > div, .jmm-zhanshi-huakuai figure:nth-child(4) > div { margin-top: 0; }
  .jmm-youshi-wangge { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .jmm-liucheng-zhou { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 44px 0; }
  .jmm-liucheng-zhou::before { display: none; }
  .jmm-wenti-buju { grid-template-columns: 1fr; gap: 38px; }
  .jmm-wenti-yinru { position: static; }
  .jmm-wenti-yinru > i { display: none; }
  .jmm-pingjia-pubu { columns: 2; }
}

@media (max-width: 560px) {
  .jmm-daohang { min-height: 64px; }
  .jmm-pinpai span { max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .jmm-daohang-anniu { width: 42px; min-height: 42px; padding: 0; justify-content: center; }
  .jmm-daohang-anniu span { display: none; }
  .jmm-yingxiong h1 { font-size: 40px; }
  .jmm-yingxiong-qianyan b { display: none; }
  .jmm-yingxiong-wenan > p { font-size: 15px; }
  .jmm-yingxiong-anniu { flex-direction: column; }
  .jmm-yingxiong-anniu a { width: 100%; }
  .jmm-yingxiong-shuju { flex-wrap: wrap; }
  .jmm-fenjingtai { height: 390px; box-shadow: 8px 8px 0 var(--jmm-hong); }
  .jmm-fenjing-geyi { top: 12px; left: 12px; width: 39%; height: 162px; padding: 18px; }
  .jmm-fenjing-geyi > i { font-size: 30px; }
  .jmm-fenjing-geyi > b { margin-top: 30px; font-size: 22px; }
  .jmm-fenjing-geer { top: 12px; right: 12px; width: 52%; height: 112px; }
  .jmm-fenjing-geer > span { font-size: 19px; }
  .jmm-fenjing-gesan { top: 135px; right: 12px; width: 52%; height: 174px; }
  .jmm-fenjing-gesan > span b { font-size: 24px; }
  .jmm-fenjing-gesi { right: 12px; bottom: 12px; left: 12px; width: auto; height: 58px; padding: 0 15px; }
  .jmm-fenjing-duihua { top: 100px; left: 24%; padding: 9px 12px; font-size: 11px; }
  .jmm-fenjing-youyin { display: none; }
  .jmm-dabiaoti { font-size: 29px; }
  .jmm-youshi-wangge { grid-template-columns: 1fr; }
  .jmm-youshi-wangge article { min-height: 195px; }
  .jmm-liucheng-zhou { grid-template-columns: 1fr; gap: 30px; }
  .jmm-liucheng-zhou article { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 18px; text-align: left; }
  .jmm-liucheng-zhou article > i { grid-row: 1 / 3; width: 66px; height: 66px; margin: 0; }
  .jmm-liucheng-zhou article > span { top: 0; left: 53px; }
  .jmm-liucheng-zhou article > div { grid-column: 2; }
  .jmm-liucheng-zhou article p { max-width: 230px; }
  .jmm-wenti-liebiao summary { grid-template-columns: 37px minmax(0,1fr) 26px; gap: 3px; }
  .jmm-wenti-liebiao summary span { font-size: 14px; }
  .jmm-wenti-liebiao details > p { padding-left: 40px; padding-right: 2px; }
  .jmm-pingjia-pubu { columns: 1; }
  .jmm-dibu-neirong { grid-template-columns: 1fr; }
  .jmm-dibu nav { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {  }
}