/* 手机版简化动画效果 */

/* 卡片淡入动画 */
@keyframes mobileFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.plan-card {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out forwards;
}

.plan-card:nth-child(1) {
    animation-delay: 0.1s;
}

.plan-card:nth-child(2) {
    animation-delay: 0.2s;
}

/* 标题淡入 */
.content-page h2 {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out forwards;
}

/* 副标题淡入 */
.subtitle {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out 0.1s forwards;
}

/* 登录页面元素淡入 */
.mobile-title {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out forwards;
}

.login-subtitle {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out 0.1s forwards;
}

.feature-tags {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out 0.2s forwards;
}

.button {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out 0.3s forwards;
}

/* 侧边栏淡入 */
.sidebar {
    opacity: 0;
    animation: mobileFadeIn 0.4s ease-out forwards;
}

/* 主内容区淡入 */
.main-content {
    opacity: 0;
    animation: mobileFadeIn 0.5s ease-out 0.2s forwards;
}

/* 按钮点击反馈 */
.plan-button:active {
    transform: scale(0.97);
    transition: transform 0.1s ease;
}

/* 卡片点击反馈 */
.plan-card:active {
    transform: scale(0.99);
    transition: transform 0.1s ease;
}

/* 菜单项点击反馈 */
.menu-item:active {
    transform: scale(0.96);
    transition: transform 0.1s ease;
}