/* 温馨影视 - ui-style-7 - E */
:root {
  --primary-color: #1e88e5;
  --primary-dark: #1565c0;
  --background: #f5f7fa;
  --card-bg: #ffffff;
  --text-primary: #333;
  --text-secondary: #666;
  --border-color: #e0e0e0;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 4px 16px rgba(0,0,0,0.12);
}

body.ui-style-7 {
  background: var(--background);
}

.card {
  background: var(--card-bg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.card-title a {
  color: var(--text-primary);
  display: block;
  transition: color 0.2s;
}

.card-title a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

@media (max-width: 768px) {
  .container { padding: 0 16px; }
  main { padding: 24px 0; }
  section { padding: 20px 16px; margin-bottom: 20px; }
  h1 { font-size: 22px; }
  h2 { font-size: 18px; }
  .card-list { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 480px) {
  .logo { font-size: 18px; margin-right: 12px; }
  nav a { font-size: 12px; padding: 4px 1px; }
}