.eyecatch[data-v-5e110d34]{animation:eyecatch-gradient-5e110d34 12s ease infinite;aspect-ratio:16/9;background:linear-gradient(135deg,var(--grad-from) 0,var(--grad-to) 100%);background-size:200% 200%;container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:1.5rem 2rem;position:relative}.eyecatch--compact[data-v-5e110d34]{animation:none;aspect-ratio:3/2;padding:.75rem 1rem}@keyframes eyecatch-gradient-5e110d34{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.eyecatch[data-v-5e110d34]{animation:none}}.eyecatch__pattern[data-v-5e110d34]{color:#fff;height:calc(100% + 24px);inset:-12px;opacity:.07;pointer-events:none;position:absolute;transition:transform .15s ease-out;width:calc(100% + 24px);will-change:transform}.eyecatch--compact .eyecatch__pattern[data-v-5e110d34]{height:100%;inset:0;opacity:.04;width:100%}.eyecatch__frame[data-v-5e110d34]{border:2px solid hsla(0,0%,100%,.12);border-radius:2px;inset:8px}.eyecatch__frame[data-v-5e110d34],.eyecatch__icon[data-v-5e110d34]{pointer-events:none;position:absolute;z-index:0}.eyecatch__icon[data-v-5e110d34]{aspect-ratio:1;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));max-width:160px;opacity:.25;right:5%;top:8%;width:30%}.eyecatch--compact .eyecatch__icon[data-v-5e110d34]{filter:none;max-width:60px;opacity:.2;width:25%}.eyecatch__circle[data-v-5e110d34]{border-radius:50%;pointer-events:none;position:absolute}.eyecatch__circle--1[data-v-5e110d34]{background:#ffffff0d;height:80%;right:-10%;top:-30%;width:55%}.eyecatch__circle--2[data-v-5e110d34]{background:#ffffff08;bottom:-20%;height:55%;left:-8%;width:35%}.eyecatch__content[data-v-5e110d34]{position:relative;transition:transform .15s ease-out;will-change:transform;z-index:1}@media(hover:none){.eyecatch__content[data-v-5e110d34],.eyecatch__pattern[data-v-5e110d34]{transform:none!important;transition:none}}.eyecatch__badge[data-v-5e110d34]{background:#ffffff1f;border:1px solid hsla(0,0%,100%,.35);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;padding:3px 12px}.eyecatch--compact .eyecatch__badge[data-v-5e110d34]{font-size:10px;margin-bottom:5px;padding:2px 8px}.eyecatch__title[data-v-5e110d34]{color:#fff;display:-webkit-box;font-size:22px;font-weight:800;-webkit-line-clamp:3;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.25);-webkit-box-orient:vertical;margin:0;overflow:hidden}.eyecatch--compact .eyecatch__title[data-v-5e110d34]{font-size:13px;-webkit-line-clamp:2;line-height:1.35}.eyecatch__desc[data-v-5e110d34]{color:#ffffffc7;display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.5;margin:6px 0 0;-webkit-box-orient:vertical;overflow:hidden}.eyecatch__accent-bar[data-v-5e110d34]{background:linear-gradient(90deg,var(--grad-from),var(--grad-to));bottom:0;height:3px;left:0;position:absolute;right:0}.eyecatch__brand[data-v-5e110d34]{bottom:8px;color:#ffffff59;font-size:13px;font-weight:900;letter-spacing:.02em;position:absolute;right:12px;z-index:1}.eyecatch--compact .eyecatch__brand[data-v-5e110d34]{bottom:5px;font-size:10px;right:8px}@container (max-width: 160px){.eyecatch__badge[data-v-5e110d34]{font-size:7px;margin-bottom:2px;padding:1px 4px}.eyecatch__title[data-v-5e110d34]{font-size:9px;-webkit-line-clamp:2;line-height:1.25}.eyecatch__brand[data-v-5e110d34],.eyecatch__circle[data-v-5e110d34],.eyecatch__desc[data-v-5e110d34],.eyecatch__frame[data-v-5e110d34],.eyecatch__icon[data-v-5e110d34],.eyecatch__pattern[data-v-5e110d34]{display:none}}@container (min-width: 161px) and (max-width: 300px){.eyecatch__badge[data-v-5e110d34]{font-size:9px;margin-bottom:3px;padding:2px 6px}.eyecatch__title[data-v-5e110d34]{font-size:11px;-webkit-line-clamp:2;line-height:1.3}.eyecatch__desc[data-v-5e110d34]{display:none}.eyecatch__icon[data-v-5e110d34]{max-width:40px;opacity:.15}.eyecatch__brand[data-v-5e110d34]{bottom:3px;font-size:8px;right:6px}.eyecatch__frame[data-v-5e110d34]{display:none}}