.eyecatch[data-v-e76b361e]{aspect-ratio:16/9;background:linear-gradient(180deg,#f0f2f5,#e8eaed);container-type:inline-size;cursor:default;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:1.5rem 2rem;position:relative}.eyecatch--compact[data-v-e76b361e]{aspect-ratio:3/2;background:linear-gradient(135deg,var(--grad-from) 0,var(--grad-to) 100%);padding:.75rem 1rem;transition:transform .3s ease,box-shadow .3s ease}.eyecatch--compact[data-v-e76b361e]:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px) scale(1.01)}@media(prefers-reduced-motion:reduce){.eyecatch--compact[data-v-e76b361e]:hover{box-shadow:none;transform:none}}.eyecatch__accent-line[data-v-e76b361e]{background:linear-gradient(90deg,var(--grad-from),var(--grad-to));height:5px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.eyecatch__accent-shimmer[data-v-e76b361e]{animation:shimmer-e76b361e 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-e76b361e{0%{left:-100%}50%{left:100%}to{left:100%}}@media(prefers-reduced-motion:reduce){.eyecatch__accent-shimmer[data-v-e76b361e]{animation:none;display:none}}.eyecatch__pattern[data-v-e76b361e]{color:var(--solid);height:calc(100% + 20px);inset:-10px;pointer-events:none;position:absolute;transition:transform .15s ease-out;width:calc(100% + 20px);will-change:transform}.eyecatch--smartphone .eyecatch__pattern[data-v-e76b361e]{opacity:.12}.eyecatch--laptop .eyecatch__pattern[data-v-e76b361e]{opacity:.1}.eyecatch--audio .eyecatch__pattern[data-v-e76b361e]{opacity:.12}.eyecatch--wearable .eyecatch__pattern[data-v-e76b361e]{opacity:.1}.eyecatch--accessory .eyecatch__pattern[data-v-e76b361e]{opacity:.12}.eyecatch--column .eyecatch__pattern[data-v-e76b361e],.eyecatch__pattern[data-v-e76b361e]{opacity:.1}.eyecatch--compact .eyecatch__pattern[data-v-e76b361e]{color:#fff;height:100%;inset:0;opacity:.1;width:100%}.eyecatch__corner-tint[data-v-e76b361e]{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--solid),transparent 88%) 0,transparent 70%);height:60%;right:0;top:0;width:60%}.eyecatch__corner-tint[data-v-e76b361e],.eyecatch__icon[data-v-e76b361e]{pointer-events:none;position:absolute;z-index:0}.eyecatch__icon[data-v-e76b361e]{aspect-ratio:1;color:var(--solid);max-width:160px;opacity:.15;right:4%;top:8%;width:30%}.eyecatch--compact .eyecatch__icon[data-v-e76b361e]{color:#fff;max-width:60px;opacity:.25;width:28%}.eyecatch__bottom-fade[data-v-e76b361e]{background:linear-gradient(to top,color-mix(in srgb,var(--solid),transparent 92%) 0,transparent 100%);height:45%}.eyecatch__bottom-fade[data-v-e76b361e],.eyecatch__overlay[data-v-e76b361e]{bottom:0;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.eyecatch__overlay[data-v-e76b361e]{background:linear-gradient(0deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.1) 50%,transparent);height:70%}.eyecatch__side-accent[data-v-e76b361e]{background:linear-gradient(to bottom,var(--grad-from),var(--grad-to),transparent);bottom:0;left:0;position:absolute;top:5px;width:4px;z-index:2}.eyecatch__content[data-v-e76b361e]{position:relative;transition:transform .15s ease-out;will-change:transform;z-index:2}@media(hover:none){.eyecatch__content[data-v-e76b361e],.eyecatch__pattern[data-v-e76b361e]{transform:none!important;transition:none}.eyecatch--compact[data-v-e76b361e]:hover{box-shadow:none;transform:none}}.eyecatch__badge[data-v-e76b361e]{background:var(--solid);border-radius:3px;box-shadow:0 2px 6px color-mix(in srgb,var(--solid),transparent 50%);color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:10px;padding:4px 12px}.eyecatch--compact .eyecatch__badge[data-v-e76b361e]{box-shadow:0 1px 4px #0003;font-size:10px;margin-bottom:5px;padding:2px 8px}.eyecatch__title[data-v-e76b361e]{color:#1a1a1a;display:-webkit-box;font-size:22px;font-weight:700;-webkit-line-clamp:3;line-height:1.35;-webkit-box-orient:vertical;margin:0;overflow:hidden}.eyecatch--compact .eyecatch__title[data-v-e76b361e]{color:#fff;font-size:13px;-webkit-line-clamp:2;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.35)}.eyecatch__desc[data-v-e76b361e]{color:#444;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;margin:6px 0 0;-webkit-box-orient:vertical;overflow:hidden}.eyecatch__brand[data-v-e76b361e]{bottom:10px;color:color-mix(in srgb,var(--solid),transparent 75%);font-size:13px;font-weight:900;letter-spacing:.02em;position:absolute;right:14px;z-index:2}.eyecatch--compact .eyecatch__brand[data-v-e76b361e]{bottom:5px;color:#ffffff59;font-size:10px;right:8px}@container (max-width: 160px){.eyecatch__badge[data-v-e76b361e]{box-shadow:none;font-size:7px;margin-bottom:2px;padding:1px 4px}.eyecatch__title[data-v-e76b361e]{font-size:9px;-webkit-line-clamp:2;line-height:1.25}.eyecatch__accent-line[data-v-e76b361e],.eyecatch__brand[data-v-e76b361e],.eyecatch__corner-tint[data-v-e76b361e],.eyecatch__desc[data-v-e76b361e],.eyecatch__icon[data-v-e76b361e],.eyecatch__pattern[data-v-e76b361e],.eyecatch__side-accent[data-v-e76b361e]{display:none}}@container (min-width: 161px) and (max-width: 300px){.eyecatch__badge[data-v-e76b361e]{font-size:9px;margin-bottom:3px;padding:2px 6px}.eyecatch__title[data-v-e76b361e]{font-size:11px;-webkit-line-clamp:2;line-height:1.3}.eyecatch__desc[data-v-e76b361e]{display:none}.eyecatch__icon[data-v-e76b361e]{max-width:40px}.eyecatch__brand[data-v-e76b361e]{bottom:3px;font-size:8px;right:6px}.eyecatch__side-accent[data-v-e76b361e]{display:none}}