/* 全屏背景修复样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: url(../images/bg.jpg) no-repeat center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  overflow: hidden;
  line-height: 1.15;
}

/* 确保主容器铺满屏幕 */
.mainbox {
  width: 100% !important;
  height: 100vh !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.125rem 0.125rem 0 !important;
  box-sizing: border-box;
}

/* 确保头部不影响布局 */
header {
  position: relative;
  height: 1.25rem;
  background: url(../images/head_bg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0;
  padding: 0;
}

/* 调整列布局 */
.column {
  flex: 3;
  height: calc(100vh - 1.5rem);
  overflow: hidden;
}

.column:nth-child(2) {
  flex: 5;
  margin: 0 0.125rem 0.1875rem;
  overflow: hidden;
}

/* 确保面板适应高度 */
.panel {
  height: calc((100vh - 2rem) / 3 - 0.2rem);
  margin-bottom: 0.1875rem;
}

.map {
  height: calc(100vh - 4rem);
}