:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-0:#05060a;--space-1:#090b12;--space-2:#0e1119;--card:#ffffff06;--card-hover:#ffffff0b;--line:#ece6da1a;--line-strong:#ece6da2e;--ink:#f3eee6;--ink-soft:#cdc7bc;--muted:#959aa8;--accent:#ff7a3d;--accent-ink:#ff9b6c;--accent-glow:#ff7a3d38;--on-accent:#1d0d05;--header-bg:#090b12c7;--font-display:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-han:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--radius:18px;--radius-small:10px;--gutter:clamp(16px, 4vw, 40px);--section-space:clamp(72px, 9vw, 120px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--space-1);scroll-padding-top:72px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:radial-gradient(1200px 700px at 78% -8%, #ff7a3d17, transparent 60%), radial-gradient(900px 600px at 0% 0%, #788aff0f, transparent 60%), var(--space-1);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:400;line-height:1.1}h1,h2{font-family:var(--font-display);letter-spacing:-.01em}h3,h4{font-family:var(--font-sans);letter-spacing:-.015em;font-weight:600}p{text-wrap:pretty;margin:0}ul,ol,dl,dd,figure{margin:0;padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%}[lang|=zh]{font-family:var(--font-han)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--on-accent)}.icon{flex:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-small);background:var(--ink);color:var(--space-1);transition:transform .2s var(--ease);padding:10px 16px;font-weight:500;text-decoration:none;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.container{width:100%;max-width:1180px;padding-inline:var(--gutter);margin-inline:auto}.button{white-space:nowrap;min-height:48px;transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .3s var(--ease), transform .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.975rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.button--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 30px -10px var(--accent)}.button--primary:hover{box-shadow:0 10px 36px -8px var(--accent);background:#ff8b55}.button--ghost{border-color:var(--line-strong);color:var(--ink);background:#ffffff08}.button--ghost:hover{background:#ffffff0f;border-color:#ece6da57}.button--small{min-height:40px;padding:0 18px;font-size:.9rem}.button:active{transform:translateY(1px)}.eyebrow{color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:500}.section{padding-block:var(--section-space);border-top:1px solid var(--line);position:relative}.section-heading{max-width:760px;margin-bottom:clamp(40px,6vw,64px)}.section--product .section-heading{margin-bottom:clamp(24px,4vw,40px)}.section-heading h2,.company h2{margin-top:16px;font-size:clamp(2.25rem,4.6vw,3.6rem)}.section-heading__intro{color:var(--ink-soft);margin-top:20px;font-size:1.15rem}.site-header{z-index:50;transition:background-color .25s var(--ease), border-color .25s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled,.site-header.is-open{border-bottom-color:var(--line);background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px)}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mark__core{fill:var(--accent)}.brand__name{letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.site-nav__toggle{display:none}.site-nav__menu{align-items:center;gap:28px;display:flex}.site-nav__menu ul{gap:28px;display:flex}.site-nav__menu ul a{color:var(--ink-soft);transition:color .2s var(--ease);font-size:.95rem;text-decoration:none;position:relative}.site-nav__menu ul a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-nav__menu ul a:hover{color:var(--ink)}.site-nav__menu ul a:hover:after{transform:scaleX(1)}@media (width<=759px){.js .site-nav__toggle{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.site-nav__menu{padding:8px var(--gutter) 24px;border-bottom:1px solid var(--line);background:var(--space-1);flex-direction:column;align-items:stretch;gap:16px;position:absolute;top:100%;left:0;right:0}.js .site-nav__menu{display:none}.js .site-header.is-open .site-nav__menu{display:flex}html:not(.js) .site-header__inner{flex-wrap:wrap}html:not(.js) .site-nav__menu{background:0 0;border:0;padding:0 0 16px;position:static}.site-nav__menu ul{flex-direction:column;gap:0}.site-nav__menu ul a{border-bottom:1px solid var(--line);padding:12px 0;font-size:1.05rem;display:block}.site-nav__menu ul a:after{display:none}.site-nav__menu .button{align-self:flex-start}}.hero{isolation:isolate;margin-top:-73px;padding-top:calc(73px + clamp(40px,7vw,96px));padding-bottom:clamp(64px,9vw,128px);position:relative;overflow:hidden}.starfield{z-index:-1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.starfield__stars{fill:#f6ead8}.starfield__characters{fill:#f6ead8;font-family:var(--font-han)}@media (prefers-reduced-motion:no-preference){.starfield .twinkle{animation:4.5s ease-in-out infinite twinkle;animation-delay:var(--twinkle-delay,0s)}}@keyframes twinkle{50%{opacity:.12}}.hero__inner{align-items:center;gap:clamp(48px,6vw,72px);display:grid}@media (width>=960px){.hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}.hero__eyebrow{border:1px solid var(--line-strong);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 10px;font-size:.75rem;display:inline-flex}.hero__eyebrow-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero h1{margin-top:28px;font-size:clamp(3rem,7.4vw,5.9rem);line-height:.98}.hero h1 em{color:var(--accent-ink);font-style:italic}.hero__lead{max-width:34rem;color:var(--ink-soft);margin-top:28px;font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.orbit{width:min(100%,480px);margin-inline:auto}.orbit__system{aspect-ratio:1;position:relative;container-type:inline-size}.orbit__system:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 68%);filter:blur(24px);border-radius:50%;position:absolute;inset:22%}.orbit__ring{border:1px solid var(--line-strong);transform:rotate(var(--angle,0deg));border-radius:50%;position:absolute}.orbit__ring--outer{inset:4%}.orbit__ring--middle{border-style:dashed;border-color:var(--line);inset:16%}.orbit__ring--inner{inset:26%}.orbit__body{border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:50%;translate:-50% -50%}.orbit__glyph{font-family:var(--font-han);transform:rotate(calc(-1 * var(--angle,0deg)));font-weight:700;line-height:1;display:block}.orbit__body--sun{color:#3a1405;background:radial-gradient(circle at 35% 30%,#ffd2ad,#ff8a4c 55%,#e85d1f);width:15cqi;height:15cqi;font-size:7cqi;box-shadow:0 0 28px #ff7a3d8c,0 0 80px #ff7a3d40}.orbit__body--moon{color:#1b1d29;background:radial-gradient(circle at 35% 30%,#fff,#d9d6e2 50%,#9c99ab);width:12.5cqi;height:12.5cqi;font-size:6cqi;box-shadow:0 0 30px #d6dcff47}.orbit__core{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 35%, #1a1d29, var(--space-1) 70%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:37%;box-shadow:0 0 0 10px #ffffff04,0 20px 60px -20px #000c}.orbit__core span{color:var(--ink);font-family:var(--font-han);font-size:15cqi;font-weight:500;line-height:1}@media (prefers-reduced-motion:no-preference){.orbit__ring[style]{animation:orbit var(--period,60s) linear infinite}.orbit__ring[style] .orbit__glyph{animation:counter-orbit var(--period,60s) linear infinite}}@keyframes orbit{0%{transform:rotate(var(--angle,0deg))}to{transform:rotate(calc(var(--angle,0deg) + 360deg))}}@keyframes counter-orbit{0%{transform:rotate(calc(-1 * var(--angle,0deg)))}to{transform:rotate(calc(-1 * var(--angle,0deg) - 360deg))}}.orbit__caption{max-width:22rem;color:var(--muted);text-align:center;gap:4px;margin:24px auto 0;font-size:.9rem;display:grid}.orbit__term{color:var(--ink);font-weight:500}.orbit__term [lang]{margin-right:2px;font-size:1.15em}.orbit__pinyin{color:var(--accent-ink);margin-right:4px}.section--product{background:linear-gradient(to bottom, var(--space-0), var(--space-1) 70%)}.product{align-items:center;gap:clamp(48px,7vw,96px);display:grid}@media (width>=900px){.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.product__identity{align-items:center;gap:16px;display:flex}.product__icon{width:64px;height:64px;box-shadow:0 0 0 1px var(--line-strong), 0 10px 30px -8px #ff7a3d66;border-radius:15px}.product__name{font-size:1.5rem}.product__tagline{color:var(--accent-ink);font-family:var(--font-display);margin-top:2px;font-size:1.3rem;font-style:italic}.product__description{color:var(--ink-soft);margin-top:28px;font-size:1.15rem}.product__facts{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.product__facts li{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-mono);border-radius:999px;padding:6px 12px;font-size:.78rem}.product__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.phones{aspect-ratio:1/1.08;width:min(100%,460px);margin-inline:auto;position:relative}.phones:before{content:"";z-index:-1;background:var(--accent-glow);filter:blur(70px);border-radius:50%;position:absolute;inset:12% 8% 6%}.phone{background:#1d1d20;border-radius:14%/6.6%;width:54%;padding:2.2%;position:absolute;box-shadow:inset 0 0 0 1px #4a4a4f,0 0 0 1px #0009,0 40px 80px -24px #000000d9}.phone img{border-radius:12%/5.6%;width:100%;height:auto;display:block}.phone--back{opacity:.9;top:6%;left:2%;transform:rotate(-7deg)}.phone--front{top:0;right:2%;transform:rotate(4deg)}.features{gap:16px;margin-top:clamp(56px,8vw,96px);display:grid}@media (width>=640px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.features{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .25s var(--ease), background-color .25s var(--ease);padding:26px 24px 28px}.feature:hover{border-color:var(--line-strong);background:var(--card-hover)}.feature__index{color:var(--accent-ink);font-family:var(--font-mono);font-size:.78rem}.feature h4{margin-top:18px;font-size:1.1rem}.feature p{color:var(--muted);margin-top:10px;font-size:.95rem;line-height:1.6}.principles{gap:16px;display:grid}@media (width>=900px){.principles{grid-template-columns:repeat(3,minmax(0,1fr))}}.principle{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:32px 28px 34px;position:relative;overflow:hidden}.principle:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff7a3d12,#0000 70%);border-radius:50%;width:70%;position:absolute;top:-40%;right:-30%}.principle__glyph{align-items:baseline;gap:14px;display:flex}.principle__character{color:var(--accent-ink);font-size:3.4rem;font-weight:500;line-height:1}.principle__reading{color:var(--muted);font-family:var(--font-mono);font-size:.78rem}.principle h3{margin-top:28px;font-size:1.3rem}.principle p{color:var(--ink-soft);margin-top:12px;font-size:1rem}.company{align-items:start;gap:clamp(40px,6vw,80px);display:grid}@media (width>=900px){.company{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.company__lead{max-width:40rem;color:var(--ink-soft);margin-top:24px;font-size:1.15rem}.company__facts{border-top:1px solid var(--line);margin-top:40px;display:grid}.company__facts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(8.5rem,.4fr) 1fr;gap:16px;padding-block:16px;display:grid}.company__facts dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;line-height:1.9}.company__facts dd{overflow-wrap:anywhere;min-width:0}.company__facts a{color:var(--accent-ink);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.company__facts a:hover{text-underline-offset:3px;text-decoration:underline}.contact{border:1px solid var(--line-strong);border-radius:calc(var(--radius) + 6px);background:radial-gradient(120% 90% at 100% 0%, #ff7a3d29, transparent 60%), var(--space-2);padding:clamp(28px,4vw,40px);position:relative;box-shadow:0 30px 80px -40px #000000e6}.contact h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.9rem,3.4vw,2.5rem);font-weight:400}.contact p{color:var(--ink-soft);margin-top:14px}.contact p a{color:var(--accent-ink);text-underline-offset:3px}.contact__button{max-width:100%;margin-top:28px}@media (width<=380px){.contact__button{width:100%;padding-inline:14px;font-size:.9rem}}.site-footer{border-top:1px solid var(--line);background:var(--space-0);padding-block:64px 40px}.site-footer__grid{gap:40px;display:grid}@media (width>=760px){.site-footer__grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}}.site-footer__brand p{color:var(--muted);margin-top:16px}.site-footer__email{color:var(--ink-soft);text-underline-offset:3px;margin-top:12px;display:inline-block}.site-footer__email:hover{color:var(--accent-ink)}.site-footer__heading{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.site-footer__nav ul{gap:10px;margin-top:16px;display:grid}.site-footer__nav a{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.site-footer__nav a:hover{color:var(--ink)}.site-footer__legal{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-top:24px;font-size:.85rem;display:flex}@media (prefers-reduced-motion:no-preference){.reveal-ready [data-reveal]{transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--step,0) * 80ms)}.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(18px)}.reveal-ready [data-reveal].is-instant{transition:none}}
