:root{--bg: #F8F7F4;--bg-card: #FFFFFF;--bg-warm: #F0EDE6;--charcoal: #18181A;--charcoal-soft: #3A3A3C;--sage: #6E9B83;--sage-light: #B8D0C4;--sage-dark: #4E7A61;--school-blue: #1B4F8A;--text-primary: #18181A;--text-secondary:#696966;--text-muted: #9A9A96;--border: #E5E2DA;--font-serif: Georgia, "Noto Serif SC", "Source Han Serif SC", serif;--font-sans: -apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:14px;line-height:1.75;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.text-display{font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.text-h1{font-family:var(--font-serif);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.text-h2{font-family:var(--font-sans);font-size:16px;font-weight:600;line-height:1.4}.text-body{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.75}.text-label{font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.02em}.text-caption{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.5}.text-eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1}.text-stat{font-family:var(--font-serif);font-size:24px;font-weight:700;line-height:1;letter-spacing:-.02em}.page-container{max-width:480px;margin:0 auto;padding:0 var(--space-md)}@media (min-width: 768px){.page-container{max-width:960px;padding:0 var(--space-xl)}}.nav{position:sticky;top:0;z-index:100;height:52px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md)}.nav__brand{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--charcoal);text-transform:uppercase}.nav__brand-cn{font-weight:400;letter-spacing:.02em;color:var(--text-muted);margin-left:6px;text-transform:none}.nav__action{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:20px;padding:6px 14px;transition:color .15s ease,border-color .15s ease,background .15s ease}.nav__action:hover,.nav__action--accent{color:var(--sage-dark);border-color:var(--sage);background:#6e9b830f}.hero{padding:var(--space-2xl) 0 var(--space-xl)}.hero__inner{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:center}@media (min-width: 768px){.hero__inner{grid-template-columns:1fr auto;gap:var(--space-2xl)}}.hero__eyebrow{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.hero__title{font-family:var(--font-serif);font-size:38px;font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--charcoal);margin-bottom:var(--space-md)}@media (min-width: 768px){.hero__title{font-size:52px}}.hero__sub{font-size:15px;line-height:1.8;color:var(--text-secondary);max-width:36ch}.hero__visual{display:none}@media (min-width: 768px){.hero__visual{display:flex;align-items:flex-end;justify-content:flex-end}}.hero__deco{border:1px solid var(--border);padding:28px 36px;text-align:right;flex-shrink:0}.hero__deco-year{display:block;font-family:var(--font-serif);font-size:52px;font-weight:700;letter-spacing:-.04em;color:var(--sage-light);line-height:1}.hero__deco-label{display:block;font-size:10px;letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;margin-top:10px}.stats-section{margin-top:var(--space-xl)}.stats-bar{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 calc(-1 * var(--space-md))}.stats-bar::-webkit-scrollbar{display:none}.stats-bar__item{flex:1 0 auto;min-width:90px;padding:var(--space-lg) var(--space-md);border-right:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center}.stats-bar__item:last-child{border-right:none}.stats-bar__item:before{content:"";display:block;width:20px;height:2px;background:var(--sage);margin-bottom:var(--space-sm);border-radius:1px}.stats-bar__value{font-family:var(--font-serif);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--charcoal);line-height:1}.stats-bar__label{font-size:11px;color:var(--text-muted);letter-spacing:.02em;margin-top:8px}.zone-grid-section{margin-top:var(--space-xl)}.zone-grid-section__eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md)}.zone-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 600px){.zone-grid{grid-template-columns:1fr 1fr;gap:16px}.zone-card:nth-child(1),.zone-card:nth-child(6){grid-column:1 / -1}.zone-card:nth-child(1) .zone-card__image,.zone-card:nth-child(6) .zone-card__image{aspect-ratio:21 / 9}}.zone-card{display:block;background:var(--bg-card);border-radius:6px;overflow:hidden;cursor:pointer;border-top:2px solid transparent;box-shadow:0 1px 3px #18181a0a,0 2px 10px #6e9b8312;transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),border-top-color .2s ease}.zone-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #18181a12,0 12px 32px #6e9b8321;border-top-color:var(--sage)}.zone-card:active{transform:translateY(-2px) scale(.99)}.zone-card__image{aspect-ratio:4 / 3;overflow:hidden;position:relative;background:var(--bg-warm)}.zone-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.zone-card:hover .zone-card__image img{transform:scale(1.05)}.zone-card__body{padding:18px 20px 20px;position:relative;display:flex;flex-direction:column;gap:3px}.zone-card__num{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.zone-card__name{font-family:var(--font-serif);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--charcoal);line-height:1.2}.zone-card__tagline{font-size:13px;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.zone-card__arrow{position:absolute;right:20px;top:20px;font-size:14px;color:var(--sage-light);transition:transform .25s ease,color .25s ease;line-height:1}.zone-card:hover .zone-card__arrow{transform:translate(4px);color:var(--sage)}.journey-section{margin-top:var(--space-xl)}.journey-section__eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.journey-section__title{font-family:var(--font-serif);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--charcoal)}.journey-spread{position:relative;display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x proximity;padding:40px 16px 56px;margin:0 -16px;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch}.journey-spread::-webkit-scrollbar{display:none}.journey-spread.is-dragging{cursor:grabbing}.journey-spread__curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.journey-spread__curve path{fill:none;stroke:var(--sage-light);stroke-width:1.5;stroke-dasharray:4 7;stroke-linecap:round}.journey-card{position:relative;z-index:1;flex:0 0 auto;width:72vw;max-width:250px;scroll-snap-align:center;background:var(--bg-card);border-radius:4px;padding:10px 10px 18px;box-shadow:0 8px 28px #18181a1a,0 2px 8px #6e9b8314;transform:rotate(var(--tilt, 0deg)) translateY(var(--shift, 0px));transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out)}.journey-card:first-child{margin-left:auto}.journey-card:last-child{margin-right:auto}.journey-card:hover{transform:rotate(0) translateY(calc(var(--shift, 0px) - 6px)) scale(1.03);box-shadow:0 16px 40px #18181a24,0 4px 14px #6e9b831f}.journey-card__image{aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:var(--bg-warm)}.journey-card__image img{width:100%;height:100%;object-fit:cover}.journey-card__time{display:block;margin-top:14px;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.journey-card__title{font-family:var(--font-serif);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--charcoal);line-height:1.35;margin-top:4px}.journey-card__hint{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}@media (min-width: 768px){.journey-spread{gap:12px}.journey-card{width:230px}}.journey-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#18181ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:320;align-items:center;justify-content:center;padding:var(--space-md)}.journey-overlay.is-open{display:flex}.journey-overlay__panel{background:var(--bg-warm);border-radius:8px;width:100%;max-width:540px;max-height:84vh;overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.journey-overlay__time{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.journey-overlay__title{font-family:var(--font-serif);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--charcoal);margin-top:4px;margin-bottom:var(--space-lg)}.journey-overlay__beats{display:flex;flex-direction:column;gap:var(--space-lg)}.journey-overlay__beat img{width:100%;border-radius:4px;background:var(--bg-card)}.journey-overlay__beat figcaption{font-size:13px;line-height:1.7;color:var(--text-secondary);margin-top:10px}.journey-overlay__close,.journey-overlay__nav{position:absolute;z-index:321;color:#fff;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.journey-overlay__close:hover,.journey-overlay__nav:hover{background:#ffffff38}.journey-overlay__close{top:16px;right:16px;width:40px;height:40px;font-size:24px}.journey-overlay__nav{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:22px}.journey-overlay__nav--prev{left:16px}.journey-overlay__nav--next{right:16px}@media (max-width: 640px){.journey-overlay__nav{display:none}}.cta-section{margin-top:var(--space-xl);padding-bottom:var(--space-2xl)}.btn-editorial{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--charcoal);border-bottom:1.5px solid var(--charcoal);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.btn-editorial:hover{color:var(--sage-dark);border-color:var(--sage-dark)}.btn-editorial__arrow{display:inline-block;transition:transform .22s ease}.btn-editorial:hover .btn-editorial__arrow{transform:translate(5px)}.btn-primary{display:block;width:100%;background:var(--sage);color:#fff;font-size:13px;font-weight:500;letter-spacing:.04em;border-radius:6px;padding:14px;text-align:center;transition:background .15s ease,transform .1s ease}.btn-primary:hover{background:var(--sage-dark)}.btn-primary:active{transform:scale(.98)}.key-fact{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.key-fact__label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.key-fact__value{font-size:14px;font-weight:600;color:var(--text-primary)}.review-card{background:var(--bg-warm);border-left:2px solid var(--sage-light);border-radius:3px;padding:14px 16px}.review-card__content{font-size:14px;line-height:1.75;color:var(--text-primary)}.review-card__source{margin-top:var(--space-xs);font-size:11px;letter-spacing:.04em;color:var(--text-muted)}.wechat-float{position:fixed;bottom:24px;right:20px;z-index:200}.wechat-float__btn{width:48px;height:48px;border-radius:50%;background:var(--charcoal);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #18181a33;cursor:pointer;transition:background .15s ease,transform .15s ease}.wechat-float__btn:hover{background:var(--charcoal-soft);transform:scale(1.06)}.wechat-float__btn svg{width:22px;height:22px;fill:#fff}.wechat-float__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#18181a80;z-index:199;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.wechat-float__overlay.is-open{display:flex}.wechat-float__card{background:var(--bg-card);border-radius:8px;padding:var(--space-lg);text-align:center;max-width:240px;width:90%}.wechat-float__qr{width:160px;height:160px;object-fit:contain;margin:0 auto var(--space-sm)}.wechat-float__tip{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.wechat-float__sub{font-size:11px;color:var(--text-muted)}.site-footer{padding:var(--space-xl) var(--space-md);border-top:1px solid var(--border);text-align:center}.site-footer__text{font-size:12px;color:var(--text-muted);margin-bottom:4px}.site-footer__note{font-size:11px;color:var(--text-muted);opacity:.7}.panorama-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--charcoal);z-index:300}.panorama-overlay.is-open{display:block}.panorama-overlay__container{width:100%;height:100%}.panorama-overlay__close{position:absolute;top:16px;right:16px;z-index:301;color:#fff;font-size:24px;cursor:pointer;background:#ffffff1f;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.panorama-overlay__close:hover{background:#ffffff38}.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease-out) var(--reveal-delay, 0ms),transform .45s var(--ease-out) var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.page-fade{animation:pageFadeIn .25s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.video-intro{margin-top:var(--space-xl)}.video-intro__eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md)}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px;background:var(--bg-warm)}.video-player__poster,.video-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-player__poster[hidden],.video-player__video[hidden]{display:none}.video-player__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border:none;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease}.video-player__play:hover{transform:scale(1.06);background:#fff}.video-player__play[hidden]{display:none}.video-player__play-icon{font-size:18px;color:var(--charcoal);transform:translate(2px)}.video-player--playing .video-player__poster{display:none}.main-content{min-height:100dvh}.narrative__stage{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 768px){.narrative__stage{grid-template-columns:1fr 1.15fr;gap:var(--space-xl);align-items:start}}.narrative__visual{display:none}@media (min-width: 768px){.narrative__visual{display:block;position:sticky;top:76px;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:var(--bg-warm)}.narrative__visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease-out)}.narrative__visual-img.is-active{opacity:1}}.narrative__steps{display:flex;flex-direction:column}.narrative__step{padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 768px){.narrative__step{min-height:64vh;justify-content:center}}.narrative__step-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;display:block}@media (min-width: 768px){.narrative__step-img{display:none}}.narrative__caption{font-size:15px;line-height:1.75;color:var(--text-secondary);max-width:46ch;opacity:.45;transform:translateY(6px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.narrative__step.is-active .narrative__caption{opacity:1;transform:translateY(0);color:var(--text-primary)}