.article-card[data-v-eea1edf9]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease;will-change:transform,opacity}.article-card[data-v-eea1edf9]:hover{border-color:var(--accent-color);box-shadow:0 12px 40px var(--shadow-medium);transform:translateY(-4px)}.card-link[data-v-eea1edf9]{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.card-content[data-v-eea1edf9]{display:flex;flex:1;flex-direction:column;padding:24px}.card-header[data-v-eea1edf9]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.category-tag[data-v-eea1edf9]{border-radius:20px;color:var(--text-on-dark);flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px}.category-category1[data-v-eea1edf9],.category-tech[data-v-eea1edf9]{background:var(--category-tech-color)}.category-category2[data-v-eea1edf9],.category-creative[data-v-eea1edf9]{background:var(--category-creative-color)}.category-category3[data-v-eea1edf9],.category-tutorial[data-v-eea1edf9]{background:var(--category-tutorial-color)}.post-date[data-v-eea1edf9]{color:var(--text-color);flex-shrink:0;font-size:.85rem;opacity:.6}.card-title[data-v-eea1edf9]{display:-webkit-box;font-size:1.3rem;font-weight:800;line-height:1.4;margin-bottom:12px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em;min-height:2.8em}.card-description[data-v-eea1edf9],.card-title[data-v-eea1edf9]{color:var(--text-color);font-family:Noto Sans JP,sans-serif;overflow:hidden;text-overflow:ellipsis}.card-description[data-v-eea1edf9]{flex-grow:1;line-height:1.6;margin-bottom:20px;min-height:1.6em;opacity:.8;white-space:nowrap}.card-footer[data-v-eea1edf9]{margin-top:auto}.read-more[data-v-eea1edf9]{align-items:center;color:var(--accent-color);display:inline-flex;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;gap:8px;transition:all .3s ease}.arrow-icon[data-v-eea1edf9]{transition:transform .3s ease}.card-link:hover .read-more[data-v-eea1edf9]{color:var(--accent-color)}.card-link:hover .arrow-icon[data-v-eea1edf9]{transform:translate(4px)}.card-image[data-v-eea1edf9]{aspect-ratio:16/9;flex-shrink:0;overflow:hidden;position:relative;width:100%}.card-image[data-v-eea1edf9] .lazy-image-container,.cover-image[data-v-eea1edf9]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.card-image[data-v-eea1edf9] .lazy-image-container{display:block;height:100%}.article-card:hover .cover-image[data-v-eea1edf9],.article-card[data-v-eea1edf9]:hover .lazy-image-container{transform:scale(1.05)}.default-cover[data-v-eea1edf9]{align-items:center;color:#fff;display:flex;font-family:Noto Sans JP,sans-serif;height:100%;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100%}.cover-title[data-v-eea1edf9]{display:-webkit-box;font-size:1.1rem;font-weight:800;line-height:1.3;padding:0 16px;z-index:2;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px var(--text-shadow-strong)}.default-cover-category1[data-v-eea1edf9]{background:linear-gradient(135deg,var(--tag-gradient-tech-start) 0,var(--tag-gradient-tech-end) 100%)}.default-cover-category2[data-v-eea1edf9]{background:linear-gradient(135deg,var(--tag-gradient-creative-start) 0,var(--tag-gradient-creative-end) 100%)}.default-cover-category3[data-v-eea1edf9]{background:linear-gradient(135deg,var(--tag-gradient-tutorial-start) 0,var(--tag-gradient-tutorial-end) 100%)}.article-card:hover .default-cover[data-v-eea1edf9]{transform:scale(1.02)}@media (max-width:768px){.card-content[data-v-eea1edf9]{padding:20px}.card-header[data-v-eea1edf9]{align-items:flex-start;flex-direction:column;gap:8px}.category-tag[data-v-eea1edf9]{align-self:flex-start}.card-title[data-v-eea1edf9]{font-size:1.2rem;max-height:2.4em;min-height:2.4em}.cover-title[data-v-eea1edf9]{font-size:1rem}}@media (max-width:480px){.card-content[data-v-eea1edf9]{padding:16px}.card-title[data-v-eea1edf9]{font-size:1.1rem;max-height:2.2em;min-height:2.2em}.card-description[data-v-eea1edf9],.cover-title[data-v-eea1edf9]{font-size:.9rem}}