/* 确保页面至少占满整个视口高度 */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* 主要内容区域自动填充空间 */
.main-content {
  flex: 1 0 auto;
}


/* 基础样式 */
.container {
    max-width: 960px;
    margin: 0 auto;
}

.header-container {
  padding: 1rem;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.header-title {
  display: inline-flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: #222;
  transition: color 0.2s;
}
.header-title:hover {
  color: #d32f2f;
  text-decoration: none;
}

.logo-gradient {
  background: linear-gradient(135deg, #ca4749 0%, #fbb034 60%, #f00000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (max-width: 600px) {
  .header-title {
    font-size: 1.3rem;
  }
  .header-container {
    padding: 0.5rem 0.5rem;
  }
}

/* 首页 logo 专用色 */
.logo-icon {
  color: #ca4749;
}

/* 引入footer.css */
/*@import 'footer.css';*/