.u-demo{--u-g:grayscale(1) contrast(.46) brightness(1.36);--u-bg:#efede9;--u-fill:#dedad4;--u-soft:#f3f1ed;--u-ln:#0c0b0b24;--u-e:cubic-bezier(.16,1,.3,1);width:100%;margin:0;container-type:inline-size}.u-demo-box{isolation:isolate;background:#fff;border-radius:min(8.5cqw,30px);display:block;position:relative;overflow:hidden}.u-demo-box:after{content:"";border-radius:inherit;pointer-events:none;z-index:9;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0c0b0b1f}.u-demo :is(.u-sp-scr,.u-shop-v,.u-lay-shot,.u-tr-new,.u-bd-shot,.u-fan-c,.u-cp-th,.u-lg-scr) img,.u-demo--shot img{filter:var(--u-g);transition:filter .5s ease-out}.u-demo:is(.is-on,:hover,:focus-within) :is(.u-sp-scr,.u-shop-v,.u-lay-shot,.u-tr-new,.u-bd-shot,.u-fan-c,.u-cp-th,.u-lg-scr) img,.u-demo--shot:is(.is-on,:hover,:focus-within) img{filter:none}.u-demo-cap{font:600 13px/1.45 var(--sans);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.u-demo-txt{text-wrap:pretty;flex:200px;min-width:0}.u-demo-cap a{color:var(--ink);align-items:center;gap:.35em;font-weight:700;display:inline-flex}.u-demo-cap a svg{width:11px;height:11px;transition:transform .3s var(--u-e)}.u-demo-cap a:hover svg{transform:translate(2px,-2px)}.u-demo-re{min-height:38px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font:700 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex:none;padding:0 16px;transition:background-color .2s ease-out,color .2s ease-out}.u-demo-re:hover{background:var(--ink);color:var(--paper)}.u-demo-re:active{transform:scale(.97)}.u-demo button{font-family:var(--sans)}.u-ck{flex:none;width:12px;height:12px}.u-caret{vertical-align:-.15em;background:currentColor;width:2px;height:1.05em;display:inline-block}@keyframes u-blink{50%{opacity:0}}@keyframes u-hop{40%{transform:translateY(-3px)}}@media (prefers-reduced-motion:no-preference){.u-caret{animation:1s step-end infinite u-blink}}.u-shots{gap:22px;display:grid}.u-demo--shot img{width:100%;height:auto;display:block}.u-serp-steps li,.u-mv-ck li,.u-steps-mini li{font:700 11.5px/1 var(--sans);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:7px 10px;transition:background-color .25s ease-out,color .25s ease-out,box-shadow .25s ease-out;display:inline-flex;box-shadow:inset 0 0 0 1.5px #0c0b0b29}.u-serp-steps li.ok,.u-mv-ck li.ok,.u-steps-mini li.ok{background:var(--ink);color:var(--paper);box-shadow:none}.u-serp-steps .u-ck,.u-mv-ck .u-ck{display:none}.u-serp-steps li.ok .u-ck,.u-mv-ck li.ok .u-ck{display:block}.u-demo:not(.is-js) :is(.u-serp-steps,.u-mv-ck) li{background:var(--ink);color:var(--paper);box-shadow:none}.u-demo:not(.is-js) :is(.u-serp-steps,.u-mv-ck) .u-ck{display:block}.u-fix{aspect-ratio:760/471;background:var(--u-bg);position:relative}.u-fix-s{left:0;right:0;top:calc(var(--i) * 100% / 6);height:calc(16.6667% + .5px);transition:transform .38s cubic-bezier(.2,.8,.2,1.1);position:absolute;overflow:hidden;box-shadow:0 1px #0c0b0b0a}.u-fix-s img{left:0;top:calc(var(--i) * -100%);width:100%;height:600%;transition:filter .5s ease-out;display:block;position:absolute}.u-demo.is-js .u-fix-s:not(.ok){transform:translate(var(--x),var(--y)) rotate(var(--r));box-shadow:0 8px 16px -10px #0c0b0b80}.u-demo.is-js .u-fix:not(.done) img{filter:var(--u-g)}.u-sp{background:var(--u-bg);grid-template-columns:1fr 1fr;gap:9%;padding:9% 12% 7%;display:grid}.u-sp-ph{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.u-sp-scr{aspect-ratio:240/420;width:100%;box-shadow:0 0 0 5px var(--ink);background:#fff;border-radius:14%/8%;display:block;position:relative;overflow:hidden}.u-sp-scr img{width:100%;height:auto;display:block;position:absolute;top:0;left:0}.u-sp-sk{flex-direction:column;gap:7%;padding:12% 10%;display:flex;position:absolute;inset:0}.u-sp-sk i{background:var(--u-fill);border-radius:4px;height:7%;display:block}.u-sp-sk i:nth-child(2){border-radius:8px;height:34%}.u-sp-sk i:nth-child(3){width:62%}.u-sp-ban{z-index:2;transform-origin:top;background:#cdc8c0;height:18%;position:absolute;top:0;left:0;right:0}.u-sp-bad .u-sp-sk{display:none}.u-sp-bad img{transform:translateY(13.9%)}.u-sp-t{font:700 11px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);text-align:center}.u-sp-lh{align-items:center;gap:10px;display:inline-flex}.u-sp-lh>svg{flex:none;width:46px;height:46px;transform:rotate(-90deg)}.u-sp-lh circle{fill:none;stroke:var(--u-fill,#dedad4);stroke-width:5px}.u-sp-lh .u-sp-ring{stroke:var(--ink);stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--u-e) .2s}.u-demo.is-js .u-sp-lh:not(.on) .u-sp-ring{stroke-dashoffset:100px}.u-sp-lh b{text-align:center;width:46px;font:900 15px/1 var(--display);margin-left:-48px}.u-sp-lh>span{color:var(--ink-2)}@keyframes u-sp-chunk{0%{clip-path:inset(0 0 100%)}20%{clip-path:inset(0 0 74%)}42%{clip-path:inset(0 0 40%)}60%,to{clip-path:inset(0)}}@keyframes u-sp-jump{0%,74%{transform:translateY(0)}75%,to{transform:translateY(13.9%)}}@keyframes u-sp-ban{0%,74%{transform:scaleY(0)}75%,to{transform:scaleY(1)}}@keyframes u-sp-in{0%,26%{opacity:0}36%,to{opacity:1}}.u-demo--speed.run .u-sp-bad img{animation:3.4s step-end both u-sp-chunk,3.4s step-end both u-sp-jump}.u-demo--speed.run .u-sp-ban{animation:3.4s step-end both u-sp-ban}.u-demo--speed.run .u-sp-good img{animation:3.4s linear both u-sp-in}.u-serp{--row:58px;background:#fff;padding:7% 7% 6%}.u-serp-q{height:34px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1.5px #0c0b0b29}.u-serp-q i{background:var(--u-fill);border-radius:4px;flex:0 46%;height:7px;display:block}.u-serp-q svg{width:15px;height:15px;margin-left:auto}.u-serp-list{height:calc(var(--row) * 6);margin-top:14px;list-style:none;position:relative}.u-sn{height:calc(var(--row) - 8px);transform:translateY(calc(var(--pos) * var(--row)));transition:transform .45s var(--u-e);flex-direction:column;justify-content:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.u-sn-h{background:#a8a39c;border-radius:4px;height:8px;display:block}.u-sn-u{background:#cfcac3;border-radius:3px;width:30%;height:5px;display:block}.u-sn-l{background:#e6e3de;border-radius:3px;width:88%;height:5px;display:block}.u-sn--you{z-index:2;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:12px;gap:4px;margin:0 -10px;padding:0 10px}.u-sn--you b{font:700 13px/1 var(--sans)}.u-sn-url{align-items:center;gap:8px;height:10px;display:flex}.u-sn-url i{background:#cfcac3;border-radius:3px;width:30%;height:5px;display:block}.u-sn-stars{letter-spacing:1px;color:var(--ink);opacity:0;font-size:10px;line-height:1;transition:opacity .3s}.u-sn-faq{opacity:0;gap:4px;height:15px;transition:opacity .3s .1s;display:flex}.u-sn-faq i{font:600 9.5px/15px var(--sans);background:var(--u-soft);box-shadow:inset 0 0 0 1px var(--u-ln);border-radius:999px;padding:0 6px;font-style:normal}.u-sn--you.rich .u-sn-stars,.u-sn--you.rich .u-sn-faq,.u-demo:not(.is-js) .u-sn-faq,.u-demo:not(.is-js) .u-sn-stars{opacity:1}.u-serp-steps{flex-wrap:wrap;gap:6px;margin-top:10px;list-style:none;display:flex}.u-chat{background:var(--u-bg);cursor:pointer;flex-direction:column;height:min(420px,108cqw);display:flex}.u-chat-hd{border-bottom:1px solid var(--u-ln);background:#fff;align-items:baseline;gap:8px;padding:16px 20px 14px;display:flex}.u-chat-hd b{font:700 14px/1 var(--sans)}.u-chat-hd span{font:600 12px/1 var(--sans);color:var(--ink-2)}.u-chat-feed{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:14px;display:flex;overflow:hidden}.u-msg{max-width:84%;font:600 13px/1.4 var(--sans);text-wrap:pretty;background:#fff;border-radius:14px;flex:none;padding:9px 12px}.u-msg--me{background:var(--ink);color:var(--paper);border-bottom-right-radius:4px;align-self:flex-end}.u-msg--me.typing .u-msg-t:after{content:"";vertical-align:-.12em;background:currentColor;width:2px;height:1em;margin-left:1px;animation:1s step-end infinite u-blink;display:inline-block}.u-msg--bot{border-bottom-left-radius:4px;align-self:flex-start}.u-msg--st{font-weight:700}.u-msg--st:before{content:"";background:var(--ink);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.u-msg--dots{align-self:flex-start;gap:4px;padding:12px 14px;display:none}.u-msg--dots i{background:var(--ink-2);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite u-dot}.u-msg--dots i:nth-child(2){animation-delay:.15s}.u-msg--dots i:nth-child(3){animation-delay:.3s}@keyframes u-dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.u-msg--dots.in{display:flex}.u-demo.is-js .u-msg:not(.u-msg--dots):not(.in){display:none}.u-msg.in{animation:u-msg-in .32s var(--u-e) both}@keyframes u-msg-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.u-rc{flex-direction:column;gap:2px;min-width:62%;display:flex}.u-rc span{justify-content:space-between;gap:14px;display:flex}.u-rc .u-rc-n{color:var(--ink-2);font-size:12px}.u-kb{grid-template-columns:repeat(var(--cols),minmax(0,1fr));background:var(--u-bg);gap:6px;min-height:210px;padding:14px 12px;display:grid}.u-kb-col{background:#ffffff73;border-radius:10px;min-width:0;padding:6px}.u-kb-h{font:700 10.5px/1.15 var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);padding:4px 2px 8px}.u-kb ul{flex-direction:column;gap:6px;min-height:40px;list-style:none;display:flex}.u-kb-card button{text-align:left;cursor:pointer;width:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:8px;flex-direction:column;gap:5px;padding:9px 8px;transition:box-shadow .3s;display:flex;box-shadow:0 1px #0c0b0b0f,0 8px 14px -12px #0c0b0b80}.u-kb-card b{font:700 11.5px/1 var(--sans);letter-spacing:.02em;white-space:nowrap}.u-kb-card i{background:var(--u-fill);border-radius:3px;height:5px;display:block}.u-kb-card i+i{width:62%}.u-kb-card.hot button{box-shadow:inset 0 0 0 1.5px var(--ink),0 8px 14px -12px #0c0b0b80}.u-kb-card button:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2)}.u-kb--mini{background:#f3f2ef;gap:4%;height:100%;min-height:0;padding:5%}.u-kb--mini .u-kb-col{border-radius:3px;padding:4%}.u-kb--mini .u-kb-h{display:none}.u-kb--mini ul{gap:5%;min-height:0}.u-kb--mini .u-kb-card i{background:#fff;border-radius:2px;height:9px;display:block;box-shadow:0 0 0 .5px #0c0b0b40}.u-kb--mini .u-kb-card.hot i{background:var(--ink-2)}.u-shop{--p:1;background:var(--u-bg);padding:6% 6% 5%}.u-shop-scr{aspect-ratio:760/471;box-shadow:0 0 0 1px var(--u-ln);background:#fff;border-radius:10px;position:relative;overflow:hidden}.u-shop-v{opacity:0;transition:opacity .3s ease-out;position:absolute;inset:0}.u-shop-v.on,.u-demo:not(.is-js) .u-shop-v[data-v="4"]{opacity:1}.u-shop-v img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-shop-cart{z-index:3;background:var(--paper);font:700 11px/1 var(--sans);border-radius:999px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px -6px #0c0b0b80}.u-shop-cart svg{width:15px;height:15px}.u-shop-cart b{background:var(--ink);min-width:16px;height:16px;color:var(--paper);transition:transform .3s var(--u-e),opacity .2s;border-radius:8px;place-items:center;font-size:10px;display:inline-grid}.u-demo.is-js .u-shop:not(.has-cart) .u-shop-cart b{opacity:0;transform:scale(.4)}.u-shop-f{padding:9% 8%}.u-shop-f p{gap:6px;display:flex}.u-shop-f p i{width:16%;height:12px;box-shadow:inset 0 0 0 1.5px var(--u-fill);border-radius:999px;display:block}.u-shop-f p i.on{background:var(--ink);box-shadow:none}.u-shop-f ul{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9%;list-style:none;display:grid}.u-shop-f li{aspect-ratio:1;background:var(--u-fill);transition:opacity .4s,transform .4s var(--u-e);border-radius:6px}.u-shop-f.on li.out{opacity:.15;transform:scale(.86)}.u-shop-c,.u-shop-p,.u-shop-m{flex-direction:column;justify-content:center;gap:8%;padding:8% 12%;display:flex}.u-shop-c p{align-items:center;gap:6%;display:flex}.u-shop-c .pic{aspect-ratio:1;background:var(--u-fill);border-radius:6px;width:22%;display:block}.u-shop-c p span{flex-direction:column;flex:1;gap:7px;display:flex}.u-shop-c p span i,.u-shop-m .ln i{background:var(--u-fill);border-radius:4px;height:7px;display:block}.u-shop-c p span i.s,.u-shop-m .ln i.s{width:55%}.u-shop-c p b{font:700 14px/1 var(--sans)}.u-shop-c .btn,.u-shop-p .btn{background:var(--ink);border-radius:999px;height:18%;display:block}.u-shop-p>i{height:13%;box-shadow:inset 0 0 0 1.5px var(--u-fill);border-radius:6px;display:block}.u-shop-p span{gap:6%;display:flex}.u-shop-p span i{height:22px;box-shadow:inset 0 0 0 1.5px var(--u-fill);border-radius:6px;flex:1;display:block}.u-shop-m{flex-direction:row;align-items:center;gap:8%}.u-shop-m .env{aspect-ratio:4/3;width:30%;box-shadow:inset 0 0 0 2px var(--ink);border-radius:6px;flex:none;position:relative;overflow:hidden}.u-shop-m .env i{aspect-ratio:1;box-shadow:inset 0 0 0 2px var(--ink);position:absolute;top:-48%;left:-6%;right:-6%;transform:rotate(45deg)scale(.72)}.u-shop-m .ln{flex-direction:column;flex:1;gap:9px;display:flex}.u-shop-line{margin-top:14px;padding-top:31px;position:relative}.u-shop-track{background:#0c0b0b33;height:1.5px;position:absolute;top:36px;left:10%;right:10%}.u-shop-box{bottom:1px;left:calc(var(--p) * 100%);aspect-ratio:414/380;width:42px;transition:left .6s var(--u-e);position:absolute;overflow:hidden;transform:translate(-50%)}.u-shop-box img{width:100%;height:auto;margin-top:-43.5%;display:block}.u-shop-line ol{grid-template-columns:repeat(5,1fr);list-style:none;display:grid}.u-shop-line button{width:100%;color:var(--ink-2);font:700 11px/1.1 var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0 0 4px;display:flex}.u-shop-line button i{background:var(--u-bg);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px var(--ink-2);border-radius:50%;transition:background-color .25s;display:block}.u-shop-line button.on{color:var(--ink)}.u-shop-line button.on i,.u-demo:not(.is-js) .u-shop-line button i{background:var(--ink);box-shadow:none}.u-lay{background:var(--u-bg);perspective:1200px;perspective-origin:50% 30%;padding:14% 12%;overflow:hidden}.u-lay-st{aspect-ratio:760/471;transform-style:preserve-3d;position:relative}.u-lay-l{transition:transform .7s var(--u-e),opacity .45s ease-out;border-radius:6px;position:absolute;inset:0}.u-demo.is-js .u-lay-l:not(.flat){transform:translateY(calc(18% - var(--z) * 13%)) rotateX(58deg) rotateZ(-36deg) scale(.74);box-shadow:inset 0 0 0 1px #0c0b0b33,0 18px 24px -18px #0c0b0b73}.u-lay-grid{box-shadow:inset 0 0 0 1px var(--u-ln);background:#ffffffeb;grid-template-columns:repeat(12,1fr);gap:2.4%;padding:0 4%;display:grid}.u-lay-grid i{background:#0c0b0b0f;display:block}.u-lay-blk,.u-lay-txt,.u-lay-btn{box-shadow:inset 0 0 0 1px var(--u-ln);background:#ffffffd1}.u-lay-l.flat:not(.u-lay-grid):not(.u-lay-shot){box-shadow:none;background:0 0}.u-lay-blk i,.u-lay-txt i,.u-lay-btn i{border-radius:4px;display:block;position:absolute}.u-lay-blk .hd{background:var(--u-fill);height:8%;top:5%;left:4%;right:4%}.u-lay-blk .a{background:#e9e6e1;width:52%;height:62%;top:20%;left:4%}.u-lay-blk .b{background:#e9e6e1;height:62%;top:20%;left:60%;right:4%}.u-lay-txt i{background:#b9b4ad;width:38%;height:3.6%;left:8%}.u-lay-txt .h{background:var(--ink-2);width:42%;height:7%;top:28%}.u-lay-txt .h.s{width:30%;top:38%}.u-lay-txt i:nth-child(3){top:52%}.u-lay-txt i:nth-child(4){top:59%}.u-lay-txt i:nth-child(5){width:24%;top:66%}.u-lay-btn .pic{background:#cfcac3;height:50%;top:26%;left:62%;right:7%}.u-lay-btn .b1{background:var(--ink);border-radius:999px;width:18%;height:8%;top:76%;left:8%}.u-lay-btn .b2{width:14%;height:8%;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:999px;top:76%;left:28%}.u-lay-shot{box-shadow:0 0 0 1px var(--u-ln);overflow:hidden}.u-lay-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-demo.is-js:not(.built) .u-lay-shot,.u-demo.is-js.built .u-lay-l:not(.u-lay-shot){opacity:0}.u-mv{--p:1;background:#fff;padding:7% 7% 6%}.u-mv-up{background:var(--u-soft);font:700 11.5px/1 var(--sans);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 10px;display:inline-flex}.u-mv-up i{background:#2bb24c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2bb24c2e}.u-mv-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:3%;margin-top:18px;display:grid}.u-mv-srv{display:block;position:relative}.u-mv-srv img{width:auto;height:min(140px,34cqw);display:block}.u-mv-line{background:repeating-linear-gradient(90deg,#0c0b0b4d 0 6px,#0000 6px 11px);height:2px;margin-bottom:2px;position:relative}.u-mv-box{bottom:2px;left:calc(var(--p) * (100% - 54px));aspect-ratio:414/380;width:54px;transition:left .6s var(--u-e);position:absolute;overflow:hidden}.u-mv-box img{width:100%;height:auto;margin-top:-43.5%;display:block}.u-mv-led{background:#62e27f;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:19.77%;left:85.18%;box-shadow:0 0 6px 2px #62e27fd9}@media (prefers-reduced-motion:no-preference){.u-mv-led,.u-mv-up i{animation:1.6s ease-in-out infinite u-led}}@keyframes u-led{50%{opacity:.55}}.u-mv-ck{flex-wrap:wrap;gap:6px;margin-top:16px;list-style:none;display:flex}.u-fl{aspect-ratio:300/190;background:#fff;position:relative}.u-fl-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.u-fl-lines path{fill:none;stroke:#0c0b0b38;stroke-width:1.3px;stroke-dasharray:4 5}.u-fl-lines .u-fl-run{stroke:var(--ink);stroke-width:1.8px;stroke-dasharray:100;stroke-dashoffset:0}.u-demo.is-js .u-fl-run{stroke-dashoffset:100px}.u-fl-n{z-index:2;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);font:700 12.5px/1 var(--sans);white-space:nowrap;border-radius:12px;padding:9px 12px;transition:background-color .2s,color .2s;position:absolute;transform:translate(-50%,-50%)}.u-fl-n[data-n="0"]{top:21%;left:20%}.u-fl-n[data-n="1"]{top:21%;left:80%}.u-fl-n[data-n="2"]{top:74%;left:80%}.u-fl-n[data-n="3"]{top:74%;left:20%}.u-fl-n.hit{background:var(--ink);color:var(--paper);animation:.3s ease-out u-hop}.u-fl-n.done{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px #0c0b0b14}.u-fl-dot{z-index:3;background:var(--ink);opacity:0;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #0c0b0b1f}.u-fl-st{text-align:center;font:700 11.5px/1 var(--sans);letter-spacing:.03em;text-transform:uppercase;transition:opacity .3s;position:absolute;bottom:5%;left:0;right:0}.u-demo.is-js .u-fl-st:not(.on){opacity:0}.u-pr{background:#fff;padding:6%}.u-pr-term{background:var(--ink);min-height:44px;color:var(--paper);font:600 13px/1.3 var(--sans);border-radius:10px;align-items:center;gap:2px;padding:12px 14px;display:flex}.u-pr-term:before{content:"›";opacity:.55;margin-right:8px;font-weight:700}.u-pr-tab{box-shadow:inset 0 0 0 1px var(--u-ln);border-radius:10px;margin-top:12px;overflow:hidden}.u-pr-h,.u-pr-r{grid-template-columns:2fr 1fr 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.u-pr-h{background:var(--u-soft);height:28px;font:700 10.5px/1 var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2)}.u-pr-r{height:22px;transition:opacity .25s ease-out,transform .25s var(--u-e);border-top:1px solid #0c0b0b0f}.u-pr-r i{background:#cfcac3;border-radius:3px;max-width:100%;height:6px;display:block}.u-demo.is-js .u-pr-r:not(.in){opacity:0;transform:translateY(-5px)}.u-pr-n{font:600 12px/1 var(--sans);color:var(--ink-2);margin-top:10px}.u-pr-n b{color:var(--ink)}.u-tr{background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px;padding:8% 6% 7%;list-style:none;display:grid;position:relative}.u-tr-n{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.u-tr-root{grid-column:1/-1;justify-self:center;width:40%}.u-tr-th{aspect-ratio:760/471;width:100%;box-shadow:inset 0 0 0 1px var(--u-ln);background:#fff;border-radius:7px;display:block;position:relative;overflow:hidden}.u-tr-old,.u-tr-new{transition:opacity .25s;position:absolute;inset:0}.u-tr-old{background:#e7e4df;grid-template-rows:20% 1fr;grid-template-columns:28% 1fr;gap:5%;padding:6%;display:grid}.u-tr-old i{background:#cfcac3;border-radius:1px;display:block}.u-tr-old i:first-child{background:#bdb7af;grid-column:1/-1}.u-tr-old i:nth-child(4){display:none}.u-tr-new>i{background:linear-gradient(var(--ink) 0 0) 10% 22% / 52% 11% no-repeat,linear-gradient(#a8a39c 0 0) 10% 42% / 34% 6% no-repeat, linear-gradient(var(--ink) 0 0) 10% 72% / 26% 13% no-repeat,linear-gradient(#e6e3de 0 0) 92% 50% / 30% 64% no-repeat,#fff;position:absolute;inset:0}.u-tr-new img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-demo.is-js .u-tr-n:not(.nw) .u-tr-new{opacity:0}.u-tr-a{font:700 12px/1.25 var(--sans);text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 6px;display:flex}.u-tr-301{align-items:center;gap:4px;display:inline-flex}.u-tr-301 em{background:var(--ink);color:var(--paper);border-radius:4px;padding:2px 5px;font-size:10px;font-style:normal}.u-demo.is-js .u-tr-n:not(.nw) .u-tr-301{display:none}.u-tr-n.nw .u-tr-from,.u-demo:not(.is-js) .u-tr-from{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px}.u-mo{background:#fff;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:6%;list-style:none;display:grid}.u-mo li{aspect-ratio:1;background:var(--u-soft);border-radius:8px;padding:6px;transition:background-color .2s;position:relative}.u-mo li.now{background:#e6e3de}.u-mo-d{font:700 10px/1 var(--sans);color:var(--ink-2)}.u-mo-x{transition:opacity .25s,transform .3s var(--u-e);flex-wrap:wrap;align-items:center;gap:3px;display:flex;position:absolute;bottom:6px;left:6px;right:5px}.u-mo-x>span{display:inline-flex}.u-demo.is-js .u-mo li:not(.in) .u-mo-x{opacity:0;transform:translateY(-8px)}.u-mo-copy{background:var(--ink-2);border-radius:2px;width:7px;height:7px;display:block}.u-mo-ic{width:13px;height:13px;color:var(--ink)}.u-mo-leg{flex-wrap:wrap;gap:6px 14px;display:flex}.u-mo-leg span{align-items:center;gap:6px;display:inline-flex}.u-bd{background:var(--u-bg);padding:7% 7% 6%}.u-bd-win{width:100%;box-shadow:0 0 0 1px var(--u-ln);transition:width .6s var(--u-e);background:#fff;border-radius:10px;margin:0 auto;overflow:hidden}.u-bd-bar{background:var(--u-soft);align-items:center;gap:4px;height:26px;padding:0 8px;display:flex}.u-bd-bar>i{background:#cfcac3;border-radius:50%;flex:none;width:6px;height:6px}.u-bd-url{min-width:0;height:15px;font:600 10px/15px var(--sans);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;margin-left:6px;padding:0 8px;transition:color .3s;overflow:hidden}.u-demo.is-js .u-bd:not(.s5) .u-bd-url{color:#0000}.u-bd-page{aspect-ratio:760/471;position:relative}.u-bd.s6 .u-bd-win{width:40%}.u-bd.s6 .u-bd-page{aspect-ratio:240/400}.u-bd-sk{padding:6%;position:absolute;inset:0}.u-bd-sk i{border:1.5px dashed #c9c4bc;border-radius:4px;transition:background-color .3s,border-color .3s;display:block;position:absolute}.u-bd-sk .hd{height:8%;top:6%;left:5%;right:5%}.u-bd-sk .h1{width:46%;height:10%;top:26%;left:5%}.u-bd-sk .h2{width:32%;height:6%;top:40%;left:5%}.u-bd-sk .pic{height:50%;top:24%;left:58%;right:5%}.u-bd-sk .a{width:20%;height:9%;top:58%;left:5%}.u-bd-sk .b{height:9%;top:82%;left:5%;right:5%}.u-demo.is-js .u-bd:not(.s1) .u-bd-sk i{opacity:0}.u-bd.s2 .u-bd-sk i{background:var(--u-fill);border-color:#0000}.u-bd.s2 .u-bd-sk :is(.h1,.a){background:var(--ink-2)}.u-bd-shot{transition:opacity .45s ease-out;position:absolute;inset:0}.u-bd-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-demo.is-js .u-bd:not(.s3) .u-bd-shot,.u-demo.is-js .u-bd.s6 .u-bd-d,.u-bd-m,.u-demo:not(.is-js) .u-bd-d{opacity:0}.u-bd.s6 .u-bd-m,.u-demo:not(.is-js) .u-bd-m{opacity:1}.u-bd-form{z-index:2;background:var(--ink);color:var(--paper);font:700 10.5px/1 var(--sans);white-space:nowrap;transition:opacity .3s,transform .4s var(--u-e);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex;position:absolute;bottom:7%;right:5%}.u-bd-form i{background:#62e27f;border-radius:50%;width:7px;height:7px}.u-demo.is-js .u-bd:not(.s4) .u-bd-form,.u-bd.s6 .u-bd-form{opacity:0;transform:translateY(6px)scale(.9)}.u-steps-mini{flex-wrap:wrap;gap:5px;margin-top:14px;list-style:none;display:flex}.u-demo:not(.is-js) .u-steps-mini li{background:var(--ink);color:var(--paper);box-shadow:none}.u-fan{background:var(--u-bg);height:min(320px,82cqw);position:relative;overflow:hidden}.u-fan-c{--cw:min(30cqw,132px);width:var(--cw);aspect-ratio:240/420;border-radius:calc(var(--cw) * .085);cursor:pointer;box-shadow:0 0 0 1px var(--u-ln),0 16px 26px -16px #0c0b0b8c;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 16px)) rotate(calc((var(--i) - 1) * 7deg));transition:transform .55s var(--u-e);background:#fff;border:0;padding:0;position:absolute;top:50%;left:50%;overflow:hidden}.u-fan-c img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-fan.open .u-fan-c{transform:translate(-50%,-50%) translateX(calc((var(--i) - 1) * 108%))}.u-fan-c.top{z-index:3}.u-fan:not(.open) .u-fan-c.top{transform:translate(-50%,-52%) translateX(calc((var(--i) - 1) * 16px)) rotate(calc((var(--i) - 1) * 7deg))}.u-fan-c:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.u-fan-host{color:var(--ink);font-weight:700}.u-pt{background:var(--u-bg);height:min(360px,94cqw);padding:0 16% 0 8%;position:relative;overflow:hidden}.u-pt-page{transition:transform .7s var(--u-e);flex-direction:column;gap:10px;padding:14px 0;display:flex;position:relative}.u-pt-s{min-height:118px;box-shadow:0 0 0 1px var(--u-ln);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:16px;transition:box-shadow .3s;display:flex}.u-pt-s.cur{box-shadow:0 0 0 1.5px var(--ink)}.u-pt-s b{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:900;line-height:.95}.u-pt-s i{background:var(--u-fill);border-radius:3px;height:6px;display:block}.u-pt-s i.s{width:60%}.u-pt-form i.fld{height:22px;box-shadow:inset 0 0 0 1.5px var(--u-fill);background:0 0;border-radius:6px}.u-pt-form i.btn{background:var(--ink);height:30px;color:var(--paper);font:700 11.5px/1 var(--sans);border-radius:999px;place-items:center;font-style:normal;display:grid}.u-pt-line{width:14px;height:calc(100% - 32px);position:absolute;top:16px;right:6%}.u-pt-line path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .7s var(--u-e)}.u-pt:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;bottom:12px;right:calc(6% + 3px)}.u-cp{--g:1;background:#fff;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center;gap:0 6%;padding:8% 7%;display:grid}.u-cp-root{font:700 12px/1 var(--sans);flex-direction:column;gap:8px;display:flex}.u-cp-th{aspect-ratio:760/471;box-shadow:inset 0 0 0 1px var(--u-ln);border-radius:8px;display:block;overflow:hidden}.u-cp-th img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.u-cp-ns{flex-direction:column;gap:9px;padding-left:18px;list-style:none;display:flex;position:relative}.u-cp-ns:before{content:"";transform-origin:top;width:1.5px;transform:scaleY(var(--g));transition:transform .4s var(--u-e);background:#0c0b0b4d;position:absolute;top:10px;bottom:10px;left:0}.u-cp-ns li{font:700 12.5px/1.1 var(--sans);transition:opacity .3s,transform .35s var(--u-e);align-items:center;gap:8px;display:flex;position:relative}.u-cp-ns li:before{content:"";background:#0c0b0b4d;width:12px;height:1.5px;position:absolute;top:50%;left:-18px}.u-cp-ns li>i{background:var(--u-soft);width:30px;height:20px;box-shadow:inset 0 0 0 1px var(--u-ln);border-radius:4px;flex:none;display:block;position:relative}.u-cp-ns li>i i{background:#bdb7af;border-radius:2px;height:3px;position:absolute;top:5px;left:4px;right:10px}.u-cp-ns li>i i+i{background:var(--u-fill);top:11px;right:15px}.u-demo.is-js .u-cp-ns li:not(.on){opacity:0;transform:translate(-6px)}.u-ct{background:#fff;padding:6% 6% 5%}.u-ct-f{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.u-ct-f button{min-height:30px;color:var(--ink-2);font:700 11.5px/1 var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;padding:0 11px;transition:background-color .2s,color .2s;box-shadow:inset 0 0 0 1.5px #0c0b0b29}.u-ct-f button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:none}.u-ct-env{font:700 11.5px/1 var(--sans);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.u-ct-env svg{width:20px;height:16px}.u-ct-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;list-style:none;display:grid}.u-ct-g li{background:var(--u-soft);transition:opacity .3s,transform .35s var(--u-e);border-radius:10px;flex-direction:column;gap:6px;padding:7px;display:flex}.u-ct-g li.off{opacity:.16;transform:scale(.92)}.u-ct-pic{aspect-ratio:4/3;background:var(--u-fill);border-radius:7px;display:block}.u-ct-pic0{background:radial-gradient(circle at 50% 56%,#b9b4ad 0 26%,transparent 27%),var(--u-fill)}.u-ct-pic1{background:linear-gradient(#b9b4ad 0 0) 50% 60% / 44% 52% no-repeat,var(--u-fill)}.u-ct-pic2{background:linear-gradient(135deg,transparent 40%,#b9b4ad 41% 59%,transparent 60%) 50% 55% / 56% 64% no-repeat,var(--u-fill)}.u-ct-l{background:#cfcac3;border-radius:3px;width:70%;height:5px;display:block}.u-ct-g button{min-height:28px;color:var(--ink);box-shadow:inset 0 0 0 1.4px var(--ink);font:700 10.5px/1 var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;transition:background-color .2s,color .2s}.u-ct-g button:hover,.u-ct-g li.sent button{background:var(--ink);color:var(--paper)}.u-lg{background:var(--u-bg);flex-direction:column;align-items:center;padding:7% 8% 6%;display:flex}.u-lg-bar{width:min(230px,66%);font:600 12px/1 var(--sans);color:var(--ink-2);text-align:center;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px}.u-lg-url b{color:var(--ink);display:inline-block}.u-lg-url b span{transform-origin:50% 55% -.42em;display:inline-block}@media (prefers-reduced-motion:no-preference){.u-lg-url b span{animation:u-drum .5s var(--u-e) both;animation-delay:calc(var(--i) * 34ms)}}.u-lg-scr{aspect-ratio:400/559;width:min(230px,66%);box-shadow:0 0 0 5px var(--ink);background:#fff;border-radius:16px;margin-top:10px;position:relative;overflow:hidden}.u-lg-scr img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;position:absolute;inset:0}.u-lg-scr img.on{opacity:1}.u-lg-sw{gap:6px;margin-top:18px;display:flex}.u-lg-sw button{min-width:52px;min-height:36px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font:700 12.5px/1 var(--sans);letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;transition:background-color .2s,color .2s}.u-lg-sw button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.u-lg-code{font:600 12px/1 var(--sans);color:var(--ink-2);margin-top:12px}.u-lg-code code{font:inherit}.u-lg-code b{color:var(--ink)}.u-mchat{background:#efede9;flex-direction:column;justify-content:flex-end;gap:5%;padding:12% 10%;display:flex;position:absolute;inset:0}.u-mchat i{background:#fff;border-radius:3px;width:72%;height:7%;display:block}.u-mchat i.me{background:var(--ink);align-self:flex-end;width:78%;height:10%}.u-mchat i.s{width:48%}@keyframes u-mc1{0%,3%{opacity:0}8%,90%{opacity:1}96%,to{opacity:0}}@keyframes u-mc2{0%,20%{opacity:0}25%,90%{opacity:1}96%,to{opacity:0}}@keyframes u-mc3{0%,34%{opacity:0}39%,90%{opacity:1}96%,to{opacity:0}}@keyframes u-mc4{0%,50%{opacity:0}55%,90%{opacity:1}96%,to{opacity:0}}@keyframes u-mc5{0%,66%{opacity:0}71%,90%{opacity:1}96%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){.u-mchat i{animation:none}.u-mchat i:first-child{animation-name:u-mc1}.u-mchat i:nth-child(2){animation-name:u-mc2}.u-mchat i:nth-child(3){animation-name:u-mc3}.u-mchat i:nth-child(4){animation-name:u-mc4}.u-mchat i:nth-child(5){animation-name:u-mc5}.u-hero.u-live .u-mchat i{animation-play-state:running}}@media (max-width:699px){.u-demo-cap{font-size:12.5px}.u-kb{gap:4px;padding:12px 8px}.u-kb-col{padding:4px}.u-kb-card button{padding:8px 6px}.u-kb-card b{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.u-demo-re{display:none}}