body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

/* 为非首页添加顶部间距，避免内容被固定导航栏遮挡 */
body:not(.home) {
    padding-top: 40px;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #4a7bc8 100%);
    box-shadow: 0 2px 10px rgba(0, 102, 204, 0.3);
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar .logo {
    color: #fff;
    font-size: 24px;
}

.navbar .nav-links {
    list-style: none;
    display: flex;
}

.navbar .nav-links li {
    margin-left: 20px;
}

.navbar .nav-links a {
    color: #fff;
    text-decoration: none;
}

.hero {
    background: url('../images/hero.jpg') no-repeat center center/cover;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.hero-content h1 {
    font-size: 48px;
    margin-bottom: 10px;
}

.smart-scene, .smart-space, .smart-eco, .testimonials {
    padding: 20px;
    text-align: center;
}

.scene-grid, .space-grid, .testimonial-grid {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.scene-item, .space-item, .testimonial-item {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 30%;
}


footer {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #4a7bc8 100%);
    box-shadow: 0 -2px 10px rgba(0, 102, 204, 0.3);
    color: rgba(255, 255, 255, 1) !important;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
}

/* 确保所有页脚文字都是不透明白色 */
footer * {
    color: rgba(255, 255, 255, 1) !important;
}

footer h3 {
    color: rgba(255, 255, 255, 1) !important;
}

footer p {
    color: rgba(255, 255, 255, 1) !important;
}

footer a {
    color: rgba(255, 255, 255, 1) !important;
}

footer li {
    color: rgba(255, 255, 255, 1) !important;
}

/* 版权信息特殊样式 */
footer .copyright {
    color: rgba(0, 0, 0, 1) !important;
}