:root{--paper:#fff;--paper-2:#f2f5fb;--ink:#2c3146;--ink-2:#5d6379;--blue:#4e6aab;--blue-2:#3f5a97;--amber:#f3bf4a;--mark:#fde3a0;--focus:#4e6aab;--line:#2c3146;--shadow:#2c3146;--sticker:#fff;--tile:#fff;--glass:#ffffffe6;--on-blue:#fff;--cat-filter:none;--mini-filter:none;--font-hand:var(--font-shantell), var(--font-kuaile), ui-rounded, "PingFang SC", system-ui, sans-serif;--font-note:var(--font-shantell), var(--font-kuaile), "Kaiti SC", cursive;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-page:ui-serif, "New York", "Iowan Old Style", Georgia, "Songti SC", serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--wobble:18px 22px 16px 24px / 22px 16px 24px 18px;--wobble-2:22px 16px 24px 18px / 16px 24px 18px 22px;--wobble-pill:999px 960px 999px 940px / 940px 999px 960px 999px;--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9C14 3 26 4 40 9S66 15 80 9 106 3 120 9 148 14 160 9V16Z'/%3E%3C/svg%3E");--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 6'%3E%3Cpath d='M0 3Q2.5.6 5 3T10 3 15 3 20 3' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}:lang(zh){--font-note:var(--font-kuaile), var(--font-shantell), "Kaiti SC", cursive}:lang(ja){--font-hand:var(--font-shantell), "Hiragino Maru Gothic ProN", ui-rounded, "Hiragino Sans", system-ui, sans-serif;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-page:ui-serif, "New York", "Iowan Old Style", Georgia, "Hiragino Mincho ProN", "Yu Mincho", serif}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .016, .059, .1222, .1994, .2854, .3757, .4666, .5552, .6393, .7172, .7877, .8503, .9046, .9506, .9887, 1.0193, 1.043, 1.0605, 1.0725, 1.0798, 1.0831, 1.0832, 1.0807, 1.0763, 1.0704, 1.0635, 1.0561, 1.0485, 1.041, 1.0337, 1.027, 1.0207, 1.0151, 1.0103, 1.006, 1.0025, .9996, .9974, .9957, .9944, .9936, .9932, .993, 1)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#161925;--paper-2:#1e2232;--ink:#e8ebf5;--ink-2:#a6acc3;--blue:#8fa7e3;--blue-2:#a9bbee;--amber:#f0c25a;--mark:#f0c25a52;--focus:#f0c25a;--line:#cdd3e6;--shadow:#4e6aab;--sticker:#e8ebf5;--tile:#fff;--glass:#262b3eeb;--on-blue:#161925;--cat-filter:url(#sticker);--mini-filter:drop-shadow(1.4px 0 0 #e8ebf5) drop-shadow(-1.4px 0 0 #e8ebf5) drop-shadow(0 1.4px 0 #e8ebf5) drop-shadow(0 -1.4px 0 #e8ebf5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#161925;--paper-2:#1e2232;--ink:#e8ebf5;--ink-2:#a6acc3;--blue:#8fa7e3;--blue-2:#a9bbee;--amber:#f0c25a;--mark:#f0c25a52;--focus:#f0c25a;--line:#cdd3e6;--shadow:#4e6aab;--sticker:#e8ebf5;--tile:#fff;--glass:#262b3eeb;--on-blue:#161925;--cat-filter:url(#sticker);--mini-filter:drop-shadow(1.4px 0 0 #e8ebf5) drop-shadow(-1.4px 0 0 #e8ebf5) drop-shadow(0 1.4px 0 #e8ebf5) drop-shadow(0 -1.4px 0 #e8ebf5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--paper);position:fixed;inset:0 0 auto}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.defs{width:0;height:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin-inline:auto}.wrap.narrow{max-width:780px}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.i-xs{width:14px;height:14px}.i-fill{fill:currentColor;stroke:none}.sticker-flood{flood-color:var(--sticker)}.kitty{width:100%;height:auto;display:block;overflow:visible}.mini-cat{display:block;overflow:visible}.k-all{filter:var(--cat-filter)}:is(.kitty,.mini-cat) :is(.f-happy,.f-sleep,.f-wow),:is(.kitty,.mini-cat):is([data-face=happy],[data-face=sleep],[data-face=wow]) .f-dots{display:none}:is(.kitty,.mini-cat)[data-face=happy] .f-happy,:is(.kitty,.mini-cat)[data-face=sleep] .f-sleep,:is(.kitty,.mini-cat)[data-face=wow] .f-wow{display:inline}.ink-u{position:relative}.ink-u:after{content:"";height:6px;-webkit-mask:var(--squiggle) repeat-x 0 0 / 20px 6px;-webkit-mask:var(--squiggle) repeat-x 0 0 / 20px 6px;mask:var(--squiggle) repeat-x 0 0 / 20px 6px;clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--ease-out);background:currentColor;position:absolute;bottom:-2px;left:0;right:0}.ink-u:hover:after,.ink-u[aria-current]:after{clip-path:inset(0)}.btn{border:2px solid var(--line);border-radius:var(--wobble-pill);background:var(--paper);min-height:50px;color:var(--ink);font:600 17px/1 var(--font-ui);white-space:nowrap;cursor:pointer;box-shadow:4px 4px 0 var(--shadow);transition:transform .22s var(--spring), box-shadow .22s var(--spring), background-color .2s;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:5px 6px 0 var(--shadow);transform:translate(-1px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--shadow);transition-duration:70ms;transform:translate(3px,3px)}.btn:is(:disabled,[aria-disabled=true]){opacity:.55;cursor:default;box-shadow:4px 4px 0 var(--shadow);transform:none}.btn-primary{background:var(--blue);color:var(--on-blue)}.btn-primary:hover{background:var(--blue-2)}.btn-primary:is(:disabled,[aria-disabled=true]):hover{background:var(--blue)}.btn-sm{min-height:40px;box-shadow:3px 3px 0 var(--shadow);padding:0 18px;font-size:15px}.btn-sm:is(:disabled,[aria-disabled=true]){box-shadow:3px 3px 0 var(--shadow)}.btn-lg{min-height:58px;box-shadow:5px 5px 0 var(--shadow);padding:0 32px;font-size:19px}.icon-btn{border:2px solid var(--line);background:var(--paper);width:40px;height:40px;box-shadow:2px 2px 0 var(--shadow);cursor:pointer;transition:transform .2s var(--spring), box-shadow .2s var(--spring);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{box-shadow:3px 3px 0 var(--shadow);transform:translate(-1px,-1px)rotate(-8deg)}.icon-btn:active{box-shadow:0 0 0 var(--shadow);transition-duration:70ms;transform:translate(2px,2px)}.theme-btn .i-moon,:root[data-theme=dark] .theme-btn .i-sun{display:none}:root[data-theme=dark] .theme-btn .i-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .i-sun{display:none}:root:not([data-theme=light]) .theme-btn .i-moon{display:block}}main.view{position:relative;overflow-x:clip}.band{background:var(--paper);scroll-margin-top:64px;position:relative;overflow-x:clip}.band>.wrap{padding-block:clamp(56px,8vw,104px)}.band-alt{background:var(--paper-2)}.band-alt:before,.band-alt+.band:before,.band-alt+script+.band:before,.foot:before{content:"";background:inherit;height:16px;-webkit-mask:var(--wave) repeat-x 0 0 / 160px 16px;-webkit-mask:var(--wave) repeat-x 0 0 / 160px 16px;mask:var(--wave) repeat-x 0 0 / 160px 16px;pointer-events:none;position:absolute;top:-15px;left:0;right:0}.sec-title{font:700 clamp(27px, 3.6vw, 40px)/1.25 var(--font-ui);letter-spacing:-.012em;text-wrap:balance;margin:0 0 clamp(24px,3.4vw,40px)}.hl{color:inherit;background:linear-gradient(var(--mark), var(--mark)) no-repeat 0 88% / 100% 42%;border-radius:.2em .35em .25em .4em;padding:0 .08em}.feature{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.feature.flip .feature-copy{order:2}.feature-copy{min-width:0;position:relative}.phone-wrap{width:min(100%,300px);margin-inline:auto;position:relative}.feature-copy .sec-title{margin-bottom:0}.page-title{font:700 clamp(34px, 5vw, 52px)/1.1 var(--font-ui);letter-spacing:-.02em;margin:0 0 clamp(24px,4vw,40px)}.lines{gap:18px;margin:0;padding:0;font-size:clamp(16px,1.9vw,18px);list-style:none;display:grid}.lines li{align-items:center;gap:14px;display:flex}.lines .i{width:26px;height:26px;color:var(--blue)}.sec-title .tags{vertical-align:.35em;gap:6px;margin-inline-start:.4em;display:inline-flex}.tag{border:1.5px solid var(--line);font:600 11px/1.2 var(--font-ui);letter-spacing:.04em;color:var(--ink);white-space:nowrap;vertical-align:middle;border-radius:999px;padding:3px 8px;display:inline-block}.note{z-index:3;pointer-events:none;justify-items:start;transition:opacity .4s;display:grid;position:absolute}.note-text{background:var(--paper);font:600 clamp(19px, 2.2vw, 23px)/1.1 var(--font-note);font-variation-settings:"INFM" 100, "BNCE" 30;color:var(--blue);white-space:nowrap;border-radius:10px 14px 9px 12px;padding:2px 10px 4px;rotate:-5deg}.band-alt .note-text{background:var(--paper-2)}.note svg{overflow:visible}.note path{fill:none;stroke:var(--blue);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.used .note{opacity:0}.clip{min-height:0;overflow:hidden}.src-wrap,.dst-wrap{transition:grid-template-rows .6s var(--ease-out), opacity .45s var(--ease-out), visibility .6s;grid-template-rows:1fr;display:grid}.dst-wrap{visibility:hidden;grid-template-rows:0fr}.dst{font-family:var(--font-ui);color:var(--ink);-webkit-text-decoration:underline dashed var(--blue);text-decoration:underline dashed var(--blue);text-underline-offset:5px;text-decoration-skip-ink:none;clip-path:inset(-6px 100% -10px -6px);transition:clip-path .8s var(--ease-out), text-decoration-color .3s;text-decoration-thickness:.09em}.pair.tr>.dst-wrap{visibility:visible;transition-delay:calc(var(--i,0) * .13s);grid-template-rows:1fr}.pair.tr .dst{clip-path:inset(-6px -6px -10px);transition-delay:calc(var(--i,0) * .13s + .18s), 0s}[data-mode=only] .pair.tr>.src-wrap{opacity:0;visibility:hidden;grid-template-rows:0fr}[data-mode=only] .dst{text-decoration-color:#0000}.badge{font:600 13px/1.2 var(--font-ui);letter-spacing:.02em;color:var(--ink-2);align-items:center;gap:8px;margin:0 0 10px;display:flex}@keyframes caret{50%{opacity:0}}.ghost{visibility:hidden}.waiting .live:after{content:"";background:var(--blue);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:2px;animation:.9s ease-in-out infinite pulse;display:inline-block}.streaming .live:after{content:"";background:var(--blue);vertical-align:-.18em;width:2px;height:1.05em;margin-left:2px;animation:.8s step-end infinite caret;display:inline-block}@keyframes pulse{50%{opacity:.5;transform:scale(.55)}}.zzz{pointer-events:none;width:30%;height:40%;position:absolute;top:6%;right:-4%}.zzz span{font:700 22px/1 var(--font-hand);color:var(--blue);opacity:0;animation:3.2s ease-in infinite zzz-drift;position:absolute;bottom:0;left:0}.zzz span:nth-child(2){font-size:17px;animation-delay:1.05s}.zzz span:nth-child(3){font-size:13px;animation-delay:2.1s}@keyframes zzz-drift{0%{opacity:0;transform:translate(0)scale(.6)rotate(-8deg)}20%{opacity:1}to{opacity:0;transform:translate(28px,-46px)scale(1.15)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.zzz span{opacity:1;animation:none}.zzz span:first-child{transform:translate(24px,-40px)}.zzz span:nth-child(2){transform:translate(12px,-20px)}}.keys{gap:6px;display:inline-flex}.key{border:2px solid var(--line);background:var(--paper);min-width:36px;height:36px;box-shadow:0 4px 0 var(--line);font:600 14px/1 var(--font-ui);color:var(--ink);border-radius:9px 11px 8px 10px;place-items:center;padding:0 9px;transition:translate 80ms,box-shadow 80ms,background-color 80ms;display:inline-grid}.key.down{box-shadow:0 1px 0 var(--line);background:var(--paper-2);translate:0 3px}@media (width<=760px){.feature{grid-template-columns:1fr}.feature.flip .feature-copy{order:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry 5% entry 80%}.sec-title .hl{animation:linear both hl-draw;animation-timeline:view();animation-range:entry 70% cover 45%}}}@keyframes rise{0%{opacity:0;transform:translateY(30px)rotate(-.5deg)}}@keyframes hl-draw{0%{background-size:0% 42%}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}main.view{view-transition-name:page}.nav{view-transition-name:nav}.brand-cat{view-transition-name:brand-cat}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(page){animation:.24s cubic-bezier(.4,0,1,1) both page-out}::view-transition-new(page){animation:page-in .6s var(--ease-out) both}::view-transition-group(page){animation-duration:.45s;animation-timing-function:var(--ease-out)}::view-transition-old(brand-cat){opacity:0;animation:none}::view-transition-new(brand-cat){animation:.6s ease-out both brand-hop}@keyframes page-out{to{opacity:0;transform:translateY(-14px)}}@keyframes page-in{0%{opacity:0;transform:translateY(24px)}}@keyframes brand-hop{40%{transform:translateY(-9px)rotate(-12deg)}}html.vt-theme :is(main.view,.nav,.brand-cat){view-transition-name:none}html.vt-theme::view-transition-old(root){mix-blend-mode:normal;animation:none}html.vt-theme::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.foot[data-astro-cid-jo6i4kqk]{background:var(--paper-2);position:relative}.foot-inner[data-astro-cid-jo6i4kqk]{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:30px 40px;font-size:14px;display:flex}.foot-brand[data-astro-cid-jo6i4kqk]{align-items:center;gap:10px;display:inline-flex}.foot-brand[data-astro-cid-jo6i4kqk] svg{width:28px;height:28px;filter:var(--mini-filter)}.foot-links[data-astro-cid-jo6i4kqk]{gap:22px;display:flex}.foot-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{text-decoration:none}.foot-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--ink)}.nav[data-astro-cid-wpvy4v7s]{top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);position:sticky}.nav-inner[data-astro-cid-wpvy4v7s]{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand[data-astro-cid-wpvy4v7s]{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-cat[data-astro-cid-wpvy4v7s]{width:36px;height:36px;filter:var(--mini-filter);display:grid}.brand-cat[data-astro-cid-wpvy4v7s] svg{width:100%;height:100%}.brand-name[data-astro-cid-wpvy4v7s]{font:700 22px/1 var(--font-hand);font-variation-settings:"INFM" 45, "BNCE" 0}.nav-links[data-astro-cid-wpvy4v7s]{align-items:center;gap:clamp(12px,2.6vw,26px);font-size:15px;display:flex}.nav-links[data-astro-cid-wpvy4v7s]>a[data-astro-cid-wpvy4v7s]:not(.btn){color:var(--ink-2);padding-block:6px;text-decoration:none;transition:color .2s}.nav-links[data-astro-cid-wpvy4v7s]>a[data-astro-cid-wpvy4v7s]:not(.btn):hover,.nav-links[data-astro-cid-wpvy4v7s]>a[data-astro-cid-wpvy4v7s][aria-current]{color:var(--ink)}.nav-rule[data-astro-cid-wpvy4v7s]{opacity:0;pointer-events:none;width:100%;height:8px;transition:opacity .3s;position:absolute;bottom:-5px;left:0}.nav-rule[data-astro-cid-wpvy4v7s] path[data-astro-cid-wpvy4v7s]{fill:none;stroke:var(--line);stroke-width:1.6px;vector-effect:non-scaling-stroke}.nav[data-astro-cid-wpvy4v7s].scrolled .nav-rule[data-astro-cid-wpvy4v7s]{opacity:.85}@media (width<=480px){.nav-links[data-astro-cid-wpvy4v7s]>a[data-astro-cid-wpvy4v7s]:not(.btn){display:none}}