:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--container: 1120px;--radius: 16px;--radius-sm: 12px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--dur-1: .16s;--dur-2: .24s;--ease: cubic-bezier(.2,.8,.2,1)}:root,[data-theme=light]{--bg: #f5f5f7;--surface: rgba(255,255,255,.62);--surface-2: rgba(255,255,255,.82);--text: #111827;--muted: #4b5563;--border: rgba(17,24,39,.12);--primary: #168aff;--shadow: 0 20px 60px rgba(17,24,39,.12);--ring: 0 0 0 4px rgba(120,61,216,.18)}[data-theme=dark]{--bg: #121212;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--border: rgba(255,255,255,.14);--primary: #4A9FE8;--shadow: 0 22px 80px rgba(0,0,0,.55);--ring: 0 0 0 4px rgba(155,109,255,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}body{margin:0;font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}:root body,[data-theme=light] body{background:radial-gradient(900px 520px at 80% -10%,rgba(120,61,216,.12),transparent 60%),radial-gradient(900px 520px at 18% -10%,rgba(120,61,216,.08),transparent 60%),var(--bg)}[data-theme=dark] body{background:radial-gradient(900px 480px at 18% -6%,rgba(155,109,255,.18),transparent 55%),radial-gradient(900px 520px at 80% -10%,rgba(155,109,255,.14),transparent 60%),var(--bg)}body.page-simple{background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.section{padding:var(--space-8) 0}.section-title{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.02em;margin:0 0 var(--space-5)}.section-subtitle{margin:-10px 0 var(--space-6);color:var(--muted)}.navbar{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;box-shadow:none;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.navbar:not(.scrolled){border-bottom-color:transparent!important;box-shadow:none!important}.navbar.scrolled{border-bottom:.5px solid var(--border);box-shadow:0 1px 8px #0000000f}[data-theme=light] .navbar.scrolled{border-bottom:.5px solid rgba(17,24,39,.15);box-shadow:0 1px 8px #00000014}[data-theme=dark] .navbar.scrolled{box-shadow:0 1px 12px #0000004d}[data-theme=light] .navbar{background:#f5f5f7c7}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.brand-text{font-size:18px;font-weight:700;color:var(--text)}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;overflow:hidden}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--surface) 92%,transparent);font-size:12px;color:var(--muted)}.nav-links{display:flex;gap:4px;align-items:center;position:relative}.nav-links a{padding:8px 12px;border-radius:10px;position:relative;z-index:1;transition:color var(--dur-1) var(--ease);border:1px solid transparent}.nav-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-2);border-radius:10px;opacity:0;transition:opacity .2s ease;z-index:-1}[data-theme=dark] .nav-links a:before{background:#ffffff1f}.nav-links a:hover{text-decoration:none}.nav-links a:hover:before,.nav-links a.active:before{opacity:1}.nav-controls{display:flex;gap:12px;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:999px;background:transparent;cursor:pointer;color:var(--muted);transition:color var(--dur-1) var(--ease)}.theme-toggle:hover{color:var(--text)}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:block}.lang-dropdown{position:relative}.lang-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--surface) 92%,transparent);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.lang-trigger:hover{background:color-mix(in oklab,var(--surface-2) 92%,transparent);border-color:var(--primary)}.lang-menu,.download-menu{position:absolute;top:calc(100% + 8px);border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),visibility var(--dur-1)}[data-theme=light] .lang-menu,[data-theme=light] .download-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .lang-menu,[data-theme=dark] .download-menu{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lang-menu{right:0;min-width:140px;padding:6px;border-radius:12px}.lang-dropdown.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu button{display:block;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.lang-menu button:hover{background:color-mix(in oklab,var(--surface-2) 92%,transparent);color:var(--text)}.lang-menu button.active{color:var(--primary);font-weight:600}.mobile-toggle{display:none;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;padding:10px;cursor:pointer;order:10}.mobile-toggle .close-icon,.navbar[data-open=true] .mobile-toggle .menu-icon{display:none}.navbar[data-open=true] .mobile-toggle .close-icon{display:block}.hero{padding:var(--space-8) 0 var(--space-7)}.hero:has(.hero-announcement){padding-top:28px}.hero-announcement{text-align:center;margin-bottom:20px}.announcement{display:inline-flex;align-items:center;gap:8px;font-size:14px;height:32px;padding:0 14px;margin-bottom:16px;border-radius:8px;border:none;background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary);text-decoration:none;transition:background .2s}[data-theme=dark] .announcement{background:color-mix(in oklab,var(--primary) 22%,transparent)}.announcement:hover{background:color-mix(in oklab,var(--primary) 20%,transparent);text-decoration:none}[data-theme=dark] .announcement:hover{background:color-mix(in oklab,var(--primary) 30%,transparent)}.announcement-arrow{font-size:16px;color:var(--primary);opacity:.6;transition:opacity .2s}.announcement:hover .announcement-arrow{opacity:1}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-7);align-items:center}.hero h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.04em;margin:0 0 10px;white-space:nowrap}.hero .tagline{font-size:clamp(18px,2vw,22px);color:var(--muted);margin:0 0 var(--space-4)}.hero .desc{color:var(--muted);margin:0 0 var(--space-5);opacity:.7}[data-theme=dark] .hero .desc{opacity:.6}.actions{display:flex;gap:20px;flex-wrap:wrap}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 92%,transparent);color:var(--text);font-weight:700;overflow:hidden;z-index:1;transition:color .25s ease}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text);border-radius:14px 14px 50% 50%;transform:translateY(100%) scaleX(.1) scaleY(.5);transform-origin:center bottom;transition:transform .2s ease,border-radius .2s ease;z-index:-1}[data-theme=light] .btn:before{background:#282828}.btn:hover{color:var(--bg);text-decoration:none}[data-theme=light] .btn:hover{color:#fff}.btn:hover:before{transform:translateY(0) scaleX(1) scaleY(1);border-radius:14px}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{position:relative;border:none;background:var(--primary);color:#fff;overflow:hidden;z-index:1;transition:color .25s ease,background 0s ease .2s}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:14px 14px 50% 50%;transform:translateY(100%) scaleX(.1) scaleY(.5);transform-origin:center bottom;transition:transform .2s ease,border-radius .2s ease;z-index:-1}[data-theme=light] .btn-primary:before{background:#282828}.btn-primary:hover{color:#111827;background:#fff;transition:color .25s ease,background 0s ease .2s}[data-theme=light] .btn-primary:hover{color:#fff;background:#282828}.btn-primary:hover:before{transform:translateY(0) scaleX(1) scaleY(1);border-radius:14px}.btn-primary:not(:hover){transition:color .25s ease,background 0s ease 0s}.card{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 92%,transparent);border-radius:var(--radius);box-shadow:var(--shadow)}.card-inner{padding:var(--space-6)}[data-theme=light] .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=dark] .card{box-shadow:0 0 0 1px #ffffff0a inset,0 18px 70px #0000008c}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:color-mix(in oklab,var(--surface) 92%,transparent);font-weight:650;font-size:13px}.feature-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.feature-icon{color:var(--muted);flex-shrink:0}.feature-title{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}.feature-header .feature-title{margin:0}.feature-desc{margin:0;color:var(--muted)}.hero-media{position:relative}.app-mock{position:relative;overflow:hidden;min-height:220px}.app-mock .mock-top{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);align-items:center}.dot{width:10px;height:10px;border-radius:999px;background:var(--border)}.dot:nth-child(1){background:#ff5f57}.dot:nth-child(2){background:#febc2e}.dot:nth-child(3){background:#28c840}.app-mock .mock-body{padding:16px}.mock-line{height:10px;border-radius:999px;background:var(--border);margin:10px 0}.mock-line:first-child{margin-top:6px}.mock-line.w-60{width:60%}.mock-line.w-80{width:80%}.mock-line.w-45{width:45%}.mock-box{margin-top:14px;border-radius:14px;border:1px dashed var(--border);padding:14px;color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:1.5;height:120px;overflow:hidden}.typing-content{display:inline}.typing-cursor{display:inline-block;color:var(--primary);animation:blink 1s step-end infinite;font-weight:400}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-title{font-size:16px;font-weight:700;color:var(--text);display:block;margin-bottom:8px}.typing-list{list-style:disc;padding-left:20px;margin:0}.typing-list li{margin:4px 0}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.footer{margin-top:96px;padding:26px 0 46px;border-top:1px solid var(--border);color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer a{color:var(--muted)}.footer a:hover{color:var(--text);text-decoration:none}.about-text{margin:0 0 12px;color:var(--muted)}.about-text-last{margin:0}.mock-filename{margin-left:10px;color:var(--muted);font-weight:650}.gallery-wrapper{display:flex;align-items:center;gap:16px;position:relative}.gallery-track-wrapper{flex:1;overflow:hidden;border-radius:16px;position:relative;background:transparent}.gallery-track-wrapper:before,.gallery-track-wrapper:after{display:none}.gallery-track{display:flex;gap:40px;transition:transform .6s cubic-bezier(.25,.1,.25,1);cursor:grab;padding:0}.gallery-track:active{cursor:grabbing}.gallery-item{flex-shrink:0;width:912px;margin:0;text-align:center;opacity:.4;transform:scale(.92);filter:blur(2px);transition:all .6s cubic-bezier(.25,.1,.25,1)}.gallery-item.active{opacity:1;transform:scale(1);filter:blur(0)}.gallery-item img,.gallery-item video{width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gallery-arrow{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3}.gallery-arrow:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.05)}.gallery-arrow:active{transform:scale(.95)}.gallery-arrow.disabled{opacity:.3;cursor:default}.gallery-dots{display:none}.gallery-names{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:var(--space-4);max-width:900px;margin-left:auto;margin-right:auto}.gallery-name{padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.gallery-name:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:color-mix(in oklab,var(--primary) 20%,transparent);transition:width .1s linear;z-index:-1}.gallery-name.next:before{animation:fillProgress 5s linear forwards}@keyframes fillProgress{0%{width:0}to{width:100%}}.gallery-name:hover{color:var(--text);border-color:var(--text-muted)}.gallery-name.active{background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary);border-color:var(--primary)}.gallery-name.active:before{display:none}.gallery-video{margin-top:var(--space-6);text-align:center}.gallery-video-wrapper{display:inline-block;max-width:800px;width:100%;border-radius:12px;overflow:hidden;margin-top:24px}.gallery-video video{width:100%;height:auto;display:block}.gallery-video-caption{margin-top:12px;font-size:14px;color:var(--muted);font-weight:500}@media (max-width: 920px){.hero-announcement{text-align:left}.hero-grid{grid-template-columns:1fr;gap:var(--space-6)}.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width: 820px){body.menu-open{overflow:hidden;touch-action:none}.nav-links{display:none}.mobile-toggle{display:inline-flex;border:none;padding:8px;margin-right:-8px}.theme-toggle{display:none}.lang-trigger{border:none;background:transparent;padding:8px}.nav-controls{gap:12px}.navbar-inner{flex-wrap:wrap}.navbar[data-open=true]{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;z-index:50;background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .navbar[data-open=true]{background:#f5f5f7}[data-theme=dark] .navbar[data-open=true]{background:#121212}.navbar[data-open=true] .nav-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:absolute;top:58px;left:0;right:0;bottom:0;width:100%;background:var(--bg);z-index:100;gap:0;padding:16px var(--space-5)}[data-theme=light] .navbar[data-open=true] .nav-links{background:#f5f5f7fa}[data-theme=dark] .navbar[data-open=true] .nav-links{background:#121212fa}.navbar[data-open=true] .nav-links a{padding:14px 0 14px 16px;font-size:18px;font-weight:600;width:100%;border-radius:0}.navbar[data-open=true] .lang-dropdown{display:none}.navbar[data-open=true] .mobile-toggle{z-index:101}.hero h1{font-size:clamp(24px,6.5vw,36px);white-space:nowrap}.hero .tagline{font-size:clamp(14px,4vw,18px)}.hero-media{display:block;margin-top:var(--space-5)}.section-title{font-size:clamp(20px,5vw,28px)}.gallery-item{width:100%;overflow:hidden}.gallery-item img{margin:-4.4%;width:108.8%;max-width:none}.gallery-track{gap:20px}.gallery-track-wrapper:before,.gallery-track-wrapper:after{display:none}.gallery-arrow{display:none}.gallery-wrapper{gap:0}.footer-inner{flex-direction:column;text-align:center;gap:12px}[data-theme=dark] .card{box-shadow:none}.gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 16px}.section{padding:var(--space-6) 0}.brand-text{font-size:16px}.nav-controls{gap:8px}.lang-trigger{padding:6px 10px;font-size:13px}.actions{display:none}.hero .desc{margin-bottom:0}.hero{padding-top:64px}.card-inner{padding:var(--space-4)}.kicker{font-size:12px;padding:6px 10px}.grid-3 .card .card-inner,.grid-2 .card .card-inner,.feature-title,.feature-desc{text-align:left}}.pricing-headline{margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.6}.pricing-desc{margin:0;color:var(--muted);line-height:1.8}.download-dropdown{position:relative;display:inline-block}#download .card .card-inner{display:flex;flex-direction:column;height:100%;min-height:160px}#download .card .feature-desc{margin-bottom:24px}.download-trigger{display:inline-flex;align-items:center;gap:10px;width:100%;max-width:278px;height:44px}.download-trigger .dropdown-arrow{margin-left:auto;transition:transform var(--dur-1) var(--ease)}.download-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.download-menu{left:0;right:0;padding:8px;border-radius:12px;z-index:10}.download-dropdown.open .download-menu{opacity:1;visibility:visible;transform:translateY(0)}.download-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;border:1px solid transparent;color:var(--text);font-size:15px;font-weight:500;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.download-option:first-child{background:transparent;border-color:transparent}.download-option:hover{background:var(--surface-2);text-decoration:none}.download-option svg{color:var(--muted)}.legal-content h2{font-size:18px;margin:28px 0 12px;letter-spacing:-.01em}.legal-content h2:first-of-type{margin-top:0}.legal-content p{color:var(--muted);line-height:1.7;margin:0 0 12px}.legal-content ul{color:var(--muted);line-height:1.7;margin:0 0 12px;padding-left:24px}.legal-content li{margin:6px 0}.legal-content a{color:var(--primary)}.legal-updated{font-size:14px;color:var(--muted);opacity:.7;margin-bottom:24px!important}.release-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 20px;margin-bottom:16px}.release-version{font-size:20px;margin:0;letter-spacing:-.01em}.release-tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:#22c55e20;color:#16a34a}[data-theme=dark] .release-tag{background:#22c55e30;color:#4ade80}.release-date{font-size:14px;color:var(--muted)}.release-content p{color:var(--muted);line-height:1.7;margin:0 0 12px}.release-content p:last-child{margin-bottom:0}.contact-grid{gap:var(--space-5)}.contact-icon{color:var(--primary);margin-bottom:16px}.contact-title{margin:0 0 8px;font-size:18px;letter-spacing:-.01em}.contact-desc{margin:0;color:var(--muted)}.contact-email{display:inline-block;margin-top:12px;color:var(--primary);font-weight:600}.contact-email:hover{text-decoration:underline}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--surface-2);color:var(--muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.social-link:hover{background:var(--primary);color:#fff;text-decoration:none}
