.animation-list-container[data-v-4570b236]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.header[data-v-4570b236]{text-align:center;margin-bottom:3rem}.title[data-v-4570b236]{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-4570b236]{font-size:1.1rem;color:#666;opacity:.8}.animation-grid[data-v-4570b236]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.animation-card[data-v-4570b236]{display:block;border-radius:1rem;overflow:hidden;background:var(--c-bg);border:1px solid var(--c-border, #e5e7eb);transition:all .3s ease;text-decoration:none;color:inherit}.animation-card[data-v-4570b236]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--yyj-brand, #667eea)}.thumbnail-wrapper[data-v-4570b236]{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.thumbnail[data-v-4570b236]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.animation-card:hover .thumbnail[data-v-4570b236]{transform:scale(1.05)}.overlay[data-v-4570b236]{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.animation-card:hover .overlay[data-v-4570b236]{opacity:1}.view-text[data-v-4570b236]{color:#fff;font-size:1.1rem;font-weight:600;padding:.5rem 1.5rem;border:2px solid white;border-radius:2rem;transition:all .3s ease}.animation-card:hover .view-text[data-v-4570b236]{background:#fff;color:#333}.content[data-v-4570b236]{padding:1.5rem}.animation-title[data-v-4570b236]{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--c-text, #2c3e50)}.description[data-v-4570b236]{font-size:.95rem;line-height:1.6;color:var(--c-text-light, #666);margin-bottom:1rem}.tags[data-v-4570b236]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag[data-v-4570b236]{display:inline-block;padding:.25rem .75rem;background:var(--yyj-brand-light, rgba(102, 126, 234, .1));color:var(--yyj-brand, #667eea);border-radius:1rem;font-size:.85rem;font-weight:500}.meta[data-v-4570b236]{display:flex;align-items:center;gap:1rem;color:var(--c-text-lighter, #999);font-size:.85rem}.date[data-v-4570b236]{display:flex;align-items:center;gap:.25rem}.date[data-v-4570b236]:before{content:"📅"}html.dark .animation-card[data-v-4570b236]{background:var(--c-bg-dark, #1a1a1a);border-color:var(--c-border-dark, #333)}html.dark .animation-title[data-v-4570b236]{color:var(--c-text-dark, #e5e5e5)}html.dark .description[data-v-4570b236]{color:var(--c-text-light-dark, #aaa)}html.dark .subtitle[data-v-4570b236]{color:#aaa}@media(max-width:768px){.animation-grid[data-v-4570b236]{grid-template-columns:1fr}.title[data-v-4570b236]{font-size:2rem}.subtitle[data-v-4570b236]{font-size:1rem}}