:root{--mango-orange:#ff8c42;--mango-orange-light:#ff8c4214;--mango-dark:#1a1a2e;--color-bg:#f5f6f8;--color-card:#fff;--color-text:#1a1a2e;--color-text-secondary:#8e93a9;--color-text-tertiary:#c0c4d0;--color-border:#f0f0f0;--font-sans:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", sans-serif;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--color-on-orange:#fff;--shadow-card:0 10px 28px #1a1a2e0f;--shadow-lift:0 22px 48px #ff8c422e;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.18s;--dur:.36s;--dur-slow:.7s;--bp-mobile:768px;--bp-tablet:1024px;--max-w:1280px;--header-height:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){html:not(.light){--mango-dark:#121212;--mango-orange-light:#ff8c4226;--color-bg:#121212;--color-card:#1e1e1e;--color-text:#e8e8ec;--color-text-secondary:#9e9eb2;--color-text-tertiary:#6e6e82;--color-border:#2a2a2e;--shadow-card:0 10px 28px #00000047;--shadow-lift:0 22px 48px #ff8c4238;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html.dark{--mango-dark:#121212;--mango-orange-light:#ff8c4226;--color-bg:#121212;--color-card:#1e1e1e;--color-text:#e8e8ec;--color-text-secondary:#9e9eb2;--color-text-tertiary:#6e6e82;--color-border:#2a2a2e;--shadow-card:0 10px 28px #00000047;--shadow-lift:0 22px 48px #ff8c4238;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0}body{-webkit-font-smoothing:antialiased;transition:background-color var(--dur) var(--ease-soft),color var(--dur) var(--ease-soft);line-height:1.65}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--mango-orange);outline-offset:2px}.hero{scroll-margin-top:var(--header-height);padding:var(--space-3xl) 0;background:radial-gradient(ellipse 70% 50% at 8% -10%,#ff8c4238,transparent 58%),radial-gradient(ellipse 50% 40% at 92% 10%,#ffb34729,transparent 50%),var(--color-bg);position:relative;overflow:hidden}.hero__glow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__orb{filter:blur(48px);opacity:.55;border-radius:50%;position:absolute}.hero__orb--a{width:280px;height:280px;animation:float-orb 9s var(--ease-soft) infinite;background:#ff8c4273;top:-60px;left:8%}.hero__orb--b{width:220px;height:220px;animation:float-orb-alt 11s var(--ease-soft) infinite;background:#ffb34761;top:40%;right:6%}.hero__orb--c{width:160px;height:160px;animation:float-orb 13s var(--ease-soft) infinite reverse;background:#ff6b3538;bottom:-40px;left:42%}.hero__accent{background:linear-gradient(120deg,#ff6b35,#ff8c42 40%,#ffc46b 70%,#ff8c42) 0 0/200% 200%;color:#0000;animation:gradient-shift 7s var(--ease-soft) infinite;-webkit-background-clip:text;background-clip:text}.hero__grid{z-index:1;gap:var(--space-3xl);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;display:grid;position:relative}.hero__copy .brand-mark{margin-bottom:var(--space-lg)}.eyebrow{color:var(--mango-orange);letter-spacing:.04em;font-size:.875rem;font-weight:600}.hero h1,.page-head h1{margin-top:var(--space-sm);letter-spacing:-.03em;color:var(--color-text);font-size:clamp(2rem,4vw,3.25rem);line-height:1.2}.page-head h1{font-size:clamp(1.75rem,3vw,2.5rem)}.lead{margin-top:var(--space-lg);max-width:36rem;color:var(--color-text-secondary);font-size:1.0625rem}.hero__actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.btn{min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(105deg,#0000,#ffffff61,#0000);width:40%;height:100%;position:absolute;top:0;left:-40%;transform:translate(-120%)}.btn:hover{transform:translateY(-2px)}.btn:hover:after{animation:shine-sweep .7s var(--ease-out)}.btn--primary{background:var(--mango-orange);color:var(--color-on-orange)}.btn--ghost{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.btn--ghost:hover{border-color:color-mix(in srgb,var(--mango-orange) 40%,var(--color-border));box-shadow:var(--shadow-card)}.stats{gap:var(--space-md);margin:var(--space-2xl) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats__item{padding:var(--space-md) 0 0;border-top:2px solid var(--mango-orange);transition:transform var(--dur) var(--ease-out)}.stats__item:hover{transform:translateY(-3px)}.stats dt{color:var(--color-text-secondary);font-size:.8125rem}.stats dd{margin:var(--space-xs) 0 0;color:var(--color-text);font-size:1.375rem;font-weight:700}.section{scroll-margin-top:var(--header-height);padding:var(--space-3xl) 0}.section--card{background:var(--color-card)}.section--accent{background:var(--mango-orange-light)}.page-head,.section__head{max-width:36rem;margin-bottom:var(--space-2xl)}.page-head .brand-mark{margin-bottom:var(--space-lg)}.page-head h1,.section h2{letter-spacing:-.02em}.section h2{font-size:clamp(1.5rem,2.4vw,2rem)}.page-head p,.qr-zone p,.section__head p,.story p{margin-top:var(--space-md);color:var(--color-text-secondary)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.story{gap:var(--space-lg);display:grid}.story{grid-template-columns:minmax(0,1fr);max-width:40rem}.story p{padding-left:var(--space-lg);border-left:2px solid color-mix(in srgb,var(--mango-orange) 45%,transparent)}.timeline{gap:var(--space-lg);flex-direction:column;max-width:40rem;margin:0;padding:0;list-style:none;display:flex}.timeline li{padding-left:var(--space-xl);border-left:2px solid color-mix(in srgb,var(--mango-orange) 55%,var(--color-border));transition:transform var(--dur) var(--ease-out);position:relative}.timeline li:before{content:"";background:var(--mango-orange);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb,var(--mango-orange) 18%,transparent);border-radius:50%;position:absolute;top:.35rem;left:-7px}.timeline li:hover{transform:translate(4px)}.timeline__ver{margin-bottom:var(--space-xs);color:var(--mango-orange);font-size:.8125rem;font-weight:700;display:inline-block}.timeline strong{display:block}.timeline p{margin-top:var(--space-xs);color:var(--color-text-secondary)}.scene-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.scene-card{padding:var(--space-xl);background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);position:relative;overflow:hidden}.scene-card:hover{border-color:color-mix(in srgb,var(--mango-orange) 35%,var(--color-border));box-shadow:var(--shadow-lift);transform:translateY(-6px)}.scene-card__index{margin-bottom:var(--space-sm);color:var(--mango-orange);letter-spacing:.08em;font-size:.8125rem;font-weight:700;display:block}.scene-card h3{font-size:1.125rem}.scene-card p{margin-top:var(--space-sm);color:var(--color-text-secondary)}.qr-zone{gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}@media (width<=1024px){.feature-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.hero,.section{padding:var(--space-2xl) 0}.feature-grid,.hero__grid,.qr-zone,.scene-grid,.stats{grid-template-columns:1fr}.hero__grid{gap:var(--space-2xl)}.qr-zone{text-align:center;justify-items:center}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}html{scroll-behavior:smooth}.tab-panel{animation:tab-in var(--dur) var(--ease-out)}@keyframes tab-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@supports (animation-timeline:view()){[data-reveal]{animation:linear both reveal-in;animation-timeline:view();animation-range:entry 0 cover 28%}}@keyframes reveal-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.page-enter-active,.page-leave-active{transition:opacity var(--dur) var(--ease-soft),transform var(--dur) var(--ease-out)}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}.fade-scale-enter-active,.fade-scale-leave-active{transition:opacity var(--dur) var(--ease-soft)}.fade-scale-enter-active img,.fade-scale-leave-active img{transition:transform var(--dur) var(--ease-out)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0}.fade-scale-enter-from img,.fade-scale-leave-to img{transform:scale(.92)}@keyframes float-orb{0%,to{transform:translateZ(0)scale(1)}50%{transform:translate(18px,-28px)scale(1.08)}}@keyframes float-orb-alt{0%,to{transform:translateZ(0)scale(1)}50%{transform:translate(-22px,16px)scale(.92)}}@keyframes mark-pulse{0%,to{transform:translateY(0);box-shadow:0 10px 28px #ff8c4247}50%{transform:translateY(-4px);box-shadow:0 18px 40px #ff8c427a}}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}@keyframes shine-sweep{to{transform:translate(220%)}}@keyframes spin-angle{to{--spin:360deg}}@keyframes ring-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tab-panel,[data-reveal]{opacity:1;transition:none;animation:none;translate:0}.fade-scale-enter-active,.fade-scale-leave-active,.page-enter-active,.page-leave-active{transition:none}.fade-scale-enter-from,.fade-scale-leave-to,.page-enter-from,.page-leave-to{opacity:1;transform:none}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}