/* 全局样式 */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

a {
  transition: color 0.3s, background-color 0.3s;
}

a:hover {
  opacity: 0.85;
}

/* 响应式 */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 1.5rem !important;
  }

  h2 {
    font-size: 1.2rem !important;
  }

  section {
    padding: 1rem !important;
  }
}

/* UI 风格变化 */
.ui-style-0 { --primary-color: #3498db; }
.ui-style-1 { --primary-color: #e74c3c; }
.ui-style-2 { --primary-color: #2ecc71; }
.ui-style-3 { --primary-color: #f39c12; }
.ui-style-4 { --primary-color: #9b59b6; }
.ui-style-5 { --primary-color: #1abc9c; }
.ui-style-6 { --primary-color: #34495e; }
.ui-style-7 { --primary-color: #e67e22; }
.ui-style-8 { --primary-color: #16a085; }
.ui-style-9 { --primary-color: #c0392b; }
.ui-style-10 { --primary-color: #2980b9; }
.ui-style-11 { --primary-color: #8e44ad; }
.ui-style-12 { --primary-color: #27ae60; }
.ui-style-13 { --primary-color: #d35400; }
.ui-style-14 { --primary-color: #7f8c8d; }
.ui-style-15 { --primary-color: #c0392b; }