.page[data-v-f0abb5a4]{padding-block:var(--space-xl)}.back[data-v-f0abb5a4]{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg);color:var(--color-muted-foreground);font-size:.9375rem}.back[data-v-f0abb5a4]:hover{color:var(--color-accent)}.state[data-v-f0abb5a4]{padding:var(--space-3xl);text-align:center;color:var(--color-muted-foreground)}.state--error[data-v-f0abb5a4]{color:var(--color-destructive)}.detail[data-v-f0abb5a4]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start}.detail__media[data-v-f0abb5a4]{display:flex;flex-direction:column;gap:var(--space-lg)}.detail__cover[data-v-f0abb5a4]{padding:0;overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:var(--color-muted)}.detail__cover img[data-v-f0abb5a4]{width:100%;height:100%;object-fit:cover}.detail__placeholder[data-v-f0abb5a4]{color:var(--color-muted-foreground);opacity:.4}.detail__thumbs[data-v-f0abb5a4]{display:flex;gap:var(--space-sm);flex-wrap:wrap}.detail__thumb[data-v-f0abb5a4]{width:72px;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;padding:0}.detail__thumb.active[data-v-f0abb5a4]{border-color:var(--color-accent)}.detail__thumb img[data-v-f0abb5a4]{width:100%;height:100%;object-fit:cover}.spec-card[data-v-f0abb5a4]{padding:var(--space-lg)}.spec-card h3[data-v-f0abb5a4]{margin:0 0 var(--space-md);font-size:1rem}.spec-list[data-v-f0abb5a4]{margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.spec-row[data-v-f0abb5a4]{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-size:.9375rem}.spec-row[data-v-f0abb5a4]:last-child{border-bottom:none}.spec-row dt[data-v-f0abb5a4]{color:var(--color-muted-foreground);margin:0}.spec-row dd[data-v-f0abb5a4]{margin:0;color:var(--color-foreground);font-weight:500;text-align:right}.detail__series[data-v-f0abb5a4]{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-secondary);font-size:.8125rem;font-weight:500;margin-bottom:var(--space-sm)}.detail__name[data-v-f0abb5a4]{margin:0 0 var(--space-sm);font-size:1.75rem}.detail__tagline[data-v-f0abb5a4]{margin:0 0 var(--space-md);color:var(--color-secondary);font-size:1.0625rem}.detail__desc[data-v-f0abb5a4]{color:var(--color-muted-foreground);line-height:1.7}.detail__base[data-v-f0abb5a4]{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.detail__base span[data-v-f0abb5a4]{color:var(--color-muted-foreground);font-size:.9375rem}.detail__base strong[data-v-f0abb5a4]{font-size:1.375rem;color:var(--color-foreground)}.options h3[data-v-f0abb5a4]{font-size:1.0625rem;margin:0 0 var(--space-md)}.opt-group[data-v-f0abb5a4]{margin-bottom:var(--space-lg)}.opt-group__head[data-v-f0abb5a4]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.opt-group__name[data-v-f0abb5a4]{font-weight:600}.opt-group__tag[data-v-f0abb5a4]{font-size:.75rem;padding:1px var(--space-sm);border-radius:var(--radius-sm)}.opt-group__tag.req[data-v-f0abb5a4]{background:color-mix(in srgb,var(--color-destructive) 12%,transparent);color:var(--color-destructive)}.opt-group__tag.opt[data-v-f0abb5a4]{background:var(--color-muted);color:var(--color-muted-foreground)}.opt-list[data-v-f0abb5a4]{display:flex;flex-direction:column;gap:var(--space-sm)}.opt[data-v-f0abb5a4]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.opt[data-v-f0abb5a4]:hover{border-color:var(--color-accent)}.opt.selected[data-v-f0abb5a4]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.opt input[data-v-f0abb5a4]{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0}.opt__body[data-v-f0abb5a4]{display:flex;flex-direction:column;gap:2px;flex:1}.opt__name[data-v-f0abb5a4]{font-weight:500}.opt__desc[data-v-f0abb5a4]{font-size:.8125rem;color:var(--color-muted-foreground)}.opt__price[data-v-f0abb5a4]{font-weight:600;color:var(--color-secondary);white-space:nowrap}.buy[data-v-f0abb5a4]{padding:var(--space-lg);margin-top:var(--space-lg)}.buy__row[data-v-f0abb5a4]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.buy__label[data-v-f0abb5a4]{color:var(--color-muted-foreground)}.buy__total[data-v-f0abb5a4]{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.buy__price[data-v-f0abb5a4]{font-size:1.5rem;color:var(--color-accent)}.qty[data-v-f0abb5a4]{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.qty button[data-v-f0abb5a4]{width:40px;height:40px;font-size:1.125rem;color:var(--color-foreground)}.qty button[data-v-f0abb5a4]:hover{background:var(--color-muted)}.qty input[data-v-f0abb5a4]{width:56px;height:40px;text-align:center;border:none;border-inline:1px solid var(--color-border);background:var(--color-card);-moz-appearance:textfield}.qty input[data-v-f0abb5a4]::-webkit-outer-spin-button,.qty input[data-v-f0abb5a4]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.buy__actions[data-v-f0abb5a4]{display:flex;gap:var(--space-md)}.btn-primary[data-v-f0abb5a4],.btn-outline[data-v-f0abb5a4]{flex:1;height:48px;border-radius:var(--radius);font-weight:600;transition:filter var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease)}.btn-primary[data-v-f0abb5a4]{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary[data-v-f0abb5a4]:hover{filter:brightness(1.08);box-shadow:0 0 0 4px var(--accent-glow)}.btn-outline[data-v-f0abb5a4]{background:transparent;border:1px solid var(--color-border);color:var(--color-foreground)}.btn-outline[data-v-f0abb5a4]:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 1024px){.detail[data-v-f0abb5a4]{grid-template-columns:1fr}}