@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body.theme-pixel {
    background-color: #222; /* Dark background */
    color: #0f0; /* Green text for pixel feel */
    font-family: 'Press Start 2P', cursive;
}

body.theme-pixel h1,
body.theme-pixel h2,
body.theme-pixel h3,
body.theme-pixel p,
body.theme-pixel button {
    font-family: 'Press Start 2P', cursive;
}

body.theme-pixel .anime-character {
    /* Pixel characters would be images with pixel art style */
    image-rendering: pixelated; /* Ensure pixelation */
}

body.theme-pixel .search-box {
    background-color: #444;
    border: 2px solid #0f0;
    box-shadow: 4px 4px 0px #0a0; /* Pixelated shadow */
    border-radius: 0; /* No rounded corners */
}

body.theme-pixel .search-box:focus-within {
    transform: translateY(-2px); /* Slight pixelated movement */
    box-shadow: 6px 6px 0px #0a0;
}

body.theme-pixel .search-btn {
    background-color: #0f0;
    color: #222;
    border: 2px solid #0a0;
    border-radius: 0;
    box-shadow: 2px 2px 0px #0a0;
}

body.theme-pixel .search-btn:hover {
    transform: scale(1.02); /* Slight scale */
    box-shadow: 3px 3px 0px #0a0;
}

body.theme-pixel .result-card {
    background-color: #333;
    border: 2px solid #0f0;
    box-shadow: 4px 4px 0px #0a0;
    border-radius: 0;
    backdrop-filter: none; /* No blur for pixel art */
}

body.theme-pixel .result-card:hover {
    transform: translateY(-2px);
    box-shadow: 6px 6px 0px #0a0;
}

/* Override Tailwind colors for pixel theme */
body.theme-pixel .text-pink-500,
body.theme-pixel .text-pink-400,
body.theme-pixel .text-pink-700,
body.theme-pixel .placeholder-pink-300,
body.theme-pixel .bg-pink-100,
body.theme-pixel .bg-pink-200,
body.theme-pixel .text-pink-600,
body.theme-pixel .bg-pink-400,
body.theme-pixel .bg-pink-500,
body.theme-pixel .bg-pink-600,
body.theme-pixel .bg-pink-50,
body.theme-pixel .text-red-400 {
    color: #0f0 !important; /* Force green for text */
    background-color: transparent !important; /* Remove pink backgrounds */
}

body.theme-pixel .bg-pink-500 {
    background-color: #0f0 !important;
    color: #222 !important;
}

body.theme-pixel .bg-pink-500:hover {
    background-color: #0a0 !important;
}

body.theme-pixel .animate-bounce,
body.theme-pixel .animate-pulse {
    /* Pixel art animations are usually frame-by-frame, not smooth */
    animation: none !important; /* Disable smooth animations */
}

/* Simple pixelated bounce for loading */
@keyframes pixel-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); } /* Smaller, blockier bounce */
}

body.theme-pixel .loading div {
    animation: pixel-bounce 0.5s infinite step-end; /* Step-end for pixel feel */
    background-color: #0f0 !important;
}

body.theme-pixel footer {
    background-color: #222 !important;
    color: #0f0 !important;
}

/* Pixel Theme - ai-search 主题色彩和像素风格覆盖 */
body.theme-pixel .ai-search-body {
    background: #222;
}
body.theme-pixel .ai-search-title {
    color: #0f0;
    text-shadow: 2px 2px 0 #0a0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-desc {
    color: #0f0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-search-box {
}
body.theme-pixel .ai-search-input {
    color: #0f0;
    background: #222;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-btn {
    background: #0f0;
    color: #222;
    border: 2px solid #0a0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-btn:hover {
    background: #0a0;
    color: #fff;
    box-shadow: 3px 3px 0px #0a0;
}
body.theme-pixel .ai-search-voice-btn {
    color: #0f0;
}
body.theme-pixel .ai-search-voice-btn:hover {
    color: #fff;
}
body.theme-pixel .ai-search-suggestions-title {
    color: #0f0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-suggestion-btn {
    background: #333;
    color: #0f0;
    border: 2px solid #0a0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-suggestion-btn:hover {
    background: #0a0;
    color: #fff;
}
body.theme-pixel .ai-search-results-title {
    color: #0f0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .result-card {
    background: #222;
    color: #0f0;
    border: 2px solid #0a0;
    box-shadow: 4px 4px 0px #0a0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .result-card:hover {
    box-shadow: 6px 6px 0px #0a0;
}
body.theme-pixel .ai-search-loading-ball {
    background: #0f0;
}
body.theme-pixel .ball2 { background: #0a0; }
body.theme-pixel .ball3 { background: #fff; }
body.theme-pixel .ai-search-loading-text {
    color: #0f0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-footer {
    background: #222;
    color: #0f0;
    font-family: 'Press Start 2P', cursive;
}
body.theme-pixel .ai-search-footer-heart {
    color: #fff;
}

body.theme-pixel .sidebar-search-container {
    background: #222;
    border: 2px solid #0f0;
    border-radius: 0;
    padding: 2px 6px;
}
body.theme-pixel .sidebar-search-input {
    color: #0f0;
    background: #222;
    font-family: 'Press Start 2P', cursive;
    font-size: 0.9em;
    border: none;
    outline: none;
}
body.theme-pixel .sidebar-search-icon {
    color: #0f0;
    font-size: 1em;
    margin-left: 4px;
}