@import url('/atlas-fonts.css');
/* Living Atlas: the same material, typography and spacing across public pages.
   Scope the layer so the interactive homepage can keep its own camera layout. */
html[data-atlas-page] { color-scheme:dark; background:#080d16; scroll-padding-top:104px; }
html[data-atlas-page] body {
  --brand:#c5b2f0; --brand-2:#91b6d5; --brand-3:#b7a1e6; --brand-deep:#d9ccf6;
  --ink:#f2f1ed; --text:#c5cbd5; --muted:#a4afc0; --faint:#98a3b4;
  --line:#ffffff20; --glass:#111b2aeb; --card:#111b2aeb; --canvas:#080d16;
  --shadow:0 16px 50px #0002; --deep-shadow:0 24px 80px #0004;
  --share-bg:#080d16; --share-bg-raised:#101a29; --share-panel:#111b2ae8;
  --share-panel-strong:#142033f5; --share-primary:#c5b2f0; --share-primary-strong:#9373d2;
  --share-glow:#526e8c25; --share-text:#f2f1ed; --share-muted:#aeb8c8; --share-line:#ffffff20;
  --ok:#8bd5b4; --warn:#ecd091; --err:#ffabab;
  color:var(--text); background:#080d16; font-family:var(--font);
  isolation:isolate; min-height:100svh; -webkit-font-smoothing:antialiased;
}
html[data-atlas-page] body:before, html[data-atlas-page] body:after { content:none; }
html[data-atlas-page] #atlas-site-world {
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,#080d16f5 5%,#080d1680 65%,#080d1640),linear-gradient(0deg,#080d16 0%,#080d1600 85%),url('/assets/earth-day-real.webp') no-repeat,url('/assets/atlas-stars.svg') repeat;
  background-position:center,center,right -22vw top 4vh,center;
  background-size:cover,cover,min(1050px,100vw),1440px 1000px;
}
html[data-atlas-page="reading"] #atlas-site-world,
html[data-atlas-page="article"] #atlas-site-world { opacity:.48; }
html[data-atlas-page] .site-map-background,
html[data-atlas-page] .world-map-backdrop,
html[data-atlas-page] .footer-theme { display:none !important; }
html[data-atlas-page] :is(h1,h2,h3,h4) { color:var(--ink); font-family:var(--font-rounded); text-wrap:balance; }
html[data-atlas-page] :is(a,button,input,select,textarea) { -webkit-tap-highlight-color:transparent; }
html[data-atlas-page] a { color:inherit; }
html[data-atlas-page] a:hover { color:#ddcff7; }
html[data-atlas-page] :is(a,button,input,textarea,select,summary):focus-visible { outline:2px solid #d2bafa; outline-offset:5px; }
html[data-atlas-page] .container { width:min(1180px,calc(100% - 96px)); }
html[data-atlas-page] header.nav {
  background:#080d16d9 !important; border-bottom:1px solid var(--line); box-shadow:none;
  backdrop-filter:blur(18px); border-radius:0; color:var(--ink);
}
html[data-atlas-page] .nav-row { min-height:84px; gap:24px; }
html[data-atlas-page] .brand { color:var(--ink); }
html[data-atlas-page] .brand-logo-wrap { background:transparent; box-shadow:none; border:0; }
html[data-atlas-page] .brand .mark { background:transparent!important;box-shadow:none!important; }
html[data-atlas-page] .brand img { box-shadow:none;border-radius:0; }
html[data-atlas-page] .brand-name { font-size:19px; }
html[data-atlas-page] .nav-links { gap:24px; }
html[data-atlas-page] .nav-links a { font-size:13px; color:#b4bece; }
html[data-atlas-page] :is(.nav-cta,.button.primary,button.primary,.btn-primary,.actions .primary) {
  color:#172031; background:#f2f1ed; border:1px solid #fff3; box-shadow:none;
  border-radius:28px; text-shadow:none;
}
html[data-atlas-page] :is(.button.primary,.btn-primary,button.primary):hover { color:#172031; background:#e1d7f4; box-shadow:0 8px 28px #0003; }
html[data-atlas-page] :is(.btn-ghost,.button.secondary,.button.glass,.nav-signin) { color:#ded6ee; background:#142034bd; border:1px solid var(--line); box-shadow:none; border-radius:28px; }
html[data-atlas-page] :is(.kicker,.eyebrow,.legal-section-label,.blog-category,.title-highlight) { color:#c5b2f0; background:none; }
html[data-atlas-page] :is(.kicker,.eyebrow) { font-size:11px; letter-spacing:2px; text-transform:uppercase; }
html[data-atlas-page] :is(.legal-main,.blog-main,.about-main,.connector-main) { padding-top:0; }
html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) { padding:76px 0 48px; background:transparent; border:0; }
html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) h1 { font-size:clamp(38px,4.8vw,68px); font-weight:760; line-height:1.16; letter-spacing:-.025em; max-width:900px; margin:20px 0 24px; }
html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) p { color:var(--muted); line-height:1.8; font-size:17px; max-width:68ch; }
html[data-atlas-page] .language-switch { gap:8px; margin-top:28px; }
html[data-atlas-page] .language-switch a { color:#aeb9ca; background:#ffffff05; border:1px solid #ffffff15; border-radius:24px; font-size:12px; padding:8px 12px; }
html[data-atlas-page] .language-switch a:is(.active,[aria-current="page"]) { color:#e4d7ff; background:#c5b2f018; border-color:#c5b2f04d; }
/* Long-form reading surfaces, editorial index and supporting sidebars. */
html[data-atlas-page] :is(.legal-card,.legal-aside-card,.aside-card,.blog-article,.blog-aside-card,.blog-card,.about-card,.about-service,.connector-card,.connector-code-card,.connector-screen,.plan-tier,.faq-item,.home-faq-item,.support-card,.card) {
  color:var(--text); background:#111b2aeb; border:1px solid var(--line); border-radius:18px; box-shadow:0 18px 48px #0002;
}
html[data-atlas-page] :is(.legal-card,.blog-article) { padding:clamp(24px,4vw,56px); }
html[data-atlas-page] :is(.legal-card,.blog-article) :is(p,li) { color:#c5cbd5; line-height:1.95; font-size:16px; }
html[data-atlas-page] :is(.legal-card,.blog-article) h2 { font-size:27px; line-height:1.4; margin-top:38px; color:var(--ink); }
html[data-atlas-page] :is(.legal-card,.blog-article) h3 { color:#e9e5f0; }
html[data-atlas-page] :is(.legal-card,.blog-article) a { color:#d2bafa; text-underline-offset:4px; }
html[data-atlas-page] :is(.legal-meta,.blog-byline,.blog-meta,.blog-card p,.about-card p,.connector-card p,.plan-tier p) { color:#aeb9ca; }
html[data-atlas-page] :is(.blog-article-layout,.legal-layout) { gap:28px; align-items:start; }
html[data-atlas-page] :is(.blog-article-art,.blog-hero-art) { overflow:hidden; border-radius:12px; }
html[data-atlas-page] .blog-card { overflow:hidden; transition:transform .25s ease,border-color .25s ease; }
html[data-atlas-page] .blog-card:hover { transform:translateY(-4px); border-color:#c5b2f060; }
html[data-atlas-page] .blog-card h2 { font-size:24px; line-height:1.35; color:var(--ink); }
html[data-atlas-page] .blog-card-art { background:#1a2638; }
html[data-atlas-page] :is(blockquote,.blog-callout,.callout,.legal-note) { color:#d6c6f1; background:#c5b2f00b; border-color:#c5b2f045; }
html[data-atlas-page] :is(table,thead,tbody,tr,th,td) { border-color:var(--line); }
/* Table cells inherit the Atlas text palette; their scroll surface must match. */
html[data-atlas-page] :is(.plan-table-wrap,.blog-table-wrap) { background:#111b2a; border-color:var(--line); }
html[data-atlas-page] :is(th,thead) { background:#1b293d; color:#e9e4f3; }
html[data-atlas-page] td { background:transparent; color:var(--text); }
html[data-atlas-page] :is(pre,code) { color:#d1c2eb; background:#080f1b; }
/* Product/plan pages share the same restrained surface hierarchy. */
html[data-atlas-page] :is(.about-visual,.premium-plan-art) { filter:saturate(.75); }
html[data-atlas-page] :is(.about-principles,.about-section,.connector-section) { background:transparent; border-color:var(--line); }
html[data-atlas-page] .plan-tier-premium { background:linear-gradient(145deg,#2b2545eb,#142135f5); border-color:#c5b2f070; }
html[data-atlas-page] .plan-stat-row span { background:#ffffff06; color:#c5b2f0; border-color:var(--line); }
html[data-atlas-page] .plan-tier-label { background:#c5b2f012; color:#c5b2f0; border-color:#c5b2f033; }
html[data-atlas-page] :is(.about-principles li,.about-facts div,.connector-step,.support-topic) { background:#111b2ae0; border-color:var(--line); color:var(--text); }
/* Keep input affordances and QR-code contrast on functional pages. */
html[data-atlas-page] :is(input,textarea,select) { background:#080f1b; color:#f2f1ed; border-color:#ffffff30; }
html[data-atlas-page] :is(input,textarea)::placeholder { color:#8e9aad; }
html[data-atlas-page] :is(.appbar,.toolbar,.panel,.upload-panel,.dropzone,.drop-zone,.detail-panel,.modal,.modal-card,.workspace,.travel-unit-card,.album-card) { background:#111b2af5; color:var(--text); border-color:var(--line); }
html[data-atlas-page] #qrWrap { background:white; border-radius:14px; padding:16px; width:fit-content; margin-inline:auto; }
html[data-atlas-page] :is(.step,.notice,.info,.note-box) { background:#c5b2f00a; border-color:var(--line); color:var(--text); }
html[data-atlas-page] :is(.error,.err) { color:#ffabab; }
html[data-atlas-page] .atlas-home-link { position:fixed; top:18px; left:24px; z-index:30; color:#c5cbd5; padding:10px 15px; background:#0a1220eb; border:1px solid #ffffff20; border-radius:24px; font-size:13px; text-decoration:none; }
html[data-atlas-page="workspace"] body:has(.appbar) .atlas-home-link { position:static; display:block; width:fit-content; margin:20px auto; }
html[data-atlas-page="share"] .hero { background:#111b2ad9; border:1px solid var(--line); border-radius:22px; }
html[data-atlas-page="share"] :is(.brand,.meta,.subtitle) { color:var(--text); }
html[data-atlas-page] :is(.footer,footer) { border-color:var(--line); background:transparent; color:#9da9bb; }
html[data-atlas-page] .footer a { color:#b6c0d0; }
html[data-atlas-page="home"] :is(.section-shell,.story-section,.privacy-section,.premium-section,.home-blog,.home-faq,.product-card,.premium-banner) { background:#111b2ac9; border-color:var(--line); box-shadow:none; color:var(--text); }
html[data-atlas-page="home"] :is(.hero-copy p,.product-card p,.story-copy p,.privacy-copy p,.home-blog-card p) { color:#b7c1d0; }
@media(max-width:760px) {
  html[data-atlas-page] .container { width:calc(100% - 40px); }
  html[data-atlas-page] header.nav { position:relative; }
  html[data-atlas-page] .nav-row { flex-wrap:wrap; gap:14px; padding:18px 0; min-height:76px; }
  html[data-atlas-page] .nav-links { display:flex !important; width:100%; overflow:auto; justify-content:flex-start; gap:22px; padding:4px 0; scrollbar-width:thin; }
  html[data-atlas-page] .nav-links a { display:inline-flex; align-items:center; white-space:nowrap; min-height:36px; }
  html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) { padding:42px 0 30px; }
  html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) h1 { font-size:36px; line-height:1.22; letter-spacing:-.015em; }
  html[data-atlas-page] :is(.legal-hero,.blog-hero,.blog-article-head,.about-hero,.connector-hero) p { font-size:15px; }
  html[data-atlas-page] :is(.legal-card,.blog-article) { padding:24px 20px; border-radius:16px; }
  html[data-atlas-page] :is(.legal-card,.blog-article) :is(p,li) { font-size:15px; line-height:1.9; }
  html[data-atlas-page] :is(.legal-card,.blog-article) h2 { font-size:24px; }
  html[data-atlas-page] #atlas-site-world { background-position:center,center,right -64vw top 20vh,center; background-size:cover,cover,140vw,1440px 1000px; }
  html[data-atlas-page] .atlas-home-link { top:12px; left:16px; }
  html[data-atlas-page="workspace"] body:not(:has(.appbar)) { padding-top:84px; padding-bottom:32px; }
  html[data-atlas-page="share"] main { padding-top:84px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-atlas-page] { scroll-behavior:auto; }
  html[data-atlas-page] *,html[data-atlas-page] *:before,html[data-atlas-page] *:after { animation:none !important; transition:none !important; }
}
/* Template-specific components with legacy fixed colors. */
html[data-atlas-page] :is(.premium-plan-main,.premium-plan-hero) { background:transparent; }
html[data-atlas-page] .premium-plan-hero h1 { color:#f2f1ed; background:none; -webkit-text-fill-color:currentColor; }
html[data-atlas-page] .premium-plan-hero .kicker.eyebrow-with-icon { color:#c5b2f0; background:#c5b2f012; border-color:#c5b2f025; }
html[data-atlas-page] :is(.blog-pillar-card,.blog-side-card,.blog-related-guides,.purchase-options article,.promise-grid article,.closing) { background:#111b2aeb; border:1px solid var(--line); border-radius:18px; box-shadow:none; }
html[data-atlas-page] :is(.blog-pillar-card p,.blog-side-card a,.blog-side-card span,.purchase-options span) { color:#aeb9ca; }
html[data-atlas-page] :is(.blog-pillar-card span,.plan-stat-row b,.plan-stat-row small,.purchase-options b,.blog-article-meta) { color:#d2bafa; }
html[data-atlas-page] .blog-pillar-card span { background:#c5b2f015; }
html[data-atlas-page] .card #getAppBtn { background:#c5b2f014; color:#dccdf5; border:1px solid #c5b2f04d; box-shadow:none; }
html[data-atlas-page] body { --surface:#111b2aeb; --purple:#c5b2f0; --purple-dark:#d2bafa; --lavender:#111b2aeb; }
html[data-atlas-page] .atlas-about-visual { min-height:520px; aspect-ratio:1; position:relative; filter:none; }
html[data-atlas-page] .atlas-about-visual:before { content:none; }
html[data-atlas-page] .atlas-about-earth { position:absolute; width:100%; height:100%; object-fit:contain; left:0; top:0; filter:brightness(.82); }
html[data-atlas-page] .atlas-about-photo { position:absolute; width:112px; padding:5px; background:#f2f1ed; border-radius:16px; color:#18202c; box-shadow:0 16px 50px #0005; transform:rotate(-6deg); }
html[data-atlas-page] .atlas-about-photo-one { top:25%; left:30%; }
html[data-atlas-page] .atlas-about-photo-two { top:48%; right:10%; transform:rotate(7deg); }
html[data-atlas-page] .atlas-about-photo span { display:block; height:105px; border-radius:12px; background:url('/preview/living-atlas/assets/travel-editorial-grid.webp') 0 0 / 300% auto; }
html[data-atlas-page] .atlas-about-photo-two span { background-position:0 100%; }
html[data-atlas-page] .atlas-about-photo small { display:block; color:#18202c; font:8px var(--font); letter-spacing:.5px; padding:8px 3px 4px; }
html[data-atlas-page] .atlas-about-caption { position:absolute; bottom:5%; left:8%; right:8%; border-top:1px solid #ffffff30; padding:18px 0; font-size:12px; letter-spacing:3px; color:#f2f1ed; }
html[data-atlas-page] .atlas-about-caption span { display:block; font-size:9px; color:#a4afc0; margin-top:10px; }
html[data-atlas-page] .atlas-journal-art { min-height:320px; position:relative; border:1px solid #ffffff25; border-radius:18px; background:linear-gradient(0deg,#080d16bf,transparent 55%),url('/preview/living-atlas/assets/travel-editorial-grid.webp') 0 0 / 300% auto; box-shadow:0 20px 60px #0003; }
html[data-atlas-page] .atlas-journal-art span { position:absolute; bottom:26px; left:26px; font-size:11px; letter-spacing:2px; color:white; }
@media(max-width:760px) {
 html[data-atlas-page] .atlas-about-visual { min-height:340px; width:100%; max-width:420px; margin:0 auto; }
 html[data-atlas-page] .atlas-about-photo { width:88px; border-radius:12px; }
 html[data-atlas-page] .atlas-about-photo span { height:80px; border-radius:9px; }
 html[data-atlas-page] .atlas-about-photo small { font-size:6px; }
 html[data-atlas-page] .atlas-journal-art { min-height:260px; width:100%; }
}
html[data-atlas-page="workspace"] :is(.detail-sheet,.icon-btn,.mini-action,.source-tab,.connector-status,.connector-item,.btn.ghost,.summary .pill,.trip-card,.upload-options,.code-row,.wechat-guide) { background:#111b2af5; color:#d5cce7; border-color:#ffffff25; }
html[data-atlas-page="workspace"] .source-tab[aria-selected="true"] { background:#c5b2f01a; border-color:#c5b2f070; }
html[data-atlas-page="workspace"] :is(.connector-status.is-warn,.upgrade) { color:#ecd091; }
html[data-atlas-page="workspace"] .btn.primary { background:#f2f1ed; color:#172031; box-shadow:none; }
html[data-atlas-page="workspace"] .detail-sheet { box-shadow:0 -20px 70px #0006; }
html[data-atlas-page="workspace"] .wechat-guide { z-index:50; }
@media(max-width:760px) {
 html[data-atlas-page="home"] .nav-links { overflow:visible; flex-wrap:wrap; }
 html[data-atlas-page="home"] .nav-feature-menu { width:100%; }
 html[data-atlas-page="home"] .nav-feature-list { position:static; max-width:100%; width:100%; margin-top:10px; background:#142033; color:#d5cce7; }
}
html[data-atlas-page] body:has(.atlas-about-visual) #atlas-site-world { opacity:.16; }
html[data-atlas-page] .atlas-journal-art:after { content:none; }
html[data-atlas-page="home"] :is(.home-blog-card,.home-faq-item,.device-media-copy,.device-media-visual,.privacy-panel) { background:#111b2ac9; border-color:#ffffff20; }
html[data-atlas-page] .phone-stage { overflow:clip; }
html[data-atlas-page] .site-nav { background:#080d16ed; border-bottom:1px solid #ffffff20; }
html[data-atlas-page] .nav-feature-trigger { color:#c5cbd5; }
html[data-atlas-page] .nav-feature-list { background:#142033; border-color:#ffffff25; }
@media(max-width:760px) {
 html[data-atlas-page="home"] .nav-feature-menu { display:flex; flex-direction:column; align-items:stretch; }
 html[data-atlas-page="home"] .nav-feature-list { display:none; transform:none; min-width:0; }
 html[data-atlas-page="home"] .nav-feature-menu.is-open .nav-feature-list { display:grid; transform:none; }
 html[data-atlas-page="home"] .nav-feature-trigger { min-height:40px; }
}
html[data-atlas-page] :is(.about-hero-grid,.blog-hero-grid,.connector-hero-grid,.premium-plan-hero-grid) > * { min-width:0; }
@media(max-width:760px) {
 html[data-atlas-page] .atlas-about-visual { min-height:0; height:320px; aspect-ratio:auto; overflow:hidden; }
}
html[data-atlas-page] body { width:100%; }
html[data-atlas-page] main { min-width:0; max-width:100%; }
html[data-atlas-page] :is(.about-service,.about-card,.connector-code-card) { min-width:0; overflow-wrap:anywhere; }
html[data-atlas-page] .about-service .button { max-width:100%; white-space:normal; text-align:center; }
html[data-atlas-page] .about-visual { overflow:clip; }
html[data-atlas-page] *,html[data-atlas-page] *:before,html[data-atlas-page] *:after { box-sizing:border-box; }

/* Filing labels follow the active language, including in-page locale changes. */
html:not(:lang(zh)) :is(.footer-compliance,.footer-icp,.footer-police,footer a[href*="beian."]){display:none!important}