#showcase-root {
            font-family: 'Inter', 'Noto Sans TC', sans-serif;
        }

        #showcase-root .modal-backdrop {
            transition: opacity 0.3s ease-in-out;
        }

        #showcase-root .modal-panel {
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }

        #showcase-root .showcase-card {
            transition: all 0.3s ease-in-out;
            border-width: 1px;
        }

        #showcase-root .showcase-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px -5px var(--card-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--card-shadow-color, rgba(0, 0, 0, 0.1));
        }

        #showcase-root .showcase-card.placeholder {
            cursor: not-allowed;
        }

        #showcase-root .showcase-card.placeholder .status-badge {
            background-color: #4b5563;
            color: #d1d5db;
        }

        #showcase-root .status-badge {
            position: absolute;
            top: 1rem;
            right: 1rem;
            font-size: 0.75rem;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-weight: 500;
        }