/* 喜雀AI官网 - 自定义样式 */

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0e27; }
::-webkit-scrollbar-thumb { background: #2a2f5a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #0066FF; }

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0) translateX(0); opacity: 0.4; }
    25% { transform: translateY(-20px) translateX(10px); opacity: 0.8; }
    50% { transform: translateY(-10px) translateX(-5px); opacity: 0.6; }
    75% { transform: translateY(-30px) translateX(15px); opacity: 0.3; }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slide-in {
    from { opacity: 0; transform: translateX(100px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(0, 102, 255, 0.1); }
    50% { box-shadow: 0 0 40px rgba(0, 102, 255, 0.3); }
}

.animate-fade-in { animation: fade-in 0.8s ease-out forwards; }
.animate-fade-in-up { animation: fade-in-up 0.8s ease-out forwards; }
.animate-slide-in { animation: slide-in 0.5s ease-out forwards; }
.animation-delay-200 { animation-delay: 0.2s; opacity: 0; }
.animation-delay-400 { animation-delay: 0.4s; opacity: 0; }

/* Line clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Custom select styling */
select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1.25em; padding-right: 2.5rem; }
select option { background: #1a1f42; color: white; }

/* Input date picker */
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; }

/* Smooth transitions */
* { scroll-behavior: smooth; }

/* Focus styles */
input:focus, select:focus, textarea:focus, button:focus-visible { outline: 2px solid rgba(0, 102, 255, 0.5); outline-offset: 2px; }

/* Page transition */
#app { transition: opacity 0.2s ease; }

/* Responsive adjustments */
@media (max-width: 640px) {
    .text-7xl { font-size: 3rem; }
    .text-5xl { font-size: 2.5rem; }
    .text-4xl { font-size: 2rem; }
}

/* Print styles */
@media print {
    nav, footer, #ai-chat-widget { display: none !important; }
    body { background: white; color: black; }
}