:root{color-scheme:dark;--bg: #050505;--bg-soft: #0c0d0b;--text: #f7f4ea;--muted: rgb(247 244 234 / .68);--faint: rgb(247 244 234 / .14);--accent: #9fc9a8;--radius: 8px;font-family:Avenir Next,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}canvas{display:block}.site-shell{min-height:100dvh;background:var(--bg)}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:72px;padding:24px clamp(20px,4vw,56px);color:#f7f4ead1;pointer-events:none}.site-header a{pointer-events:auto}.brand{display:inline-grid;grid-auto-flow:column;align-items:baseline;justify-content:start;gap:12px;width:fit-content;letter-spacing:.08em;white-space:nowrap}.brand__cn{font-size:18px;font-weight:560}.brand__en{color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.site-nav{display:grid;grid-auto-flow:column;gap:clamp(18px,3vw,38px);color:#f7f4ea94;font-size:13px;white-space:nowrap}.site-nav a{transition:color .22s ease,transform .22s ease}.site-nav a:hover,.site-nav a:focus-visible,.brand:hover,.brand:focus-visible{color:var(--text)}.site-nav a:active,.brand:active{transform:translateY(1px)}.portal-story{position:relative;height:400vh;min-height:400dvh;background:var(--bg)}.story-visual{position:sticky;z-index:1;top:0;width:100%;height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg) url(/sequence/portal/poster.webp) center / cover no-repeat;isolation:isolate}.story-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 40%,rgb(0 0 0 / .15) 66%,rgb(0 0 0 / .68) 100%),linear-gradient(to bottom,rgb(0 0 0 / .36),transparent 22%,transparent 68%,rgb(0 0 0 / .42))}#portal-sequence{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background:transparent}.story-copy{position:relative;z-index:2;margin-top:-100vh;pointer-events:none}.panel{display:flex;align-items:center;min-height:100vh;min-height:100dvh;padding:0 clamp(22px,9vw,132px)}.panel__inner{width:min(980px,92vw);text-wrap:balance}.panel-1 .panel__inner{margin-top:clamp(40px,6vh,88px)}.panel-2 .panel__inner{margin-left:auto;text-align:right}.panel h1,.panel h2{display:grid;gap:.08em;margin:0;color:var(--text);font-weight:440;letter-spacing:0;line-height:1.05;text-shadow:0 18px 70px rgb(0 0 0 / .46)}.panel h1{max-width:920px;font-size:clamp(48px,8vw,128px)}.panel h2{font-size:clamp(42px,6.6vw,104px)}.intro-section,.route-section{position:relative;z-index:5;padding:clamp(96px,14vw,168px) clamp(22px,7vw,120px);background:var(--bg)}.intro-section{display:grid;place-items:start center;min-height:100dvh}.intro-section>*{width:min(980px,100%)}.section-kicker{margin-bottom:18px;color:#9fc9a8db;font-size:12px;letter-spacing:.24em;text-transform:uppercase}.intro-section h2,.route-section h2{margin:0;font-weight:430;letter-spacing:0;line-height:1.08}.intro-section h2{font-size:clamp(42px,6.8vw,100px)}.intro-section p{max-width:680px;margin:28px 0 0;color:var(--muted);font-size:clamp(16px,1.35vw,21px);font-weight:300;line-height:1.85}.intro-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--radius);padding:0 18px;font-size:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:active{transform:translateY(1px)}.button--primary{border:1px solid rgb(159 201 168 / .78);background:var(--accent);color:#061009}.button--ghost{border:1px solid rgb(247 244 234 / .22);background:#f7f4ea0f;color:var(--text)}.button:hover,.button:focus-visible{border-color:#f7f4eab8}.route-section{overflow:hidden;border-top:1px solid var(--faint)}.section-heading{width:min(1060px,100%)}.route-section h2{max-width:980px;font-size:clamp(36px,5.8vw,84px)}.route-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,32vw);gap:16px;margin-top:56px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.route-card{min-height:280px;border:1px solid rgb(247 244 234 / .14);border-radius:var(--radius);padding:22px;background:linear-gradient(135deg,rgb(247 244 234 / .08),transparent 46%),var(--bg-soft);scroll-snap-align:start}.route-card span{color:#9fc9a8c7;font-size:13px}.route-card h3{margin:76px 0 0;font-size:clamp(24px,3vw,36px);font-weight:460}.route-card p{margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.7}@media(max-width:820px){.site-header{grid-template-columns:1fr;gap:14px;min-height:88px;padding:22px}.site-nav{max-width:100%;gap:18px;overflow-x:auto;padding-bottom:4px;font-size:12px}.panel{padding:0 22px}.panel-2 .panel__inner{margin-left:0;text-align:left}.panel h1{font-size:clamp(44px,14vw,74px)}.panel h2{font-size:clamp(38px,12vw,66px)}.intro-actions{display:grid}.route-rail{grid-auto-columns:minmax(240px,82vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}