/* 基础样式 */
body {
    scroll-behavior: smooth;
}

.logo {
    flex: none;
    max-width: 200px;
    max-height: 80px;
}

.logo img {
    width: auto;
    max-height: 100%;
}

/* 导航栏滚动效果 */
#navbar {
    background-color: transparent;
}

#navbar.scrolled {
    background-color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* 登录模态框动画 */
#loginModal.active {
    opacity: 1;
    visibility: visible;
}

#loginModal.active .bg-white {
    transform: scale(1);
}

/* 个人中心侧边栏动画 */
#userProfileSidebar.active {
    opacity: 1;
    visibility: visible;
}

#userProfileSidebar.active .bg-white {
    transform: translate(0);
}

/* 返回顶部按钮显示控制 */
#backToTop.visible {
    opacity: 1;
    visibility: visible;
}

/* 案例卡片悬停效果 */
.case-card {
    transition: all 0.3s ease;
}

.case-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 表单验证样式 */
input.error,
textarea.error {
    border-color: #f56565;
}

input.error:focus,
textarea.error:focus {
    ring-color: #f56565;
}

.error-message {
    color: #f56565;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}