/* Custom styles for responsiveness and branding */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

nav a:hover {
    transition: all 0.3s ease;
}

video {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;/* 确保内容适配 */
}

form input, form textarea {
    transition: border-color 0.3s ease;
}

form input:focus, form textarea:focus {
    border-color: #2563eb; /* Tailwind's blue-600 */
    outline: none;
}

# @media (max-width: 768px) {
 #   nav .container {
   #     flex-direction: column;
   #     align-items: flex-start;
    }
  #  nav .space-x-4 {
   #     margin-top: 1rem;
    }
  #  nav .space-x-4 a {
  #      margin-bottom: 0.5rem;
   # }
#}

video.playing {
    max-width: 100vw !important;
    width: 100% !important;
    height: auto !important;
}

@media (max-width: 768px) {
    video.playing {
        max-width: 100% !important; /* 移动端适配 */
    }
}