:root{--bg:#fff;--band:#f5f5f7;--stage-hi:#fff;--stage-lo:#e8e8ed;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#0071e3;--link:#06c;--glass:#ffffffb8;--glass-line:#0000000f;--nav:#fafafccc;--chip:#e8e8ed;--tip:#f0f6ff;--warn:#fff4f2;--warn-ink:#b3261e;--shadow:0 20px 60px #0000001a;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Noto Sans SC", "Microsoft YaHei", sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--band:#101012;--stage-hi:#2a2a2d;--stage-lo:#0b0b0c;--ink:#f5f5f7;--muted:#86868b;--line:#3a3a3c;--blue:#0a84ff;--link:#2997ff;--glass:#1c1c1eb8;--glass-line:#ffffff14;--nav:#161617cc;--chip:#2c2c2e;--tip:#0e2238;--warn:#3a1512;--warn-ink:#ff8a80;--shadow:0 20px 60px #00000080;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--band:#101012;--stage-hi:#2a2a2d;--stage-lo:#0b0b0c;--ink:#f5f5f7;--muted:#86868b;--line:#3a3a3c;--blue:#0a84ff;--link:#2997ff;--glass:#1c1c1eb8;--glass-line:#ffffff14;--nav:#161617cc;--chip:#2c2c2e;--tip:#0e2238;--warn:#3a1512;--warn-ink:#ff8a80;--shadow:0 20px 60px #00000080;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:52px}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.47}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[hidden]{display:none!important}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--nav);z-index:31;position:fixed;inset:0 0 auto}.localnav{top:env(safe-area-inset-top,0px);z-index:30;background:var(--nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--glass-line);height:52px;position:sticky}.localnav-inner{max-width:1200px;height:100%;padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));align-items:center;gap:28px;margin:0 auto;display:flex}.product{color:var(--ink);letter-spacing:.01em;white-space:nowrap;flex:none;font-size:21px;font-weight:600;text-decoration:none}.product span{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:12px;font-weight:400}#tasksMain{scrollbar-width:none;gap:22px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}#tasksMain::-webkit-scrollbar{display:none}#tasksMain button{color:var(--ink);opacity:.8;background:0 0;border:0;border-bottom:1px solid #0000;flex:none;padding:4px 0;font-size:12px;transition:opacity .2s}#tasksMain button:hover{opacity:1;color:var(--link)}#tasksMain button.active{opacity:1;border-bottom-color:var(--ink)}.navlink{color:#fff;background:var(--blue);border-radius:980px;flex:none;padding:4px 11px;font-size:12px;line-height:1.33;text-decoration:none}.tasks button:disabled{opacity:.35;cursor:default}.tasks button .soon{color:var(--muted);margin-left:4px;font-size:11px}.hero{height:calc(100svh - 52px - env(safe-area-inset-top,0px));min-height:600px;position:relative}#stage{background:radial-gradient(ellipse 70% 60% at 38% 45%, var(--stage-hi) 0%, var(--stage-lo) 100%);position:absolute;inset:0;overflow:hidden}#stage canvas{touch-action:none;width:100%;height:100%;display:block}.stepcard{z-index:8;top:50%;right:max(32px, env(safe-area-inset-right,0px));background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:saturate(180%)blur(24px);width:400px;max-height:calc(100% - 64px);box-shadow:var(--shadow);border-radius:28px;padding:34px 34px 28px;position:absolute;overflow-y:auto;transform:translateY(-50%)}.eyebrow{color:var(--blue);letter-spacing:0;font-size:14px;font-weight:600}.stepmeta{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin:6px 0 18px;font-size:12px;display:flex}.stepmeta .bar{flex:1}.bar{background:var(--chip);border-radius:99px;height:3px;overflow:hidden}.bar i{background:var(--ink);border-radius:99px;width:0;height:100%;transition:width .5s cubic-bezier(.28,.11,.32,1);display:block}.steptitle{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:34px;font-weight:700;line-height:1.12}.steptext{color:var(--muted);margin:0;font-size:17px}.steptext b,.steptext strong{color:var(--ink)}.tip,.warn{border-radius:14px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5}.tip{background:var(--tip);color:var(--ink)}.warn{background:var(--warn);color:var(--warn-ink)}.tip:before,.warn:before{margin-bottom:2px;font-size:12px;font-weight:600;display:block}.tip:before{content:"提示";color:var(--blue)}.warn:before{content:"注意"}.action{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px;display:flex}.clickhint{color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.clickhint:before{content:"";background:var(--blue);width:8px;height:8px;box-shadow:0 0 0 0 var(--blue);border-radius:50%;flex:none;animation:1.8s infinite ping}@keyframes ping{0%{box-shadow:0 0 #0071e380}80%,to{box-shadow:0 0 0 10px #0071e300}}.done{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.done:before{content:"✓";color:#fff;background:#34c759;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.done.busy:before{content:"";border:2px solid var(--line);border-top-color:var(--blue);background:0 0;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill{border:0;border-radius:980px;padding:11px 22px;font-size:17px;font-weight:400;line-height:1.18;transition:background .2s,color .2s,opacity .2s}.primary{background:var(--blue);color:#fff}.primary:hover{filter:brightness(1.08)}.ghost{color:var(--link);box-shadow:inset 0 0 0 1px var(--link);background:0 0}.ghost:hover{background:var(--link);color:#fff}.linkbtn{color:var(--link);background:0 0;border:0;padding:0;font-size:17px}.linkbtn:after{content:" ›"}.linkbtn:hover{text-decoration:underline}.nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding-top:18px;display:flex}.round{background:var(--chip);width:40px;height:40px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid}.round svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.round:disabled{opacity:.3;cursor:default}.nav .next{padding:9px 20px;font-size:15px}.next.ready{background:var(--blue);color:#fff;box-shadow:none}#tooltip{pointer-events:none;z-index:5;white-space:nowrap;background:var(--glass);color:var(--ink);opacity:0;-webkit-backdrop-filter:blur(12px);border-radius:8px;padding:5px 10px;font-size:12px;transition:opacity .12s;position:absolute;transform:translate(-50%,-150%);box-shadow:0 4px 16px #0000001f}#hint{pointer-events:none;z-index:4;display:none;position:absolute;top:0;left:0}#hint span{white-space:nowrap;background:var(--blue);color:#fff;border-radius:980px;padding:6px 14px;font-size:13px;font-weight:500;animation:1.4s ease-in-out infinite bob;position:absolute;transform:translate(-50%,-120%);box-shadow:0 6px 20px #0071e359}#hint span:after{content:"";border:5px solid #0000;border-top-color:var(--blue);border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}@keyframes bob{0%,to{margin-top:0}50%{margin-top:-5px}}#info{z-index:6;max-width:320px;color:var(--muted);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:18px;padding:16px 18px;font-size:14px;transition:all .3s cubic-bezier(.28,.11,.32,1);position:absolute;top:28px;left:32px;transform:translateY(-8px)}#info.show{opacity:1;transform:none}#info b{color:var(--ink);margin-bottom:2px;font-size:17px;display:block}#legend{color:var(--muted);z-index:3;font-size:12px;position:absolute;bottom:26px;left:32px}#saying{z-index:5;white-space:nowrap;pointer-events:none;background:var(--ink);color:var(--bg);opacity:0;border-radius:980px;padding:8px 18px;font-size:14px;transition:opacity .25s;position:absolute;bottom:26px;left:38%;transform:translate(-50%)}#celebrate{z-index:10;background:color-mix(in srgb, var(--bg) 40%, transparent);-webkit-backdrop-filter:blur(16px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}@media (width>=1000px){#celebrate{padding-right:max(32px, env(safe-area-inset-right,0px));justify-content:flex-end}#celebrate .box{width:400px}}#celebrate .box{text-align:center;max-width:600px;padding:0 24px;animation:.6s cubic-bezier(.28,.11,.32,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}#celebrate .check svg{fill:none;width:64px;height:64px;stroke:var(--blue);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}#celebrate .check circle{stroke-dasharray:151;stroke-dashoffset:151px;animation:.7s .1s forwards draw}#celebrate .check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s .6s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}#celebrate h2{letter-spacing:-.02em;margin:18px 0 8px;font-size:40px;font-weight:700;line-height:1.1}#celebrate p{color:var(--muted);margin:0 0 26px;font-size:19px}#celebrate .row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero:has(#celebrate[style*=flex]) .stepcard{opacity:0;pointer-events:none}.stepcard{transition:opacity .3s}#loading{z-index:20;background:var(--bg);color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}#loading .loadbox{text-align:center;width:220px}#loading .bar{margin-top:12px}#loading .bar i{transition:width .2s}.band{background:var(--band)}.band-inner{text-align:center;max-width:820px;padding-block:110px 120px;padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));margin:0 auto}.kicker{color:var(--muted);margin:0 0 8px;font-size:21px;font-weight:600}.headline{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:64px;font-weight:700;line-height:1.06}.lede{max-width:34em;color:var(--muted);margin:20px auto 40px;font-size:21px}#tasksFaq{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;display:flex}#tasksFaq button{background:var(--bg);color:var(--ink);border:0;border-radius:18px;padding:16px 22px;font-size:17px;transition:transform .3s cubic-bezier(.28,.11,.32,1),box-shadow .3s;box-shadow:0 2px 12px #0000000d}#tasksFaq button:after{content:"  在 3D 里看 ›";color:var(--link);font-size:14px}#tasksFaq button:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000014}#tasksFaq button.active{box-shadow:inset 0 0 0 2px var(--blue)}.askbox{text-align:left;background:var(--bg);border-radius:28px;padding:28px;box-shadow:0 2px 12px #0000000a}#chat{flex-direction:column;gap:10px;max-height:320px;margin-bottom:16px;display:flex;overflow-y:auto}.msg{border-radius:20px;max-width:85%;padding:10px 15px;font-size:15px}.msg.me{background:var(--blue);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.msg.bot{background:var(--chip);color:var(--ink);border-bottom-left-radius:6px;align-self:flex-start}.msg.bot button{background:var(--blue);color:#fff;border:0;border-radius:980px;margin:8px 8px 0 0;padding:6px 14px;font-size:14px}.msg.bot button.alt{color:var(--link);box-shadow:inset 0 0 0 1px var(--link);background:0 0}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chips button{background:var(--chip);color:var(--ink);border:0;border-radius:980px;padding:6px 14px;font-size:14px}.chips button:hover{color:var(--link)}form.askform{gap:10px;display:flex}form.askform input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--ink);border-radius:980px;flex:1;padding:11px 18px;font-family:inherit;font-size:17px}form.askform input:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 20%, transparent);outline:none}.note{color:var(--muted);margin:14px 0 0;font-size:12px}.facts-inner{text-align:center;max-width:1000px;padding-block:100px;padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0 auto;display:grid}.facts b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1.08;display:block}.facts span{color:var(--muted);margin-top:8px;font-size:17px;display:block}.foot{border-top:1px solid var(--line);background:var(--band)}.foot p{max-width:1000px;color:var(--muted);padding-block:20px calc(28px + env(safe-area-inset-bottom,0px));padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));margin:0 auto;font-size:12px;line-height:1.6}@media (width<=999px){.hero{height:auto;min-height:0}#stage{background:radial-gradient(ellipse 80% 60% at 50% 45%, var(--stage-hi) 0%, var(--stage-lo) 100%);height:58svh;min-height:340px;position:relative}.stepcard{background:var(--bg);-webkit-backdrop-filter:none;border-radius:24px;width:auto;max-height:none;margin:-28px 12px 0;padding:26px 22px 20px;position:relative;top:auto;right:auto;overflow:visible;transform:none}.steptitle{font-size:28px}#legend{display:none}#saying{left:50%}#info{max-width:none;top:16px;left:16px;right:16px}.localnav-inner{gap:18px}.product span{display:none}.headline{font-size:44px}.band-inner{padding-block:80px 90px}.facts-inner{grid-template-columns:minmax(0,1fr);gap:44px;padding-block:72px}.facts b{font-size:36px}#celebrate h2{font-size:30px}}@media (width<=480px){.navlink{display:none}.headline{font-size:38px}.lede{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clickhint:before,#hint span,#celebrate .box,.done.busy:before{animation:none}#celebrate .check circle,#celebrate .check path{stroke-dashoffset:0;animation:none}}