@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
  font-size: 18px !important;
}

/* 确保页面布局正确，footer始终在底部 */
html {
  height: 100%;
}

body {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 主容器布局 - 确保使用flex布局 */
body > .layui-container-fluid,
body > div.layui-container-fluid {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column !important;
  flex: 1;
}

/* Header固定在顶部 */
body > .layui-container-fluid > header,
body > div.layui-container-fluid > header {
  flex-shrink: 0;
}

/* 内容区域自动扩展 - 匹配layout.html中的{__CONTENT__}部分 */
/* 选择主容器中除了header和footer之外的所有直接子元素 */
body > .layui-container-fluid > *:not(header):not(footer),
body > div.layui-container-fluid > *:not(header):not(footer) {
  flex: 1 0 auto;
}

/* Footer始终在底部 */
body > .layui-container-fluid > footer,
body > div.layui-container-fluid > footer {
  margin-top: auto;
  flex-shrink: 0;
}

.boxbom {
  height: 3.8rem;
}

.bomtext {
  text-align: center;
}

.wechat-login,.qq-login:hover {
  cursor: pointer;
}

/* 移动端隐藏底部信息，避免与底部导航重叠 */
@media screen and (max-width: 850px) {
  footer {
    display: none !important;
  }
}