.preview-showcase{--showcase-paper:#f5f7fa;--showcase-ink:#1c2636;--showcase-muted:#5f6a7a;--showcase-line:#dce2ea;--showcase-orange:#3155b7;background:var(--showcase-paper);color:var(--showcase-ink);font-family:PingFang SC,Noto Sans CJK SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.showcase-hero-title{text-wrap:balance;font-family:PingFang SC,Noto Sans CJK SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.showcase-title-accent{color:var(--showcase-orange);white-space:nowrap}.showcase-hero-description{text-wrap:pretty}.showcase-brand-mark img{object-fit:contain;width:100%;height:100%}.showcase-brand-type strong{color:#1c2636;letter-spacing:-.04em;font-size:19px;font-weight:700;line-height:24px}.showcase-brand-type small{color:#5f6a7a;letter-spacing:.015em;margin-top:2px;font-size:11px;font-weight:500;line-height:16px}@media (min-width:640px){.showcase-brand-type strong{font-size:22px;line-height:27px}.showcase-brand-type small{font-size:12px;line-height:16px}}.showcase-brand-domain{display:none}@media (min-width:360px){.showcase-brand-domain{display:inline}}.showcase-hero-search{background:linear-gradient(#fff 0%,#fbfcff 100%);border:1px solid #d2dce9;border-radius:21px;align-items:center;gap:7px;padding:7px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 15px 38px #1d2f5314,0 2px 6px #1d2f5308}.showcase-hero-search:hover{border-color:#adbfdd}.showcase-hero-search:focus-within{border-color:#8fa9dd;box-shadow:0 0 0 3px #3155b71c,0 17px 42px #1d2f531a}.showcase-search-field{flex:1;align-items:center;gap:8px;min-width:0;height:52px;padding-left:4px;display:flex}.showcase-search-icon{color:#3155b7;background:#f0f4fc;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.showcase-search-input,.showcase-search-input:focus{width:100%;min-width:0;height:100%;box-shadow:none;-webkit-appearance:none;appearance:none;color:#1c2636;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0;font-size:16px;line-height:1.4;display:block}.showcase-search-input:focus-visible{width:100%;min-width:0;height:100%;box-shadow:none;-webkit-appearance:none;appearance:none;color:#1c2636;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0;font-size:16px;line-height:1.4;display:block}.showcase-search-input::placeholder{color:#718096;opacity:1}.showcase-search-clear{color:#718096;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;transition:background-color .18s,color .18s;display:grid}.showcase-search-clear:hover{color:#3155b7;background:#edf2fa}:is(.showcase-search-clear:focus-visible,.showcase-search-submit:focus-visible){outline-offset:3px;outline:2px solid #1c3e93}.showcase-search-submit{color:#fff;white-space:nowrap;background:#3155b7;border-radius:14px;flex:none;min-height:52px;padding:0 17px;font-size:15px;font-weight:650;transition:background-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #fff3,0 3px 9px #3155b72e}.showcase-search-submit:hover{background:#294ca7;transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 5px 12px #3155b738}@media (min-width:640px){.showcase-hero-search{border-radius:23px;gap:9px;padding:8px}.showcase-search-field{gap:13px;height:60px;padding-left:7px}.showcase-search-icon{border-radius:14px;width:43px;height:43px}.showcase-search-input{font-size:17px}.showcase-search-submit{min-height:56px;padding-inline:22px;font-size:16px}}.showcase-hero-copy>*{animation:.68s cubic-bezier(.2,.75,.2,1) both showcase-hero-enter}.showcase-hero-copy>:nth-child(2){animation-delay:70ms}.showcase-hero-copy>:nth-child(3){animation-delay:.14s}.showcase-hero-copy>:nth-child(4){animation-delay:.21s}@keyframes showcase-hero-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-card-reveal{0%{opacity:.35;translate:0 18px}to{opacity:1;translate:0}}@supports (animation-timeline:view()){.showcase-product-card{animation:linear both showcase-card-reveal;animation-timeline:view();animation-range:entry cover 22%}}@media (max-width:639px){.showcase-hero-deck{height:184px}.showcase-hero-deck-card{border-radius:18px;width:89%;left:7%}.showcase-hero-deck-copy{padding:1rem}.showcase-hero-deck-copy h2{font-size:1rem}.showcase-hero-deck-copy .rounded-full{padding:.45rem .7rem;font-size:.65rem}}.showcase-media{background:#f5f7fa;position:absolute;inset:0;overflow:hidden}.showcase-media>img,.showcase-media>video{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.showcase-filter-scroll{scrollbar-width:none}.showcase-filter-scroll::-webkit-scrollbar{display:none}.showcase-filter-options{animation:.22s cubic-bezier(.2,.7,.2,1) showcase-filter-options-in}.group:hover .showcase-media>img,.group:hover .showcase-media>video{transform:scale(1.025)}.showcase-hero-deck{--deck-shift-x:0px;--deck-shift-y:0px;--deck-rotate-x:0deg;--deck-rotate-y:0deg;--deck-drag-x:0px;--deck-drag-y:0px;--deck-drag-rotate:0deg;perspective:1200px;height:194px;position:relative}.showcase-hero-deck-stage{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.showcase-hero-deck-card{aspect-ratio:16/9;will-change:transform;pointer-events:none;background:#3155b7;border-radius:22px;width:88%;transition:transform .52s cubic-bezier(.2,.75,.2,1),box-shadow .52s,opacity .3s;position:absolute;top:50%;left:8%;overflow:hidden;box-shadow:0 24px 62px #1c26362b}.showcase-hero-deck-card:after{content:"";z-index:1;opacity:0;background:#1c263633;transition:opacity .42s;position:absolute;inset:0}.showcase-hero-deck-card--back{border:1px solid #ffffffbf}.showcase-hero-deck-card--back:after{opacity:1}.showcase-hero-deck-back-title{z-index:2;color:#fff;text-overflow:ellipsis;text-shadow:0 1px 8px #1c263673;white-space:nowrap;max-width:72%;font-size:.62rem;font-weight:700;transition:opacity .24s,transform .42s;position:absolute;top:.8rem;left:1rem;overflow:hidden}.showcase-hero-deck-card--front .showcase-hero-deck-back-title{opacity:0;transform:translateY(.35rem)}.showcase-hero-deck-card--back-1{z-index:19;opacity:.92;transform:translate3d(-8px,-52%,-35px)rotate(-1.2deg)}.showcase-hero-deck-card--back-2{z-index:18;opacity:.82;transform:translate3d(-18px,-55%,-75px)rotate(-2.6deg)}.showcase-hero-deck-card--back-3{z-index:17;opacity:.72;transform:translate3d(-28px,-59%,-110px)rotate(-4.2deg)}.showcase-hero-deck-card--front{z-index:20;pointer-events:auto;cursor:grab;touch-action:pan-y;transform:translate3d(calc(var(--deck-shift-x) + var(--deck-drag-x)), calc(-47% + var(--deck-shift-y) + var(--deck-drag-y)), 0) rotateX(var(--deck-rotate-x)) rotateY(var(--deck-rotate-y)) rotateZ(var(--deck-drag-rotate));transform-style:preserve-3d;outline-color:#3155b7}.showcase-hero-deck-scrim,.showcase-hero-deck-copy{opacity:0;transition:opacity .32s,transform .42s cubic-bezier(.2,.75,.2,1);transform:translateY(.4rem)}.showcase-hero-deck-card--front .showcase-hero-deck-scrim,.showcase-hero-deck-card--front .showcase-hero-deck-copy{opacity:1;transform:translateY(0)}.showcase-hero-deck-card--front.is-dragging{cursor:grabbing;transition:none}.showcase-hero-deck-card--front.is-exiting-left,.showcase-hero-deck-card--front.is-exiting-right{opacity:0;transform:translate3d(calc(var(--deck-shift-x) + var(--deck-drag-x)), calc(-47% + var(--deck-shift-y) + var(--deck-drag-y)), 0) rotateX(var(--deck-rotate-x)) rotateY(var(--deck-rotate-y)) rotateZ(var(--deck-drag-rotate)) scale(.98);transition:opacity .32s ease-out,transform .32s cubic-bezier(.16,1,.3,1)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-1{opacity:.96;transform:translate3d(-12px,-53.5%,-30px)rotate(-1.7deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-2{opacity:.88;transform:translate3d(-29px,-59%,-70px)rotate(-3.8deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-3{opacity:.8;transform:translate3d(-46px,-65%,-105px)rotate(-6.2deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--front{box-shadow:0 30px 72px #1c26363b}.showcase-hero-deck-dots{z-index:40;border:0;gap:.35rem;min-width:0;margin:0;padding:0;display:flex;position:absolute;bottom:-20px;right:6%}.showcase-hero-deck-dots button{color:#3155b7;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.showcase-hero-deck-dots button:after{content:"";background:#7a89a5;border-radius:999px;width:.35rem;height:.35rem;transition:width .25s,background .25s}.showcase-hero-deck-dots button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #3155b7}.showcase-hero-deck-dots .showcase-hero-deck-play:after{display:none}.showcase-hero-deck-dots button.is-active:after{background:#3155b7;width:1.2rem}.detail-audio-wave{inset-inline:1.75rem;align-items:center;gap:3px;height:7.5rem;display:flex;position:absolute;bottom:4.6rem}.detail-audio-wave i{width:3px;height:var(--bar-height);transform-origin:50%;background:#ffffffd6;border-radius:999px;flex:1;min-height:8px}.detail-audio-wave.is-playing i{animation:.82s ease-in-out infinite alternate detail-audio-pulse;animation-delay:calc(var(--bar-index) * -31ms)}@media (min-width:640px){.showcase-hero-deck{height:328px}.showcase-hero-deck-card{border-radius:26px;top:54%}.showcase-hero-deck-dots{bottom:-16px}}@media (min-width:1024px){.showcase-hero-deck{height:342px}}.showcase-motion{position:absolute;inset:0;overflow:hidden}.showcase-motion-label{color:#ffffffc2;font:600 .65rem/1 var(--font-mono-app);letter-spacing:.14em;text-transform:uppercase;position:absolute;bottom:1.05rem;left:1.25rem}.showcase-motion--audio{background:radial-gradient(circle at 74% 22%,#edf1f6 0,#3155b7 24% 78%)}.showcase-record{border:1px solid #ffffff52;border-radius:50%;width:8.5rem;height:8.5rem;animation:9s linear infinite showcase-spin;position:absolute;top:50%;right:9%;translate:0 -50%;box-shadow:0 0 0 1.3rem #1c26361f,0 0 0 2.7rem #1c263614}.showcase-record:before{content:"";background:#f5f7fa;border-radius:50%;position:absolute;inset:34%}.showcase-record span{z-index:1;font:800 .55rem/1 var(--font-mono-app);letter-spacing:.08em;color:#3155b7;place-items:center;display:grid;position:absolute;inset:0}.showcase-record i{background:#ffffff61;height:2px;position:absolute;inset:49% -26%}.showcase-wave{align-items:center;gap:4px;height:30%;display:flex;position:absolute;bottom:33%;left:7%}.showcase-wave i{width:3px;height:var(--height);transform-origin:50%;animation:1.6s ease-in-out infinite alternate showcase-wave;animation-delay:calc(var(--bar) * -70ms);background:#ffffffdb;border-radius:1rem}.showcase-motion--query{color:#eef6ee;background:linear-gradient(145deg,#3155b7,#3155b7);padding:1.2rem}.showcase-query-source{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;color:#3155b7;max-width:72%;font-size:.68rem;display:block;overflow:hidden}.showcase-query-field{color:#ffffff85;border:1px solid #ffffff2b;border-radius:.65rem;align-items:center;height:2.6rem;margin-top:1.2rem;padding-left:2.4rem;font-size:.72rem;display:flex;position:relative}.showcase-query-field i{border:1px solid #dce2ea;border-radius:50%;width:.75rem;height:.75rem;position:absolute;left:.9rem}.showcase-query-field i:after{content:"";background:#edf1f6;width:.35rem;height:1px;position:absolute;bottom:-.12rem;right:-.25rem;rotate:45deg}.showcase-query-results{gap:.55rem;margin-top:.8rem;display:grid}.showcase-query-results span{background:linear-gradient(90deg,#ffffff2b 0 16%,#ffffff12 16% 100%);border-radius:.35rem;height:1.3rem}.showcase-scan{background:linear-gradient(#0000 0 45%,#3155b747 50%,#0000 55%);animation:3.2s ease-in-out infinite showcase-scan;position:absolute;inset:0}.showcase-motion--document{background:linear-gradient(145deg,#edf1f6,#edf1f6)}.showcase-paper{background:#fff;border-radius:.55rem;width:49%;height:72%;position:absolute;top:50%;left:50%;box-shadow:0 1rem 2rem #1c26362b}.showcase-paper--back{opacity:.68;background:#3155b7;transform:translate(-38%,-48%)rotate(8deg)}.showcase-paper--front{padding:1.1rem;animation:5s ease-in-out infinite showcase-paper;transform:translate(-62%,-54%)rotate(-3deg)}.showcase-paper b{color:#1c2636;font-size:.7rem}.showcase-paper i{background:#edf1f6;border-radius:1rem;height:.32rem;margin-top:.65rem;display:block}.showcase-paper i:nth-of-type(2){width:72%}.showcase-paper i:nth-of-type(3){width:86%}.showcase-paper span{font:800 1.1rem/1 var(--font-mono-app);color:#3155b7;position:absolute;bottom:.65rem;right:.75rem}.showcase-motion--canvas{background:#f5f7fa}.showcase-canvas-frame{grid-template-columns:1fr 1fr;gap:.55rem;display:grid;position:absolute;inset:18% 17%;rotate:-2deg}.showcase-canvas-frame span{background:#3155b7;border-radius:.65rem;box-shadow:inset 0 0 0 1px #ffffff1f}.showcase-canvas-frame span:first-child{background:#3155b7;grid-row:span 2}.showcase-canvas-frame span:last-child{background:#3155b7}.showcase-canvas-cursor{clip-path:polygon(0 0,100% 72%,57% 76%,43% 100%);filter:drop-shadow(0 2px 2px #1c263640);background:#fff;width:1.2rem;height:1.4rem;animation:3s ease-in-out infinite showcase-cursor;position:absolute;top:45%;left:56%}.showcase-motion--canvas b{letter-spacing:.08em;font-size:.72rem;position:absolute;bottom:1rem;left:1.2rem}.showcase-motion--coffee{color:#fff8e8;background:radial-gradient(circle at 72% 18%,#3155b7 0 34%,#3155b7 100%)}.showcase-coffee-glow{background:#ffe7b921;border-radius:50%;width:12rem;height:12rem;position:absolute;top:50%;right:8%;translate:0 -50%;box-shadow:0 0 0 2rem #ffe7b90d}.showcase-coffee-grinder{width:7.5rem;height:9.5rem;position:absolute;top:50%;right:18%;translate:0 -45%}.showcase-coffee-crank{transform-origin:0;background:#edf1f6;border-radius:1rem;width:5.8rem;height:2px;animation:3.5s ease-in-out infinite showcase-coffee-crank;position:absolute;top:-.15rem;left:44%}.showcase-coffee-crank i{background:#3155b7;border-radius:1rem;width:1.7rem;height:.55rem;position:absolute;top:-.25rem;right:-1.15rem;box-shadow:inset 0 0 0 1px #ffffff38}.showcase-coffee-crank b{background:#edf1f6;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.25rem;left:-.25rem}.showcase-coffee-hopper{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(160deg,#ffffff57,#ffffff14);border:1px solid #ffffff8c;border-radius:2.3rem 2.3rem 1.1rem 1.1rem;width:5.5rem;height:3.6rem;position:absolute;top:.35rem;left:50%;translate:-50%}.showcase-coffee-hopper i{background:#3155b7;border-radius:50%;width:.65rem;height:.45rem;animation:2.8s ease-in-out infinite showcase-coffee-bean;position:absolute;rotate:25deg}.showcase-coffee-hopper i:first-child{bottom:.55rem;left:23%}.showcase-coffee-hopper i:nth-child(2){animation-delay:-.6s;bottom:.85rem;left:42%}.showcase-coffee-hopper i:nth-child(3){animation-delay:-1.2s;bottom:.5rem;right:22%}.showcase-coffee-hopper i:nth-child(4){animation-delay:-1.8s;bottom:.25rem;left:48%}.showcase-coffee-body{background:var(--q-canvas);border-radius:1.2rem 1.2rem .8rem .8rem;width:6.4rem;height:5.2rem;position:absolute;top:3.25rem;left:50%;translate:-50%;box-shadow:0 1.2rem 2rem #1c263647}.showcase-coffee-body:before{content:"";background:#3155b7;border-radius:1rem;width:4.4rem;height:.65rem;position:absolute;top:1.15rem;left:50%;translate:-50%;box-shadow:inset 0 2px 3px #1c263647}.showcase-coffee-body span{border:1px solid #1c263652;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;bottom:1.15rem;left:50%;translate:-50%;box-shadow:inset 0 0 0 .35rem #1c26361f}.showcase-coffee-cup{background:#3155b7;border-radius:.25rem .25rem 1rem 1rem;width:4rem;height:1.35rem;position:absolute;bottom:-.15rem;left:50%;translate:-50%;box-shadow:0 .55rem 1rem #1c263640}.showcase-coffee-cup i{border:.25rem solid #3155b7;border-left:0;border-radius:0 1rem 1rem 0;width:1.15rem;height:.75rem;position:absolute;top:.18rem;right:-1rem}.showcase-motion--coffee>b{letter-spacing:.12em;color:#ffffffc7;font-size:.72rem;position:absolute;bottom:1.1rem;left:1.3rem}.showcase-motion--data{background:radial-gradient(circle,#f5f7fa 0 17%,#3155b7 18% 100%)}.showcase-data-orbit{border:1px solid #ffffff38;border-radius:50%;width:10rem;height:10rem;animation:12s linear infinite showcase-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.showcase-data-orbit:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:22%}.showcase-data-orbit i{background:#3155b7;border-radius:50%;width:.55rem;height:.55rem;position:absolute}.showcase-data-orbit i:first-child{top:25%;left:8%}.showcase-data-orbit i:nth-child(2){top:56%;right:3%}.showcase-data-orbit i:nth-child(3){bottom:-4%;left:46%}.showcase-data-orbit span{font:800 1.1rem/1 var(--font-mono-app);color:#1c2636;place-items:center;animation:12s linear infinite reverse showcase-spin;display:grid;position:absolute;inset:0}.showcase-motion--data>b{letter-spacing:.1em;color:#ffffffad;font-size:.7rem;position:absolute;bottom:1rem;left:1.2rem}@keyframes showcase-spin{to{rotate:360deg}}@keyframes showcase-wave{50%{opacity:.55;scale:1 .52}}@keyframes showcase-scan{0%,15%{translate:0 -70%}70%,to{translate:0 70%}}@keyframes showcase-paper{0%,to{translate:0}50%{translate:0 -.35rem}}@keyframes showcase-cursor{0%,to{translate:-1.2rem 1rem}50%{translate:1.3rem -1rem}}@keyframes showcase-coffee-crank{0%,to{rotate:-7deg}50%{rotate:20deg}}@keyframes showcase-coffee-bean{0%,to{translate:0;rotate:25deg}50%{translate:0 -.25rem;rotate:55deg}}@keyframes showcase-filter-options-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes detail-audio-pulse{45%{opacity:.55;scale:1 .42}}@media (prefers-reduced-motion:reduce){.showcase-hero-copy>*,.showcase-product-card,.showcase-record,.showcase-wave i,.showcase-scan,.showcase-paper--front,.showcase-canvas-cursor,.showcase-data-orbit,.showcase-data-orbit span,.showcase-coffee-crank,.showcase-coffee-hopper i,.showcase-hero-deck-card--front{animation:none!important}.showcase-hero-deck-card,.showcase-hero-deck-dots button:after{transition:none!important}.showcase-filter-options{animation:none!important}.showcase-hero-deck:hover .showcase-hero-deck-card--back-1{opacity:.92;transform:translate3d(-8px,-52%,-35px)rotate(-1.2deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-2{opacity:.82;transform:translate3d(-18px,-55%,-75px)rotate(-2.6deg)}.showcase-hero-deck:hover .showcase-hero-deck-card--back-3{opacity:.72;transform:translate3d(-28px,-59%,-110px)rotate(-4.2deg)}.detail-audio-wave.is-playing i{animation:none!important}}