/* auTech 主视觉 · 2.5D 城市：在 gold-v0.8 的 component-tokens.css、banner.css 之后加载 */
.at-hero__city .at-hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.at-hero__gl{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .6s}
.at-hero__city.is-gl .at-hero__gl{opacity:1}
.at-hero__city.is-gl .at-hero__poster{opacity:0;transition:opacity .6s}
@media (width >= 1024px){.at-hero__city .at-hero__poster{inset:auto;right:0;bottom:0;width:min(100%,921.6px);height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%),linear-gradient(90deg,transparent,#000 32%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 14%),linear-gradient(90deg,transparent,#000 32%);mask-composite:intersect}}
/* 地标标签：半透明毛玻璃小卡片，标题深蓝、英文小字品牌蓝灰；原来的黑点隐藏（锚点由数据层画） */
.at-hero__signal i{display:none}
.at-hero__signal > span{display:block;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.66);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(17,40,80,.07);
  color:#0d2a4d;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.35;text-shadow:none;white-space:nowrap}
.at-hero__signal > span small{display:block;margin-top:1px;color:#4f7bb0;font-size:8.5px;font-weight:500;letter-spacing:.12em}
.at-hero__flow25d{position:absolute;left:0;top:0;z-index:2;pointer-events:none}
/* 过渡（按 Austin 手绘示意）：文字区边界是一条从右上弯向左下的大弧线，不竖切；顶部导航一带弧形淡出并带一点品牌蓝光晕；底部弧形淡出、向右抬起。
   全部用椭圆径向渐变叠出来，保证文字区白底干净 */
@media (width >= 1024px){
  .at-hero__visual > .at-hero__city{
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 10%,rgba(0,0,0,.7) 22%,#000 34%);
    mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 10%,rgba(0,0,0,.7) 22%,#000 34%)}
  .at-hero__visual .at-hero__wash{background:
    /* 顶部：导航下方很淡的品牌蓝光晕（天空颜色由画面自己延伸，不再盖白） */
    radial-gradient(ellipse 46% 30% at 26% -6%,rgba(0,118,218,.11) 0%,rgba(0,118,218,.04) 50%,rgba(0,118,218,0) 100%),
    /* 文字区：以左上为中心的大椭圆，边界从右上弯向左下，保证文字白底干净 */
    radial-gradient(ellipse 52% 96% at 0% 24%,#fff 0%,#fff 50%,rgba(255,255,255,.9) 60%,rgba(255,255,255,.66) 70%,rgba(255,255,255,.38) 80%,rgba(255,255,255,.14) 90%,rgba(255,255,255,0) 100%),
    /* 左下：同一思路的弧形过渡，带一点淡蓝 */
    radial-gradient(ellipse 38% 46% at 4% 100%,rgba(0,118,218,.07) 0%,rgba(0,118,218,0) 100%),
    radial-gradient(ellipse 50% 72% at 0% 100%,#fff 0%,#fff 36%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.55) 64%,rgba(255,255,255,.24) 80%,rgba(255,255,255,0) 100%),
    /* 底部：轻一些的弧形淡出，放开场景 */
    radial-gradient(ellipse 70% 22% at 30% 106%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.45) 55%,rgba(255,255,255,0) 100%),
    linear-gradient(0deg,#fff 0%,rgba(255,255,255,.55) 3%,rgba(255,255,255,0) 10%)}
}
@media (width < 1024px){
  .at-hero__visual .at-hero__wash{background:
    radial-gradient(ellipse 80% 30% at 30% -6%,rgba(0,118,218,.12),rgba(0,118,218,0) 100%),
    radial-gradient(ellipse 120% 26% at 30% -4%,#fff 0%,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 110% 30% at 40% 106%,#fff 0%,rgba(255,255,255,.85) 40%,rgba(255,255,255,0) 100%)}
}
