:root{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f8f1df;--ink: #211a16;--muted: #6f6258;--panel: color-mix(in oklch, var(--paper), #ffffff 42%);--line: color-mix(in oklch, var(--ink), transparent 82%);--accent: #df3333;--accent-2: #167c80;--accent-3: #f2b84b;--on-accent: #fff8ea;--shadow: 0 28px 80px color-mix(in oklch, var(--ink), transparent 84%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;overflow:hidden;padding:18px clamp(16px,4vw,56px) 32px;color:var(--ink);background:linear-gradient(120deg,color-mix(in oklch,var(--accent-3),transparent 62%) 0 1px,transparent 1px 100%) 0 0 / 34px 34px,radial-gradient(circle at 18% 16%,color-mix(in oklch,var(--accent-3),transparent 45%),transparent 32%),radial-gradient(circle at 84% 18%,color-mix(in oklch,var(--accent-2),transparent 58%),transparent 28%),linear-gradient(145deg,var(--paper),color-mix(in oklch,var(--paper),var(--accent-3) 18%))}.theme-cinema{--paper: #241914;--ink: #fff2dc;--muted: #d7c2a7;--panel: #33241c;--line: rgba(255, 242, 220, .2);--accent: #efbd6f;--accent-2: #bf473c;--accent-3: #6e99a6;--on-accent: #241914}.theme-quest{--paper: #eef3dd;--ink: #182215;--muted: #536142;--panel: #fbffe7;--line: rgba(24, 34, 21, .18);--accent: #ef6137;--accent-2: #416bff;--accent-3: #9ad04a;--on-accent: #182215}.theme-travel{--paper: #f5eddc;--ink: #20231b;--muted: #626a58;--panel: #fff9eb;--line: rgba(32, 35, 27, .18);--accent: #d65d3e;--accent-2: #2b8a9f;--accent-3: #f0c35a;--on-accent: #20231b}.ambient-layer{position:fixed;inset:0;pointer-events:none;z-index:0}.ambient-layer:before,.ambient-layer:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in oklch,var(--accent),transparent 10%) 0 2px,transparent 2.2px),radial-gradient(circle,color-mix(in oklch,var(--accent-2),transparent 12%) 0 1.4px,transparent 1.7px);background-position:0 0,18px 22px;background-size:92px 92px,68px 68px;opacity:.16;animation:drift 18s linear infinite}.ambient-layer:after{opacity:.1;animation-duration:29s;animation-direction:reverse}.sun-orbit{position:absolute;width:clamp(220px,34vw,480px);aspect-ratio:1;top:9%;right:6%;border:1px solid color-mix(in oklch,var(--accent),transparent 42%);border-radius:50%;opacity:.5;animation:rotate 18s linear infinite}.sun-orbit:before,.sun-orbit:after{content:"";position:absolute;border-radius:50%}.sun-orbit:before{width:24px;aspect-ratio:1;top:18%;left:10%;background:var(--accent-3)}.sun-orbit:after{width:11px;aspect-ratio:1;right:18%;bottom:12%;background:var(--accent-2)}.flight-path{position:absolute;left:5%;right:5%;top:58%;height:160px;border-top:2px dashed color-mix(in oklch,var(--accent-2),transparent 34%);border-radius:50%;transform:rotate(-7deg);opacity:.32}.confetti{position:absolute;inset:0;background-image:linear-gradient(90deg,var(--accent) 0 8px,transparent 8px),linear-gradient(90deg,var(--accent-2) 0 7px,transparent 7px),linear-gradient(90deg,var(--accent-3) 0 9px,transparent 9px);background-size:130px 170px,190px 160px,160px 210px;background-position:18px 40px,58px 100px,96px 22px;opacity:.11;animation:confetti-fall 16s linear infinite}.field-two{animation-duration:25s;transform:rotate(7deg) scale(1.1)}.topbar,.hero,.timeline-section,.feature-grid,.version-showcase,.footer-note{position:relative;z-index:1}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;max-width:1240px;margin:0 auto;padding:12px;border:1px solid var(--line);background:color-mix(in oklch,var(--panel),transparent 8%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.music-button,.theme-tab,.selected-version,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}.brand-mark{padding:0 10px;font-weight:800;letter-spacing:0}.selected-version{justify-self:start;padding:0 13px;border:1px solid color-mix(in oklch,var(--accent),var(--paper) 22%);background:var(--accent);color:var(--on-accent);font-weight:850}.theme-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.theme-tabs::-webkit-scrollbar{display:none}.theme-tab,.music-button,.primary-action,.secondary-action,.version-card{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:color-mix(in oklch,var(--panel),transparent 10%);transition:transform .18s ease,border-color .18s ease}.theme-tab,.music-button{padding:0 13px}.theme-tab[aria-pressed=true],.music-button:hover,.primary-action{border-color:color-mix(in oklch,var(--accent),var(--ink) 10%);background-color:var(--accent);background-image:none;color:var(--on-accent)}.theme-tab:hover,.version-card:hover,.primary-action:hover,.secondary-action:hover,.music-button:hover{transform:translateY(-2px)}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);gap:clamp(28px,6vw,78px);align-items:center;max-width:1240px;min-height:min(780px,calc(100vh - 92px));margin:0 auto;padding:clamp(54px,8vw,104px) 0 clamp(34px,6vw,78px)}.hero-copy{max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:8px 11px;border:1px solid var(--line);background:color-mix(in oklch,var(--panel),transparent 4%);color:var(--accent);font-weight:850;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:860px;margin-bottom:24px;font-size:clamp(3.3rem,9vw,8.9rem);line-height:.9;letter-spacing:0}.hero-subtitle{max-width:680px;color:var(--muted);font-size:clamp(1.06rem,2vw,1.45rem);line-height:1.78}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.primary-action,.secondary-action{min-height:48px;padding:0 18px;font-weight:800}.secondary-action{background:color-mix(in oklch,var(--panel),transparent 16%)}.hero-stage{display:flex;justify-content:center}.stage-frame{position:relative;width:min(100%,470px);min-height:540px;padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;justify-content:center;border:2px solid var(--ink);background:linear-gradient(135deg,color-mix(in oklch,var(--panel),transparent 0%),color-mix(in oklch,var(--paper),#ffffff 28%)),repeating-linear-gradient(0deg,transparent 0 17px,color-mix(in oklch,var(--line),transparent 30%) 18px 19px);box-shadow:14px 14px color-mix(in oklch,var(--accent-2),transparent 10%),var(--shadow);overflow:hidden}.theme-cinema .stage-frame{border-width:1px;box-shadow:inset 0 0 0 12px #fff2dc14,var(--shadow)}.theme-quest .stage-frame{border-width:4px;image-rendering:pixelated;box-shadow:10px 10px #182215,20px 20px 0 var(--accent-2)}.theme-travel .stage-frame{border:1px solid var(--line);box-shadow:0 0 0 12px color-mix(in oklch,var(--panel),transparent 34%),var(--shadow)}.stage-frame:before{content:"";position:absolute;inset:16px;border:1px dashed color-mix(in oklch,var(--ink),transparent 52%)}.stage-label,.stage-unit,.stage-ribbon,.flip-number{position:relative;z-index:1}.stage-label{color:var(--muted);font-weight:850;letter-spacing:0}.flip-number{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:9px;margin:30px 0 18px}.flip-card{display:grid;place-items:center;aspect-ratio:.74;background:var(--ink);color:var(--paper);font-size:clamp(3.4rem,8vw,5.8rem);font-weight:950;line-height:1;transform-origin:top;animation:flip-in .76s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay)}.stage-unit{font-size:clamp(1.2rem,3vw,2rem);font-weight:900}.stage-ribbon{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.stage-ribbon span{padding:7px 9px;background:var(--accent-3);color:#221b13;font-weight:850}.timeline-section,.version-showcase{max-width:1240px;margin:0 auto;padding:clamp(54px,7vw,90px) 0}.section-heading{max-width:760px;margin-bottom:28px}.section-heading p{margin-bottom:8px;color:var(--accent);font-weight:900;text-transform:uppercase}.section-heading h2,.blessing-panel h2{margin-bottom:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.98;letter-spacing:0}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}.milestone{position:relative;min-height:230px;padding:28px 22px;border-right:1px solid var(--line)}.milestone:first-child{border-left:1px solid var(--line)}.milestone:before{content:"";position:absolute;top:-10px;left:22px;width:18px;aspect-ratio:1;border:2px solid var(--ink);background:var(--accent-3)}.milestone-index{display:block;color:color-mix(in oklch,var(--accent),var(--ink) 15%);font-weight:950;font-size:.95rem}.milestone time{display:block;margin:18px 0 16px;color:var(--muted);font-weight:850}.milestone h3{margin-bottom:12px;font-size:1.35rem}.milestone p,.blessing-panel p,.version-card span,.footer-note{color:var(--muted);line-height:1.72}.feature-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;max-width:1240px;margin:0 auto;padding:8px 0 clamp(54px,7vw,90px)}.blessing-panel{min-height:420px;padding:clamp(24px,4vw,42px);border:1px solid var(--line);background:color-mix(in oklch,var(--panel),transparent 4%);box-shadow:var(--shadow)}.blessing-panel svg{margin-bottom:24px;color:var(--accent)}.blessing-panel p{margin:24px 0 0;font-size:clamp(1rem,1.45vw,1.18rem)}.route-map{position:relative;min-height:210px;margin-top:32px;border:1px solid var(--line);background:linear-gradient(90deg,color-mix(in oklch,var(--accent-2),transparent 80%) 0 1px,transparent 1px 100%) 0 0 / 28px 28px,linear-gradient(0deg,color-mix(in oklch,var(--accent-3),transparent 82%) 0 1px,transparent 1px 100%) 0 0 / 28px 28px;overflow:hidden}.route-line{position:absolute;left:11%;right:11%;top:50%;border-top:3px dashed var(--accent-2);transform:rotate(-8deg)}.route-point{position:absolute;z-index:2;display:grid;place-items:center;min-width:58px;min-height:34px;padding:5px 8px;background:var(--ink);color:var(--paper);font-weight:900}.route-point.start{left:7%;top:58%}.route-point.xinjiang{left:30%;top:25%;background:var(--accent)}.route-point.coast{right:28%;top:61%;background:var(--accent-2)}.route-point.uni{right:7%;top:28%;background:var(--accent-3);color:#211a16}.route-plane{position:absolute;left:10%;top:46%;color:var(--ink);filter:drop-shadow(0 8px 12px rgba(0,0,0,.16));animation:fly-route 5.8s cubic-bezier(.65,0,.35,1) infinite}.version-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.version-card{display:flex;min-height:220px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:18px;text-align:left}.version-card[aria-pressed=true]{border-color:var(--ink);background:color-mix(in oklch,var(--accent-3),var(--panel) 48%)}.version-card strong{font-size:1.35rem}.version-swatch{width:100%;height:78px;margin-bottom:auto;border:1px solid var(--line)}.version-swatch.youth{background:linear-gradient(135deg,#df3333 0 30%,#f2b84b 30% 62%,#167c80 62%)}.version-swatch.cinema{background:repeating-linear-gradient(90deg,#241914 0 20px,#fff2dc 20px 24px),linear-gradient(135deg,#efbd6f,#bf473c);background-blend-mode:overlay}.version-swatch.quest{background:linear-gradient(90deg,#182215 0 10%,transparent 10% 90%,#182215 90%),repeating-linear-gradient(0deg,#9ad04a 0 14px,#fbffe7 14px 28px)}.version-swatch.travel{background:radial-gradient(circle at 20% 45%,#d65d3e 0 10%,transparent 10%),radial-gradient(circle at 62% 52%,#2b8a9f 0 11%,transparent 11%),linear-gradient(135deg,#f5eddc,#f0c35a)}.footer-note{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;max-width:1240px;margin:0 auto;padding:22px 0 8px;border-top:1px solid var(--line);font-size:.95rem}.audio-note{color:var(--accent);font-weight:850}.page.theme-cinema,.theme-cinema .stage-frame{text-shadow:0 0 18px rgba(239,189,111,.08)}.page.theme-cinema:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,242,220,.16) 22px 24px),repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.24) 4px 5px);mix-blend-mode:screen}.theme-quest .theme-tab,.theme-quest .music-button,.theme-quest .primary-action,.theme-quest .secondary-action,.theme-quest .version-card,.theme-quest .blessing-panel,.theme-quest .topbar{border-radius:0}.theme-quest .flip-card{box-shadow:inset -6px -6px #0000003d,inset 6px 6px #ffffff1a}.theme-travel .milestone:before{border-radius:50%}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-92px,92px,0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes confetti-fall{to{background-position:18px 260px,58px 340px,96px 300px}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-86deg) translateY(-16px)}to{opacity:1;transform:rotateX(0) translateY(0)}}@keyframes fly-route{0%{transform:translate(0) rotate(8deg)}33%{transform:translate(145px,-52px) rotate(-13deg)}66%{transform:translate(315px,38px) rotate(16deg)}to{transform:translate(485px,-36px) rotate(-6deg)}}@media(max-width:1040px){.topbar{grid-template-columns:1fr auto}.theme-tabs{grid-column:1 / -1;grid-row:2}.hero,.feature-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-stage{justify-content:flex-start}.timeline,.version-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.page{padding:10px 12px 26px}.topbar{display:flex;flex-wrap:wrap;padding:9px}.brand-mark{flex:1 1 auto;justify-content:flex-start}.music-button{flex:0 0 auto}.theme-tabs{width:100%}.theme-tab span,.selected-version,.music-button span{font-size:.9rem}h1{font-size:clamp(2.7rem,14vw,4.25rem);line-height:1.04}.hero-actions,.stage-ribbon,.footer-note{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{width:100%}.stage-frame{min-height:420px;box-shadow:8px 8px color-mix(in oklch,var(--accent-2),transparent 10%),var(--shadow)}.flip-number{gap:6px}.timeline,.version-list{grid-template-columns:1fr}.timeline{border-top:0}.milestone,.milestone:first-child{min-height:0;border:1px solid var(--line);border-bottom:0}.milestone:last-child{border-bottom:1px solid var(--line)}.milestone:before{top:28px;left:auto;right:22px}.route-map{min-height:260px}.route-line{inset:10% auto 10% 50%;height:80%;border-top:0;border-left:3px dashed var(--accent-2);transform:rotate(8deg)}.route-point.start{left:8%;top:12%}.route-point.xinjiang{left:46%;top:31%}.route-point.coast{right:11%;top:56%}.route-point.uni{right:36%;top:78%}.route-plane{animation:fly-route-mobile 5.8s cubic-bezier(.65,0,.35,1) infinite}}@keyframes fly-route-mobile{0%{transform:translate(15px,-82px) rotate(74deg)}33%{transform:translate(130px,-18px) rotate(44deg)}66%{transform:translate(185px,62px) rotate(72deg)}to{transform:translate(145px,148px) rotate(98deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}