#showcase-root {
            font-family: 'Inter', 'Noto Sans TC', sans-serif;
            background-color: #0b0f19;
            background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
            background-size: 2.5rem 2.5rem;
        }

        #showcase-root .device-frame {
            background: linear-gradient(145deg, #1a1a1a, #2d2d2d);
            border-radius: 2rem;
            padding: 1.5rem;
            box-shadow:
                0 25px 50px rgba(0, 0, 0, 0.4),
                inset 0 1px 2px rgba(255, 255, 255, 0.1),
                inset 0 -1px 2px rgba(0, 0, 0, 0.5);
            position: relative;
            border: 3px solid #333;
        }

        #showcase-root .screen-container {
            width: 100%;
            height: 100%;
            background: #000;
            border-radius: 1.2rem;
            overflow: hidden;
            position: relative;
            box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
        }

        @keyframes llm05-rce-fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes llm05-rce-flicker {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }
        }

        @keyframes llm05-rce-powerDown {
            0% {
                opacity: 1;
                filter: brightness(1);
            }

            100% {
                opacity: 0;
                filter: brightness(0);
            }
        }

        @keyframes llm05-rce-emergencyBlink {

            0%,
            50% {
                opacity: 0.9;
            }

            51%,
            100% {
                opacity: 0.3;
            }
        }

        @keyframes llm05-rce-networkDisconnect {
            0% {
                opacity: 1;
            }

            20% {
                opacity: 0.7;
            }

            40% {
                opacity: 0.4;
            }

            60% {
                opacity: 0.2;
            }

            80% {
                opacity: 0.1;
            }

            100% {
                opacity: 0;
            }
        }

        @keyframes llm05-rce-systemShutdown {
            0% {
                opacity: 1;
                transform: scale(1);
            }

            100% {
                opacity: 0;
                transform: scale(0.95);
            }
        }

        @keyframes llm05-rce-pulse {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }
        }

        #showcase-root .fade-in {
            animation: llm05-rce-fadeIn 0.5s ease-out forwards;
        }

        #showcase-root .flicker {
            animation: llm05-rce-flicker 0.5s ease-in-out infinite;
        }

        #showcase-root .power-down {
            animation: llm05-rce-powerDown 2s ease-out forwards;
        }

        #showcase-root .emergency-blink {
            animation: llm05-rce-emergencyBlink 1s ease-in-out infinite;
        }

        #showcase-root .network-disconnect {
            animation: llm05-rce-networkDisconnect 1.5s ease-out forwards;
        }

        #showcase-root .system-shutdown {
            animation: llm05-rce-systemShutdown 3s ease-out forwards;
        }

        #showcase-root .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }

        #showcase-root .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }

        #showcase-root .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: rgba(249, 115, 22, 0.4);
            border-radius: 10px;
        }

        #showcase-root .typing-indicator span {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #9ca3af;
            animation: llm05-rce-typing-blink 1.4s infinite both;
        }

        #showcase-root .typing-indicator span:nth-child(2) {
            animation-delay: 0.2s;
        }

        #showcase-root .typing-indicator span:nth-child(3) {
            animation-delay: 0.4s;
        }

        @keyframes llm05-rce-typing-blink {

            0%,
            80%,
            100% {
                opacity: 0.2;
            }

            40% {
                opacity: 1;
            }
        }
        #showcase-root .office-element {
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        #showcase-root .ceiling-light {
            background: radial-gradient(circle, #fef08a 0%, #facc15 70%, transparent 100%);
            transition: all 0.6s ease;
        }

        #showcase-root .ceiling-light.on {
            opacity: 0.9;
            box-shadow: 0 0 80px 20px rgba(254, 240, 138, 0.4);
        }

        #showcase-root .ceiling-light.flicker {
            animation: llm05-rce-flicker 0.3s ease-in-out infinite;
        }

        #showcase-root .ceiling-light.off {
            opacity: 0;
            box-shadow: none;
        }

        #showcase-root .workstation-screen {
            transition: all 0.5s ease;
        }

        #showcase-root .workstation-screen.on {
            background: linear-gradient(45deg, #60a5fa, #3b82f6);
            box-shadow: 0 0 15px rgba(96, 165, 250, 0.5);
        }

        #showcase-root .workstation-screen.off {
            background: #1f2937;
            box-shadow: none;
        }

        #showcase-root .server-light {
            transition: all 0.3s ease;
        }

        #showcase-root .server-light.green {
            background: #10b981;
            box-shadow: 0 0 10px #10b981;
        }

        #showcase-root .server-light.red {
            background: #ef4444;
            box-shadow: 0 0 10px #ef4444;
        }

        #showcase-root .server-light.off {
            background: #374151;
            box-shadow: none;
        }

        #showcase-root .router-light {
            transition: all 0.3s ease;
        }

        #showcase-root .router-light.active {
            background: #10b981;
            animation: none;
            box-shadow: 0 0 3px #10b981;
        }

        #showcase-root .router-light.disconnecting {
            animation: llm05-rce-networkDisconnect 2s ease-out forwards;
        }

        #showcase-root .router-light.off {
            background: #ef4444;
            box-shadow: 0 0 3px #ef4444;
        }

        #showcase-root .emergency-light {
            transition: all 0.5s ease;
        }

        #showcase-root .emergency-light.active {
            background: #dc2626;
            animation: llm05-rce-emergencyBlink 1.5s ease-in-out infinite;
            box-shadow: 0 0 8px #dc2626;
        }

        #showcase-root .emergency-light.off {
            background: #374151;
            opacity: 0.3;
        }
        #showcase-root .device-icon {
            font-size: 1.2rem;
        }

        #showcase-root .power-indicator {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        #showcase-root .air-conditioning {
            transition: all 0.8s ease;
        }

        #showcase-root .air-conditioning.on {
            background: #06b6d4;
            box-shadow: 0 0 15px rgba(6, 182, 212, 0.3);
        }

        #showcase-root .air-conditioning.off {
            background: #374151;
            box-shadow: none;
        }
        #showcase-root .office-bg {
            background: linear-gradient(to bottom, #1e293b 0%, #334155 50%, #475569 100%);
            position: relative;
        }

        #showcase-root .office-floor {
            background: linear-gradient(45deg, #64748b, #475569);
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 15%;
            box-shadow: inset 0 5px 20px rgba(0, 0, 0, 0.4);
        }

        #showcase-root .window-area {
            background: linear-gradient(to bottom, #0f172a, #1e293b);
            position: absolute;
            top: 0;
            right: 0;
            width: 25%;
            height: 60%;
            border-left: 2px solid #475569;
            box-shadow: inset 5px 0 15px rgba(0, 0, 0, 0.3);
        }
        #showcase-root .power-failure-overlay {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.95) 100%);
            opacity: 0;
            transition: opacity 2s ease-out;
            pointer-events: none;
        }

        #showcase-root .power-failure-overlay.active {
            opacity: 1;
        }
        @media (max-width: 1023px) {
            #showcase-root .device-frame {
                height: 70vh !important;
                min-height: 500px;
            }

            #showcase-root .sidebar-panel {
                border-right: none;
                border-bottom: 1px solid rgba(249, 115, 22, 0.3);
            }
        }

        @media (min-width: 1024px) {
            #showcase-root .device-frame {
                height: 85vh;
            }
        }