.v-stacks-b{overflow-x:clip}.v-stacks-b .sb-grid{gap:1rem;display:grid}@media (min-width:640px) and (max-width:1023px){.v-stacks-b .sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.v-stacks-b .sb-grid{-moz-column-gap:1.1rem;grid-template-rows:auto auto 1fr;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1.1rem}.v-stacks-b .sb-grid .sb-card{grid-row:span 3;grid-template-rows:subgrid;display:grid}}.v-stacks-b .sb-card{--d:0;--t:clamp(0, calc((var(--p,1) - var(--d)) / .4), 1);--m:clamp(0, calc((var(--p,1) - var(--d) - .18) / .5), 1);transform:translate3d(0, calc((1 - var(--t)) * 70px), 0);opacity:calc(.15 + var(--t) * .85);will-change:transform, opacity;background:#f5f2ec;border:1px solid #ddd6c9;border-radius:28px;flex-direction:column;padding:.75rem .75rem 1.5rem;display:flex;position:relative}@media (min-width:1024px){.v-stacks-b .sb-card{--d:calc(var(--i) * .11)}}.v-stacks-b .sb-body{padding:0 .75rem}.v-stacks-b h3{margin-top:1.3rem;padding:0 .75rem}.v-stacks-b .best{color:#5a5f66;margin-top:.5rem;padding:0 .75rem .5rem;font-size:15.5px;line-height:1.55}.v-stacks-b .mock{color:#121417;background:#fff;border:1px solid #ddd6c9;border-radius:20px;height:196px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.v-stacks-b .lbl{font-size:11px;font-weight:600}.v-stacks-b .sk{background:#eae4d9;border-radius:4px;height:6px}.v-stacks-b .m-tree svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.v-stacks-b .m-tree path{fill:none;stroke:#ddd6c9;stroke-width:1.5px;vector-effect:non-scaling-stroke}.v-stacks-b .m-tree path.go{stroke:#f76a0c;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0, calc((var(--m) - var(--a,0)) / .35), 1))}.v-stacks-b .node{white-space:nowrap;background:#fff;border:1px solid #ddd6c9;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .65rem;font-size:11px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.v-stacks-b .node.root{color:#fff;background:#121417;border-color:#121417}.v-stacks-b .node.mid{--w:clamp(0, calc((var(--m) - .2) / .25), 1);border-color:rgba(247,106,12, var(--w));opacity:calc(.35 + var(--w) * .65)}.v-stacks-b .leaf{transform:translate(-50%, -50%) scale(calc(.6 + var(--g) * .4));width:15%;height:22px;opacity:var(--g);--g:clamp(0, calc((var(--m) - var(--a)) / .2), 1);background:#f5f2ec;border:1px solid #ddd6c9;border-radius:7px;place-items:center;display:grid;position:absolute}.v-stacks-b .leaf:after{content:"";background:#ddd6c9;border-radius:3px;width:55%;height:4px}.v-stacks-b .m-shop{flex-direction:column;gap:.7rem;padding:.9rem;display:flex}.v-stacks-b .m-shop .top{justify-content:space-between;align-items:center;display:flex}.v-stacks-b .cart{border:1px solid #ddd6c9;border-radius:10px;place-items:center;width:2.1rem;height:2.1rem;display:grid;position:relative}.v-stacks-b .cart svg{width:1rem;height:1rem}.v-stacks-b .badge{color:#121417;--b:clamp(0, calc((var(--m) - .35) / .12), 1);min-width:18px;height:18px;transform:scale(var(--b));opacity:var(--b);background:#f76a0c;border-radius:999px;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.v-stacks-b .prod{background:#f5f2ec;border-radius:14px;align-items:center;gap:.7rem;padding:.55rem;display:flex}.v-stacks-b .thumb{background:linear-gradient(150deg,#eae4d9,#ddd6c9);border-radius:10px;flex:none;width:3.3rem;height:3.3rem;position:relative;overflow:hidden}.v-stacks-b .thumb:after{content:"";opacity:.8;background:#fff;border-radius:8px 8px 4px 4px;position:absolute;top:30%;bottom:18%;left:22%;right:22%}.v-stacks-b .add{white-space:nowrap;--a2:clamp(0, calc((var(--m) - .15) / .2), 1);background:#fff;background:rgba(247,106,12, var(--a2));border:1px solid #ddd6c9;border-color:rgba(247,106,12, calc(.2 + var(--a2) * .8));border-radius:999px;flex:none;margin-left:auto;padding:.4rem .7rem;font-size:11px;font-weight:700}.v-stacks-b .fly{--f:clamp(0, calc((var(--m) - .2) / .17), 1);width:10px;height:10px;opacity:calc(var(--f) * (1 - var(--f)) * 4);transform:translate(calc((1 - var(--f)) * -40px), calc((1 - var(--f)) * 52px));background:#f76a0c;border-radius:999px;position:absolute;top:1.4rem;right:1.5rem}.v-stacks-b .chk{background:#f5f2ec;border:1px solid #ddd6c9;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;height:2.4rem;margin-top:auto;font-size:11.5px;font-weight:700;display:flex;position:relative;overflow:hidden}.v-stacks-b .chk i{transform-origin:0;transform:scaleX(clamp(0, calc((var(--m) - .5) / .4), 1));background:#f76a0c;position:absolute;top:0;bottom:0;left:0;right:0}.v-stacks-b .chk span,.v-stacks-b .chk svg{position:relative}.v-stacks-b .chk svg{width:.9rem;height:.9rem}.v-stacks-b .m-code .chrome{background:#f5f2ec;border-bottom:1px solid #ddd6c9;align-items:center;gap:.4rem;height:1.9rem;padding:0 .7rem;display:flex}.v-stacks-b .m-code .chrome i{background:#ddd6c9;border-radius:99px;flex:none;width:7px;height:7px}.v-stacks-b .m-code .url{color:#5a5f66;white-space:nowrap;background:#fff;border:1px solid #ddd6c9;border-radius:999px;flex:1;align-items:center;min-width:0;height:1.25rem;margin-left:.35rem;padding:0 .5rem;font-size:11px;display:flex;overflow:hidden}.v-stacks-b .load{transform-origin:0;height:3px;transform:scaleX(clamp(0, calc(var(--m) / .55), 1));opacity:calc(1 - clamp(0, calc((var(--m) - .6) / .2), 1));background:#f76a0c}.v-stacks-b .page{gap:.45rem;padding:.7rem .8rem;display:grid}.v-stacks-b .page>*{--s:clamp(0, calc((var(--m) - var(--a)) / .2), 1);opacity:calc(.12 + var(--s) * .88);transform:translateY(calc((1 - var(--s)) * 6px))}.v-stacks-b .hero{background:#121417;border-radius:10px;align-items:flex-end;gap:.35rem;height:46px;padding:.45rem .55rem;display:flex}.v-stacks-b .hero b{background:#ffffffd9;border-radius:4px;width:44%;height:12px}.v-stacks-b .hero em{background:#f76a0c;border-radius:999px;width:22%;height:14px;margin-left:auto}.v-stacks-b .row3{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.v-stacks-b .row3 span{background:#eae4d9;border-radius:7px;height:26px}.v-stacks-b .gauge{background:#fff;border:1px solid #ddd6c9;border-radius:12px;width:76px;height:46px;position:absolute;bottom:.55rem;right:.7rem;box-shadow:0 12px 24px -18px #12141780}.v-stacks-b .gauge svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.v-stacks-b .gauge .arc{fill:none;stroke:#eae4d9;stroke-width:5px;stroke-linecap:round}.v-stacks-b .gauge .arc.hot{stroke:#f76a0c;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--m) * .82)}.v-stacks-b .needle{transform-origin:50% 100%;width:2px;height:22px;transform:rotate(calc(-80deg + var(--m) * 140deg));background:#121417;border-radius:2px;margin-left:-1px;position:absolute;bottom:9px;left:50%}.v-stacks-b .needle:after{content:"";background:#121417;border-radius:99px;width:8px;height:8px;position:absolute;bottom:-3px;left:-3px}.v-stacks-b .done{--o:clamp(0, calc((var(--m) - .8) / .15), 1);opacity:var(--o);transform:translateY(calc((1 - var(--o)) * 6px));background:#fff;border:1px solid #ddd6c9;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;left:.8rem}.v-stacks-b .done:before{content:"";background:#22c55e;border-radius:99px;width:8px;height:8px}.v-stacks-b .m-vis{background:#f5f2ec radial-gradient(#ddd6c9 1px,#0000 1px) 0 0/14px 14px}.v-stacks-b .m-vis .bar{background:#fff;border:1px solid #ddd6c9;border-radius:9px;align-items:center;gap:.4rem;height:1.7rem;padding:0 .55rem;display:flex;position:absolute;top:.75rem;left:.8rem;right:.8rem}.v-stacks-b .m-vis .bar span{border:2px solid #fff;border-radius:99px;width:14px;height:14px;box-shadow:0 0 0 1px #ddd6c9}.v-stacks-b .m-vis .bar b{color:#121417;margin-left:auto;font-size:11px;font-weight:700}.v-stacks-b .blk{height:4.4rem;width:calc(48% + var(--m) * 38%);background:#fff;border:1.5px solid #f76a0c;border-radius:12px;align-content:start;gap:.35rem;padding:.6rem .7rem;display:grid;position:absolute;top:3.3rem;left:.8rem;box-shadow:0 16px 30px -22px #b84a048c}.v-stacks-b .blk .sk.h{background:#121417;width:70%;height:9px}.v-stacks-b .blk .tag{color:#121417;background:#f76a0c;border-radius:6px 6px 6px 0;padding:.12rem .45rem;font-size:11px;font-weight:700;position:absolute;top:-1.35rem;left:-1px}.v-stacks-b .grip{background:#fff;border:1.5px solid #f76a0c;border-radius:5px;place-items:center;width:12px;height:26px;margin-top:-13px;display:grid;position:absolute;top:50%;right:-7px}.v-stacks-b .grip:after{content:"";border-left:2px dotted #b84a04;width:2px;height:12px}.v-stacks-b .cur{width:18px;height:18px;margin-top:2px;position:absolute;top:50%;right:-16px}.v-stacks-b .blk2{grid-template-columns:1fr 1fr;gap:.45rem;height:2.6rem;display:grid;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.v-stacks-b .blk2 span{background:#fff;border:1px dashed #ddd6c9;border-radius:10px}@media (min-width:1024px) and (max-width:1199px){.v-stacks-b .m-code .url{font-size:11px}.v-stacks-b .node{padding:.3rem .5rem}}@media (prefers-reduced-motion:reduce){.v-stacks-b .sb-card{opacity:1;will-change:auto;transform:none}}