.v360{--v-accent:var(--c-accent,#0a6f72);--v-mint:var(--c-mint,#d5e8df);--v-cream:var(--c-cream,#f2f0ec);--v-warm:var(--c-beige-dark,#8f6f5c);--v-ink:#070807e6;z-index:2;font-family:var(--font-sans,system-ui, sans-serif);color:var(--v-ink);position:absolute;inset:0}.v360:fullscreen{background:#111}.v360-stage{background:var(--v-cream);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0}.v360-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--v-accent)}.v360-stage.is-grabbing{cursor:grabbing}.v360-stage canvas{width:100%;height:100%;display:block}.v360-spots{pointer-events:none;position:absolute;inset:0}.v360-spot{color:var(--v-ink);font:600 13px/1 var(--font-sans,system-ui, sans-serif);white-space:nowrap;cursor:pointer;pointer-events:none;opacity:0;will-change:transform, opacity;background:#fffffff0;border:0;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 13px 6px 6px;transition:background .2s,scale .2s;display:inline-flex;position:absolute;top:0;left:0;translate:-14px -50%;box-shadow:0 10px 30px -12px #0000008c}.v360-spot.is-on{pointer-events:auto}.v360-spot.is-tag,.v360-spot.is-tag.is-on{pointer-events:none;cursor:default}.v360-spot:hover,.v360-spot:focus-visible{background:#fff;outline:none;scale:1.02}.v360-spot:focus-visible{box-shadow:0 0 0 3px var(--v-accent)}.v360-dot{background:var(--v-warm);border-radius:50%;flex:none;width:16px;height:16px;position:relative;box-shadow:0 0 0 3px #efe5de}.v360-spot.is-photo .v360-dot{background:var(--v-accent);box-shadow:0 0 0 3px var(--v-mint)}.v360-spot.is-photo .v360-dot:after{content:"";border:2px solid var(--v-accent);border-radius:50%;animation:2.2s ease-out infinite v360-pulse;position:absolute;inset:-3px}.v360-spot.is-photo .v360-label:after{content:" ›";color:var(--v-accent)}@keyframes v360-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.v360-hint{color:#fff;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:#0708079e;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .5s;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.v360-hint svg{animation:2.4s ease-in-out infinite v360-sway}.v360-hint.is-hidden{opacity:0}@keyframes v360-sway{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.v360-fs{cursor:pointer;width:40px;height:40px;color:var(--v-ink);background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 10px 30px -14px #00000080}.v360-fs:focus-visible{outline:2px solid var(--v-accent);outline-offset:2px}.v360-load{background:var(--v-accent);transform-origin:0;height:3px;transition:transform .2s,opacity .6s .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.v360.is-loaded .v360-load{opacity:0}.v360-rail{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(92%,520px);display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.v360-track{background:#ffffff8c;border-radius:3px;width:100%;height:3px;position:relative}.v360-thumb{background:var(--v-accent);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;translate:-50% -50%}.v360-chapters{pointer-events:auto;scrollbar-width:none;background:#fffffff0;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto;box-shadow:0 10px 30px -14px #00000080}.v360-chip{font:600 13px/1 var(--font-sans,system-ui, sans-serif);cursor:pointer;white-space:nowrap;color:#07080799;background:0 0;border:0;border-radius:999px;padding:8px 14px;transition:background .3s,color .3s}.v360-chip:hover{color:var(--v-ink)}.v360-chip:focus-visible{outline:2px solid var(--v-accent);outline-offset:1px}.v360-chip.is-current{background:var(--v-accent);color:#fff}@media (width<=640px){.v360-spot{padding:5px 10px 5px 5px;font-size:12px}.v360-chip{padding:7px 10px;font-size:12px}.v360-rail{bottom:10px}.v360-fs{width:36px;height:36px;top:12px;right:12px}.v360-hint{font-size:13px}}.v360-panel{z-index:4;cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out,ease), transform .45s var(--ease-out,ease), visibility 0s .35s;background:#111;outline:none;position:absolute;inset:0;transform:scale(1.03)}.v360.is-detail .v360-panel{opacity:1;visibility:visible;transition-delay:0s;transform:none}.v360.is-detail .v360-rail,.v360.is-detail .v360-fs,.v360.is-detail .v360-hint{visibility:hidden}.v360-photo{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.v360-photo:before{content:"";background:var(--v360-bg,none) center / cover no-repeat;filter:blur(28px)brightness(.55)saturate(1.1);transition:opacity .35s;position:absolute;inset:-40px}.v360-photo img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .35s ease, transform .3s var(--ease-out,ease);position:absolute;inset:0}.v360-photo img.is-in{opacity:1}.v360-photo img.is-dragging{transition:none}.v360-prev,.v360-next{z-index:1;cursor:pointer;width:42px;height:42px;color:var(--v-ink);background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 10px 30px -14px #00000080}.v360-prev{left:14px}.v360-next{right:14px}.v360-prev[hidden],.v360-next[hidden]{display:none}.v360-prev:focus-visible,.v360-next:focus-visible{outline:2px solid var(--v-accent);outline-offset:2px}.v360-dots{z-index:1;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.v360-dot-nav{cursor:pointer;background:#ffffff8c;border:0;border-radius:50%;width:9px;height:9px;padding:0;box-shadow:0 1px 4px #0006}.v360-dot-nav[aria-current=true]{background:#fff}@media (width<=760px){.v360-prev,.v360-next{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.v360-dot:after,.v360-hint svg{animation:none}.v360-panel,.v360-photo img{transition:none}}