/**
 * 網站動畫效果 CSS
 * 定義各種元素的初始狀態和動畫效果
 */

/* 基本動畫效果 */
.feature-item,
.startup-offer,
.service-card,
.section-title,
.portfolio-card,
.about-content,
.about-image,
.process-step,
.accordion-item,
.partnership-card,
.backlink-card {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;
}

/* 動畫觸發後的狀態 */
.feature-item.animated,
.startup-offer.animated,
.service-card.animated,
.section-title.animated,
.portfolio-card.animated,
.about-content.animated,
.about-image.animated,
.process-step.animated,
.accordion-item.animated,
.partnership-card.animated,
.backlink-card.animated {
    opacity: 1;
    transform: translateY(0);
}

/* 特定元素的動畫效果 */
.about-image {
    transform: translateX(-30px);
}

.about-image.animated {
    transform: translateX(0);
}

.col-lg-6.order-lg-2.about-image {
    transform: translateX(30px);
}

.col-lg-6.order-lg-2.about-image.animated {
    transform: translateX(0);
}

/* 卡片懸停效果 */
.service-card:hover,
.portfolio-card:hover,
.partnership-card:hover,
.backlink-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 延遲效果 - 服務卡片 */
.service-card:nth-child(1),
.portfolio-card:nth-child(1),
.process-step:nth-child(1),
.accordion-item:nth-child(1) {
    transition-delay: 0s;
}

.service-card:nth-child(2),
.portfolio-card:nth-child(2),
.process-step:nth-child(2),
.accordion-item:nth-child(2) {
    transition-delay: 0.1s;
}

.service-card:nth-child(3),
.portfolio-card:nth-child(3),
.process-step:nth-child(3),
.accordion-item:nth-child(3) {
    transition-delay: 0.2s;
}

.service-card:nth-child(4),
.portfolio-card:nth-child(4),
.process-step:nth-child(4),
.accordion-item:nth-child(4) {
    transition-delay: 0.3s;
}

.service-card:nth-child(5),
.portfolio-card:nth-child(5),
.process-step:nth-child(5),
.accordion-item:nth-child(5) {
    transition-delay: 0.4s;
}

.service-card:nth-child(6),
.portfolio-card:nth-child(6),
.process-step:nth-child(6),
.accordion-item:nth-child(6) {
    transition-delay: 0.5s;
}

/* 響應式調整 */
@media (max-width: 768px) {
    .service-card,
    .portfolio-card,
    .process-step,
    .accordion-item {
        transition-delay: 0s !important;
    }
}