/* 全局样式增强 */
body {
  font-size: 16px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* 响应式调整 */
@media (max-width: 768px) {
  body { font-size: 14px; }
  h1 { font-size: 1.8rem !important; }
  h2 { font-size: 1.4rem !important; }
}

/* 卡片悬停效果 */
div[style*="border: 1px"]:hover,
li[style*="border: 1px"]:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* 链接效果 */
a {
  transition: color 0.2s ease;
}

a:hover {
  color: #0d47a1;
}

/* UI风格变体 */
.ui-0, .ui-1, .ui-2, .ui-3 { --primary-hue: 210; }
.ui-4, .ui-5, .ui-6, .ui-7 { --primary-hue: 340; }
.ui-8, .ui-9, .ui-10, .ui-11 { --primary-hue: 160; }
.ui-12, .ui-13, .ui-14, .ui-15 { --primary-hue: 30; }

/* 布局变体 */
.layout-A main { max-width: 1400px; }
.layout-B main { max-width: 1200px; }
.layout-C main { max-width: 1100px; }
.layout-D main { max-width: 1300px; }
.layout-E main { max-width: 1000px; }
.layout-F main { max-width: 1500px; }
.layout-G main { max-width: 1250px; }

/* 移动端导航固定 */
@media (max-width: 768px) {
  .nav {
    overflow-x: visible !important;
    scrollbar-width: none;
  }
  .nav::-webkit-scrollbar {
    display: none;
  }
}