.vs-page{--vs-ink:light-dark(#171717,var(--ink));--vs-muted:light-dark(#73716f,var(--muted));--vs-line:light-dark(#e4e3e0,var(--line));--vs-soft:light-dark(#f7f7f5,var(--soft));--vs-tile:light-dark(#f1f2f0,var(--surface));--vs-card:light-dark(#ffffff,color-mix(in srgb,var(--surface),var(--ink) 6%));--vs-fill:light-dark(#171717,color-mix(in srgb,var(--surface),var(--ink) 10%));--vs-fill-edge:light-dark(#171717,color-mix(in srgb,var(--surface),var(--ink) 22%));--vs-on-fill:light-dark(#ffffff,var(--ink));--vs-photo-tile:light-dark(#f1f2f0,var(--surface));--vs-disc:light-dark(#ffffff,#dad9d5);--vs-pip:#171717;--vs-ease:cubic-bezier(.22,1,.36,1);--vs-spring:cubic-bezier(.34,1.3,.64,1);padding-bottom:96px;color:var(--vs-ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}html[data-theme] body:has(.vs-page){background:light-dark(#fff,var(--page))}html[data-theme] body:has(.vs-page) .site-header{--nav-scrim:light-dark(#fff,var(--page))}.vs-page :is(a,button):focus-visible{outline:2px solid var(--vs-ink);outline-offset:3px}.vs-back{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin:22px 0 0;padding:0 16px 0 12px;border:1px solid var(--vs-line);border-radius:999px;color:var(--vs-ink);font-size:13px;text-decoration:none;transition:border-color .2s ease}@media (hover:hover){.vs-back:hover{border-color:var(--vs-ink)}}.vs{margin-top:clamp(18px,2.2vw,28px)}.vs-choose{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:8px 28px 8px 8px;border:1px solid var(--vs-fill-edge);border-radius:999px;background:var(--vs-fill);color:var(--vs-on-fill);font:400 clamp(17px,1.4vw,19px)/1 DM Sans,Arial,sans-serif;letter-spacing:-.02em;text-decoration:none;box-shadow:0 28px 60px -34px rgb(20 20 20/.6);cursor:pointer;transition:transform .5s var(--vs-spring),box-shadow .3s ease}.vs-choose>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--vs-on-fill) 14%,transparent);transition:transform .6s var(--vs-spring)}.vs-choose:active{transform:scale(.96)}.vs-drop{display:grid;place-content:center;justify-items:center;grid-gap:18px;gap:18px;min-height:clamp(380px,62vh,640px);padding:24px;border-radius:28px;background:var(--vs-soft);cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .6s var(--vs-spring)}@media (hover:hover){.vs-drop:hover .vs-choose{transform:translateY(-3px);box-shadow:0 34px 60px -30px rgb(20 20 20/.6)}.vs-drop:hover .vs-choose>span{transform:rotate(-10deg) scale(1.08)}}.vs[data-dragging] .vs-drop{background:var(--vs-tile);box-shadow:inset 0 0 0 2px var(--vs-ink);transform:scale(.99)}.vs[data-dragging] .vs-drop .vs-choose{transform:translateY(-4px) scale(1.04)}.vs-drop .vs-note{margin:0;color:var(--vs-muted);font-size:14px;text-align:center}.vs-layout{display:grid;grid-template-columns:minmax(300px,5fr) minmax(0,7fr);grid-gap:clamp(24px,3.4vw,56px);gap:clamp(24px,3.4vw,56px);align-items:start}.vs-stage{position:-webkit-sticky;position:sticky;top:92px;display:grid;grid-gap:14px;gap:14px;min-width:0}.vs-frame{display:grid;place-items:center;padding:clamp(14px,1.5vw,22px);border-radius:28px;background:var(--vs-soft);transition:box-shadow .3s ease}.vs[data-dragging] .vs-frame{box-shadow:inset 0 0 0 2px var(--vs-ink)}.vs-photo{--vs-ar:.8;--vs-max-h:clamp(320px,calc(100svh - 300px),760px);position:relative;width:min(100%,calc(var(--vs-max-h) * var(--vs-ar)));aspect-ratio:var(--vs-ar)}.vs-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:16px;opacity:0;transform:scale(.985);transition:opacity .45s ease,transform .7s var(--vs-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.vs-photo[data-shown] img{opacity:1;transform:none}.vs-photo:not([data-shown]):before{content:"";position:absolute;inset:0;border-radius:16px;background:var(--vs-tile) linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--vs-card) 75%,transparent) 50%,transparent 70%) 0 0 /220% 100%;animation:vs-shimmer 1.4s linear infinite}.vs-shade{position:absolute;inset:0;overflow:hidden;border-radius:16px;pointer-events:none}.vs-shade span{position:absolute;border-radius:14px;box-shadow:0 0 0 200vmax rgb(12 12 12/0);transition:left .7s var(--vs-spring),top .7s var(--vs-spring),width .7s var(--vs-spring),height .7s var(--vs-spring),box-shadow .45s ease}.vs-shade[data-on] span{box-shadow:0 0 0 200vmax rgb(12 12 12/.2),inset 0 0 0 1.5px rgb(255 255 255/.7)}.vs-dot{position:absolute;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:vs-dot-in .65s var(--vs-spring) backwards;animation-delay:calc(var(--i) * 90ms + .2s)}.vs-dot:before{border-radius:50%;background:radial-gradient(circle,var(--vs-pip) 0 3.5px,transparent 4px),var(--vs-disc);box-shadow:0 6px 18px -6px rgb(0 0 0/.55),0 0 0 1px rgb(0 0 0/.06);transition:transform .5s var(--vs-spring),background .25s ease,box-shadow .3s ease}.vs-dot:after,.vs-dot:before{content:"";position:absolute;inset:7px}.vs-dot:after{border:2px solid var(--vs-disc);border-radius:50%;opacity:0;pointer-events:none;animation:vs-pulse 2.8s var(--vs-ease) infinite;animation-delay:calc(var(--i) * .45s + 1s)}@media (hover:hover){.vs-dot:hover:before{transform:scale(1.14)}}.vs-dot:active:before{transform:scale(.9)}.vs-dot[aria-pressed=true]:before{background:radial-gradient(circle,var(--vs-disc) 0 3.5px,transparent 4px),var(--vs-pip);box-shadow:0 0 0 3px var(--vs-disc),0 10px 24px -8px rgb(0 0 0/.6);transform:scale(1.12)}.vs-dot[aria-pressed=true]:after{animation:none}.vs-frame[data-busy] .vs-dot[aria-pressed=true]:after{animation:vs-pulse 1.2s var(--vs-ease) infinite}.vs-dot:focus-visible{outline:2px solid var(--vs-disc);outline-offset:0}@keyframes vs-dot-in{0%{opacity:0;transform:scale(.2)}}@keyframes vs-pulse{0%{opacity:.9;transform:scale(1)}75%,to{opacity:0;transform:scale(1.85)}}.vs-name{justify-self:center;max-width:100%;min-height:42px;margin:0;padding:0 20px;overflow:hidden;border:1px solid var(--vs-fill-edge);border-radius:999px;background:var(--vs-fill);color:var(--vs-on-fill);font:400 14.5px/40px DM Sans,Arial,sans-serif;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 18px 34px -24px rgb(20 20 20/.55);animation:vs-name-in .75s var(--vs-spring) backwards}.vs-name span{color:light-dark(rgb(255 255 255/.68),var(--muted))}@keyframes vs-name-in{0%{opacity:0;transform:translateY(8px) scale(.82)}}.vs-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.vs-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--vs-line);border-radius:999px;background:transparent;color:var(--vs-ink);font:400 13.5px/1 DM Sans,Arial,sans-serif;cursor:pointer;transition:border-color .2s ease,background .25s ease,color .25s ease,transform .4s var(--vs-spring)}.vs-pill svg{flex:none;opacity:.75}@media (hover:hover){.vs-pill:hover{border-color:var(--vs-ink)}}.vs-pill:active{transform:scale(.96)}.vs-pill[aria-pressed=true]{border-color:var(--vs-fill-edge);background:var(--vs-fill);color:var(--vs-on-fill)}.vs-results{display:grid;grid-gap:20px;gap:20px;align-content:start;min-width:0;padding-top:4px}.vs-results h2{margin:0;color:var(--vs-ink);font:400 clamp(28px,2.6vw,40px)/1.04 DM Sans,Arial,sans-serif;letter-spacing:-.055em}.vs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px 18px;gap:26px 18px}.vs-cell{min-width:0;animation:vs-rise .6s var(--vs-ease) backwards;animation-delay:calc(min(var(--i), 11) * 45ms)}@keyframes vs-rise{0%{opacity:0;translate:0 16px}}.vs-page .vs-grid .catalog-image-wrap{aspect-ratio:1;border:0;border-radius:22px;background:var(--vs-photo-tile)}.vs-page .vs-grid .catalog-image{padding:12%}.vs-page .vs-grid .catalog-copy{display:grid;grid-gap:4px;gap:4px;padding:13px 4px 0;color:var(--vs-ink);text-decoration:none}.vs-page .vs-grid .catalog-copy h3{display:block;min-width:0;min-height:0;margin:0;overflow:hidden;color:inherit;font:400 15px/1.3 DM Sans,Arial,sans-serif;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.vs-page .vs-grid .catalog-copy strong{margin:0;color:var(--vs-muted);font-size:14px;font-weight:400;letter-spacing:-.01em}.vs-page .vs-grid .catalog-copy .price-cny{color:light-dark(#a3a19e,#7d7c79);font-weight:400}.vs-page .vs-grid .catalog-card-meta{display:none}.vs-page .vs-grid :is(.catalog-save,.catalog-save.saved){top:12px;right:12px;width:40px;height:40px;background:var(--vs-card);color:var(--vs-ink);box-shadow:0 6px 16px -10px rgb(20 20 20/.5)}.vs-market{display:grid;grid-gap:20px;gap:20px;align-content:start;margin-top:clamp(14px,2vw,28px)}.vs-market-down{margin:0;color:var(--vs-muted);font-size:15px;letter-spacing:-.01em}.vs-tile{display:grid;grid-gap:4px;gap:4px;color:var(--vs-ink);text-decoration:none}.vs-tile-photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:22px;background:var(--vs-photo-tile)}.vs-tile-photo .catalog-image{padding:12%}.vs-tile-photo .image-unavailable{height:100%}.vs-tile-title{display:block;min-width:0;margin-top:9px;padding:0 4px;overflow:hidden;font:400 15px/1.3 DM Sans,Arial,sans-serif;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.vs-tile-price{padding:0 4px;color:var(--vs-muted);font-size:14px;letter-spacing:-.01em}.vs-tile-price .price-cny{color:light-dark(#a3a19e,#7d7c79);font-weight:400}.vs-more{justify-self:start;min-height:48px;padding:0 26px;font-size:14.5px}.vs-more:disabled{opacity:.55;cursor:progress}.vs-community{display:grid;grid-gap:20px;gap:20px;align-content:start;margin-top:clamp(14px,2vw,28px)}.vs-tile-marks{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.vs-tile-marks>span{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 11px;border-radius:999px;font:400 12px/1 DM Sans,Arial,sans-serif;letter-spacing:-.005em;white-space:nowrap;box-shadow:0 8px 16px -12px rgb(20 20 20/.5),0 1px 2px rgb(20 20 20/.05)}.vs-qc{background:var(--vs-card);color:var(--vs-ink)}.vs-tile-marks>.vs-verified{padding-left:8px;background:light-dark(#171717,var(--ink));color:light-dark(#ffffff,var(--page))}.vs-skeleton{display:grid;grid-gap:9px;gap:9px;min-width:0}.vs-skeleton :is(i,b){display:block;background:var(--vs-tile) linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--vs-card) 75%,transparent) 50%,transparent 70%) 0 0 /220% 100%;animation:vs-shimmer 1.4s linear infinite;animation-delay:calc(var(--i) * 90ms)}.vs-skeleton i{aspect-ratio:1;border-radius:22px}.vs-skeleton b{width:72%;height:11px;margin-left:4px;border-radius:999px}.vs-skeleton b+b{width:36%}@keyframes vs-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.vs-none p,.vs-results .vs-note{margin:0;color:var(--vs-ink);font:400 clamp(22px,2vw,30px)/1.15 DM Sans,Arial,sans-serif;letter-spacing:-.04em;text-wrap:balance}.vs-none{display:grid;justify-items:start;grid-gap:18px;gap:18px}.vs-off{display:grid;place-content:center;justify-items:center;grid-gap:24px;gap:24px;min-height:clamp(360px,56vh,560px);margin-top:clamp(18px,2.2vw,28px);padding:32px 24px;border-radius:28px;background:var(--vs-soft);text-align:center}.vs-off h1{max-width:16ch;margin:0;color:var(--vs-ink);font:400 clamp(30px,3.4vw,48px)/1.06 DM Sans,Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}.vs-off .vs-choose{padding:8px 30px}@media (max-width:1100px){.vs-layout{grid-template-columns:minmax(280px,1fr) minmax(0,1.15fr)}.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.vs,.vs-back{margin-top:16px}.vs-layout{grid-template-columns:minmax(0,1fr);gap:28px}.vs-stage{position:static}.vs-frame{padding:12px;border-radius:24px}.vs-photo{--vs-max-h:clamp(280px,50svh,560px)}.vs-drop,.vs-off{min-height:clamp(340px,58svh,520px);border-radius:24px}.vs-grid{gap:20px 12px}.vs-page .vs-grid .catalog-image-wrap,.vs-skeleton i,.vs-tile-photo{border-radius:18px}.vs-tile-title{margin-top:7px;padding:0 2px;font-size:14px}.vs-tile-marks{top:8px;left:8px;right:8px;gap:4px}.vs-tile-marks>span{min-height:24px;padding:0 9px;font-size:11.5px}.vs-name{font-size:14px}.vs-tile-price{padding:0 2px;font-size:13px}.vs-page .vs-grid .catalog-copy{gap:3px;padding:10px 2px 0}.vs-page .vs-grid .catalog-copy h3{font-size:14px}.vs-page .vs-grid .catalog-copy strong{font-size:13px}.vs-page .vs-grid :is(.catalog-save,.catalog-save.saved){top:8px;right:8px;width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.vs-page .vs-dot:after,.vs-page .vs-frame[data-busy] .vs-dot[aria-pressed=true]:after,.vs-page .vs-photo:before,.vs-page :is(.vs-dot,.vs-cell,.vs-skeleton i,.vs-skeleton b,.vs-name){animation:none!important}.vs-page .vs-dot:before,.vs-page :is(.vs-drop,.vs-choose,.vs-choose>span,.vs-pill,.vs-photo img,.vs-shade span){transition-duration:.01ms!important}}