/* Haishuo brand presentation. Existing public forms and service scripts are unchanged. */
:root{--br-bg:#f8fafc;--br-panel:#edf3f7;--br-ink:#19364e;--br-muted:#586f80;--br-line:#d9e3eb;--br-accent:var(--brand-orange);--br-paper:#f5f8fa}
.hs-brand-site{font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hs-brand-site #site-header{position:sticky;top:0;z-index:1000;background:var(--br-bg)}
.hs-brand-site .top-bar{display:none}
.hs-brand-site .main-nav{position:relative;background:#fff;border-bottom:1px solid #dce5ed;box-shadow:0 4px 20px #284f6b05}
.hs-brand-site .main-nav>.container{max-width:1320px;min-height:88px;padding-left:32px!important;padding-right:32px!important;gap:22px}
.hs-brand-site .main-nav>.container>a:first-child{flex-shrink:0}
.hs-brand-site .main-nav>.container>a:first-child img{filter:none;mix-blend-mode:normal}
.hs-brand-site .main-nav .text-xl,.hs-brand-site .main-nav a[data-hb-cfg]{color:var(--brand-blue)!important}
.hs-brand-site .main-nav .text-gray-500{color:#657a8a}
.hs-brand-site .main-nav .text-xs{font-size:10px;letter-spacing:.14em}
.hs-brand-site .nav-links-desktop{gap:clamp(16px,1.8vw,28px)}
.hs-brand-site .nav-link{padding:31px 0;color:#536a7c;font-size:14px;font-weight:500;white-space:nowrap}
.hs-brand-site .nav-link.active,.hs-brand-site .nav-link:hover{color:var(--brand-blue)}
.hs-brand-site .nav-link::after{background:var(--br-accent);height:2px;bottom:20px}
.hs-brand-site .nav-dropdown{background:#fff;border:1px solid #dce5ed;box-shadow:0 18px 40px #36556e1a;border-radius:3px}
.hs-brand-site .nav-dropdown a{color:#425f75;font-size:13px}
.hs-brand-site .nav-dropdown a:hover{color:var(--brand-blue);background:#edf4f8}
.hs-brand-site .site-footer{background:#f4f7f9;color:#546d80;border-top:1px solid #dce5ed;padding-top:66px}
.hs-brand-site .site-footer .text-white{color:#24465f!important}
.hs-brand-site .footer-col h3{color:#24465f;font-weight:500;letter-spacing:.06em}
.hs-brand-site .footer-col>p,.hs-brand-site .footer-col>a{color:#546d80}
.hs-brand-site .footer-bottom{border-top-color:#dce5ed;color:#546d80}
.hs-brand-site .footer-bottom a{color:#536f84}
.hs-brand-site .footer-col a:hover,.hs-brand-site .footer-bottom a:hover{color:var(--brand-blue)}
.hs-brand-site .footer-channel-note{color:#526f82}
.hs-brand-site .footer-channel-note i{color:#347d72}
.hs-brand-site .footer-qr-item p{color:#546d80}
.hs-brand-site .chat-trigger{background:var(--brand-orange);box-shadow:0 8px 28px #0003}
.hs-brand-site .chat-tooltip{display:none!important}
.hs-brand-site .page-banner{height:340px;background-image:linear-gradient(90deg,#f3f8fdf2,#f3f8fd33),url('../images/brand/industrial-energy-light-v2-fast.webp')!important;background-position:center;background-size:cover}
.hs-brand-site .page-banner::before{background:linear-gradient(0deg,#edf4f940,transparent)}
.hs-brand-site .br-concept-note{position:absolute;right:14px;bottom:12px;z-index:2;max-width:calc(100% - 28px);margin:0;padding:4px 8px;background:#eaf3f9ed;color:#274962;font-size:10px;line-height:1.7}
.hs-brand-site .page-banner-content{width:min(1256px,calc(100% - 64px));margin:auto;text-align:left}
.hs-brand-site .page-banner-content h1{font-size:48px;letter-spacing:.03em;font-weight:600;color:var(--brand-blue)}
.hs-brand-site .page-banner-content .breadcrumb{margin-top:18px;color:#58778f}
.hs-brand-site .pc-hero{background:#f0f3f6}
.hs-brand-site .pc-btn,.hs-brand-site .btn{border-radius:3px}
.brand-home{background:#fff;color:var(--br-ink)}
.brand-home main{overflow:clip}
.br-wrap{width:min(1256px,calc(100% - 64px));margin-inline:auto}
.br-hero{position:relative;isolation:isolate;min-height:min(790px,calc(100svh - 88px));display:flex;flex-direction:column;justify-content:center;color:#193c57;background:#eef5fa}
.br-hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}
.br-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f5f9fdf0 0%,#f5f9fda8 38%,#f5f9fd08 72%),linear-gradient(0deg,#f0f6fa 0%,transparent 28%)}
.br-hero-content{padding-block:100px 148px;position:relative}
.br-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.24em;font-weight:500;color:#54758d}
.br-eyebrow::before{content:'';width:30px;height:2px;background:var(--br-accent)}
.br-hero h1{font-size:clamp(46px,5.1vw,76px);line-height:1.24;font-weight:600;letter-spacing:.015em;margin:30px 0 22px;text-shadow:none;color:var(--brand-blue)}
.br-hero h1 span{color:var(--brand-light)}
.br-hero h1 i{color:var(--br-accent);font-style:normal}
.br-hero-copy{max-width:530px;color:#506e84;font-size:16px;line-height:1.95;letter-spacing:.05em}
.br-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.br-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:13px 25px;border:1px solid transparent;font-size:14px;line-height:1.5;font-weight:600;transition:background .2s,color .2s,border-color .2s}
.br-button--accent{color:var(--brand-blue-deep);background:var(--brand-orange)}
.br-button--accent:hover{color:var(--brand-blue-deep);background:var(--brand-orange-light)}
.br-button--outline{color:#335c79;border-color:#7391a9;background:#ffffff7a}
.br-button--outline:hover{color:#164f75;background:#fff;border-color:#315e7c}
.br-button--dark{color:#fff;background:var(--brand-blue)}
.br-button--dark:hover{color:#fff;background:var(--brand-blue-deep)}
.br-hero-bottom{position:absolute;left:0;right:0;bottom:0}
.br-hero-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid #c2d4e0;padding:25px 0 28px;gap:42px}
.br-hero-strip a{display:flex;align-items:center;gap:16px;color:#365a73;font-size:15px;min-height:38px}
.br-hero-strip a>span{font:11px Arial,sans-serif;color:#58748a;letter-spacing:.1em}
.br-hero-strip a i{margin-left:auto;color:#496d85;font-size:13px;transition:transform .2s}
.br-hero-strip a:hover i{transform:translateX(4px);color:var(--br-accent)}
.br-image-note{position:absolute;right:32px;bottom:118px;font-size:10px;letter-spacing:.08em;color:#4d6e83;background:#f5f9fbc9;padding:3px 7px}
.br-scroll{position:absolute;right:32px;top:40%;writing-mode:vertical-rl;color:#416883;letter-spacing:.22em;font:10px Arial,sans-serif;display:flex;align-items:center;gap:20px}
.br-scroll::after{content:'';height:60px;width:1px;background:#6a8ba66e}
.br-section{padding-block:102px;scroll-margin-top:112px}
.br-kicker{display:block;font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--brand-blue);margin-bottom:21px}
.br-heading{font-size:clamp(30px,3.1vw,43px);line-height:1.45;letter-spacing:.025em;font-weight:600;color:#152636}
.br-about{background:#f5f7f8}
.br-about-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:100px;align-items:start}
.br-about-copy{padding-top:32px}
.br-about-copy>p{font-size:15px;line-height:2;color:#687583;margin-bottom:18px}
.br-text-link{display:inline-flex;align-items:center;gap:38px;min-height:44px;font-size:14px;font-weight:600;border-bottom:1px solid #8c9ba8;color:#203a51;padding:8px 0}
.br-text-link:hover{color:var(--brand-blue);border-color:var(--brand-blue)}
.br-about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid #d6dde4;margin-top:55px;padding-top:30px}
.br-about-facts>div{border-right:1px solid #d6dde4}
.br-about-facts>div:last-child{border:0}
.br-about-facts b{display:block;font-size:21px;font-weight:500;color:#233a4b;letter-spacing:.06em}
.br-about-facts span{display:block;margin-top:9px;font-size:12px;line-height:1.7;color:#798592}
.br-section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:44px}
.br-section-head p{max-width:405px;color:var(--br-muted);font-size:14px;line-height:1.9}
.br-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.br-business-card{position:relative;display:flex;flex-direction:column;min-width:0;border-bottom:1px solid #d6dde4;padding-bottom:27px}
.br-business-media{height:260px;overflow:hidden;background:#e5ebef;position:relative;margin-bottom:28px}
.br-business-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.br-business-card:nth-child(2) .br-business-media img{object-fit:contain;padding:18px;background:#edf0f2}
.br-business-card:nth-child(3) .br-business-media img{object-position:78% center}
.br-business-media span{position:absolute;left:20px;top:17px;color:#fff;font-size:11px;letter-spacing:.16em;background:#0b152bbf;padding:4px 8px}
.br-business-card h3{font-size:23px;font-weight:600;line-height:1.4;margin-bottom:11px;color:#1a2c3d}
.br-business-card p{font-size:13px;color:#6f7d88;line-height:1.9;max-width:90%}
.br-business-card .br-card-arrow{position:absolute;right:0;bottom:29px;color:#3f5264;transition:transform .2s}
.br-business-card:hover .br-business-media img{transform:scale(1.035)}
.br-business-card:hover .br-card-arrow{transform:translateX(4px);color:var(--brand-orange)}
.br-systems{position:relative;background:#edf4f8;color:#274a64}
.br-systems::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#204e7508 50%,transparent 50.1%);background-size:160px 100%}
.br-systems .br-kicker{color:var(--brand-blue)}
.br-systems .br-heading{color:#244a65}
.br-systems .br-section-head p{color:#57738a}
.br-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;list-style:none;padding:0;margin:50px 0 38px}
.br-process li{position:relative;padding:30px 28px 16px 0;border-top:1px solid #8193a54d;min-width:0}
.br-process li::before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;background:var(--br-accent)}
.br-process li>b{font:300 38px Arial,sans-serif;color:#6586a0;display:block;line-height:1;margin-bottom:27px}
.br-process li h3{font-size:19px;font-weight:500;margin-bottom:12px}
.br-process li p{color:#58758b;font-size:13px;line-height:1.9;max-width:220px}
.br-systems-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;border-top:1px solid #cedee9}
.br-systems-bottom p{color:#5c788e;font-size:12px;line-height:1.8;max-width:720px}
.br-systems-bottom .br-text-link{color:#2f5e7d;border-color:#809fb4;flex-shrink:0}
.br-products{background:var(--br-paper)}
.br-product-summary{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.br-product-summary>div>p{color:#637384;font-size:14px;line-height:1.95;max-width:490px;margin-top:24px}
.br-product-tags{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px}
.br-product-tags span{font-size:12px;color:#62778a;padding:4px 0;border-bottom:1px solid #bac5cf}
.br-product-summary .br-text-link{margin-top:28px}
.br-product-visual{margin:0;padding:25px 34px 20px;background:#fff;border:1px solid #e0e6eb;display:flex;align-items:center;justify-content:center;gap:28px}
.br-product-visual img{width:44%;max-height:290px;object-fit:contain}
.br-product-caption{color:#7d8995;font-size:11px;text-align:right;margin-top:12px}
.br-news{background:#fff}
.brand-home .hm-latest{padding:92px 0;background:#fff}
.brand-home .hm-latest-tabs{display:flex;gap:25px;border-bottom:1px solid #dce2e8;margin-bottom:28px}
.brand-home .hm-latest-tabs button{min-height:48px;padding:9px 2px;color:#758595;font-size:14px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}
.brand-home .hm-latest-tabs button.is-active{color:#162d41;border-bottom-color:var(--brand-orange)}
.brand-home .hm-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.brand-home .hm-latest-state{grid-column:1/-1;background:#f5f7f9;padding:35px 28px;color:#71808f;font-size:14px}
.brand-home .hm-latest-card{display:block;min-width:0;background:#fff;border:0;border-bottom:1px solid #dbe3eb;padding-bottom:25px;color:inherit}
.brand-home .hm-latest-body{padding:20px 0}
.brand-home .hm-latest-kind{color:var(--brand-blue);font-size:11px;letter-spacing:.08em}
.brand-home .hm-latest-meta{margin-top:16px;color:#738394;font-size:11px}
.brand-home .hm-latest-card img{width:100%;height:210px;object-fit:cover}
.brand-home .hm-latest-card h3{font-size:19px;margin:18px 0 10px;color:#213649}
.brand-home .hm-latest-card p,.brand-home .hm-latest-card small,.brand-home .hm-latest-card time{color:#788895;font-size:12px;line-height:1.8}
.brand-home .hm-latest-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.brand-home .hm-latest-dialog{position:fixed;inset:0;z-index:10000;background:#071426b8;display:flex;align-items:center;justify-content:center;padding:20px}
.brand-home .hm-latest-dialog-panel{position:relative;width:min(780px,100%);max-height:88dvh;overflow:auto;background:#fff;border-radius:4px;padding:32px;box-shadow:0 24px 80px #0005;overflow-wrap:anywhere}
.brand-home .hm-latest-dialog-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:#52667a;cursor:pointer}
.brand-home .hm-latest-dialog-panel h2{margin:10px 38px 12px 0;color:#142a45;font-size:25px;line-height:1.5}
.brand-home .hm-latest-detail-meta{color:#738394;font-size:12px;margin-bottom:18px}
.brand-home .hm-latest-detail-content{white-space:pre-wrap;color:#42536a;line-height:1.9;font-size:14px}
.br-contact{background:#e6eff5;color:#244a65;padding-block:65px}
.br-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.br-contact .br-kicker{color:var(--brand-blue);margin-bottom:15px}
.br-contact h2{font-size:34px;line-height:1.5;font-weight:500}
.br-contact p{font-size:13px;color:#53758f;margin-top:12px}
.br-contact .br-actions{flex-shrink:0;margin:0}
@media(min-width:1024px) and (max-width:1199px){.hs-brand-site .main-nav>.container{gap:18px}.hs-brand-site .main-nav>.container>div.hidden{display:none!important}.hs-brand-site .nav-links-desktop{gap:23px}.br-hero-content{padding-block:95px 150px}.br-hero{min-height:710px}}
@media(max-width:1023px){
 .hs-brand-site .main-nav>.container{min-height:62px;padding-inline:24px!important}
 .hs-brand-site .main-nav>.container>a:first-child .text-xl{color:var(--brand-blue)!important}
 .hs-brand-site .mobile-header-consult{color:#446980}
 .hs-brand-site .mobile-header-consult i{color:var(--brand-orange)}
 .hs-brand-site .mobile-nav-rail{background:#fff;border-color:#dce5ed}
 .hs-brand-site .mobile-nav-rail::after{background:linear-gradient(90deg,#ffffff00,#fff 82%)}
 .hs-brand-site .mobile-nav-rail-link{color:#5b7388;background:transparent;font-size:13px}
 .hs-brand-site .mobile-nav-rail-link.active{color:var(--brand-blue);background:transparent}
 .hs-brand-site .mobile-nav-rail-link.active::after{background:var(--brand-orange)}
 .hs-brand-site .footer-col:nth-child(2)>a{border-bottom-color:#dce5ed}
 .br-wrap{width:calc(100% - 48px)}
 .br-hero{min-height:700px}
 .br-hero-content{padding-block:96px 160px}
 .br-hero h1{font-size:60px}
 .br-hero-image{object-position:65% center}
 .br-section{padding-block:76px}
 .br-about-grid{gap:45px}
 .br-business-grid{gap:20px}
 .br-business-media{height:210px}
 .br-business-card h3{font-size:21px}
 .br-product-summary{gap:35px}
 .br-product-visual{gap:12px;padding:20px}
 .br-contact h2{font-size:30px}
 .br-contact .br-actions{gap:10px}
 .br-contact .br-button{padding:12px 18px;gap:15px}
 .br-scroll{display:none}
}
@media(max-width:767px){
 .hs-brand-site .main-nav>.container{padding-inline:20px!important}
 .hs-brand-site .page-banner{height:235px;min-height:235px}
 .hs-brand-site .page-banner-content{width:calc(100% - 40px);padding:0}
 .hs-brand-site .page-banner-content h1{font-size:32px}
 .hs-brand-site .site-footer{padding-top:45px}
 .br-wrap{width:calc(100% - 40px)}
 .br-hero{min-height:730px;justify-content:flex-start}
 .br-hero-image{object-position:69% center;opacity:.9}
 .br-hero::before{background:linear-gradient(90deg,#f3f8fde6 0%,#f3f8fdb5 55%,#f3f8fd42),linear-gradient(0deg,#edf5fa 3%,transparent 80%)}
 .br-hero-content{padding-block:72px 195px}
 .br-eyebrow{font-size:9px;gap:10px;letter-spacing:.17em}
 .br-eyebrow::before{width:22px}
 .br-hero h1{font-size:clamp(37px,10.8vw,60px);margin-block:27px 22px;line-height:1.3;letter-spacing:0}
 .br-hero-copy{font-size:14px;line-height:1.95;max-width:310px}
 .br-actions{gap:12px;margin-top:30px}
 .br-button{min-height:48px;padding:12px 18px;font-size:13px;gap:22px}
 .br-hero-strip{grid-template-columns:1fr;gap:0;padding-block:12px 18px;border-top:1px solid #c2d4e0}
 .br-hero-strip a{min-height:42px;font-size:13px;gap:15px}
 .br-hero-strip a i{font-size:12px}
 .br-image-note{right:20px;bottom:186px;font-size:9px}
 .br-section{padding-block:62px;scroll-margin-top:132px}
 .br-kicker{font-size:10px;letter-spacing:.14em;margin-bottom:15px}
 .br-heading{font-size:30px;line-height:1.45}
 .br-about-grid{grid-template-columns:1fr;gap:24px}
 .br-about-copy{padding:0}
 .br-about-copy>p{font-size:14px;line-height:1.95}
 .br-about-facts{margin-top:35px;padding-top:25px;gap:13px}
 .br-about-facts b{font-size:18px}
 .br-about-facts span{font-size:11px;max-width:85px}
 .br-section-head{display:block;margin-bottom:30px}
 .br-section-head p{margin-top:20px;font-size:13px;line-height:1.9;max-width:none}
 .br-business-grid{grid-template-columns:1fr;gap:30px}
 .br-business-card{padding-bottom:22px}
 .br-business-media{height:auto;aspect-ratio:1.6;margin-bottom:22px}
 .br-business-card h3{font-size:23px}
 .br-business-card p{max-width:85%;font-size:13px}
 .br-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;margin-block:36px 25px}
 .br-process li{padding:23px 4px 0 0}
 .br-process li>b{font-size:30px;margin-bottom:20px}
 .br-process li h3{font-size:17px}
 .br-process li p{font-size:12px;line-height:1.85}
 .br-systems-bottom{display:block;padding-top:23px}
 .br-systems-bottom p{font-size:11px}
 .br-systems-bottom .br-text-link{margin-top:17px}
 .br-product-summary{grid-template-columns:1fr;gap:32px}
 .br-product-summary>div>p{margin-top:20px;font-size:13px}
 .br-product-summary .br-text-link{margin-top:21px}
 .br-product-visual{padding:22px 30px;gap:20px}
 .br-product-visual img{max-height:230px}
 .br-product-caption{font-size:10px;text-align:left}
 .brand-home .hm-latest{padding-block:62px}
 .brand-home .hm-latest-grid{grid-template-columns:1fr}
 .brand-home .hm-latest-state{padding:25px 20px;font-size:13px}
 .brand-home .hm-latest-dialog-panel{padding:26px 20px}
 .br-contact{padding-block:49px}
 .br-contact-inner{display:block}
 .br-contact h2{font-size:27px}
 .br-contact p{font-size:12px;line-height:1.9}
 .br-contact .br-actions{margin-top:26px;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hs-brand-site *, .hs-brand-site *::before,.hs-brand-site *::after{transition:none!important;animation:none!important}}

@media(max-width:767px){.hs-brand-site .page-banner{background-image:linear-gradient(90deg,#f3f8fdf2,#f3f8fd33),url('../images/brand/industrial-energy-light-v2-mobile.webp')!important}}