/* style.css */

/* 自定义字体（可根据需要修改） */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* 自定义品牌色（科技蓝） */
:root {
    --brand-blue: #1e40af;
    --brand-light-blue: #3b82f6;
}

/* 平滑滚动（支持锚点链接） */
html {
    scroll-behavior: smooth;
}

/* 导航栏悬停与活动状态 */
header nav ul li a {
    transition: color 0.3s;
}

header {
    transition: transform 0.3s ease-in-out;
    will-change: transform; /* 让浏览器提前优化动画 */
}


header nav ul li a.active {
    color: var(--brand-blue);
    font-weight: 600;
}

/* 产品卡片悬停动画 */
section#products .hover\:scale-105:hover {
    transform: scale(1.05);
}

/* 表单输入聚焦效果 */
input:focus,
textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3); /* Tailwind blue-500 */
}

/* Banner文字阴影 */
section#home h1 {
    text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

/* Footer文字居中和间距 */
footer {
    letter-spacing: 0.5px;
}

/* 响应式间距优化 */
@media (max-width: 768px) {
    section#home h1 {
        font-size: 3rem;
    }
    section#home p {
        font-size: 1rem;
    }
    nav ul {
        flex-direction: column;
        gap: 1rem;
    }
}