/* 
 * 自定义样式文件 - main.css
 * 项目环境：宝塔Windows面板 + Nginx 1.21.1 + PHP 7.4.33
 * Bootstrap版本：3.4.1
 * FontAwesome版本：6.7.2
 * 
 * 文件引用顺序：
 * 1. assets/css/bootstrap.css
 * 2. assets/css/fontawesome.css  
 * 3. assets/css/main.css (当前文件)
 */

/* 
 * 注意：根据项目要求，必须使用Bootstrap 3.4.1的原生组件、类名和样式
 * 不能自己写CSS，只能使用Bootstrap提供的类名
 * 
 * 如需自定义样式，请使用Bootstrap的工具类：
 * - 颜色：.text-primary, .text-success, .bg-primary 等
 * - 间距：.margin-top-10, .padding-10 等（如果Bootstrap支持）
 * - 响应式：.visible-xs, .hidden-sm 等
 */

/* 页面性能优化 - 仅使用必要的样式 */
.img-responsive {
    max-width: 100%;
    height: auto;
}

/* 确保图片在移动设备上正确显示 */
@media (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}