#engine{background:#080f0d;color:#fff}
#engine::before{display:none}
.industry-landing{position:absolute;inset:var(--header-height) var(--space) 70px;display:flex;align-items:center;justify-content:center;background:#080f0d}
.industry-canvas{position:relative;width:min(100%,calc((100dvh - var(--header-height) - 70px)*1.77827));aspect-ratio:1604/902;container-type:inline-size;isolation:isolate}
.industry-stars{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.industry-topline{position:absolute;inset:0 0 auto;height:10%;padding:2% 4%;background:#080f0d;color:#f2f7f5;font-size:1.1cqw;display:flex;justify-content:space-between;align-items:center}
.industry-topline span{color:#91a39a;font-size:.8cqw}
.industry-hero{position:absolute;left:3.5%;top:12%;width:29%;background:#080f0d;padding:1% .5% 1%}
#engine .industry-hero h2{font-size:4cqw;line-height:1.15;letter-spacing:-.04em;color:#fff;margin:0;font-weight:800}
.industry-hero h2 span{color:#b6f539}
.industry-hero>p{font-size:1cqw;line-height:1.7;color:#d0d9d4;margin:1.4cqw 0 0}
.industry-position{display:block;text-align:left;color:#a5b7ae;font-size:.85cqw;line-height:1.8;margin-top:1.1cqw;background:none;padding:0}
.industry-position b{color:#b6f539}
.industry-node{position:absolute;text-align:left;background:transparent;color:#fff;padding:.45cqw .65cqw;border-radius:.5cqw}
.industry-node strong{display:block;font-size:1.8cqw;line-height:1.3}
.industry-node small{display:block;font-size:.78cqw;color:#c4cec8;margin:.35cqw 0}
.industry-node p{font-size:.85cqw;line-height:1.5;color:#e2ebe6;margin:.25cqw 0 .6cqw}
.industry-arrow{display:grid;place-items:center;width:2cqw;height:2cqw;border:1px solid #7c9384;border-radius:50%;font-size:1.3cqw;color:#d1efa3}
.node-0{left:41.6%;top:17%;width:20%}.node-1{left:63.7%;top:29%;width:23%}.node-2{left:42.2%;top:49%;width:23%}.node-3{left:88.5%;top:40%;width:11.5%}
.node-3 strong{font-size:2.3cqw}.node-3 p{font-size:.82cqw}.node-3 .industry-arrow{border-color:#b6f539;color:#b6f539}
.industry-support{position:absolute;left:4%;bottom:10%;width:43%}
.industry-support h3{font-size:1cqw;color:#a9bbb1;margin:0 0 .8cqw;font-weight:500}
.industry-support>div{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
.industry-support-card{padding:1.2cqw;text-align:left;border:1px solid #405646;border-radius:.7cqw;background:#101d16ef;color:#fff}
.industry-support strong{display:flex;justify-content:space-between;font-size:1.35cqw;margin-bottom:.6cqw}.industry-support strong span{color:#b6f539}
.industry-support small{font-size:.8cqw;line-height:1.5;color:#b9cabe}
.industry-value{position:absolute;left:4%;right:4%;bottom:1.8%;padding:1cqw 0 0;border-top:1px solid #63816b66;font-size:1cqw;color:#ccd8d0;line-height:1.5;margin:0;background:#080f0dc9}
.industry-value span{color:#d8f0b1}
#engine .industry-canvas button:hover{outline:1px solid #b6f539;outline-offset:3px}
#engine .industry-canvas button:focus-visible{outline:2px solid #b6f539;outline-offset:4px}
#engine>.slide-bottom{position:absolute;color:#a9bcb2;border-color:#32453a}
@media(max-width:900px),(max-height:620px){
 #engine{height:auto;overflow:visible;min-height:100dvh}
 .industry-landing{position:relative;inset:auto;display:block;padding:calc(var(--header-height) + 20px) 22px 80px}
 .industry-canvas{width:100%;aspect-ratio:auto;display:flex;flex-direction:column;gap:22px}
 .industry-stars{position:relative;inset:auto;height:auto;order:2;border-radius:10px}
 .industry-topline{position:static;padding:0;height:auto;font-size:13px;gap:10px}.industry-topline span{font-size:10px}
 .industry-hero{position:static;width:auto;padding:0;background:none}
 #engine .industry-hero h2{font-size:clamp(32px,6vw,52px)}
 .industry-hero>p{font-size:15px;margin-top:18px}.industry-position{font-size:13px;margin-top:14px}
 .industry-nodes{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .industry-node{position:static;width:auto;padding:14px;border:1px solid #405646;background:transparent}
 .industry-node strong,.node-3 strong{font-size:23px}.industry-node small{font-size:12px;margin:8px 0}.industry-node p,.node-3 p{font-size:13px}
 .industry-arrow{width:30px;height:30px;font-size:20px;margin-top:12px}
 .industry-support{position:static;width:auto;order:4}.industry-support h3{font-size:15px;margin-bottom:12px}
 .industry-support>div{gap:12px}.industry-support-card{padding:15px}.industry-support strong{font-size:18px;margin-bottom:10px}.industry-support small{font-size:12px}
 .industry-value{position:static;order:5;font-size:14px;padding-top:16px}
}
@media(min-width:901px) and (min-height:621px){
 .industry-topline{font-size:clamp(12px,1.1cqw,19px)}
 .industry-topline span{font-size:clamp(10px,.8cqw,14px)}
 .industry-hero>p{font-size:clamp(12px,1cqw,18px)}
 .industry-position{font-size:clamp(11px,.85cqw,16px)}
 .industry-node{background:transparent}
 .industry-node strong{font-size:clamp(22px,1.8cqw,34px)}
 .industry-node small{font-size:clamp(10px,.78cqw,14px)}
 .industry-node p,.node-3 p{font-size:clamp(11px,.85cqw,16px)}
 .node-0{width:19%}.node-1{width:22%}.node-2{width:21%}
 .industry-support h3{font-size:clamp(12px,1cqw,18px)}
 .industry-support strong{font-size:clamp(17px,1.35cqw,24px)}
 .industry-support small{font-size:clamp(11px,.8cqw,15px)}
 .industry-value{font-size:clamp(12px,1cqw,18px)}
}
@media(min-width:901px) and (min-height:621px){.node-3{left:87%;width:13%}}

.industry-arrow{visibility:hidden}
.industry-position,.industry-node,.industry-support-card{cursor:default}
/* 移除旧箭头占位，卡片高度随文案收紧。原图箭头单独遮盖。 */
.industry-node p{margin-bottom:.15cqw}
/* The desktop artwork already contains the node titles and short labels. */
@media(min-width:901px) and (min-height:621px){
 .industry-node strong,.industry-node small{opacity:1}
}
.industry-art-arrow-mask{position:absolute;width:3.3cqw;height:3.3cqw;transform:translate(-50%,-50%);border-radius:50%;background:#080f0d;pointer-events:none}
.mask-0{left:43.3%;top:27.2%}.mask-1{left:65.3%;top:40%}.mask-2{left:44.1%;top:58.6%}.mask-3{left:92.2%;top:51.7%}
@media(max-width:900px),(max-height:620px){.industry-art-arrow-mask{display:none}.industry-node p{margin-bottom:0}}
/* 文案背景以柔和暗色光晕融入星球底图，消除右下角硬切边。 */
@media(min-width:901px) and (min-height:621px){
 .industry-hero{background:transparent;isolation:isolate}
 .industry-hero::before{content:"";position:absolute;inset:-.6cqw -.4cqw -.8cqw -.6cqw;z-index:-1;pointer-events:none;background:#080f0d;border-radius:.6cqw 1.4cqw 2.8cqw .6cqw;box-shadow:0 0 1.6cqw 1.4cqw #080f0d}
 .industry-position{padding-top:.8cqw;margin-top:1cqw;border-top:1px solid rgba(166,199,181,.15)}
}
/* 收回文案遮罩，避免向右下覆盖背景星球。 */
@media(min-width:901px) and (min-height:621px){
 .industry-hero::before{inset:-.3cqw 0 auto -.3cqw;height:calc(100% - 3.5cqw);border-radius:.5cqw;background:#080f0d;box-shadow:0 0 .6cqw .2cqw #080f0d}
 .industry-position{position:relative;background:transparent}
}