/* 2026 暖流官网 · 原版信息架构精修 · 清透青蓝与品牌橙 */
:root{--v3-orange:#f08300;--v3-blue:#1945be}
.v3-scope-note{background:#e9eef9;border-top:1px solid #d5def0;border-bottom:1px solid #d5def0;padding:24px 0}
.v3-scope-note .wrap{display:flex;align-items:center;gap:33px}
.v3-scope-note strong{font-size:17px;color:#172f71;white-space:nowrap;font-weight:700}
.v3-scope-note span{font-size:14px;line-height:1.78;color:#5a698c}
@media(max-width:767px){
.v3-scope-note{padding:19px 0}
.v3-scope-note .wrap{display:block}
.v3-scope-note strong{display:block;font-size:16px;margin-bottom:6px}
.v3-scope-note span{font-size:13px}
}

/* Credibility strip: selected company-published facts, not unverified vanity metrics. */
.v3-proof-band{background:#fff;padding:41px 0 27px;border-bottom:1px solid #e1e6f0}
.v3-proof-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.v3-proof-inner>div{display:flex;flex-direction:column;gap:8px;border-left:2px solid #ed870d;padding:0 0 0 23px}
.v3-proof-inner strong{font-size:clamp(23px,2.6vw,38px);font-weight:680;color:#253256;letter-spacing:-.04em}
.v3-proof-inner sup{font-size:.55em;position:relative;top:-.15em}
.v3-proof-inner span{font-size:13px;color:#5a698c}
.v3-proof-source{max-width:1312px;margin:24px auto 0;color:#717d98;font-size:11px;text-align:right;padding:0 12px}
.menu>li>a{white-space:nowrap;font-size:14px;padding:9px 10px}
@keyframes v3-overview-ambient{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.6%,-.35%,0)}}
.hero-v3.has-user-art[data-focus="0"] .hero-overview{animation:v3-overview-ambient 25s ease-in-out infinite alternate}
.hero-v3.has-user-art[data-focus="1"] .hero-overview,.hero-v3.has-user-art[data-focus="2"] .hero-overview,.hero-v3.has-user-art[data-focus="3"] .hero-overview{animation:none}
@media(max-width:767px){
  .v3-proof-band{padding:29px 0}
  .v3-proof-inner{grid-template-columns:1fr;gap:16px}
  .v3-proof-inner>div{border-left:0;border-top:1px solid #d8dfec;padding:12px 0 0}
  .v3-proof-inner strong{font-size:25px}.v3-proof-source{padding:0 20px;text-align:left;font-size:10px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.hero-v3.has-user-art .hero-overview{animation:none!important}}

.logo-lockup{height:41px;width:auto;max-width:183px;object-fit:contain}
.nav .nav-cta{gap:12px}.lang-v3{font-size:12px;font-weight:700;color:#3b486d;letter-spacing:.06em;padding:9px 5px}
.lang-v3:hover{color:#df790e}
.hero-v3{min-height:min(950px,97svh);background:#eaeff8}
.hero-v3 .hero-bg{background:#e5ebf6}
.hero-mosaic,.hero-overview,.energy-paths{position:absolute;inset:0;width:100%;height:100%}
.hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;filter:saturate(.82) brightness(1.1)}
.hero-tile{background-image:var(--tile-image);background-size:cover;background-position:center;transform:scale(1.06);animation:v3-tilefloat 24s ease-in-out infinite alternate}
.hero-tile:nth-child(2){animation-duration:29s;background-position:center 42%}
.hero-tile:nth-child(3){animation-duration:28s;animation-direction:alternate-reverse}
.hero-tile:nth-child(4){animation-duration:32s;animation-direction:alternate-reverse}
@keyframes v3-tilefloat{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.11) translate3d(-1.3%,-.8%,0)}}
.hero-overview{background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease,transform 4.8s ease,background-position 4.8s ease;transform:scale(1.055)}
.hero-v3.has-user-art .hero-overview{opacity:1}
.hero-v3.has-user-art .hero-mosaic{opacity:0;transition:opacity .7s ease}
.hero-v3 .energy-paths{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.38}
.hero-v3.has-user-art .energy-paths{display:none}/* no misaligned mock pipeline on supplied artwork */
.energy-paths path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.energy-warm{stroke:#fd8300}.energy-cool{stroke:#2052c7}
.energy-wide{stroke-width:9;opacity:.25;filter:blur(5px)}
.energy-flow{stroke-width:3;stroke-dasharray:18 42;animation:v3-pipeline 15s linear infinite}
.energy-flow.energy-cool{animation-duration:19s;animation-direction:reverse}
@keyframes v3-pipeline{to{stroke-dashoffset:-360}}
.hero-v3[data-focus="0"] .hero-overview{background-position:46% 57%;transform:scale(1.04)}
.hero-v3[data-focus="1"] .hero-overview{background-position:43% 43%;transform:scale(1.11)}
.hero-v3[data-focus="2"] .hero-overview{background-position:65% 39%;transform:scale(1.12)}
.hero-v3[data-focus="3"] .hero-overview{background-position:69% 69%;transform:scale(1.13)}
.hero-v3 .hero-scrim{background:
linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.945) 29%,rgba(255,255,255,.7) 44%,rgba(255,255,255,.06) 66%,transparent 82%),
linear-gradient(0deg,rgba(255,255,255,.93),transparent 24%),
linear-gradient(180deg,rgba(255,255,255,.74),transparent 20%)}
.hero-v3 .hero-inner{max-width:1360px;padding-bottom:109px}
.hero-v3 .hero-title{font-size:clamp(54px,9.4vw,124px);letter-spacing:-.046em}
.hero-v3 .hero-sub{font-size:clamp(18px,1.66vw,23px);letter-spacing:.04em;margin-top:25px}
.hero-v3 .hero-fact{font-size:15px;line-height:1.68;margin:30px 0 27px;max-width:695px}
/* The first-screen engineering proof must remain readable without scroll-triggered reveals. */
.hero-v3 .hero-fact,.hero-v3 .hero-fact.reveal{display:block;opacity:1!important;transform:none!important;max-width:725px;overflow-wrap:anywhere;color:#3b486d;font-weight:530}
.hero-v3 .hero-fact .dot{display:inline-block;margin-right:8px;vertical-align:middle}
@media(max-width:767px){.hero-v3 .hero-fact,.hero-v3 .hero-fact.reveal{display:block;max-width:100%;font-size:12px;line-height:1.72;white-space:normal;overflow-wrap:anywhere}}

.hero-scene-nav{position:absolute;z-index:4;bottom:30px;left:max(calc((100vw - 1312px)/2),32px);right:max(calc((100vw - 1312px)/2),32px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.hero-scene{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;padding:15px 17px 13px;min-height:75px;border:1px solid #b9d0dbab;border-top:3px solid #b4d0dce2;border-radius:4px;background:rgba(255,255,255,.83);backdrop-filter:blur(16px);color:#253256;text-align:left;cursor:pointer;transition:background .24s,border-color .24s,transform .24s,box-shadow .24s}
.hero-scene:hover,.hero-scene.is-active{background:rgba(255,255,255,.97);border-top-color:var(--v3-orange);box-shadow:0 9px 28px #3b688021}
.hero-scene:hover{transform:translateY(-3px)}
.hero-scene small{grid-row:1/3;font-size:11px;color:#dc7900;padding-top:3px}
.hero-scene strong{font-size:15px;white-space:nowrap}
.hero-scene span{color:#717d98;font-size:11px}
.hero-scene:focus-visible{outline:3px solid #26469e;outline-offset:2px}
.hero-v3 .hero-foot{position:absolute;bottom:0;left:0;right:0;pointer-events:none}
.hero-v3 .hero-scroll{display:none}
.story-summary{line-height:1.83!important;min-height:5em;color:#5a698c!important;font-size:14px!important}
.story-body{padding:21px 26px 25px}
.story-body p{line-height:1.94;color:#3b486d;font-size:15px;margin:0 0 15px}
.story-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.story-highlights span{padding:9px 13px;background:#e8edf8;color:#3b486d;border-radius:2px;font-weight:600;font-size:12px}
.pcard .pc-res{max-width:unset}
@media(max-width:1200px){
 .hero-v3 .hero-title{font-size:clamp(48px,9.4vw,105px)}
 .hero-scene-nav{left:24px;right:24px}
 .hero-scene{padding:12px 10px}
 .hero-scene strong{font-size:13px}
}
@media(max-width:767px){
 .hero-v3{min-height:760px;padding-top:var(--nav-h)}
 .hero-v3 .hero-inner{padding-bottom:214px;justify-content:center}
 .hero-v3 .hero-title{font-size:clamp(46px,11.8vw,63px)}
 .hero-v3 .hero-sub{font-size:14.5px;margin-top:14px;line-height:1.6}
 .hero-v3 .hero-fact{font-size:12px;margin:20px 0 19px}
 .hero-v3 .hero-actions{gap:7px}
 .hero-v3 .hero-actions .btn{min-height:44px;font-size:12px}
 .hero-v3 .hero-scrim{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 35%,rgba(255,255,255,.7) 64%,rgba(255,255,255,.94) 100%)}
 .hero-scene-nav{bottom:12px;left:14px;right:14px;grid-template-columns:1fr 1fr;gap:6px}
 .hero-scene{min-height:67px;padding:10px 9px;grid-template-columns:19px minmax(0,1fr);gap:2px 5px}
 .hero-scene strong{font-size:12px}.hero-scene span{font-size:10px}
 .hero-v3 .hero-foot{display:none}
 .lang-v3{font-size:11px;padding:9px 2px}
 .logo-lockup{height:31px;max-width:132px}
 .story-summary{font-size:13px!important;min-height:unset}
 .story-body{padding:17px}
}
@media(prefers-reduced-motion:reduce){
 .hero-tile,.energy-flow{animation:none!important}
 .hero-overview,.hero-scene{transition:none!important}
}