﻿/* service-ai-agent.css - Extracted from inline styles */
* { font-family: 'Noto Sans SC', sans-serif; }
        .fade-up { opacity: 0; transform: translateY(40px); transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); }
        .fade-up.visible { opacity: 1; transform: translateY(0); }
        .fade-up:nth-child(1) { transition-delay: 0s; }
        .fade-up:nth-child(2) { transition-delay: 0.1s; }
        .fade-up:nth-child(3) { transition-delay: 0.2s; }
        .fade-up:nth-child(4) { transition-delay: 0.3s; }
        .fade-up:nth-child(5) { transition-delay: 0.4s; }
        .fade-up:nth-child(6) { transition-delay: 0.5s; }
        .fade-up:nth-child(7) { transition-delay: 0.6s; }
        .fade-up:nth-child(8) { transition-delay: 0.7s; }
        .fade-up:nth-child(9) { transition-delay: 0.8s; }
        .fade-up:nth-child(10) { transition-delay: 0.9s; }
        .fade-up:nth-child(11) { transition-delay: 1.0s; }
        .fade-up:nth-child(12) { transition-delay: 1.1s; }

        @keyframes chatBubble {
            0% { opacity: 0; transform: translateY(20px) scale(0.95); }
            100% { opacity: 1; transform: translateY(0) scale(1); }
        }
        @keyframes typingDot {
            0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
            30% { opacity: 1; transform: translateY(-4px); }
        }
        .chat-bubble { animation: chatBubble 0.5s ease-out forwards; opacity: 0; }
        .chat-bubble:nth-child(1) { animation-delay: 0.2s; }
        .chat-bubble:nth-child(2) { animation-delay: 1.2s; }
        .chat-bubble:nth-child(3) { animation-delay: 2.2s; }
        .chat-bubble:nth-child(4) { animation-delay: 3.2s; }
        .typing-dot { animation: typingDot 1.4s infinite; }
        .typing-dot:nth-child(2) { animation-delay: 0.2s; }
        .typing-dot:nth-child(3) { animation-delay: 0.4s; }

        @keyframes pulse-glow {
            0%, 100% { box-shadow: 0 0 0 0 rgba(230, 0, 18, 0.4); }
            50% { box-shadow: 0 0 20px 8px rgba(230, 0, 18, 0.15); }
        }
        .channel-card:hover { animation: pulse-glow 1.5s ease-in-out infinite; }

        html { scroll-behavior: smooth; }
