.feature-showcase_showcase__wHqVi{--ink:#493229;--muted:#927b6d;--accent:#e8874f;position:relative;isolation:isolate;padding:14px 36px 22px;color:var(--ink);background:#faf5ee;font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.feature-showcase_showcase__wHqVi:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#fffaf5d9,#fffaf5eb 70%,#faf5ee),url(/how-to/showcase-study.webp) 50% /cover;opacity:.8}.feature-showcase_heading__BFegA{text-align:center;margin:0 auto 14px}.feature-showcase_brand__TFu3g{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:12px;letter-spacing:.6em}.feature-showcase_brand__TFu3g:after,.feature-showcase_brand__TFu3g:before{content:"";width:36px;height:1px;background:#d9c3b3}.feature-showcase_title__aoF4_{position:relative;display:inline-block;margin:2px 0 0;font-family:inherit;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.25;letter-spacing:.09em}.feature-showcase_title__aoF4_:after{content:"✦";position:absolute;right:-30px;top:4px;font-size:18px;font-weight:400;color:#efa368}.feature-showcase_subtitle__Hv5TQ{margin-top:2px;color:var(--muted);font-size:14px;line-height:1.7}.feature-showcase_layout__U9LI4{--menu:200px;--menu-gap:36px;display:grid;grid-template-columns:minmax(0,1fr) min(960px,calc(100% - 2 * (var(--menu) + var(--menu-gap))),calc((100svh - 350px) * 16 / 9 + 24px)) minmax(0,1fr);column-gap:var(--menu-gap);align-items:start}.feature-showcase_aside__G48gZ{position:relative;grid-column:1;grid-row:1;align-self:center;justify-self:end;width:var(--menu)}.feature-showcase_sidebar__hb44B{padding:12px;border:1px solid #ffffffbd;border-radius:28px;background:#ffffff36;box-shadow:inset 0 1px 0 #fff}.feature-showcase_nav__SSuCa{display:flex;flex-direction:column;gap:15px}.feature-showcase_navButton__RPRBS{display:flex;align-items:center;gap:10px;width:100%;min-height:72px;padding:12px;white-space:nowrap;border:1px solid #ffffffbd;border-radius:20px;background:#ffffff62;color:var(--ink);font-family:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.feature-showcase_navButton__RPRBS:hover{background:#fffaf3;transform:translateX(2px)}.feature-showcase_navButton__RPRBS[aria-pressed=true]{border-color:#f5c59e;background:linear-gradient(125deg,#fffdf8,#ffe8d5);box-shadow:inset 0 0 0 2px #fff9,0 3px 15px #ce895032}.feature-showcase_icon__4JEc2{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#f3e4d9;color:#ab7d63}.feature-showcase_navButton__RPRBS[aria-pressed=true] .feature-showcase_icon__4JEc2{color:#db7040;background:#fff8ef}.feature-showcase_navChevron__ZUQTV{margin-left:auto;width:15px;color:#bda18e}.feature-showcase_navButton__RPRBS[aria-pressed=true] .feature-showcase_navChevron__ZUQTV{color:var(--accent)}.feature-showcase_asideNote__jxTdO{position:absolute;top:100%;left:0;margin:30px 0 0 10px;color:#a68d7a;font-size:13px;line-height:2;letter-spacing:.15em;transform:rotate(-5deg)}.feature-showcase_main__GW8UU{display:contents}.feature-showcase_main__GW8UU>*{grid-column:2;width:100%;min-width:0}.feature-showcase_frame__hRmT4{position:relative;padding:10px;border:2px solid #fff;border-radius:34px;background:#ffffff66;box-shadow:0 18px 50px #9764431a,inset 0 0 0 1px #ffffff66}.feature-showcase_screen__pg6OJ{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#f7eee3;touch-action:pan-y}.feature-showcase_video__DAfv_{width:100%;height:100%;object-fit:contain;background:#f6f2eb}.feature-showcase_screen__pg6OJ>.feature-showcase_deskStage__Ku_WU,.feature-showcase_screen__pg6OJ>.feature-showcase_gridStage__K1FMF,.feature-showcase_screen__pg6OJ>.feature-showcase_video__DAfv_{animation:feature-showcase_reveal__MH0_v .3s ease-out}@keyframes feature-showcase_reveal__MH0_v{0%{opacity:.5}to{opacity:1}}.feature-showcase_arrow__7G4W9,.feature-showcase_enlarge__Ns4US,.feature-showcase_pause__ws5aD{display:flex;align-items:center;justify-content:center;border:1px solid #fff;color:var(--ink);background:#fffcf7ed;cursor:pointer;box-shadow:0 4px 14px #79543a12}.feature-showcase_arrow__7G4W9{position:absolute;top:50%;z-index:3;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.feature-showcase_previous__knfRR{left:-24px}.feature-showcase_next__t49TV{right:-24px}.feature-showcase_arrow__7G4W9:hover,.feature-showcase_enlarge__Ns4US:hover,.feature-showcase_pause__ws5aD:hover{background:#fff;color:#da7540}.feature-showcase_enlarge__Ns4US{position:absolute;right:14px;bottom:14px;width:32px;height:32px;border-radius:50%;z-index:2}.feature-showcase_caption__cR4QR{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 4px 0}.feature-showcase_captionText__7twp2{flex:1;min-width:0}.feature-showcase_caption__cR4QR h2{font-family:inherit;font-size:15px;font-weight:600;margin:0}.feature-showcase_caption__cR4QR p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.feature-showcase_pause__ws5aD{position:absolute;left:14px;bottom:14px;z-index:2;width:32px;height:32px;border-radius:50%}.feature-showcase_thumbnails__6voQn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.feature-showcase_thumbnail__E3J4I{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding:3px 8px 3px 3px;border:2px solid transparent;border-radius:12px;background:#ffffff80;cursor:pointer;box-shadow:0 4px 15px #9c765612;text-align:left}.feature-showcase_thumbnail__E3J4I[aria-pressed=true]{border-color:#ed9a60;background:#fffdf8;box-shadow:0 0 0 3px #ffffffba}.feature-showcase_thumbPicture__RR08g{position:relative;flex-shrink:0;width:64px;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#f4ebe0}.feature-showcase_thumbPicture__RR08g>img{width:100%;height:100%;object-fit:cover}.feature-showcase_thumbLabel__Lva60{display:block;min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-family:inherit;white-space:nowrap;text-overflow:ellipsis}.feature-showcase_thumbnail__E3J4I[aria-pressed=true] .feature-showcase_thumbLabel__Lva60{color:#a35c32}.feature-showcase_progress__TycpM{position:absolute;left:18px;right:18px;bottom:7px;height:2px;overflow:hidden;border-radius:2px;background:#ffffff55}.feature-showcase_progress__TycpM>span{display:block;height:100%;background:#e7a16a;transition:width .1s linear}.feature-showcase_gridStage__K1FMF{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;container-type:inline-size;background:url(/how-to/showcase-study.webp) 50%/cover}.feature-showcase_gridWindow__HV4b_{position:relative;width:80%;aspect-ratio:1080/680;overflow:hidden;border-radius:1cqw;box-shadow:0 2.2cqw 4.5cqw #7a4f2a33,0 0 0 1px #8a6a4a1f}.feature-showcase_deskStage__Ku_WU{position:absolute;inset:0;overflow:hidden;background:#f6f2eb}.feature-showcase_gridVideo___9mt9{position:absolute;inset:-.4%;width:100.8%;height:100.8%;object-fit:cover;background:#f6f2eb}.feature-showcase_pageCapture__dbA5k{object-fit:contain;background:#faf6ee}.feature-showcase_showcase__wHqVi button:focus-visible{outline:3px solid #cd7c48;outline-offset:4px}.feature-showcase_largeScreen___9TpO{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px}.feature-showcase_doneThumb__D9gn7{object-fit:cover;object-position:top}@media (min-width:1500px){.feature-showcase_layout__U9LI4{--menu:230px;--menu-gap:44px}.feature-showcase_navButton__RPRBS{min-height:80px}}@media (min-width:701px) and (max-height:760px){.feature-showcase_navButton__RPRBS{min-height:54px;padding-block:8px}.feature-showcase_nav__SSuCa{gap:9px}}@media (min-width:1001px) and (max-width:1250px){.feature-showcase_layout__U9LI4{grid-template-columns:var(--menu) minmax(0,1fr)}.feature-showcase_main__GW8UU>*{width:min(100%,calc((100svh - 350px) * 16 / 9 + 24px));justify-self:center}}@media (max-width:1000px){.feature-showcase_showcase__wHqVi{padding-inline:24px}.feature-showcase_layout__U9LI4{--menu:180px;--menu-gap:26px;grid-template-columns:var(--menu) minmax(0,1fr)}.feature-showcase_main__GW8UU>*{width:min(100%,calc((100svh - 350px) * 16 / 9 + 24px));justify-self:center}.feature-showcase_sidebar__hb44B{padding:9px}.feature-showcase_nav__SSuCa{gap:10px}.feature-showcase_navButton__RPRBS{min-height:62px;padding:8px;font-size:14px;gap:8px}.feature-showcase_icon__4JEc2{width:32px;height:32px}.feature-showcase_asideNote__jxTdO{display:none}.feature-showcase_thumbnails__6voQn{gap:7px}.feature-showcase_arrow__7G4W9{width:36px;height:36px}.feature-showcase_previous__knfRR{left:-19px}.feature-showcase_next__t49TV{right:-19px}}@media (max-width:700px){.feature-showcase_showcase__wHqVi{padding:16px 16px 24px}.feature-showcase_heading__BFegA{margin-bottom:12px}.feature-showcase_subtitle__Hv5TQ{font-size:13px}.feature-showcase_layout__U9LI4{display:flex;flex-direction:column;gap:16px}.feature-showcase_aside__G48gZ{width:auto;min-width:0;align-self:stretch}.feature-showcase_sidebar__hb44B{width:100%;padding:0;border:0;background:none;box-shadow:none}.feature-showcase_nav__SSuCa{flex-direction:row;overflow-x:auto;padding:4px 2px 8px;gap:8px;scrollbar-width:thin}.feature-showcase_navButton__RPRBS{flex-shrink:0;width:auto;min-height:44px;padding:8px 12px;border-radius:15px;font-size:12px}.feature-showcase_icon__4JEc2{width:25px;height:25px}.feature-showcase_icon__4JEc2 svg{width:16px}.feature-showcase_navChevron__ZUQTV{display:none}.feature-showcase_main__GW8UU{display:block;width:100%}.feature-showcase_main__GW8UU>*{width:100%}.feature-showcase_frame__hRmT4{padding:5px;border-radius:21px}.feature-showcase_screen__pg6OJ{border-radius:15px}.feature-showcase_arrow__7G4W9{width:30px;height:30px}.feature-showcase_previous__knfRR{left:-10px}.feature-showcase_next__t49TV{right:-10px}.feature-showcase_enlarge__Ns4US{width:26px;height:26px;bottom:9px;right:9px}.feature-showcase_pause__ws5aD{width:26px;height:26px;bottom:9px;left:9px}.feature-showcase_caption__cR4QR{min-height:64px}.feature-showcase_caption__cR4QR h2{font-size:14px}.feature-showcase_caption__cR4QR p{font-size:11px}.feature-showcase_thumbnails__6voQn{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature-showcase_thumbnail__E3J4I{padding:2px;border-radius:10px}.feature-showcase_thumbPicture__RR08g{border-radius:6px}.feature-showcase_thumbLabel__Lva60{font-size:9px;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.feature-showcase_showcase__wHqVi *,.feature-showcase_showcase__wHqVi :after,.feature-showcase_showcase__wHqVi :before{transition:none!important;animation:none!important}}.dark .feature-showcase_showcase__wHqVi{--ink:#f1dac4;--muted:#bba38e;background:#2d2723}.dark .feature-showcase_showcase__wHqVi:before{background:linear-gradient(#302922eb,#302922ed),url(/how-to/showcase-study.webp) 50% /cover}.dark .feature-showcase_navButton__RPRBS,.dark .feature-showcase_sidebar__hb44B{background:#473a304d;border-color:#79634b55;box-shadow:none}.dark .feature-showcase_navButton__RPRBS[aria-pressed=true]{background:linear-gradient(125deg,#64503c,#6c4934);border-color:#b28056;box-shadow:inset 0 0 0 1px #b8916240}.dark .feature-showcase_navButton__RPRBS:hover{background:#584637}.dark .feature-showcase_frame__hRmT4{background:#72574035;border-color:#aa8d6855}.dark .feature-showcase_thumbnail__E3J4I{background:#5b483b55}.dark .feature-showcase_thumbnail__E3J4I[aria-pressed=true]{background:#75523a;box-shadow:none}.dark .feature-showcase_thumbLabel__Lva60{color:#d3b79b}.dark .feature-showcase_thumbnail__E3J4I[aria-pressed=true] .feature-showcase_thumbLabel__Lva60{color:#ffe4c5}.dark .feature-showcase_arrow__7G4W9,.dark .feature-showcase_enlarge__Ns4US,.dark .feature-showcase_pause__ws5aD{background:#4c3a2f;border-color:#937251}