*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#123760;font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;background:#f5faff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #881144;outline-offset:6px}button:disabled{cursor:default;opacity:.45}.hero{position:relative;min-height:100svh;overflow:hidden;background:#e9f5ff url(/sky-handpainted.png) center center/100% 100% no-repeat;padding:18px 24px 32px;isolation:isolate}header{height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#ffffffdc;border:1px solid #fff;border-radius:20px;box-shadow:0 4px 16px #2c5e7a08;position:relative;z-index:5}header img{width:168px;height:55px;object-fit:contain}nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:550;color:#182942}nav button{border:0;background:transparent;color:inherit;padding:8px 0}nav a:hover,nav button:hover{color:#38b}.content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.stage{height:clamp(285px,43vh,430px);width:min(760px,92vw);display:grid;place-items:center;perspective:800px;margin-top:18px}.toy{width:370px;max-width:55vw;height:260px;object-fit:contain;will-change:transform;filter:drop-shadow(0 22px 14px #31779c14)}.slogan-wrap{width:min(1060px,94vw);height:86px;margin:4px 0 32px;text-align:center;display:grid;place-items:center}h1{width:100%;margin:0;font-family:Yuanti SC,Hiragino Maru Gothic ProN,Arial Rounded MT Bold,PingFang SC,sans-serif;font-size:clamp(23px,3.35vw,47px);font-weight:900;line-height:1.7;letter-spacing:.025em;color:#123f73;-webkit-text-stroke:.45px currentColor;white-space:nowrap}.downloads{display:grid;grid-template-columns:210px;gap:22px;position:relative;z-index:3;padding:0 10px 30px}.download{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:22px;padding:16px 22px;border-radius:18px;border:1px solid #dbe4ec;background:#ffffffc4;color:#263645;height:82px;box-shadow:0 3px 4px #2f537713;transform-origin:center;will-change:transform,border-radius}.download strong{display:block;font-size:18px;font-weight:600;line-height:1.3}.download small{display:block;font-size:12px;margin-top:4px;letter-spacing:.05em;color:#71828a}.download svg{width:27px;height:29px;flex-shrink:0}.download.primary{color:#fff;background:#318ade;border:1px solid #2280d3;position:relative}.download.primary small{color:#e8f5ff}.unavailable{cursor:default;color:#54616b}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.toast{position:fixed;z-index:10;left:50%;bottom:30px;transform:translate(-50%);max-width:90vw;width:max-content;background:#183e60ed;color:#fff;padding:14px 22px;border-radius:14px;font-size:14px;box-shadow:0 8px 28px #163c6320}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-height:900px){.stage{margin-top:45px}.slogan-wrap{margin-bottom:50px}}@media(max-width:760px){.hero{padding:10px 12px 24px}header{height:64px;padding:0 18px;border-radius:16px}header img{width:116px;height:40px}nav{gap:15px;font-size:12px}nav button:first-of-type{display:none}.stage{margin-top:25px;height:310px}.toy{width:290px;max-width:72vw;height:220px}.slogan-wrap{height:68px;margin:4px 0 24px}h1{font-size:clamp(18px,3.8vw,28px);letter-spacing:0}.downloads{grid-template-columns:minmax(190px,210px);gap:15px 20px}.download{height:72px;padding:13px 18px}.download strong{font-size:16px}}.features{background:#fcfbf9;padding:76px max(30px,calc((100vw - 1160px)/2)) 100px;scroll-margin-top:20px;overflow:hidden;color:#193551}.features-intro{margin-bottom:60px;display:flex;align-items:baseline;gap:24px}.features-intro>span{font-size:13px;letter-spacing:.16em;color:#607991}.features-intro p{font-size:14px;color:#7f8b95;margin:0}.feature-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}.feature-copy{min-height:375px;display:flex;align-items:center}.feature-copy-inner{animation:copy-enter .5s ease both}.feature-eyebrow{display:block;font-size:18px;color:var(--accent);font-weight:650;margin-bottom:24px}.feature-copy h2{font-family:Yuanti SC,Hiragino Maru Gothic ProN,PingFang SC,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.55;white-space:pre-line;letter-spacing:.025em;margin:0 0 28px;font-weight:800}.feature-description{font-size:16px;line-height:1.95;max-width:365px;color:#5d6c78;margin:0 0 15px}.feature-detail{font-size:13px;color:#8a969f;line-height:1.8;margin:0 0 36px}.feature-counter{font-size:14px;color:#a3aab1}.feature-counter strong{font-size:21px;font-weight:550;color:var(--accent)}.deck-column{min-width:0}.deck{position:relative;height:550px;isolation:isolate;margin-right:5px}.feature-card{position:absolute;inset:0 auto auto 0;width:calc(100% - 60px);height:350px;background:var(--paper);border:1px solid var(--edge);border-top-color:#fffffff0;border-left-color:#ffffffc9;border-radius:24px;transform:translate(calc(var(--rank)*14px),calc(var(--rank)*46px)) rotate(calc((var(--rank) - 4)*-.65deg));transform-origin:50% 85%;box-shadow:inset 0 2px 2px #fff9,inset 0 -5px 2px var(--edge),0 5px 0 var(--edge),0 8px 13px #34445e12;transition:transform .72s cubic-bezier(.22,.78,.22,1),box-shadow .6s ease;will-change:transform}.feature-card.selected{box-shadow:inset 0 2px 2px #fffc,inset 0 -5px 2px var(--edge),0 5px 0 var(--edge),0 18px 38px var(--glow),0 4px 10px #35445c12}.card-tab{border:0;background:transparent;color:var(--accent);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;line-height:1;padding:0 24px;text-align:left;border-radius:24px 24px 0 0}.card-tab>span{font-size:11px;letter-spacing:.1em;opacity:.55}.card-tab:hover{background:#ffffff35}.card-tab:focus-visible{outline-offset:-4px}.card-face{display:block;width:100%;height:calc(100% - 50px);border:0;background:transparent;padding:9px 17px 18px;text-align:center;color:inherit;border-radius:0 0 24px 24px}.card-face:disabled{opacity:1;cursor:default}.screenshot-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:calc(100% - 32px);border:1px solid #ffffffed;border-radius:16px;background:#faf9f7;box-shadow:inset 0 1px 3px #747d8e0e,0 2px 6px #38466014;color:#959ba0;transition:background .2s}.selected .card-face:hover .screenshot-slot{background:#fff}.placeholder-label{font-size:18px;letter-spacing:.06em}.placeholder-caption{font-size:12px;color:#a1a4a7}.card-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;height:32px;color:var(--accent);padding:9px 5px 0;opacity:.8}.deck-hint{text-align:center;margin:12px 0 0;font-size:12px;color:#929ba4;letter-spacing:.02em}.deck-hint span{margin:0 12px}@keyframes copy-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.feature-layout{gap:28px;grid-template-columns:.85fr 1.15fr}.features{padding-inline:28px}.feature-card{height:310px}.deck{height:505px}.feature-copy h2{font-size:30px}}@media(max-width:650px){.features{padding:48px 22px 65px}.features-intro{display:block;margin-bottom:30px}.features-intro p{margin-top:10px;font-size:12px}.feature-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}.feature-copy{min-height:300px;align-items:flex-start}.feature-copy h2{font-size:29px;margin-bottom:16px}.feature-eyebrow{font-size:16px;margin-bottom:12px}.feature-description{font-size:14px;max-width:none}.feature-detail{margin-bottom:18px;font-size:12px}.deck{height:465px;margin:0}.feature-card{width:calc(100% - 32px);height:290px;border-radius:19px;transform:translate(calc(var(--rank)*8px),calc(var(--rank)*40px)) rotate(calc((var(--rank) - 4)*-.4deg))}.card-tab{height:40px;padding:0 18px;font-size:18px}.card-face{height:calc(100% - 40px);padding:8px 12px 14px}.placeholder-label{font-size:15px}.placeholder-caption{font-size:11px}.deck-hint{font-size:11px;margin-top:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}.feature-copy-inner{animation:none}}.section-kicker{font-size:12px;letter-spacing:.14em;color:#7e8b96}.story-section{padding:88px max(30px,calc((100vw - 1120px)/2)) 100px;background:#f7f7f2}.story-heading{margin-bottom:52px}.story-heading h2,.closing-section h2{font-family:Yuanti SC,PingFang SC,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.5;margin:15px 0;color:#233f59}.story-layout{display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:start}.product-note{border:1px solid #fff;border-radius:26px;background:#edf4f8;padding:35px 30px;box-shadow:inset 0 2px 2px #fff,0 8px 24px #233f5908}.product-note>img{width:165px;height:62px;object-fit:contain;object-position:left}.product-definition{font-size:14px;line-height:1.8;color:#627e91}.product-note dl{margin:32px 0}.product-note dl>div{padding:18px 0;border-top:1px solid #d8e5ed}.product-note dt{font-size:17px;font-weight:650;color:#38b;margin-bottom:8px}.product-note dd{margin:0;font-size:13px;line-height:1.85;color:#667b8a}.text-link{font-size:14px;color:#287eb2;display:inline-block}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.my-story h3{font-family:Yuanti SC,PingFang SC,sans-serif;font-size:30px;line-height:1.6;font-weight:750;margin:16px 0 26px}.my-story>p{font-size:15px;line-height:2.05;color:#657280;margin:0 0 18px}.story-photo{margin:35px 0 0;background:#fff;padding:14px 14px 20px;border:1px solid #e6e5df;box-shadow:0 5px 15px #253b4d09;transform:rotate(-1deg);border-radius:5px}.story-photo>div{height:230px;background:#edece8;color:#9b9d98;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:16px}.story-photo span{font-size:12px}.story-photo figcaption{font-size:11px;color:#92958f;text-align:center;margin-top:16px}.closing-section{text-align:center;padding:85px 25px 90px;background:#edf6fc}.closing-section h2{margin:20px 0 30px}.closing-section>div{display:flex;gap:28px;align-items:center;justify-content:center}.solid-link{display:inline-block;border-radius:15px;background:#38b;color:#fff;padding:16px 26px;font-size:14px;box-shadow:inset 0 1px 1px #fff7,0 5px 15px #3388bb20}.solid-link:hover{background:#2677aa}.closing-section>p{font-size:12px;color:#8a9ba9;margin:24px 0 0}.site-footer{padding:40px max(30px,calc((100vw - 1120px)/2)) 26px;background:#fcfbf9;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.site-footer img{width:100px;height:36px;object-fit:contain;object-position:left}.site-footer p{font-size:12px;color:#8a959f;margin:8px 0}.site-footer nav{font-size:13px;gap:26px;font-weight:400}.site-footer>small{grid-column:1/-1;border-top:1px solid #e7eaeb;padding-top:20px;color:#9ca5ac;font-size:11px}.docs-page{background:#fcfbf9;min-height:100svh}.docs-header{padding:18px 24px;background:#edf5fa;position:sticky;top:0;z-index:20}.docs-header header{height:68px}.docs-header nav a[aria-current=page]{color:#38b}.docs-shell{max-width:1320px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 155px;gap:54px;padding:48px 38px 85px;align-items:start;min-height:calc(100svh - 104px)}.docs-sidebar{position:sticky;top:140px;max-height:calc(100svh - 165px);overflow:auto;padding-right:8px}.docs-brand{font-size:19px;font-weight:750;display:block;margin-bottom:22px}.guide-search input{width:100%;border:1px solid #dfe7eb;background:#f2f5f6;border-radius:10px;padding:12px;font:inherit;font-size:12px;color:#234967}.docs-sidebar nav{display:block}.doc-group{margin-top:26px}.doc-group>p{font-size:11px;color:#9ba2a7;letter-spacing:.08em;margin:0 0 9px 10px}.doc-group>a{display:block;padding:10px 12px;font-size:13px;font-weight:400;border-radius:9px;margin:3px 0;line-height:1.5}.doc-group>a[aria-current=page]{color:#277daf;background:#e7f1f8;font-weight:600}.doc-group>a:hover{background:#f0f4f5}.sidebar-bottom{display:block;font-size:12px;margin-top:28px;border-top:1px solid #e1e7ea;padding:22px 10px;color:#38b}.doc-breadcrumb{font-size:12px;color:#8799a7;margin:5px 0 28px}.doc-breadcrumb span{margin:0 10px;color:#c0c9cf}.doc-article{min-width:0;animation:copy-enter .3s ease}.doc-article h1{font-size:32px;white-space:normal;line-height:1.5;letter-spacing:0;-webkit-text-stroke:0;text-align:left;color:#254660}.doc-lead{font-size:15px;color:#8293a0;line-height:1.9;margin:17px 0 42px;padding-bottom:30px;border-bottom:1px solid #e5e9e9}.doc-block{margin-bottom:32px}.doc-block h2{font-size:19px;line-height:1.6;font-weight:650;color:#34536a;margin:0 0 14px;scroll-margin-top:132px}.doc-block p,.doc-block li{font-size:14px;color:#657888;line-height:2}.doc-block p{margin:0}.doc-block ol{padding-left:24px;margin:0}.doc-block li{padding-left:8px;margin-bottom:12px}.doc-block li::marker{color:#38b;font-weight:650}.doc-screenshot{height:200px;border:1px solid #e1e6e8;border-radius:16px;background:#f1f4f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#91a0a8;font-size:14px;margin:36px 0}.doc-screenshot span{font-size:12px}.on-this-page{position:sticky;top:150px;border-left:1px solid #e3e8eb;padding-left:19px}.on-this-page p{font-size:11px;color:#8d9ba5;margin:0 0 16px}.on-this-page button{display:block;background:none;border:none;text-align:left;font-size:12px;line-height:1.7;color:#8393a0;padding:0;margin-bottom:14px}.on-this-page button:hover{color:#38b}.doc-pagination{margin-top:55px;padding-top:26px;border-top:1px solid #e1e7ea;display:grid;grid-template-columns:1fr 1fr;gap:15px}.doc-pagination a{font-size:13px;color:#38b;line-height:1.8}.doc-pagination a:last-child{text-align:right}.doc-pagination small{display:block;font-size:11px;color:#9ca7b0;margin-bottom:7px}.search-empty{font-size:12px;line-height:1.8;color:#889aa8}.search-empty button{display:block;border:0;background:none;padding:8px 0;color:#38b}.release-box{padding:26px;border:1px solid #d7e7f1;border-radius:20px;background:#edf5fb;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:34px}.release-box img{width:145px;height:54px;object-fit:contain}.release-badge{margin:15px 0 0;color:#38b;font-size:16px;font-weight:650}.release-box p{font-size:12px;color:#8398a8}.release-box>a{padding:13px 25px;border-radius:12px;border:0;background:#38b;color:#fff;margin:8px 0 17px}.release-box>a:hover{background:#2677aa}.release-box small{font-size:11px;color:#8b9ea9}@media(max-width:1100px){.docs-shell{grid-template-columns:215px minmax(0,1fr);gap:40px}.on-this-page{display:none}.story-layout{gap:44px;grid-template-columns:300px 1fr}}@media(max-width:760px){header{padding:0 12px}header img{width:90px}nav{gap:13px;font-size:11px}.story-section{padding:55px 24px 60px}.story-heading{margin-bottom:30px}.story-layout{grid-template-columns:1fr;gap:42px}.product-note{padding:25px}.my-story h3{font-size:27px}.story-photo>div{height:190px}.site-footer{padding:30px 24px 22px;grid-template-columns:1fr}.site-footer nav{gap:22px;font-size:12px;flex-wrap:wrap}.closing-section{padding:60px 22px}.closing-section>div{gap:20px;flex-wrap:wrap}.docs-header{padding:10px 12px}.docs-header header{height:64px}.docs-shell{display:block;padding:25px 22px 55px}.docs-sidebar{position:static;max-height:none;padding:0;margin-bottom:35px}.docs-brand{font-size:17px;margin-bottom:15px}.docs-sidebar nav{display:flex;overflow-x:auto;gap:20px;padding:10px 0 12px;align-items:flex-start}.doc-group{flex-shrink:0;margin-top:8px}.doc-group>a{padding:8px 10px;font-size:12px}.doc-group>p{margin-bottom:6px}.sidebar-bottom{display:none}.doc-article h1{font-size:27px}.doc-lead{margin-bottom:28px}.doc-breadcrumb{margin-bottom:18px}.doc-block h2{scroll-margin-top:105px}.doc-pagination{gap:22px}.doc-screenshot{height:170px}.doc-screenshot span{font-size:11px}}.feature-screenshot{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}.screenshot-slot:has(.feature-screenshot){overflow:hidden;background:#f9f7ef}.screenshot-original{display:block;text-align:center;font-size:12px;color:#38b;margin:8px 0 12px}.screenshot-original:hover{text-decoration:underline}.guide-screenshots figure{margin:32px 0;padding:12px;border:1px solid #e1e6e8;border-radius:16px;background:#f8f7f2}.guide-screenshots img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}.guide-screenshots figcaption{font-size:12px;color:#778c9b;line-height:1.8;margin-top:12px}.guide-screenshots figcaption span{display:block;font-size:11px;color:#38b}.deck-column{container-type:inline-size;--card-inset:60px;--face-padding:34px;--tab-height:46px;--stack-step:46px}.deck{margin-right:0;height:calc((100cqw - var(--card-inset) - var(--face-padding) - 2px)*.6 + var(--tab-height) + 59px + var(--stack-step)*4 + 12px)}.feature-card,.card-face{height:auto}.screenshot-slot{position:relative;width:100%;height:auto;aspect-ratio:5/3;flex:none}.feature-screenshot{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:650px){.deck-column{--card-inset:32px;--face-padding:24px;--tab-height:40px;--stack-step:40px}}@font-face{font-family:Kitto Rounded CN;src:url(/fonts/resource-han-rounded-cn-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}h1,.feature-copy h2,.story-heading h2,.closing-section h2,.my-story h3{font-family:Kitto Rounded CN,PingFang SC,sans-serif;font-weight:700;font-synthesis:none;-webkit-text-stroke:0}.release-box>a.release-secondary-link{margin:0;padding:0;border-radius:0;background:transparent;color:#287eb2;font-size:12px}.release-box>a.release-secondary-link:hover{background:transparent;text-decoration:underline;text-underline-offset:5px}
