/* Additional module; original website colors and sections remain intact. */
html{scroll-padding-top:96px}
body{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.nav-links{gap:clamp(.85rem,1.5vw,2rem)}
.nav-links a{white-space:nowrap}
.nav-links .atlas-nav-link{color:var(--glow)}
.atlas-nav-link small{font:9px monospace;vertical-align:super;color:var(--cyan);margin-left:4px}
.prototype-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:7px;background:rgba(167,139,250,.06);color:var(--white);font-size:20px;cursor:pointer;flex-shrink:0}
#agent-atlas{padding:4rem 3vw;background:radial-gradient(ellipse at 50% 10%,rgba(74,31,168,.16),transparent 65%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);scroll-margin-top:0px}
.atlas-intro{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.atlas-intro .section-label{color:var(--glow)}
.atlas-intro .section-sub{max-width:620px}
.atlas-open{color:var(--glow);text-decoration:none;font-size:13px;padding:11px 16px;border:1px solid rgba(167,139,250,.28);border-radius:8px;white-space:nowrap;transition:background .2s,border-color .2s}
.atlas-open:hover{background:rgba(124,77,255,.12);border-color:var(--glow)}
.atlas-shell{max-width:1560px;margin:auto;overflow:hidden;border:1px solid rgba(167,139,250,.22);border-radius:18px;background:#030814;box-shadow:0 24px 70px rgba(0,0,0,.2)}
#atlas-frame{display:block;width:100%;height:1480px;border:0;background:#030814;color-scheme:dark}
.prototype-note{width:100%;color:var(--muted);font-size:11px;opacity:.7}
@media(max-width:1100px){.prototype-menu{display:flex}.nav-links{display:none}.nav-links.is-open{display:flex;position:absolute;top:100%;left:5vw;right:5vw;flex-direction:column;gap:0;padding:10px;background:#111229;border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 16px 28px #0004}.nav-links.is-open a{display:block;padding:13px 16px}.nav-right{margin-left:auto;gap:.6rem}nav{gap:.6rem}}
@media(max-width:600px){nav{padding:1rem 4vw;gap:.45rem}.logo-cn{font-size:15px}.logo-en{font-size:9px}.nav-right{gap:.4rem}.nav-cta{padding:.5rem .65rem;font-size:11px}.lang-btn{padding:.45rem .55rem;gap:5px}.nav-home{display:none}.prototype-menu{width:31px;height:31px}.logo-mark{width:30px;height:30px}#agent-atlas{padding:3.5rem 0 2rem;scroll-margin-top:0px}.atlas-intro{display:block;margin:0 5vw 1.5rem}.atlas-intro .section-title{font-size:25px}.atlas-open{display:inline-block;margin-top:18px}.atlas-shell{border-radius:0;border-left:0;border-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

/* Collapse the longer AI navigation before it overflows. */
@media(max-width:1250px){nav:has(.nav-home) .prototype-menu{display:flex}nav:has(.nav-home) .nav-links{display:none}nav:has(.nav-home) .nav-links.is-open{display:flex;position:absolute;top:100%;left:5vw;right:5vw;flex-direction:column;gap:0;padding:10px;background:#111229;border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 16px 28px #0004}nav:has(.nav-home) .nav-links.is-open a{display:block;padding:13px 16px}nav:has(.nav-home) .nav-right{margin-left:auto;gap:.6rem}nav:has(.nav-home){gap:.6rem}}

/* Shared industry switch: both iframes stay mounted to preserve browsing state. */
.industry-bar{max-width:1560px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.industry-tabs{display:flex;gap:10px}.industry-tabs button{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:var(--muted);border:1px solid var(--border);padding:13px 20px;border-radius:11px;background:var(--card);cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.industry-tabs button[aria-selected=true]{border-color:var(--glow);color:var(--white);background:var(--accent-tint);box-shadow:inset 0 -2px var(--glow)}
.industry-tabs button:focus-visible{outline:2px solid var(--glow);outline-offset:4px}.industry-tabs small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.industry-symbol{font-size:28px;color:var(--glow);line-height:1}.industry-note{font-size:12px;color:var(--muted)}
.atlas-shell>[hidden]{display:none!important}#finance-frame{display:block;width:100%;height:1100px;border:0;background:#080d1d;color-scheme:dark}
[data-theme=light] #finance-frame{background:#f5f6fc;color-scheme:light}
@media(max-width:760px){.industry-bar{margin:0 16px 16px}.industry-tabs{width:100%;gap:8px}.industry-tabs button{flex:1;padding:12px 10px;font-size:13px;gap:7px}.industry-tabs small{font-size:9px}.industry-symbol{font-size:23px}.industry-note{display:none}}

/* Clear feedback while a cold iframe is loading. */
.atlas-shell>[role=tabpanel]{position:relative}.atlas-loading{position:absolute;inset:0 0 auto;z-index:2;min-height:140px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0b1023;color:#bcb5d5;font-size:14px}.atlas-loading button{color:inherit;background:transparent;border:1px solid #74649b;border-radius:6px;padding:6px 12px;cursor:pointer}[data-theme=light] .atlas-loading{background:#f5f6fc;color:#68568a}

/* Desktop atlas occupies one usable browser viewport, including both tab rows. */
.atlas-viewport-mode #agent-atlas{padding:16px 3vw;scroll-margin-top:0}
.atlas-viewport-mode .atlas-intro{max-width:1560px;margin:0 auto 10px;align-items:center;min-height:38px}
.atlas-viewport-mode .atlas-intro .section-label,.atlas-viewport-mode .atlas-intro .section-sub{display:none}
.atlas-viewport-mode .atlas-intro .section-title{font-size:24px;line-height:1.3;margin:0}
.atlas-viewport-mode .atlas-open{padding:7px 12px;font-size:12px}
.atlas-viewport-mode .industry-bar{margin-bottom:10px}
.atlas-viewport-mode .industry-tabs button{padding:7px 16px;font-size:14px;gap:9px}
.atlas-viewport-mode .industry-tabs small{font-size:10px;margin-top:1px}
.atlas-viewport-mode .industry-symbol{font-size:24px}
.atlas-viewport-mode .atlas-shell{border-radius:12px}
.atlas-viewport-mode{scroll-padding-top:var(--site-nav-height,84px)}
/* On shorter laptop screens, avoid repeating the atlas title above the industry title. */
@media(max-height:800px){
 .atlas-viewport-mode #agent-atlas{position:relative}
 .atlas-viewport-mode .atlas-intro{height:0;min-height:0;margin:0;display:block}
 .atlas-viewport-mode .atlas-intro>div{display:none}
 .atlas-viewport-mode .atlas-open{position:absolute;right:3vw;top:23px}
 .atlas-viewport-mode .industry-note{visibility:hidden}
}