.articles-container.svelte-u4k2t{display:flex;flex-direction:column;gap:var(--sao-spacing-lg);padding-bottom:60px;padding-top:var(--sao-spacing-lg)}.header.svelte-u4k2t{margin-bottom:2rem;position:relative}.header-content.svelte-u4k2t{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.header.svelte-u4k2t h1:where(.svelte-u4k2t){font-family:SAO UI,sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:.05em;margin:0}.jp-title.svelte-u4k2t{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;opacity:.6}.subtitle.svelte-u4k2t{font-family:SAO UI,monospace;font-size:.9rem;opacity:.7;letter-spacing:.1em;margin:0}.header-line.svelte-u4k2t{position:absolute;bottom:-10px;left:0;width:100px;height:2px;background:var(--sao-orange)}.articles-list.svelte-u4k2t{display:flex;flex-direction:column;gap:24px}.article-card-wrapper.svelte-u4k2t{background:none;border:none;padding:0;cursor:pointer;text-align:left;width:100%;opacity:0;transform:translateY(20px);animation:svelte-u4k2t-slideUp .4s ease forwards}@keyframes svelte-u4k2t-slideUp{to{opacity:1;transform:translateY(0)}}.sao-card.svelte-u4k2t{display:flex;background:var(--sao-panel-bg);border:none;box-shadow:var(--sao-panel-shadow);position:relative;overflow:hidden;transition:all var(--sao-transition-fast);min-height:240px}.sao-card.svelte-u4k2t:hover{box-shadow:0 0 0 1px var(--sao-orange),0 8px 32px #f5a62333;transform:translate(4px)}.sao-card.svelte-u4k2t:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sao-orange);opacity:0;transition:opacity .2s}.sao-card.svelte-u4k2t:hover:before{opacity:1}.card-image-container.svelte-u4k2t{flex:0 0 420px;position:relative;overflow:hidden;background:#2a2a2a}.card-image-container.svelte-u4k2t:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent 100%);box-shadow:0 0 8px #ffffff1a}.card-image-container.svelte-u4k2t:before{content:"";position:absolute;top:50%;right:-1px;width:3px;height:24px;background:var(--sao-orange);transform:translateY(-50%);z-index:2;box-shadow:0 0 6px var(--sao-orange);opacity:.8}.sao-card.svelte-u4k2t:hover .card-image-container:where(.svelte-u4k2t):before{height:48px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-image-container.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-placeholder.svelte-u4k2t{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--sao-text-secondary);background:#0000001a}.sao-card.svelte-u4k2t:hover .card-image-container:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.card-content.svelte-u4k2t{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}.card-title.svelte-u4k2t{font-family:SAO Welcome,sans-serif;font-size:1.4rem;color:var(--sao-text-primary);margin:0;line-height:1.3}.card-meta.svelte-u4k2t{display:flex;gap:16px;font-family:SAO UI,sans-serif;font-size:.85rem;color:var(--sao-text-secondary);align-items:center}.meta-item.svelte-u4k2t{display:inline-flex;align-items:center}.meta-icon.svelte-u4k2t{margin-right:6px;opacity:.8;transform:translateY(-1.5px)}.card-excerpt.svelte-u4k2t{font-family:SAO UI,sans-serif;font-size:.95rem;color:var(--sao-text-secondary);line-height:1.6;flex:1;margin:4px 0}.card-tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag.svelte-u4k2t{padding:var(--sao-spacing-xs) var(--sao-spacing-md);background:#f5a62326;border:1px solid var(--sao-orange);border-radius:0;font-family:SAO UI,sans-serif;font-size:.75rem;color:var(--sao-orange-dark)}[data-theme=dark] .tag.svelte-u4k2t{color:var(--sao-orange);background:#f5a62333}.empty-state.svelte-u4k2t{font-family:SAO UI,sans-serif;color:var(--sao-text-secondary);line-height:1.6}@media(max-width:900px){.articles-container.svelte-u4k2t{padding-top:0}.header.svelte-u4k2t{margin-bottom:1.5rem;padding-right:60px}.header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem}.jp-title.svelte-u4k2t{font-size:1.2rem}.subtitle.svelte-u4k2t{font-size:.8rem}.sao-card.svelte-u4k2t{flex-direction:column;height:auto;min-height:auto}.card-image-container.svelte-u4k2t{flex:none;width:100%;height:180px;border-right:none}.card-image-container.svelte-u4k2t:after{top:auto;bottom:0;left:0;right:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent 100%)}.card-image-container.svelte-u4k2t:before{top:auto;bottom:-1px;left:50%;right:auto;width:24px;height:3px;transform:translate(-50%)}.sao-card.svelte-u4k2t:hover .card-image-container:where(.svelte-u4k2t):before{width:48px}.card-content.svelte-u4k2t{padding:16px}.card-title.svelte-u4k2t{font-size:1.2rem}.card-meta.svelte-u4k2t{flex-wrap:wrap;gap:10px;font-size:.8rem}.card-excerpt.svelte-u4k2t{font-size:.9rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-tags.svelte-u4k2t{gap:6px}.tag.svelte-u4k2t{font-size:.7rem;padding:3px 8px}}@media(max-width:480px){.header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.75rem}.jp-title.svelte-u4k2t{font-size:1rem}.card-image-container.svelte-u4k2t{height:150px}}