/* 自定义过渡效果 */
.transition-all {
    transition: all 0.3s ease-in-out;
}

/* 移动端菜单动画 */
.mobile-menu {
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.hidden {
    transform: translateY(-100%);
}

/* 输入框聚焦效果 */
input:focus {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

/* 按钮悬停效果 */
button:hover {
    transform: translateY(-1px);
}

/* 标签切换动画 */
.border-b-2 {
    transition: all 0.3s ease;
}

/* 响应式调整 */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* 卡片阴影效果 */
.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
} 

/* 红色文字效果 */
.text-brand-red {
    color: #ff3b30;
}

.text-error {
    color: #ff3b30;
}