/* 2026-10-12 首屏统一视觉：收敛层次，保留地图覆盖感 */
:root{--jr-bg:#070b14;--jr-ink:#edf4ff;--jr-muted:#8d9db7;--jr-mint:#73f0d8;--jr-blue:#86aaff}
.hero{padding:34px 0 74px;overflow:visible;isolation:isolate}
.hero-card{position:relative;display:grid;grid-template-columns:minmax(400px,.86fr) minmax(600px,1.2fr);align-items:center;min-height:650px;padding:18px 0 24px;gap:0;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-copy{position:relative;z-index:5;max-width:610px;padding-left:28px}
.hero-copy:after{content:"";position:absolute;z-index:-1;inset:-100px -230px -110px -70px;pointer-events:none;background:radial-gradient(ellipse at 28% 50%,rgba(7,11,20,.98) 0 42%,rgba(7,11,20,.92) 63%,transparent 86%)}
.tag{border-color:rgba(115,240,216,.38);background:rgba(115,240,216,.05);color:#8fe9d7;letter-spacing:.2em}
.hero h1{margin:25px 0 19px;font-size:clamp(48px,5.2vw,76px);line-height:1;letter-spacing:-.06em;text-wrap:balance}
.hero h1 span{margin-top:8px;background:linear-gradient(100deg,#a3f5e3 0%,#73e1d1 42%,#91aff0 100%);background-clip:text;-webkit-background-clip:text}
.hero p{max-width:510px;color:#9aaac2;font-size:15px;line-height:1.9}
.hero-map-summary{margin-top:22px;border-left:2px solid rgba(115,240,216,.7);background:linear-gradient(90deg,rgba(115,240,216,.07),transparent 92%);color:#b4c3d7}
.actions{margin-top:28px}.actions .btn{font-size:14px}.actions .primary{box-shadow:0 10px 32px rgba(115,240,216,.16)}
.proof{max-width:520px;margin-top:36px;gap:22px}.proof div{background:transparent!important;border:0!important;border-top:1px solid rgba(155,177,207,.18)!important;border-radius:0!important;padding:12px 0 0}.proof b{font-size:22px}.proof small{color:#72839e}
.map{position:relative;inset:auto;width:calc(100% + 78px);min-height:610px;margin-left:-78px;aspect-ratio:auto;background-image:linear-gradient(90deg,#070b14 0%,rgba(7,11,20,.68) 19%,transparent 39%),linear-gradient(180deg,rgba(7,11,20,.35),transparent 24%,transparent 78%,rgba(7,11,20,.62)),url('assets/china-project-map.png');background-size:contain;background-position:center;background-repeat:no-repeat;filter:saturate(.82) contrast(1.02);isolation:isolate;animation:map-breathe 10s ease-in-out infinite}
.map:before{content:"";position:absolute;inset:3% 5% 7%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 61% 50%,rgba(115,240,216,.12),transparent 47%),radial-gradient(ellipse at 62% 52%,rgba(126,168,255,.09),transparent 69%);filter:blur(18px);pointer-events:none}
.map:after{content:"21 个省市 · 59 个代表案例";right:8%;bottom:3%;left:auto;padding:7px 12px;border:1px solid rgba(115,240,216,.18);border-radius:999px;background:rgba(7,16,27,.68);color:rgba(159,190,204,.72);font-size:10px;font-weight:500;letter-spacing:.07em;backdrop-filter:blur(9px)}
.map-heading{top:8%;right:8%;text-align:right}.map-heading span{color:rgba(133,235,216,.7);font-size:9px;letter-spacing:.22em}.map-heading b{color:rgba(217,229,241,.78);font-size:12px;font-weight:520}
.map-hotspots .map-pin{padding:4px 7px 4px 5px;border-color:rgba(115,240,216,.28);background:rgba(5,17,27,.72);color:rgba(207,239,234,.74);font-size:9px;opacity:.66;box-shadow:0 5px 18px rgba(0,0,0,.24);backdrop-filter:blur(6px)}
.map-hotspots .map-pin:nth-child(n+9){display:none}
.map-hotspots .map-pin:before{width:4px;height:4px;background:#75d9c8;box-shadow:0 0 8px rgba(115,240,216,.5)}
.map-hotspots .map-pin.active{background:linear-gradient(100deg,#85e7d4,#72cfd2);border-color:#c4fff4;color:#07151b;opacity:1;box-shadow:0 8px 24px rgba(17,71,75,.38),0 0 22px rgba(115,240,216,.25)}
.map-activity{right:7%!important;bottom:10%!important;width:min(306px,42%)!important;min-height:0!important;border:0!important;border-left:2px solid rgba(115,240,216,.72)!important;border-radius:0 14px 14px 0!important;background:linear-gradient(90deg,rgba(8,22,32,.88),rgba(8,17,27,.58))!important;box-shadow:0 15px 40px rgba(0,0,0,.26)!important;backdrop-filter:blur(13px)}
.map-activity-body{padding:12px 14px!important}.map-activity-body small{color:rgba(128,224,207,.78);font-size:10px}.map-activity-body strong{color:#e5edf8;font-size:14px}.map-activity-actions span{color:#70829b;font-size:9px}
@keyframes map-breathe{0%,100%{transform:scale(.985);filter:saturate(.78) contrast(1.01)}50%{transform:scale(1);filter:saturate(.9) contrast(1.04)}}
@media(max-width:1080px){.hero-card{grid-template-columns:1fr;min-height:0;padding-top:10px}.hero-copy{max-width:720px;padding:24px 22px}.hero-copy:after{inset:-40px;background:linear-gradient(180deg,#070b14 70%,rgba(7,11,20,.74) 88%,transparent)}.map{width:100%;min-height:550px;margin:-28px 0 0}.map-activity{right:4%!important;width:min(340px,52%)!important}}
@media(max-width:620px){.hero{padding:18px 0 58px}.hero-copy{padding:18px 10px}.hero h1{font-size:clamp(40px,12vw,54px)}.proof{gap:13px;margin-top:30px}.proof b{font-size:18px}.map{min-height:465px;margin-top:-18px;background-position:center 18px}.map-heading{top:4%;right:3%}.map-hotspots .map-pin{font-size:8px;padding:3px 6px 3px 4px}.map-activity{left:4%!important;right:4%!important;bottom:7%!important;width:auto!important}.map:after{right:4%;bottom:1.5%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.map{animation:none}}
/* 修正旧版内联样式对地图高度的覆盖 */
.map{min-height:610px!important;height:610px!important;aspect-ratio:auto!important}
@media(max-width:1080px){.map{min-height:550px!important;height:550px!important}}
@media(max-width:620px){.map{min-height:465px!important;height:465px!important}}
/* 第二版：让地图成为首屏的一部分，而不是一张叠上去的卡片 */
body{overflow-x:hidden}
.hero-card{grid-template-columns:minmax(390px,46%) minmax(0,54%);overflow:visible}
.map{width:100%;margin-left:0;background-image:linear-gradient(90deg,rgba(7,11,20,.98) 0%,rgba(7,11,20,.52) 18%,transparent 43%),linear-gradient(180deg,rgba(7,11,20,.28),transparent 22%,transparent 80%,rgba(7,11,20,.42)),url('assets/china-project-map.png');background-blend-mode:normal,normal,screen;-webkit-mask-image:radial-gradient(ellipse 66% 62% at 58% 50%,#000 37%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.48) 76%,transparent 96%);mask-image:radial-gradient(ellipse 66% 62% at 58% 50%,#000 37%,rgba(0,0,0,.94) 57%,rgba(0,0,0,.48) 76%,transparent 96%)}
.map:before{inset:4% 2% 5%;background:radial-gradient(ellipse at 60% 48%,rgba(115,240,216,.12),transparent 43%),radial-gradient(ellipse at 60% 50%,rgba(126,168,255,.1),transparent 68%);filter:blur(22px)}
.map-heading{right:8%;top:8%}.map-activity{right:9%!important;bottom:10%!important;border-left:1px solid rgba(115,240,216,.66)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(8,18,29,.66),transparent)!important;box-shadow:none!important;backdrop-filter:none!important}
.map-activity-body{padding:9px 14px!important}.map-activity-body strong{font-size:13px}.map-activity-actions button{background:transparent!important;border-color:rgba(255,255,255,.16)}
@media(max-width:1080px){.hero-card{grid-template-columns:1fr}.map{width:100%;margin:0;-webkit-mask-image:radial-gradient(ellipse 78% 60% at 50% 50%,#000 35%,rgba(0,0,0,.9) 65%,transparent 97%);mask-image:radial-gradient(ellipse 78% 60% at 50% 50%,#000 35%,rgba(0,0,0,.9) 65%,transparent 97%)}}
/* 透明矢量地图：去掉矩形底，用轮廓和流光表达覆盖范围 */
.map{background-image:radial-gradient(ellipse at 58% 48%,rgba(115,240,216,.16),transparent 42%),url('assets/china-outline.svg');background-size:100% 100%,contain;background-position:center;background-repeat:no-repeat;filter:none;-webkit-mask-image:none;mask-image:none}
.map:before{inset:10% 7%;background:radial-gradient(ellipse at 58% 48%,rgba(115,240,216,.24),transparent 42%),radial-gradient(ellipse at 64% 50%,rgba(126,168,255,.2),transparent 68%);filter:blur(24px);animation:map-aura 5s ease-in-out infinite}
.map:after{content:"全国项目分布 · 21 个省市";background:rgba(7,16,27,.42);border-color:rgba(115,240,216,.22)}
@keyframes map-aura{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
.map-hotspots .map-pin{background:rgba(5,20,28,.88);border-color:rgba(115,240,216,.5);box-shadow:0 0 0 4px rgba(115,240,216,.05),0 8px 20px rgba(0,0,0,.28)}
.map-hotspots .map-pin.active{box-shadow:0 0 0 7px rgba(115,240,216,.12),0 0 28px rgba(115,240,216,.42)}
/* 最终融合层：让首屏成为一张连续的画面 */
.hero-card{position:relative;isolation:isolate}
.hero-card:before{content:"";position:absolute;inset:-8% -4%;z-index:-1;background:radial-gradient(ellipse at 70% 48%,rgba(25,165,178,.14),transparent 36%),radial-gradient(ellipse at 28% 58%,rgba(31,80,135,.12),transparent 44%);pointer-events:none}
.hero-copy,.map{position:relative;z-index:1}
.map{background-image:url('assets/china-outline.svg');background-size:min(92%,760px) auto;background-position:center 48%;background-repeat:no-repeat;box-shadow:none}
.map-activity{background:linear-gradient(105deg,rgba(7,22,31,.78),rgba(5,13,25,.5));border-color:rgba(115,240,216,.22);box-shadow:0 16px 38px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.map-heading{background:linear-gradient(90deg,rgba(5,14,25,0),rgba(5,14,25,.3));padding:8px 12px;border-radius:999px}
.map-hotspots .map-pin{transition:transform .35s ease,box-shadow .35s ease}
.map-hotspots .map-pin:hover{transform:translate(-50%,-50%) scale(1.08)}
@media(max-width:620px){.map{background-size:108% auto;background-position:center 44%}.hero-card:before{inset:-3% -14%}}
/* 夜间灯光 + 数据气泡地图 */
.map{background-image:radial-gradient(circle at 67% 43%,rgba(100,178,255,.2) 0 2px,transparent 3px),radial-gradient(circle at 61% 50%,rgba(115,240,216,.22) 0 3px,transparent 4px),radial-gradient(circle at 74% 55%,rgba(100,178,255,.16) 0 2px,transparent 3px),url('assets/china-outline.svg');background-size:100% 100%,100% 100%,100% 100%,min(92%,760px) auto;background-position:center,center,center,center 48%;background-repeat:no-repeat}
.map-hotspots{isolation:isolate}
.map-hotspots:before{content:"";position:absolute;inset:14% 12%;z-index:-1;background:radial-gradient(circle at 63% 47%,rgba(111,238,216,.26) 0 3px,transparent 4px),radial-gradient(circle at 69% 39%,rgba(127,166,255,.3) 0 4px,transparent 5px),radial-gradient(circle at 57% 59%,rgba(111,238,216,.24) 0 3px,transparent 4px),radial-gradient(circle at 76% 58%,rgba(127,166,255,.22) 0 3px,transparent 4px);filter:drop-shadow(0 0 9px rgba(91,214,232,.5));animation:city-lights 4.5s ease-in-out infinite}
.map-hotspots:after{content:"";position:absolute;left:61%;top:47%;width:92px;height:92px;border:1px solid rgba(115,240,216,.22);border-radius:50%;transform:translate(-50%,-50%);animation:bubble-ring 3.8s ease-out infinite;pointer-events:none}
.map-hotspots .map-pin{min-width:34px;height:24px;padding:0 8px;border-radius:999px;background:rgba(4,18,31,.82);border-color:rgba(105,221,225,.58);box-shadow:0 0 0 3px rgba(102,215,230,.06),0 0 16px rgba(76,185,214,.2);font-size:11px}
.map-hotspots .map-pin:nth-child(2n){transform:translate(-50%,-50%) scale(1.16)}
.map-hotspots .map-pin:nth-child(3n){transform:translate(-50%,-50%) scale(.88)}
.map-hotspots .map-pin.active{background:rgba(93,211,202,.9);color:#061b27;box-shadow:0 0 0 6px rgba(115,240,216,.12),0 0 26px rgba(115,240,216,.55)}
@keyframes city-lights{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}
@keyframes bubble-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
@media(max-width:620px){.map{background-size:100% 100%,100% 100%,100% 100%,108% auto;background-position:center,center,center,center 44%}}
@media(max-width:620px){
  .map{min-height:390px!important;height:390px!important;background-size:86% auto,86% auto,86% auto,86% auto;background-position:center 50%,center 50%,center 50%,center 50%;margin-top:-10px}
  .map:after{bottom:10px}
  .map-heading{top:16px}
  .map-activity{bottom:12px;transform:scale(.9);transform-origin:bottom right}
}
/* 恢复省级边界底图：保留每个省的轮廓与原有活动信息 */
.map{background-image:radial-gradient(ellipse at 60% 48%,rgba(47,184,194,.18),transparent 48%),url('assets/china-project-map.png');background-size:100% 100%,contain;background-position:center,center;background-repeat:no-repeat;background-blend-mode:screen,normal;-webkit-mask-image:radial-gradient(ellipse 82% 76% at 53% 48%,#000 45%,rgba(0,0,0,.92) 65%,transparent 100%);mask-image:radial-gradient(ellipse 82% 76% at 53% 48%,#000 45%,rgba(0,0,0,.92) 65%,transparent 100%);filter:saturate(1.08) contrast(1.04)}
.map-hotspots:before{inset:10% 8%;z-index:2;pointer-events:none}
.map-hotspots .map-pin{z-index:3}
@media(max-width:620px){.map{background-size:100% 100%,86% auto;background-position:center,center 50%;-webkit-mask-image:radial-gradient(ellipse 90% 78% at 50% 48%,#000 48%,rgba(0,0,0,.94) 72%,transparent 100%);mask-image:radial-gradient(ellipse 90% 78% at 50% 48%,#000 48%,rgba(0,0,0,.94) 72%,transparent 100%)}}
/* 全量省份标注：不再隐藏新疆、东北及其他省份 */
.map-hotspots .map-pin:nth-child(n){display:flex!important}
.map-hotspots .map-pin{font-size:10px;min-width:0;padding:0 7px;white-space:nowrap}
@media(max-width:620px){.map-hotspots .map-pin{font-size:8px;padding:2px 4px;min-height:18px;height:18px}.map-hotspots .map-pin:nth-child(2n),.map-hotspots .map-pin:nth-child(3n){transform:translate(-50%,-50%) scale(1)}}
/* 首屏整体重排：文字与地图共享同一张画布 */
@media(min-width:1081px){
  .hero-card{display:block!important;min-height:660px!important;padding:58px 5.5% 54px!important;overflow:hidden!important;background:radial-gradient(ellipse at 76% 48%,rgba(24,119,151,.16),transparent 36%),radial-gradient(ellipse at 30% 60%,rgba(18,55,98,.12),transparent 46%)}
  .hero-copy{position:relative!important;z-index:5!important;width:48%!important;max-width:610px!important;padding:0!important}
  .map{position:absolute!important;z-index:2!important;right:-2%!important;top:2%!important;width:64%!important;height:96%!important;min-height:0!important;margin:0!important;background-color:transparent!important;background-image:url('assets/china-project-map.png')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:screen!important;opacity:.94;filter:saturate(1.12) contrast(1.05)!important;-webkit-mask-image:radial-gradient(ellipse 76% 76% at 52% 49%,#000 42%,rgba(0,0,0,.92) 68%,transparent 100%)!important;mask-image:radial-gradient(ellipse 76% 76% at 52% 49%,#000 42%,rgba(0,0,0,.92) 68%,transparent 100%)!important}
  .map:before{content:"";position:absolute;inset:10% 8%;z-index:0;background:radial-gradient(ellipse at 55% 48%,rgba(67,220,212,.28),transparent 38%),radial-gradient(ellipse at 70% 38%,rgba(90,136,255,.22),transparent 42%);filter:blur(24px);animation:map-breathe 5s ease-in-out infinite}
  .map:after{z-index:6!important}
  .map-heading{z-index:7!important}
  .map-hotspots{z-index:5!important}
  .map-activity{z-index:8!important;background:linear-gradient(105deg,rgba(7,22,31,.72),rgba(5,13,25,.38))!important;border-color:rgba(115,240,216,.3)!important;backdrop-filter:blur(12px)}
  .proof{position:relative;z-index:8}
}
@keyframes map-breathe{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.05)}}
@media(max-width:1080px) and (min-width:621px){.hero-card{background:radial-gradient(ellipse at 72% 50%,rgba(24,119,151,.13),transparent 40%)}}
/* 去除黑色底板，地图标签统一尺寸 */
.hero-card,.hero-card::before{background-color:transparent!important;box-shadow:none!important;border:0!important}
.map-hotspots .map-pin,.map-hotspots .map-pin:nth-child(2n),.map-hotspots .map-pin:nth-child(3n),.map-hotspots .map-pin:hover{transform:translate(-50%,-50%)!important;animation:none!important}
.map-hotspots:before{animation:none!important;opacity:.72}
.map-hotspots:after{animation:bubble-ring 6s ease-out infinite!important;opacity:.35}
@media(min-width:1081px){
 .hero,.hero-card{background-color:transparent!important}
 .map{mix-blend-mode:screen;opacity:.86!important;-webkit-mask-image:radial-gradient(ellipse 73% 73% at 53% 49%,#000 34%,rgba(0,0,0,.82) 57%,transparent 91%)!important;mask-image:radial-gradient(ellipse 73% 73% at 53% 49%,#000 34%,rgba(0,0,0,.82) 57%,transparent 91%)!important}
 .map-hotspots .map-pin{font-size:10px!important;min-width:0!important;height:22px!important;padding:0 7px!important}
}
/* 地图保持稳定比例，只做轻微亮度呼吸 */
@keyframes map-breathe{0%,100%{opacity:.84;transform:none}50%{opacity:.96;transform:none}}
/* 地图本体只保留发光内容，去除图片黑底 */
.map{mix-blend-mode:screen!important;background-blend-mode:screen!important;-webkit-mask-image:radial-gradient(ellipse 78% 78% at 52% 48%,#000 30%,rgba(0,0,0,.78) 62%,transparent 96%)!important;mask-image:radial-gradient(ellipse 78% 78% at 52% 48%,#000 30%,rgba(0,0,0,.78) 62%,transparent 96%)!important}
/* 清除文案区遗留的黑色遮罩，恢复整张首屏的连续背景 */
.hero-copy::after{display:none!important;content:none!important;background:none!important;opacity:0!important}
/* 透明地图素材：只保留省界、轮廓与发光区域 */
.map{background-image:url('assets/china-project-map-transparent.png')!important;background-color:transparent!important;background-blend-mode:normal!important;mix-blend-mode:normal!important}
/* 透明地图素材：只保留省界、轮廓与发光区域 */
.map{background-image:url('assets/china-project-map-transparent.png')!important;background-color:transparent!important;background-blend-mode:normal!important;mix-blend-mode:normal!important}
/* 地图主视觉放大并与文案重新平衡 */
@media(min-width:1081px){
  .hero-copy{width:45%!important;max-width:570px!important}
  .map{width:70%!important;height:101%!important;right:-5%!important;top:-1%!important}
  .map-hotspots{transform:scale(1.02);transform-origin:center}
  .map-activity{right:7%!important;bottom:8%!important}
}
@media(min-width:1081px){
  .hero-copy{width:43%!important;max-width:550px!important}
  .map{width:78%!important;height:104%!important;right:-2%!important;top:-2%!important}
  .map-hotspots{transform:scale(1.015);transform-origin:center}
}
/* 标题逐行揭示 */
.hero h1>.hero-line{display:block;opacity:0;transform:translateY(22px);animation:hero-line-in .8s cubic-bezier(.2,.75,.25,1) forwards}
.hero h1>.hero-line:nth-child(1){animation-delay:.15s}
.hero h1>.hero-line:nth-child(2){animation-delay:.36s}
.hero h1>.hero-line.accent{color:#73f0d8}
@keyframes hero-line-in{to{opacity:1;transform:none}}
/* 代表案例统一汇总，桌面五列 */
.case-stream-label{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(115,240,216,.2);border-radius:999px;color:#9fb1c9;font-size:12px;letter-spacing:.04em}
.cases{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.case-filters{min-height:38px}
@media(max-width:1100px){.cases{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:520px){.cases{grid-template-columns:1fr!important}}
/* 标题逐行揭示 */
.hero h1>.hero-line{display:block;opacity:0;transform:translateY(22px);animation:hero-line-in .8s cubic-bezier(.2,.75,.25,1) forwards}
.hero h1>.hero-line:nth-child(1){animation-delay:.15s}
.hero h1>.hero-line:nth-child(2){animation-delay:.36s}
.hero h1>.hero-line.accent{color:#73f0d8}
@keyframes hero-line-in{to{opacity:1;transform:none}}
/* 代表案例统一汇总，桌面五列 */
.case-stream-label{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(115,240,216,.2);border-radius:999px;color:#9fb1c9;font-size:12px;letter-spacing:.04em}
.cases{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.case-filters{min-height:38px}
@media(max-width:1100px){.cases{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:520px){.cases{grid-template-columns:1fr!important}}
.hero h1>.hero-line:first-child{color:#edf4ff!important;background:none!important;-webkit-text-fill-color:#edf4ff!important}
.hero h1>.hero-line.accent{color:#73f0d8!important;background:none!important;-webkit-text-fill-color:#73f0d8!important}
/* 商务咨询微信二维码 */
.contact-card{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wechat-qr{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.wechat-qr img{display:block;width:132px;height:132px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.wechat-qr span{color:#8fa0b9;font-size:12px}
@media(max-width:620px){.contact-card{align-items:flex-start;flex-direction:column}.wechat-qr{align-self:flex-start}.wechat-qr img{width:148px;height:148px}}