/* 首屏品牌签名下移，与价值主张共同形成主视觉，避免导航下方留白。 */
.hero-community-name{top:clamp(112px,15vh,168px);left:50%;width:min(70vw,1100px);gap:26px}
.hero-community-name>div{padding:12px 34px 13px;border-top-color:rgba(216,255,96,.46);border-bottom-color:rgba(216,255,96,.25);background:linear-gradient(90deg,rgba(13,18,15,.08),rgba(13,18,15,.86) 15%,rgba(13,18,15,.86) 85%,rgba(13,18,15,.08));box-shadow:0 13px 35px rgba(0,0,0,.2)}
.hero-community-name small{font-size:9px;letter-spacing:2.6px;margin-bottom:7px}
.hero-community-name strong{font-size:clamp(40px,4.2vw,68px);letter-spacing:1.5px}
.hero-community-name>span{background:linear-gradient(90deg,transparent,rgba(216,255,96,.68))}
.hero-community-name>span:last-child{background:linear-gradient(90deg,rgba(216,255,96,.68),transparent)}

/* 品牌签名下移后，保留生态图自身的文字层级，避免两组文案重叠。 */
.hero-visual .system-label{top:22%}

/* 收紧左右主视觉的间距，让价值主张与生态图形成更聚焦的对话。 */
@media(min-width:1400px){.hero-copy{margin-left:7vw}.hero-visual{right:12vw}}
@media(min-width:901px) and (max-width:1399px){.hero-copy{margin-left:4vw}.hero-visual{right:8vw}}

@media(min-width:901px) and (max-height:800px){.hero-copy{top:36px}}
@media(max-width:900px){.hero-community-name{top:92px;left:50%;width:calc(100vw - 40px);gap:9px}.hero-community-name>div{padding:7px 11px 8px}.hero-community-name small{font-size:6px;letter-spacing:1.25px;margin-bottom:5px}.hero-community-name strong{font-size:clamp(23px,6.4vw,34px);letter-spacing:0}.hero-community-name>span{min-width:12px}.hero-visual .system-label{top:10%}}
