.eyecatch[data-v-88e432ae]{animation:eyecatch-gradient-88e432ae 8s ease infinite;aspect-ratio:16/9;background:var(--bg-gradient);background-size:200% 200%;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-88e432ae]{animation:none;aspect-ratio:3/2;background:linear-gradient(135deg,var(--grad-from) 0,var(--grad-to) 100%);background-size:100% 100%;padding:.75rem 1rem;transition:transform .3s ease,box-shadow .3s ease}.eyecatch--compact[data-v-88e432ae]:hover{box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff26;transform:translateY(-3px) scale(1.02)}@keyframes eyecatch-gradient-88e432ae{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.eyecatch[data-v-88e432ae]{animation:none}.eyecatch--compact[data-v-88e432ae]:hover{transform:none}}.eyecatch__noise[data-v-88e432ae]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:256px 256px;inset:0;mix-blend-mode:overlay;opacity:.04;z-index:1}.eyecatch__noise[data-v-88e432ae],.eyecatch__pattern[data-v-88e432ae]{pointer-events:none;position:absolute}.eyecatch__pattern[data-v-88e432ae]{height:calc(100% + 36px);inset:-18px;transition:transform .15s ease-out;width:calc(100% + 36px);will-change:transform}.eyecatch--anime .eyecatch__pattern[data-v-88e432ae]{opacity:.18}.eyecatch--manga .eyecatch__pattern[data-v-88e432ae]{opacity:.2}.eyecatch--game .eyecatch__pattern[data-v-88e432ae]{opacity:.15}.eyecatch--music .eyecatch__pattern[data-v-88e432ae]{opacity:.18}.eyecatch--cosplay .eyecatch__pattern[data-v-88e432ae]{opacity:.22}.eyecatch--seiyuu .eyecatch__pattern[data-v-88e432ae]{opacity:.15}.eyecatch--event .eyecatch__pattern[data-v-88e432ae]{opacity:.2}.eyecatch--column .eyecatch__pattern[data-v-88e432ae]{opacity:.12}.eyecatch__pattern[data-v-88e432ae]{opacity:.15}.eyecatch--compact .eyecatch__pattern[data-v-88e432ae]{height:100%;inset:0;opacity:.1;width:100%}.eyecatch__frame[data-v-88e432ae]{border:2.5px solid hsla(0,0%,100%,.25);border-radius:3px;box-shadow:inset 0 0 20px #ffffff0d;inset:10px}.eyecatch__frame[data-v-88e432ae],.eyecatch__stripe[data-v-88e432ae]{pointer-events:none;position:absolute;z-index:1}.eyecatch__stripe[data-v-88e432ae]{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.06) 40%,hsla(0,0%,100%,.06) 60%,transparent);height:250%;right:15%;top:-50%;transform:rotate(-20deg);width:120px}.eyecatch--compact .eyecatch__stripe[data-v-88e432ae]{opacity:.8;right:20%;width:60px}.eyecatch__icon[data-v-88e432ae]{aspect-ratio:1;color:#fff;filter:drop-shadow(0 4px 20px rgba(0,0,0,.15));max-width:200px;opacity:.35;pointer-events:none;position:absolute;right:3%;top:5%;transition:transform .15s ease-out;width:34%;will-change:transform;z-index:0}.eyecatch--compact .eyecatch__icon[data-v-88e432ae]{filter:none;max-width:60px;opacity:.3;width:28%}.eyecatch__circle[data-v-88e432ae]{border-radius:50%;pointer-events:none;position:absolute}.eyecatch__circle--1[data-v-88e432ae]{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);height:70%;right:-5%;top:-20%;width:50%}.eyecatch__circle--2[data-v-88e432ae]{background:radial-gradient(circle,hsla(0,0%,100%,.07) 0,transparent 70%);bottom:-10%;height:50%;left:-5%;width:35%}.eyecatch--compact .eyecatch__circle--1[data-v-88e432ae]{background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,transparent 70%);height:65%;width:45%}.eyecatch--compact .eyecatch__circle--2[data-v-88e432ae]{background:radial-gradient(circle,hsla(0,0%,100%,.05) 0,transparent 70%);height:45%;width:30%}.eyecatch__bottom-gradient[data-v-88e432ae]{background:linear-gradient(0deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.1) 40%,transparent);bottom:0;height:60%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.eyecatch--compact .eyecatch__bottom-gradient[data-v-88e432ae]{background:linear-gradient(0deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.1) 50%,transparent);height:70%}.eyecatch__content[data-v-88e432ae]{position:relative;transition:transform .15s ease-out;will-change:transform;z-index:2}@media(hover:none){.eyecatch__content[data-v-88e432ae],.eyecatch__icon[data-v-88e432ae],.eyecatch__pattern[data-v-88e432ae]{transform:none!important;transition:none}.eyecatch--compact[data-v-88e432ae]:hover{box-shadow:none;transform:none}}.eyecatch__badge[data-v-88e432ae]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1.5px solid hsla(0,0%,100%,.45);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;padding:4px 16px;text-shadow:0 1px 2px rgba(0,0,0,.15)}.eyecatch--compact .eyecatch__badge[data-v-88e432ae]{-webkit-backdrop-filter:none;backdrop-filter:none;border-width:1px;font-size:10px;margin-bottom:6px;padding:2px 9px}.eyecatch__title[data-v-88e432ae]{color:#fff;display:-webkit-box;font-size:24px;font-weight:800;-webkit-line-clamp:3;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.3);-webkit-box-orient:vertical;margin:0;overflow:hidden}.eyecatch--compact .eyecatch__title[data-v-88e432ae]{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-88e432ae]{color:#ffffffd9;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;margin:8px 0 0;text-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-box-orient:vertical;overflow:hidden}.eyecatch__accent-bar[data-v-88e432ae]{background:linear-gradient(90deg,#fff9,#fff3);bottom:0;height:3px;left:0;position:absolute;right:0;z-index:3}.eyecatch__brand[data-v-88e432ae]{bottom:10px;color:#fff6;font-size:14px;font-weight:900;letter-spacing:.02em;position:absolute;right:14px;text-shadow:0 1px 3px rgba(0,0,0,.15);z-index:2}.eyecatch--compact .eyecatch__brand[data-v-88e432ae]{bottom:6px;color:#ffffff4d;font-size:10px;right:8px}@container (max-width: 160px){.eyecatch__badge[data-v-88e432ae]{border:none;font-size:7px;margin-bottom:2px;padding:1px 4px}.eyecatch__title[data-v-88e432ae]{font-size:9px;-webkit-line-clamp:2;line-height:1.25}.eyecatch__brand[data-v-88e432ae],.eyecatch__circle[data-v-88e432ae],.eyecatch__desc[data-v-88e432ae],.eyecatch__frame[data-v-88e432ae],.eyecatch__icon[data-v-88e432ae],.eyecatch__noise[data-v-88e432ae],.eyecatch__pattern[data-v-88e432ae],.eyecatch__stripe[data-v-88e432ae]{display:none}}@container (min-width: 161px) and (max-width: 300px){.eyecatch__badge[data-v-88e432ae]{font-size:9px;margin-bottom:3px;padding:2px 6px}.eyecatch__title[data-v-88e432ae]{font-size:11px;-webkit-line-clamp:2;line-height:1.3}.eyecatch__desc[data-v-88e432ae]{display:none}.eyecatch__icon[data-v-88e432ae]{max-width:40px;opacity:.2}.eyecatch__brand[data-v-88e432ae]{bottom:3px;font-size:8px;right:6px}.eyecatch__frame[data-v-88e432ae],.eyecatch__stripe[data-v-88e432ae]{display:none}}