.cd-card{border-radius:12px;display:block}.cd-card[data-open]{cursor:pointer;outline-offset:4px;transition:transform var(--t) var(--ease)}.cd-card[data-open]:hover{z-index:2;transform:translateY(-4px)}.cd-card[data-open]:active{transform:scale(.98)}html.ins-open,html.rv-open{overflow:hidden}.ins{--rc:#c3cad6;z-index:400;opacity:0;transition:opacity .22s var(--ease);padding-top:env(safe-area-inset-top);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.ins[hidden]{display:none}.ins.is-open{opacity:1}.ins[data-r=R]{--rc:#4aa8ff}.ins[data-r=SR]{--rc:#b36bff}.ins[data-r=SSR]{--rc:#ffcf5a}.ins[data-r=UR]{--rc:#ff6a4a}.ins__bg{z-index:0;background:radial-gradient(70% 50% at 50% 42%, color-mix(in srgb, var(--rc) 24%, transparent), transparent 70%), radial-gradient(120% 90% at 50% 120%, #3ce8ff14, transparent 60%), linear-gradient(180deg, #05060b 0%, #07070a 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;inset:0}.ins[data-r=UR] .ins__bg{background:radial-gradient(60% 46% at 30% 40%,#ff4d2e38,#0000 70%),radial-gradient(60% 46% at 70% 44%,#3ce8ff38,#0000 70%),linear-gradient(#05060b 0%,#07070a 100%)}.ins:after{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(70% 50% at 50% 40%,#0000 30%,#03060dd9);transition:opacity .35s;position:absolute;inset:0}.ins.imm:after{opacity:1}.ins__top,.ins__panel{transition:opacity .3s}.ins.imm .ins__top,.ins.imm .ins__panel,.ins.imm .ins__nav{opacity:0;pointer-events:none}.ins__top{z-index:3;padding:10px var(--gutter) 6px;align-items:center;gap:10px;display:flex;position:relative}.ins__btn{width:44px;height:44px;color:var(--text);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--t-fast), background var(--t);background:#14141bb8;border-radius:50%;flex:none;place-items:center;display:grid}.ins__btn:hover{background:var(--bg-3)}.ins__btn:active{transform:scale(.94)}.ins__hint{text-align:center;min-width:0;font:500 var(--fs-xs)/1.3 var(--font-mono);color:var(--text-2);letter-spacing:.02em;text-wrap:balance;flex:1}.ins__hint:empty{display:none}.ins__page{min-width:44px;height:32px;color:var(--text-2);border:1px solid var(--line);background:#14141bb8;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:0 10px;font-size:.78rem;display:inline-flex}.ins__page:empty{display:none}.ins__hint+.ins__page{margin-left:0}.ins__stage{z-index:2;min-height:0;position:relative}.ins__holo,.ins__css{position:absolute;inset:0}.ins__css{pointer-events:none;place-items:center;padding:8px 12px;display:grid}.ins__css>.odc{pointer-events:auto;width:min(100%, calc((100dvh - var(--panel-h,170px) - 130px) * .7547), 420px);touch-action:none}.ins.has-holo .ins__css{display:none}.ins.is-locked .ins__css{pointer-events:none}.ins.is-locked .ins__css>.odc{width:min(72vw, calc((100dvh - var(--panel-h,170px) - 150px) * .7547), 340px)}.ins__nav{z-index:3;width:44px;height:44px;color:var(--text);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141b99;border-radius:50%;place-items:center;display:none;position:absolute;top:50%;translate:0 -50%}.ins__nav[hidden]{display:none!important}.ins__prev{left:14px}.ins__next{right:14px}@media (width>=760px){.ins__nav{display:grid}.ins__nav[hidden]{display:none!important}}.ins__panel{z-index:3;padding:12px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#07070aeb 30%);position:relative}.ins__row{align-items:center;gap:10px;max-width:560px;margin-inline:auto;display:flex}.ins__row .btn{flex:1;min-width:0}.ins__qty{border-radius:var(--r-pill);min-width:48px;height:32px;color:var(--star);background:var(--star-soft);white-space:nowrap;border:1px solid #d9ccff40;flex:none;align-items:center;padding:0 12px;font-size:.78rem;display:inline-flex}.ins.is-locked .ins__qty{color:var(--text-3);border-color:var(--line-2);background:0 0}.ins.is-locked .ins__flip{display:none}.ins__details{border-radius:var(--r-lg);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:560px;max-height:min(44vh,380px);animation:od-rise .3s var(--ease) both;background:#14141bdb;margin:0 auto 12px;padding:14px 16px;overflow:auto}.ins__dname{align-items:center;gap:10px;display:flex}.ins__dname h2{font-size:1.25rem;line-height:1.15}.ins__dl{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 18px;margin:12px 0 0;display:grid}.ins__dl dt{font:500 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px}.ins__dl dd{margin:0;font-size:.9rem;font-weight:600}.ins__dl a{color:var(--play-2)}.ins__dl a:hover{text-decoration:underline}.ins__flavor{font-family:var(--font-accent);color:var(--text);margin:12px 0 0;font-size:1.12rem;font-style:italic;line-height:1.4}:lang(zh) .ins__flavor{font-size:1rem;font-style:normal;font-weight:700}.ins__how{font-size:var(--fs-sm);color:var(--text-2);gap:4px;margin:12px 0;display:grid}.ins__how b{color:var(--text);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}@media (height<=640px){.ins__details{max-height:30vh}}@media (prefers-reduced-motion:reduce){.ins,.ins__details{transition:none;animation:none}}
