/* ==================== 基础样式 ==================== */
body {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

footer {
    padding: 30px 0;
    margin-bottom: 0;
}

/* ==================== 导航栏调整区域 ==================== */
/* 主导航栏容器 - 调整高度 */
.navbar {
    min-height: 70px; /* 控制导航栏整体高度（主要调整位置） */
    padding: 1rem 0; /* 控制导航栏内边距 */
}

/* 品牌LOGO图片 - 调整大小 */
.navbar-brand img {
    max-height: 65px; /* 控制前台LOGO高度（主要调整位置） */
    width: auto;
    transition: all 0.3s;
}

/* 后台深色导航栏LOGO - 调整大小 */
.navbar-dark .navbar-brand img {
    max-height: 40px; /* 控制后台LOGO高度（主要调整位置） */
}

/* 品牌文字样式 - 可选调整 */
.navbar-brand {
    font-weight: bold;
    font-size: 1.8rem; /* 控制品牌文字大小 */
    padding: 1rem 0; /* 控制品牌区域垂直内边距 */
}

/* 导航链接样式 - 保持与导航栏高度匹配 */
.navbar-nav .nav-link {
    padding: 1.5rem 1.5rem; /* 控制导航链接的内边距 */
    font-size: 1.2rem; /* 控制导航文字大小 */
}

/* ==================== 其他组件样式 ==================== */
/* 幻灯片样式 */
.carousel-item {
    height: 600px;
    background-color: #f8f9fa;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 5px;
}

/* 产品详情页样式 */
.product-description img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

/* ==================== 移动端适配 ==================== */
@media (max-width: 768px) {
    /* 导航栏调整 */
    .navbar {
        min-height: 56px; /* 与后台一致的高度 */
        padding: 0.5rem 1rem; /* 更紧凑的内边距 */
    }
    
    /* 品牌LOGO调整 */
    .navbar-brand img {
        max-height: 40px; /* 更小的LOGO */
    }
    
    .navbar-brand {
        font-size: 1.2rem; /* 更小的字体 */
        padding: 0.5rem 0; /* 更小的内边距 */
    }
    
    /* 导航链接调整 */
    .navbar-nav .nav-link {
        padding: 0.75rem 1rem; /* 更紧凑的链接内边距 */
        font-size: 1rem; /* 更小的字体 */
    }
    
    /* 确保导航栏固定在顶部 */
    header {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    
    /* 调整幻灯片容器的上边距 */
    #mainCarousel {
        margin-top: 2px; /* 与导航栏高度一致 */
    }
    
    /* 移动端幻灯片高度调整 */
    .carousel-item {
        height: 200px; /* 更合适移动设备的高度 */
    }
    
    /* 移动端幻灯片标题调整 */
    .carousel-caption {
        padding: 10px;
        font-size: 0.9rem;
    }
}