/* Shared topic entrances and independent pages. */
.site-header{gap:clamp(20px,3vw,48px)}.site-header nav{gap:clamp(16px,2vw,32px)}.site-header nav a{white-space:nowrap}.site-header nav a[aria-current=page]{color:#d8bd80}.site-header nav a[aria-current=page]:after{right:0;background:#d8bd80}
.explore{padding:72px 4vw 80px;background:#080808;border-bottom:1px solid #ffffff20}.explore-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.explore-heading .eyebrow{color:#d8bd80;font-size:11px;letter-spacing:.16em;margin-bottom:14px}.explore-heading h2{font-size:clamp(26px,3vw,44px);line-height:1.35;font-weight:450;letter-spacing:-.03em;margin:0}.explore-heading>p{margin:0 0 4px;font-size:13px;color:#aaa69d;line-height:1.8}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.explore-card{display:block;position:relative;min-width:0;border:1px solid #ffffff26;background:#10100f;scroll-margin-top:32px;transition:border-color .25s,background .25s}.explore-card:hover,.explore-card:focus-visible{border-color:#d8bd80;background:#151410}.explore-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.explore-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.explore-card:hover .explore-visual>img{transform:scale(1.035)}.explore-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 45%,#0003);pointer-events:none}.explore-number{position:absolute;left:20px;top:18px;color:#eee8d8;font-size:10px;letter-spacing:.16em;z-index:1}.explore-map{background:#121513}.explore-map>img{object-fit:contain;padding:26px 10px 8px}.explore-copy{padding:24px}.explore-copy h3{font-size:clamp(20px,2vw,29px);font-weight:450;letter-spacing:-.025em;line-height:1.3;margin:0 0 12px}.explore-copy p{font-size:13px;color:#aaa69d;line-height:1.8;margin:0 0 24px}.explore-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff24;padding-top:16px;min-height:44px;color:#d8bd80;font-size:13px}.explore-action>span{font-size:22px;line-height:1}.legacy-anchor{position:absolute;top:0;left:0}
.topic-page .site-header{position:relative;background:#080808;border-bottom:1px solid #ffffff20;min-height:100px}.topic-page .site-header nav{margin-left:auto}.topic-opening{padding:56px 4vw 48px;max-width:1600px;margin:auto}.topic-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#aaa69d;line-height:1.7}.topic-back:hover{color:#d8bd80}.topic-opening .topic-back{margin-bottom:40px}.topic-opening>.eyebrow{color:#d8bd80;font-size:11px;letter-spacing:.18em}.topic-opening h1{font-size:clamp(44px,6vw,88px);font-weight:450;line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}.topic-lead{font-size:15px;color:#aaa69d;line-height:1.9;margin:0}.film-page .film-section{padding-top:40px;border-top:0}.film-page .film-section-heading h2{font-size:22px;letter-spacing:0}.film-page .film-section-heading h2 span{font-size:14px}
#vision-zone .zone-intro h1{font-size:clamp(38px,5.2vw,78px);line-height:1.3;font-weight:400;letter-spacing:-.025em;margin:0}#vision-zone .zone-intro h1 em{font:inherit;color:var(--accent)}#vision-zone .connection-next{position:relative;padding:80px 6vw 100px;background:#141413;z-index:4;border-top:1px solid #ffffff20}#vision-zone .connection-next h2{font-size:clamp(28px,4vw,52px);font-weight:400;line-height:1.4;margin:0 0 20px}#vision-zone .connection-next>p:not(.eyebrow){color:var(--ink-dim);font-size:14px;line-height:1.8;margin-bottom:28px}#vision-zone .connection-next .topic-back{display:flex;width:fit-content;margin-top:24px}.astro-page #vision-zone{background:#080a0c}.astro-page #vision-zone .astro-back{margin:28px 6vw 0;position:relative;z-index:1}.astro-page #vision-zone #astro{padding-top:36px}.astro-page #vision-zone .titlecard h1{margin:0;font-size:clamp(40px,5vw,76px);line-height:1.3;font-weight:400;letter-spacing:-.025em}.astro-page #vision-zone .viewer-main{height:clamp(300px,58svh,660px)}.astro-page #vision-zone .chapter-intro{margin-bottom:32px}
@media(min-width:901px) and (max-width:1200px){.site-header{gap:18px}.site-header nav{gap:16px;font-size:12px}.site-header .brand{width:120px}.site-header .news-menu{min-width:110px;flex-basis:130px}.explore-grid{gap:18px}.explore-copy{padding:20px}}
@media(max-width:900px){.explore{padding:48px 6vw 56px}.explore-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:26px}.explore-grid{gap:16px}.explore-copy{padding:18px 14px}.explore-copy h3{font-size:20px}.explore-copy p{font-size:12px}.explore-number{left:12px;top:12px;font-size:9px}.explore-action{font-size:12px}.topic-page .site-header{min-height:84px;grid-template-columns:minmax(0,1fr) auto}.topic-page .site-header .mobile-menu-toggle{grid-column:2}.topic-page .site-header nav{margin:0}.topic-opening{padding:28px 6vw 36px}.topic-opening .topic-back{margin-bottom:28px}.film-page .film-section{padding-top:24px}#vision-zone .zone-facts{flex-wrap:wrap;row-gap:10px}}
@media(max-width:650px){.explore-grid{grid-template-columns:1fr;gap:24px}.explore-copy{padding:22px}.explore-copy h3{font-size:27px}.explore-copy p{font-size:14px;margin-bottom:20px}.explore-number{left:18px;top:16px;font-size:10px}.explore-action{font-size:14px}#vision-zone .connection-next{padding:56px 6vw 64px}.astro-page #vision-zone .titlecard h1{font-size:40px}.astro-page #vision-zone .viewer-main{height:clamp(240px,42svh,400px)}}
@media(prefers-reduced-motion:reduce){.explore-card,.explore-visual>img{transition:none}.explore-card:hover .explore-visual>img{transform:none}}

.social-heading .news-menu{position:relative;inset:auto;order:3;width:180px;margin:0}
.social-heading .news-panel{top:auto;bottom:100%;padding-top:0;padding-bottom:12px;left:auto;right:0}
#vision-zone .connection-preview .viewer-main{display:flex;align-items:center;justify-content:center}
#vision-zone .connection-preview .swiper-slide{display:block;width:min(100%,960px);height:auto;flex-shrink:1;cursor:pointer;filter:none}
#vision-zone .connection-preview .swiper-slide img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:2000/1512}
#vision-zone .astro-bridge-action{position:relative;z-index:4;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;opacity:var(--cosmos-details-arrival,1)}
.connection-preview .swiper-slide-active img,.astro-page #astroGrid .swiper-slide-active img{view-transition-name:astro-photo}
@view-transition{navigation:auto}
::view-transition-group(astro-photo){animation-duration:.55s}
@media(max-width:900px){
 .site-header,.topic-page .site-header,.records-page .site-header{grid-template-columns:minmax(0,1fr) auto;padding-block:20px}
 .site-header .mobile-menu-toggle{grid-column:2}
 .site-header #primary-nav{grid-template-columns:1fr;padding:10px 18px;border-radius:0;background:#10100ffb}
 .site-header #primary-nav>a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:55px;padding:12px 0;border-bottom:1px solid #ffffff17;border-radius:0;font-size:14px;white-space:nowrap}
 .site-header #primary-nav>a>small{font-size:10px;letter-spacing:.08em}
 .site-header #primary-nav>a.nav-join{border:0;border-bottom:0;padding:12px 0}
 .site-header #primary-nav>a[aria-current=page]{color:#d8bd80}
 .social-heading .news-menu{width:min(100%,240px);align-self:flex-start}
 .social-heading .news-panel{left:0;right:auto;width:min(336px,88vw)}
 #vision-zone .astro-bridge-action{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}}

/* Compact Chinese navigation; light glass over the homepage film. */
.site-header,.topic-page .site-header,.records-page .site-header{
 min-height:68px;padding:10px 4vw;gap:28px;
 background:rgba(8,10,11,.22);border-bottom:1px solid rgba(255,255,255,.13);
 -webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)
}
.site-header .brand{width:120px}
.site-header #primary-nav{margin-left:auto;gap:clamp(20px,2.2vw,36px)}
.site-header #primary-nav>a{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:10px 0;font-size:13px;line-height:1.5;white-space:nowrap;
 color:#f3f1ed;text-shadow:0 1px 8px #0009
}
.site-header #primary-nav>a[aria-current=page]{color:#e3c992}
@media(min-width:901px) and (max-width:1100px){
 .site-header,.topic-page .site-header,.records-page .site-header{gap:20px}
 .site-header #primary-nav{gap:22px}
}
@media(max-width:900px){
 .site-header,.topic-page .site-header,.records-page .site-header{
  min-height:68px;padding:12px 6vw;padding-top:max(12px,env(safe-area-inset-top));
  grid-template-columns:minmax(0,1fr) auto;gap:12px
 }
 .site-header .brand{width:108px}
 .site-header:not(.mobile-nav-ready){background:rgba(8,10,11,.55)}
 .site-header #primary-nav{
  margin:0;gap:0;padding:8px 20px;grid-template-columns:1fr;
  background:rgba(15,18,20,.64);border:1px solid #ffffff30;border-radius:8px;
  -webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);
  box-shadow:0 14px 36px #0004
 }
 .site-header #primary-nav>a{
  display:flex;justify-content:flex-start;min-height:48px;padding:12px 0;
  border-bottom:1px solid #ffffff18;border-radius:0;font-size:14px
 }
 .site-header #primary-nav>a:last-child{border-bottom:0}
 .mobile-nav-ready .mobile-menu-toggle{background:#ffffff08;border-color:#ffffff40}
}

/* A fading scrim and masked glass blend the navigation into the image. */
.site-header,.topic-page .site-header,.records-page .site-header{
 isolation:isolate;background:transparent;border-bottom:0;
 -webkit-backdrop-filter:none;backdrop-filter:none
}
.site-header::before,.site-header::after{
 content:"";position:absolute;inset:0 0 -86px;pointer-events:none
}
.site-header::before{
 z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.32) 34%,rgba(0,0,0,.12) 66%,transparent 100%)
}
.site-header::after{
 z-index:-1;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);
 -webkit-mask-image:linear-gradient(#000b 0%,#0006 38%,transparent 90%);
 mask-image:linear-gradient(#000b 0%,#0006 38%,transparent 90%)
}
.site-header #primary-nav{margin-left:20px;margin-right:auto;gap:clamp(20px,2vw,30px)}
.site-header #primary-nav>a{font-size:13px;font-weight:500;letter-spacing:.04em}
@media(max-width:900px){
 .site-header::before,.site-header::after{bottom:-60px}
 .site-header:not(.mobile-nav-ready){background:transparent}
 .site-header #primary-nav{margin:0;gap:0;background:linear-gradient(145deg,rgba(15,18,20,.84),rgba(15,18,20,.60))}
 .site-header #primary-nav>a{font-size:14px;font-weight:400}
}

/* Primary destinations left, recent updates independently aligned right. */
.site-header>.news-menu{position:relative;inset:auto;flex:0 0 156px;width:156px;min-width:0;margin:0 0 0 auto;align-self:center}
.site-header>.news-menu .news-toggle{min-height:38px;padding:9px 12px;font-size:11px;background:#ffffff03;border-color:#ffffff45;backdrop-filter:blur(6px)}
.site-header>.news-menu .news-panel{left:auto;right:0;width:320px;top:100%;bottom:auto;padding-top:12px;padding-bottom:0}
@media(min-width:901px) and (max-width:1200px){
 .site-header,.topic-page .site-header,.records-page .site-header{gap:16px;padding-inline:3vw}
 .site-header .brand{width:104px}
 .site-header #primary-nav{margin-left:0;gap:18px}
 .site-header #primary-nav>a{font-size:12px;letter-spacing:0}
 .site-header>.news-menu{width:124px;flex-basis:124px}
}
@media(max-width:900px){
 .site-header,.topic-page .site-header,.records-page .site-header{grid-template-columns:minmax(72px,1fr) auto auto;gap:8px}
 .site-header>.news-menu{grid-column:2;grid-row:1;width:100px;margin:0}
 .site-header .mobile-menu-toggle,.topic-page .site-header .mobile-menu-toggle,.records-page .site-header .mobile-menu-toggle{grid-column:3}
 .site-header>.news-menu .news-toggle{min-height:44px;font-size:11px;padding:10px 8px;gap:6px}
 .site-header>.news-menu .news-panel{position:absolute;right:6vw;left:auto;top:calc(100% - 2px);width:min(320px,88vw)}
 .site-header>.news-menu{position:static}
}

/* Complete stagger for every destination and the recent-updates control. */
@media(prefers-reduced-motion:no-preference){
 .site-header #primary-nav>a,.site-header .news-toggle,.site-header .mobile-menu-toggle{
  animation:vision-focus-in .85s cubic-bezier(.22,.61,.36,1) backwards
 }
 .site-header #primary-nav>a:nth-child(1){animation-delay:.10s}
 .site-header #primary-nav>a:nth-child(2){animation-delay:.15s}
 .site-header #primary-nav>a:nth-child(3){animation-delay:.20s}
 .site-header #primary-nav>a:nth-child(4){animation-delay:.25s}
 .site-header #primary-nav>a:nth-child(5){animation-delay:.30s}
 .site-header #primary-nav>a:nth-child(6){animation-delay:.35s}
 .site-header #primary-nav>a:nth-child(7){animation-delay:.40s}
 .site-header .news-toggle{animation-delay:.45s}
 .site-header .mobile-menu-toggle{animation-delay:.50s}
 .entrance-ready{opacity:0;filter:blur(6px);transform:translateY(18px);transition:opacity .85s ease var(--entrance-delay,0ms),filter .85s ease var(--entrance-delay,0ms),transform .85s cubic-bezier(.22,.61,.36,1) var(--entrance-delay,0ms)}
 .entrance-ready.entrance-visible{opacity:1;filter:none;transform:none}
}
.works-all.bilibili-button>span{font-size:12px;line-height:1.5}
.works-all.bilibili-button{gap:10px;padding:9px 14px}
.works-all.bilibili-button img{width:20px;height:20px}
.home-page .development-history>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:22px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff20;font-size:16px;list-style:none}
.home-page .development-history>summary::-webkit-details-marker{display:none}
.home-page .development-history>summary span{font-size:12px;color:#c4aa73}
.home-page .development-history[open]>summary{margin-bottom:32px}
.home-page .development-history .project-history-heading{display:none}
@media(min-width:1000px){
 .home-page .about,.home-page .practice,.home-page .explore,.home-page .social{min-height:max(100svh,56.25vw);height:auto}
 .home-page .about{min-height:100svh}
 .home-page .practice{display:flex;flex-direction:column;justify-content:center;padding:64px 6vw}
 .home-page .practice-overview{width:100%;margin:0 auto}
 .home-page .development-history{width:100%;margin:36px auto 0}
 .home-page .practice-guide{position:static;display:inline-flex;flex-direction:row;align-self:flex-end;gap:14px;margin-top:24px}
 .home-page .practice-guide br{display:none}
 .home-page .explore{display:flex;flex-direction:column;justify-content:center;padding:64px 6vw}
 .home-page .explore-heading,.home-page .explore-grid{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
 .home-page .social{display:flex;flex-direction:column;justify-content:center;padding:64px 6vw}
 .home-page .social-heading,.home-page .social-links,.home-page .join-block{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}
 .home-page .join-block{margin-top:56px;padding-top:40px}
}
@media(prefers-reduced-motion:reduce){
 .site-header #primary-nav>a,.site-header .news-toggle,.site-header .mobile-menu-toggle{animation:none}
 .entrance-ready{opacity:1;filter:none;transform:none;transition:none}
}
@media(min-width:1000px){.home-page .practice{gap:0}}

/* Film leads; Connection and Astro form two supporting editorial panels. */
.home-page .explore-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));
 gap:20px;height:clamp(520px,65svh,760px)
}
.explore-card#vision-film{grid-column:1;grid-row:1/3}
.explore-card#vision-zone{grid-column:2;grid-row:1}
.explore-card#astro{grid-column:2;grid-row:2}
.home-page .explore-card{overflow:hidden;min-height:0;background:#111310}
.home-page .explore-visual{position:absolute;inset:0;aspect-ratio:auto}
.home-page .explore-visual>img{width:100%;height:100%}
.home-page .explore-visual:after{background:linear-gradient(180deg,#0003,transparent 30%,#0003 48%,#000e 100%)}
.home-page .explore-number{left:28px;top:22px}
.home-page .explore-copy{position:absolute;inset:auto 0 0;padding:24px 28px;z-index:2}
.home-page .explore-copy h3{font-size:clamp(24px,2.4vw,36px);margin-bottom:8px}
.home-page .explore-copy p{margin-bottom:12px;color:#d1cdc3;font-size:13px}
.home-page .explore-action{border-top:0;padding-top:4px;min-height:32px;font-size:13px}
.home-page #vision-film .explore-visual{background:#141411}
.home-page #vision-film .explore-visual:before{content:"";position:absolute;inset:-20px;background:url('../films/birthday-still-01.webp') center/cover;filter:blur(24px);opacity:.25}
.home-page #vision-film .explore-visual>img{position:relative;object-fit:contain;padding:36px 24px 158px}
.home-page #vision-film .explore-visual:after{background:linear-gradient(transparent 60%,#000d)}
.home-page #vision-film .explore-copy h3{font-size:clamp(32px,3.5vw,52px)}
.home-page .explore-map>img{object-fit:contain;padding:12px 20px 60px;opacity:.85}
.home-page #astro .explore-copy h3{font-size:clamp(22px,2vw,30px)}
.home-page #astro .explore-copy p{display:none}
@media(max-width:900px){
 .home-page .explore-grid{height:620px;gap:16px}
 .home-page .explore-copy{padding:20px}.home-page .explore-number{left:20px;top:18px}
}
@media(max-width:650px){
 .home-page .explore-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:20px}
 .explore-card#vision-film,.explore-card#vision-zone,.explore-card#astro{grid-column:auto;grid-row:auto}
 .home-page #vision-film{height:560px}.home-page #vision-zone{height:300px}.home-page #astro{height:260px}
 .home-page #vision-film .explore-copy h3{font-size:36px}
 .home-page #vision-film .explore-visual>img{padding-bottom:146px}
}

/* Desktop Connection: one screen, with an unchanged map width. */
@media (min-width: 1100px) and (min-height: 650px) and (min-aspect-ratio: 3/2) {
 .connection-page #vision-zone #travel{height:calc(100svh - 68px);min-height:0;padding:12px 6vw 12px;display:flex;flex-direction:column;gap:6px}
 .connection-page #vision-zone .zone-intro{grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center;flex-shrink:0}
 .connection-page #vision-zone .zone-kicker{font-size:9px;margin:0 0 3px;letter-spacing:.12em}
 .connection-page #vision-zone .zone-intro h1{font-size:34px;line-height:1.25}
 .connection-page #vision-zone .zone-intro h1 br{display:none}
 .connection-page #vision-zone .zone-intro-note{font-size:11px;line-height:1.6;margin:0;max-width:none}
 .connection-page #vision-zone .zone-facts{margin:0;font-size:9px;gap:16px;flex-shrink:0}
 .connection-page #vision-zone .zone-facts span+span{padding-left:16px}
 .connection-page #vision-zone .worldmap{margin:0;min-height:0;flex:1;display:flex;flex-direction:column;gap:6px}
 .connection-page #vision-zone .map-hint{margin:0;font-size:10px;line-height:1.4}
 .connection-page #vision-zone .alumni-index{grid-template-columns:repeat(9,minmax(0,1fr));margin:0;flex-shrink:0}
 .connection-page #vision-zone .alumni-index-place{padding:6px 8px;min-height:53px;gap:2px;border-left:1px solid var(--hairline);align-content:start}
 .connection-page #vision-zone .alumni-index-place:first-child{border-left:0;padding-left:0}
 .connection-page #vision-zone .alumni-index-city{font-size:9px;letter-spacing:0;line-height:1.4}
 .connection-page #vision-zone .alumni-index-name{font-size:11px;line-height:1.45}
 .connection-page #vision-zone .map-wrap{height:auto;min-height:0;flex:1}
 .connection-page #vision-zone .alumni-map-note{margin:0;font-size:9px;line-height:1.4;flex-shrink:0}
}

/* Readable return actions across topic pages. */
.topic-page .topic-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #d8bd804d;border-radius:3px;background:#d8bd800b;color:#ded4bf;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.02em;text-decoration:none}
.topic-page .topic-back:hover{color:#fff5df;background:#d8bd801c;border-color:#d8bd80}
.topic-page .topic-back:focus-visible{outline:2px solid #d8bd80;outline-offset:4px}
.topic-page #vision-zone .astro-bridge-action .outline-button{font-size:13px;min-height:40px;padding:8px 14px;line-height:1.5}

/* Shared reading rhythm and compact controls. */
.site-footer .footer-bottom p{font-size:12px;color:#a5a29a;line-height:1.8}
.site-footer .footer-group>a{line-height:1.8}
.news-item time{font-size:11px;color:#b0aca2}
.record-note,.filter-status{font-size:12px;line-height:1.8;color:#aaa69d}
.record-filters button{min-height:40px;line-height:1.5}
.topic-lead,.explore-copy p,.film-synopsis{overflow-wrap:break-word}
@media(max-width:760px){
 .topic-page .topic-back,.topic-page #vision-zone .astro-bridge-action .outline-button{min-height:44px;font-size:13px}
 .record-filters button{min-height:44px}
 .footer-group>a{padding-block:3px}
}
/* Compact phone topic opening without shrinking the reading text. */
@media(max-width:760px){
 .film-page .topic-opening{padding:18px 6vw 22px}
 .film-page .topic-opening .topic-back{margin-bottom:18px}
 .film-page .topic-opening>.eyebrow{margin-bottom:8px;font-size:10px}
 .film-page .topic-opening h1{font-size:36px;line-height:1.2;margin-bottom:12px}
 .film-page .topic-opening .topic-lead{font-size:13px;line-height:1.8}
 .film-page .film-section{padding:18px 6vw 48px}
 .film-page .film-section-heading{margin-bottom:22px}
 .film-page .film-section-index{margin-top:10px}
}

.film-page .site-footer,.records-page .site-footer,.astro-page .site-footer{content-visibility:auto;contain-intrinsic-size:auto 380px}