/* 移动端优化样式 - 使页面内容更紧凑 */

/* 移动端基础优化 */
@media (max-width: 767px) {
  
  /* 减少section间距 */
  .section {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .section-lg {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  
  .section-xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  
  /* 优化容器间距 */
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  /* 减少行间距 */
  .row-30 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  
  .row-30 > [class*="col"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .row-50 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  
  .row-50 > [class*="col"] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  /* 优化标题间距 */
  .section-title {
    margin-bottom: 1.5rem !important;
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }
  
  .feature-title {
    margin-bottom: 0.5rem !important;
    font-size: 1.1rem !important;
  }
  
  /* 优化文本间距 */
  .section-text {
    margin-bottom: 1rem !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
  }
  
  .feature-text {
    margin-bottom: 1.5rem !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
  }
  
  /* 优化图片间距 */
  .img-wrap {
    margin-bottom: 1.5rem !important;
  }
  
  /* 优化分隔线 */
  .divider-xl {
    margin: 2rem 0 !important;
  }
  
  /* 优化按钮和链接间距 */
  .btn {
    margin-bottom: 0.75rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化列表间距 */
  .feature-list li {
    margin-bottom: 0.5rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化卡片间距 */
  .card {
    margin-bottom: 1rem !important;
    padding: 1rem !important;
  }
  
  /* 优化导航间距 */
  .navbar-nav .nav-link {
    padding: 0.5rem 0.75rem !important;
  }
  
  /* 优化页脚间距 */
  footer .row {
    margin-bottom: 1rem !important;
  }
  
  footer .col {
    margin-bottom: 1rem !important;
  }
  
  /* 优化表单间距 */
  .form-group {
    margin-bottom: 1rem !important;
  }
  
  .form-control {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化模态框间距 */
  .modal-body {
    padding: 1rem !important;
  }
  
  .modal-header {
    padding: 1rem !important;
  }
  
  .modal-footer {
    padding: 1rem !important;
  }
  
  /* 优化表格间距 */
  .table td,
  .table th {
    padding: 0.5rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化面包屑导航 */
  .breadcrumb {
    padding: 0.5rem 0 !important;
    font-size: 0.85rem !important;
  }
  
  /* 优化分页 */
  .pagination {
    margin-bottom: 1rem !important;
  }
  
  .page-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化警告框 */
  .alert {
    padding: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化进度条 */
  .progress {
    height: 0.75rem !important;
    margin-bottom: 1rem !important;
  }
  
  /* 优化徽章 */
  .badge {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  
  /* 优化工具提示 */
  .tooltip {
    font-size: 0.8rem !important;
  }
  
  /* 优化弹出框 */
  .popover {
    font-size: 0.9rem !important;
  }
  
  /* 优化下拉菜单 */
  .dropdown-menu {
    padding: 0.5rem 0 !important;
  }
  
  .dropdown-item {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化标签页 */
  .nav-tabs .nav-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
  }
  
  .tab-content {
    padding: 1rem 0 !important;
  }
  
  /* 优化手风琴 */
  .accordion .card-header {
    padding: 0.75rem 1rem !important;
  }
  
  .accordion .card-body {
    padding: 1rem !important;
  }
  
  /* 优化轮播图 */
  .carousel-caption {
    padding: 1rem !important;
  }
  
  .carousel-caption h5 {
    font-size: 1.25rem !important;
  }
  
  .carousel-caption p {
    font-size: 0.9rem !important;
  }
  
  /* 优化媒体对象 */
  .media {
    margin-bottom: 1rem !important;
  }
  
  .media-body {
    padding-left: 0.75rem !important;
  }
  
  /* 优化列表组 */
  .list-group-item {
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化输入组 */
  .input-group-text {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化自定义控件 */
  .custom-control {
    margin-bottom: 0.5rem !important;
  }
  
  .custom-control-label {
    font-size: 0.9rem !important;
    padding-left: 1.5rem !important;
  }
  
  /* 优化范围滑块 */
  .custom-range {
    height: 0.75rem !important;
  }
  
  /* 优化文件上传 */
  .custom-file-label {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化验证反馈 */
  .invalid-feedback,
  .valid-feedback {
    font-size: 0.8rem !important;
  }
  
  /* 优化加载动画 */
  .spinner-border {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
  
  .spinner-grow {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
  
  /* 优化关闭按钮 */
  .close {
    font-size: 1.5rem !important;
  }
  
  /* 优化代码块 */
  code {
    font-size: 0.85rem !important;
  }
  
  pre {
    padding: 0.75rem !important;
    font-size: 0.85rem !important;
  }
  
  /* 优化引用块 */
  blockquote {
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }
  
  /* 优化定义列表 */
  dl {
    margin-bottom: 1rem !important;
  }
  
  dt {
    font-size: 0.9rem !important;
  }
  
  dd {
    font-size: 0.9rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  /* 优化水平线 */
  hr {
    margin: 1.5rem 0 !important;
  }
  
  /* 优化图片响应式 */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* 优化视频响应式 */
  video {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* 优化iframe响应式 */
  iframe {
    max-width: 100% !important;
  }
  
  /* 优化地图容器 */
  .map-container {
    height: 300px !important;
  }
  
  /* 优化图表容器 */
  .chart-container {
    height: 250px !important;
  }
  
  /* 优化侧边栏 */
  .sidebar {
    width: 100% !important;
    position: static !important;
  }
  
  /* 优化主要内容区域 */
  .main-content {
    margin-left: 0 !important;
    padding: 1rem !important;
  }
  
  /* 优化网格系统 */
  .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .row > [class*="col"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  /* 优化工具类 */
  .mt-5 {
    margin-top: 2rem !important;
  }
  
  .mb-5 {
    margin-bottom: 2rem !important;
  }
  
  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* 移动端紧凑布局优化 */
@media (max-width: 767px) {
  .mobile-compact {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  
  .mobile-compact.section-xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .mobile-compact.section-lg {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  
  .mobile-compact .row-30 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  
  .mobile-compact .row-30 > [class*="col"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .mobile-compact .row-50 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  
  .mobile-compact .row-50 > [class*="col"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .mobile-compact .section-title {
    margin-bottom: 1rem !important;
  }
  
  .mobile-compact .feature-title {
    margin-bottom: 0.4rem !important;
  }
  
  .mobile-compact .feature-text {
    margin-bottom: 1.2rem !important;
  }
  
  .mobile-compact .img-wrap {
    margin-bottom: 1rem !important;
  }
}

/* 超小屏幕优化 */
@media (max-width: 575px) {
  
  .section {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  
  .section-lg {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .section-xl {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  
  .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  .section-title {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
  }
  
  .feature-title {
    font-size: 1rem !important;
  }
  
  .section-text {
    font-size: 0.9rem !important;
  }
  
  .feature-text {
    font-size: 0.85rem !important;
  }
}