.kjxr-explain-wrap{padding-top:28px}.kjxr-explain{-webkit-appearance:none;appearance:none;margin:0 auto;max-width:560px;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;box-shadow:var(--sh-sm);font-family:inherit;color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .15s,transform .1s}.kjxr-explain:hover{border-color:var(--accent)}.kjxr-explain:active{transform:scale(.99)}.kjxr-explain:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kjxr-explain-thumb{position:relative;flex:none;width:58px;height:58px;border-radius:11px;overflow:hidden;background:var(--paper)}.kjxr-explain-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kjxr-explain-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c0a0838}.kjxr-explain-play i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000040}.kjxr-explain-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.kjxr-explain-txt b{font-size:14px;font-weight:800;line-height:1.25}.kjxr-explain-txt small{font-size:12px;font-weight:600;color:var(--muted)}.kjxr-explain-go{flex:none;font-size:22px;line-height:1;color:var(--accent-deep);font-weight:700}.kjxr-vmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.kjxr-vmodal.show{visibility:visible;opacity:1}.kjxr-vmodal .kjxr-vback{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0a08b8}.kjxr-vbox{position:relative;width:min(100%,calc((100vh - 48px)*.8),520px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#f4efe7;box-shadow:0 30px 80px -20px #0009;transform:translateY(12px) scale(.98);transition:transform .25s cubic-bezier(.2,.8,.2,1)}@supports (height:100dvh){.kjxr-vbox{width:min(100%,calc((100dvh - 48px)*.8),520px)}}.kjxr-vmodal.show .kjxr-vbox{transform:none}.kjxr-vbox video{display:block;width:100%;height:100%;object-fit:cover;background:#f4efe7}.kjxr-vclose{-webkit-appearance:none;appearance:none;position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fffffff0;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #00000040;touch-action:manipulation}.kjxr-vclose:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.kjxr-explain-wrap{padding-top:20px}.kjxr-explain{padding:9px 11px 9px 9px;gap:11px}.kjxr-explain-thumb{width:52px;height:52px}.kjxr-explain-txt b{font-size:13.5px}.kjxr-explain-txt small{font-size:11.5px}.kjxr-vmodal{padding:12px}}@media(prefers-reduced-motion:reduce){.kjxr-vmodal,.kjxr-vbox,.kjxr-explain{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/kjxr-explainer.css.map */