.group .bg-gray-100\/90 {
    background: linear-gradient(135deg, #FFF9C4 0%, #FFEB3B 100%) !important;
    border: 3px solid #212121 !important;
    border-radius: 12px 12px 12px 4px !important;
    box-shadow: 8px 8px 0px rgba(33, 33, 33, 0.8),
                inset 2px 2px 4px rgba(255, 255, 255, 0.4) !important;
    color: #212121 !important;
    padding: 16px 20px !important;
    position: relative !important;
    font-weight: 600 !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important;
}

.group .bg-gray-100\/90::before {
    content: "⚡";
    position: absolute !important;
    top: -8px !important;
    left: 15px !important;
    font-size: 20px !important;
    color: #FF5722 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.group .bg-gray-100\/90::after {
    content: "" !important;
    position: absolute !important;
    bottom: -3px !important;
    left: 20px !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #212121 !important;
}

.group .bg-gray-100\/90 * {
    color: #212121 !important;
    font-weight: 600 !important;
}

.group .bg-gray-100\/90 a {
    color: #FF5722 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
}

.group .bg-gray-100\/90 a:hover {
    color: #212121 !important;
    background-color: #FFEB3B !important;
}
.flex.items-center.gap-2.pb-2 > button {
    background: linear-gradient(135deg, #FFEB3B 0%, #FFC107 100%) !important;
    color: #212121 !important;
    border: 3px solid #212121 !important;
    border-radius: 6px !important;
    box-shadow: 5px 5px 0px rgba(33, 33, 33, 0.9) !important;
    font-weight: 800 !important;
    text-transform: none !important;
    transition: all 0.15s ease-in-out !important;
    padding: 8px 20px !important;
    position: relative !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important;
    letter-spacing: 0.5px !important;
}

.flex.items-center.gap-2.pb-2 > button:hover {
    background: linear-gradient(135deg, #FFD54F 0%, #FFA000 100%) !important;
    color: #212121 !important;
    transform: translate(5px, 5px) !important;
    box-shadow: 0px 0px 0px #212121 !important;
    border-color: #424242 !important;
}

.flex.items-center.gap-2.pb-2 > button::before {
    content: "•";
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #FF5722 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}
#ai-chat-input {
    background: linear-gradient(135deg, #FFF9C4 0%, #FFEB3B 100%) !important;
    border: 3px solid #212121 !important;
    border-radius: 8px !important;
    color: #212121 !important;
    box-shadow: inset 3px 3px 6px rgba(33, 33, 33, 0.2),
                5px 5px 0px rgba(33, 33, 33, 0.8) !important;
    font-weight: 600 !important;
    padding: 12px 16px !important;
    position: relative !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important;
    transition: all 0.2s ease-in-out !important;
}

#ai-chat-input:focus {
    outline: none !important;
    box-shadow: inset 3px 3px 6px rgba(33, 33, 33, 0.3),
                3px 3px 0px rgba(33, 33, 33, 0.9) !important;
    background: linear-gradient(135deg, #FFFDE7 0%, #FFEB3B 100%) !important;
    border-color: #424242 !important;
}

#ai-chat-input::placeholder {
    color: #757575 !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

#ai-chat-bottom-input {
    background: transparent !important;
    backdrop-filter: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    background: transparent !important;
}

.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 32px !important;
    height: 32px !important;
    background: url('https://i.postimg.cc/QxMZ2tHL/1763779006803.gif') no-repeat center center !important;
    background-size: contain !important;
}
/**侧边栏**/
        .accordion-trigger {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: #4a5568;
            border: 2px solid #ffd700;
            border-right: none;
            border-radius: 25px 0 0 25px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #ffd700;
            transition: all 0.3s ease;
            z-index: 98;
        }
        .accordion-trigger:hover {
            background: #5a6578;
            box-shadow: -5px 0 15px rgba(255, 215, 0, 0.3);
        }
        .accordion-panel {
            position: fixed;
            right: -350px;
            top: 0;
            width: 350px;
            height: 100vh;
            background: #2d3748;
            border-left: 3px solid #ffd700;
            transition: right 0.4s ease;
            z-index: 99;
            overflow-y: auto;
        }
        .accordion-checkbox {
            display: none;
        }
        button:focus-within + .accordion-panel {
            right: 0;
        }
.accordion-panel:hover {
right: 0;
}
        .accordion-trigger:focus-within {
            border-right: 2px solid #ffd700;
            border-left: none;
        }
        .accordion-trigger:focus-within::before {
            content: '❮';
        }
        .accordion-trigger::before {
            content: '❯';
        }
        .panel-header {
            background: #4a5568;
            padding: 20px;
            border-bottom: 2px solid #ffd700;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #ffd700;
            position: sticky;
            top: 0;
            z-index: 10;
        }
        .panel-content {
            padding: 20px;
        }
        .info-section {
            margin-bottom: 25px;
            border: 1px solid #4a5568;
            border-radius: 8px;
            overflow: hidden;
        }
        .section-header {
            background: #4a5568;
            padding: 12px 15px;
            font-weight: bold;
            color: #ffd700;
            cursor: pointer;
            transition: background 0.3s ease;
            position: relative;
            display: block;
            width: 100%;
            text-align: left;
            border: none;
        }
        .section-header:hover {
            background: #5a6578;
        }
        .section-header::after {
            content: '▼';
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            transition: transform 0.3s ease;
            font-size: 12px;
        }
        .section-checkbox {
            display: none;
        }
        .section-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: #1a202c;
            padding: 0 15px;
        }
        .section-checkbox:checked ~ .section-content {
            max-height: 500px; 
            padding: 15px;
            overflow-y: auto; 
        }
        .section-checkbox:checked ~ .section-header::after {
            transform: translateY(-50%) rotate(180deg);
        }
        .info-content {
            font-size: 14px;
            line-height: 1.5;
            color: #ffffff !important; 
        }
        .info-content h3 {
            color: #ffd700;
            margin-top: 0;
            border-bottom: 1px solid #4a5568;
            padding-bottom: 5px;
            margin-bottom: 10px;
        }
        .info-content p, .info-content ul {
            margin: 10px 0;
            color: #ffffff !important;
        }
        .info-content ul {
            padding-left: 20px;
        }
        .info-content li {
            margin-bottom: 5px;
            color: #ffffff !important;
        }
        .info-content hr {
            border: none;
            border-top: 1px solid #4a5568;
            margin: 15px 0;
        }
        .info-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 12px;
            margin: 10px 0;
        }
        .info-table th, .info-table td {
            border: 1px solid #4a5568;
            padding: 6px;
            text-align: left;
            color: #ffffff !important;
        }
        .info-table th {
            background: #2d3748;
            color: #ffd700 !important;
        }
        .info-table td {
            background: #1a202c;
        }
        .highlight {
            color: #ffd700;
            font-weight: bold;
        }
        .section-content::-webkit-scrollbar {
            width: 8px;
        }
        .section-content::-webkit-scrollbar-track {
            background: #1a202c;
            border-radius: 4px;
        }
        .section-content::-webkit-scrollbar-thumb {
            background: #4a5568;
            border-radius: 4px;
        }
        .section-content::-webkit-scrollbar-thumb:hover {
            background: #5a6578;
        }
        @media (max-width: 768px) {
            .accordion-panel {
                width: 85%;
                right: -85%;
            }
            .accordion-checkbox:checked + .accordion-trigger {
                right: 85%;
            }
            .mobile-close-btn {
                display: flex;
                position: absolute;
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                background: rgba(74, 85, 104, 0.8);
                border-radius: 50%;
                border: 1px solid #ffd700;
                color: #ffd700;
                font-size: 18px;
                cursor: pointer;
                z-index: 101;
                align-items: center;
                justify-content: center;
            }
            .accordion-trigger {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            .panel-content {
                padding: 15px;
            }
            .info-content {
                font-size: 13px;
            }
            .info-table {
                font-size: 11px;
            }
            .section-checkbox:checked ~ .section-content {
                max-height: 400px;
            }
        }
        @media (max-width: 480px) {
            .accordion-panel {
                width: 90%;
                right: -90%;
            }
            .accordion-checkbox:checked + .accordion-trigger {
                right: 90%;
            }
            .panel-header {
                padding: 15px;
                font-size: 16px;
            }
            .section-header {
                padding: 10px 12px;
                font-size: 14px;
            }
            .section-checkbox:checked ~ .section-content {
                max-height: 350px;
            }
        }
        @media (max-width: 360px) {
            .accordion-panel {
                width: 95%;
                right: -95%;
            }
            .accordion-checkbox:checked + .accordion-trigger {
                right: 95%;
            }
        }