body.ui-style-8 {
  --primary-color: #1890ff;
  --secondary-color: #52c41a;
  --text-color: #333;
  --bg-color: #f5f5f5;
}

@media (max-width: 768px) {
  main { padding: 20px 10px !important; }
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  nav a { font-size: 13px !important; padding: 10px 4px !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  nav a { font-size: 12px !important; }
}

a { transition: all 0.3s ease; }
div[style*="box-shadow"]:hover { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important; }