/* Design coordinates match the supplied 1672 × 941 reference. */
.company-reference-canvas{display:none}
/* 仅隐藏用户指定的 H₂＋爱氢能源科技有限公司装饰标识。 */
#company .cr-logo{display:none!important}
@media(min-width:901px) and (min-height:621px){
 #company{padding:0!important;background:#f5faff!important;overflow:hidden!important}
 #company>.slide-inner,#company::before,#company::after{display:none!important}
 #company .company-reference-canvas{display:block;position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--company-scale,1));transform-origin:center;background:radial-gradient(ellipse at 60% 20%,#eaf4ff90,transparent 58%),linear-gradient(120deg,#f5fbff,#fff 56%,#f4faff);color:#151c29;font-family:'Microsoft YaHei','PingFang SC',sans-serif;overflow:hidden}
 .company-reference-canvas *{box-sizing:border-box;margin:0;padding:0}
 .cr-side{position:absolute;inset:0 auto 0 0;width:438px;background:linear-gradient(110deg,#f1faff,#fff 72%,#e9f6ff);clip-path:path('M0 0H437C405 110 374 270 382 413C390 603 399 780 426 941H0Z')}
 .cr-side::after{content:'';position:absolute;right:20px;top:-15px;width:1px;height:410px;background:linear-gradient(#afd1ff,transparent);transform:rotate(14deg)}
 .cr-logo,.cr-mountain,.cr-hero,.cr-icon{background-image:var(--page-image-c8f14f1323, url('../assets/optimized/company-reference-bbd2a5360a31.webp'));background-repeat:no-repeat;background-size:1672px 941px}
 .cr-logo{position:absolute;left:47px;top:49px;width:322px;height:61px;background-position:-47px -49px;mix-blend-mode:darken}
 .cr-mountain{position:absolute;left:0;top:630px;width:426px;height:311px;background-position:0 -630px;clip-path:polygon(0 0,93% 0,100% 100%,0 100%);mask-image:linear-gradient(transparent,#000 30px)}
 #company .cr-title{position:absolute;left:50px;top:165px;font-size:76px;font-weight:900;line-height:1.1;letter-spacing:0;color:#000}
 #company .cr-title span{display:block;white-space:nowrap}
 #company .cr-title span+span{margin-top:3px;font-size:64px;line-height:1.2;letter-spacing:-2px;color:#0044d9}
 .cr-blue-rule{position:absolute;left:56px;top:355px;width:65px;height:4px;background:#075be5}
 #company .cr-company{position:absolute;left:55px;top:386px;font-size:26px;line-height:38px;letter-spacing:-.7px}
 .cr-city{position:absolute;left:55px;top:464px;display:flex;align-items:center;gap:14px;color:#0046d8}
 .cr-city svg{width:42px;height:55px}
 .cr-city strong{font-size:55px;line-height:64px;font-weight:800}
 #company .cr-location,#company .cr-founded{position:absolute;left:55px;font-size:23px;line-height:32px;color:#52637f}
 #company .cr-location{top:548px}#company .cr-founded{top:585px}
 .cr-top-rule{position:absolute;left:475px;top:53px;width:648px;height:1px;background:#cadcf5}
 #company .cr-motto{position:absolute;right:49px;top:25px;font-size:14px;line-height:22px;letter-spacing:9px;color:#7d8ba2;text-align:right;white-space:nowrap}
 .cr-motto small{display:block;font-size:11px;line-height:24px;letter-spacing:3px}
 .cr-hero{position:absolute;left:455px;top:82px;width:1176px;height:491px;border-radius:17px;background-position:-455px -82px}
 .cr-hero:focus-visible{outline:3px solid #075be5;outline-offset:5px}
 .cr-copy{position:absolute;left:455px;top:596px;width:1178px}
 #company .cr-copy p{font-size:20.5px;font-weight:400;line-height:30px;letter-spacing:0;margin:0 0 11px;color:#252b37}
 .cr-cards{position:absolute;left:455px;top:743px;width:1177px;display:grid;grid-template-columns:183px 182px 184px 193px 185px 184px;gap:13px}
 .cr-card{height:131px;border:1px solid #dcecff;border-radius:12px;background:linear-gradient(140deg,#e1efff,#f5f9ff);box-shadow:0 9px 16px #b9d8f329;display:flex;flex-direction:column;align-items:center}
 .cr-icon{display:block;flex:none;width:58px;height:58px;margin-top:12px;border-radius:50%}
 .cr-icon-0{background-position:-517px -755px}.cr-icon-1{background-position:-714px -755px}.cr-icon-2{background-position:-909px -755px}.cr-icon-3{background-position:-1109px -755px}.cr-icon-4{background-position:-1311px -755px}.cr-icon-5{background-position:-1509px -755px}
 .cr-icon-more{position:relative;background-image:linear-gradient(145deg,#2488f7,#0754cc)}
 .cr-icon-more::before{content:'••\A••';position:absolute;inset:0;display:grid;place-items:center;white-space:pre;color:#fff;font:700 22px/14px Arial;letter-spacing:3px;padding-left:3px}
 .cr-card span{font-size:23px;line-height:31px;font-weight:600;margin-top:1px;color:#101724}
 .cr-card b{width:25px;height:3px;border-radius:3px;background:#0073ff;margin-top:7px}
 #company .cr-footer{position:absolute;right:50px;bottom:16px;color:#8190a9;font-size:14px;letter-spacing:5px;line-height:20px;display:flex;align-items:center;gap:20px}
 .cr-footer i{display:block;width:49px;height:1px;background:#8fa6c9}
}
/* 公司概况：制、储、输、用四个产业节点。 */
#company .company-reference-canvas .cr-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
#company .cr-node-icon{display:grid;place-items:center;background:linear-gradient(145deg,#3197ff,#0754d0);box-shadow:0 5px 12px #1274dd24;color:#fff}
#company .cr-node-icon svg{width:34px;height:34px}
#company .intro-scope{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#company .intro-scope>span{justify-content:center}