c.ai Truth Revealer

Reveal the truth about c.ai by mocking the new promotion, premium subscription, and making the button even more annoying and shiny with new text "Pay us for nothing!".

// ==UserScript==
// @name         c.ai Truth Revealer
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Reveal the truth about c.ai by mocking the new promotion, premium subscription, and making the button even more annoying and shiny with new text "Pay us for nothing!".
// @author       Mr005K vs ChatGPT 4o
// @match        https://old.character.ai/*
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Function to modify the promotional element
    function modifyPromoElement() {
        const promoElement = document.querySelector('div[style*="min-width: 400px; min-height: 50px; height: fit-content; background: linear-gradient(0deg, rgb(48, 49, 54), rgb(48, 49, 54)); margin-top: 8px; margin-bottom: 8px;"]');
        
        if (promoElement) {
            promoElement.innerHTML = `
                <div style="flex-direction: column; display: flex; justify-content: center; align-items: center; background: linear-gradient(90.07deg, rgba(255, 0, 0, 0.2) -2.91%, rgba(255, 255, 0, 0.2) 12.76%, rgba(0, 255, 0, 0.12) 85.46%, rgba(0, 0, 255, 0.12) 98.53%); padding: 10px; height: 100%;">
                    <div style="height: 100%; width: 95%; gap: 8px; display: flex; flex-wrap: wrap;">
                        <div style="font-size: 16px; display: flex; flex-wrap: wrap; gap: 8px;">
                            <span style="font-weight: 500; text-align: center; display: flex; flex-direction: row; gap: 6px; align-items: center; color: white;">
                                <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="#FF69B4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="color: rgb(255, 105, 180);">
                                    <path d="M208 512a24.84 24.84 0 01-23.34-16l-39.84-103.6a16.06 16.06 0 00-9.19-9.19L32 343.34a25 25 0 010-46.68l103.6-39.84a16.06 16.06 0 009.19-9.19L184.66 144a25 25 0 0146.68 0l39.84 103.6a16.06 16.06 0 009.19 9.19l103 39.63a25.49 25.49 0 0116.63 24.1 24.82 24.82 0 01-16 22.82l-103.6 39.84a16.06 16.06 0 00-9.19 9.19L231.34 496A24.84 24.84 0 01208 512zm66.85-254.84zM88 176a14.67 14.67 0 01-13.69-9.4l-16.86-43.84a7.28 7.28 0 00-4.21-4.21L9.4 101.69a14.67 14.67 0 010-27.38l43.84-16.86a7.31 7.31 0 004.21-4.21L74.16 9.79A15 15 0 0186.23.11a14.67 14.67 0 0115.46 9.29l16.86 43.84a7.31 7.31 0 004.21 4.21l43.84 16.86a14.67 14.67 0 010 27.38l-43.84 16.86a7.28 7.28 0 00-4.21 4.21l-16.86 43.84A14.67 14.67 0 0188 176zm312 80a16 16 0 01-14.93-10.26l-22.84-59.37a8 8 0 00-4.6-4.6l-59.37-22.84a16 16 0 010-29.86l59.37-22.84a8 8 0 004.6-4.6l22.67-58.95a16.45 16.45 0 0113.17-10.57 16 16 0 0116.86 10.15l22.84 59.37a8 8 0 004.6 4.6l59.37 22.84a16 16 0 010 29.86l-59.37 22.84a8 8 0 00-4.6 4.6l-22.84 59.37A16 16 0 01400 256z"></path>
                                </svg>
                                Welcome to the new downgraded and enshittified Character.AI!
                            </span>
                            <div style="display: flex; flex-wrap: wrap;">
                                <button style="cursor: pointer; text-transform: none; padding: 6px 14px; border-radius: 18px; margin: 0px; min-width: 0px; display: flex; box-shadow: 0px 0px; background-color: #FF69B4; color: white;">
                                    Try the Enshittification Now!
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            `;
        } else {
            console.log('Promotional element not found');
        }
    }

    // Function to modify the modal dialog element
    function modifyModalElement() {
        const modalElement = document.querySelector('.modal-content');

        if (modalElement) {
            modalElement.innerHTML = `
                <div class="modal-body" style="padding: 16px 24px; background: linear-gradient(90deg, rgba(255, 182, 193, 0.2), rgba(173, 216, 230, 0.2)); border: 5px solid pink;">
                    <div style="display: flex; justify-content: space-between;">
                        <img src="https://character.ai/static/logo-variants/text-logo-plus-dark.png" style="width: 300px; margin: 10px 0px; transform: rotate(-15deg);">
                        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="18" width="18" xmlns="http://www.w3.org/2000/svg" style="cursor: pointer; position: absolute; top: 10px; right: 10px; transform: rotate(45deg); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                            <path fill="none" d="M0 0h24v24H0z"></path>
                            <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
                        </svg>
                    </div>
                    <div style="font-size: 20px; margin-bottom: 8px; color: red;">
                        <span class="premium-color">Supercharge</span> your hilariously downgraded experience!
                    </div>
                    <ul style="list-style: none; padding-left: 0px;">
                        <li style="display: flex; align-items: center; font-size: 16px; color: blue;">
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0px; margin-right: 8px; transform: scale(1.5); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                                <path d="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"></path>
                            </svg>
                            <div><span class="premium-color">Priority Access</span> - skip the hilariously empty waiting room</div>
                        </li>
                        <li style="display: flex; align-items: center; font-size: 16px; color: blue;">
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0px; margin-right: 8px; transform: scale(1.5); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                                <path d="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"></path>
                            </svg>
                            <span class="premium-color">Faster Response Times</span> - because you need it!
                        </li>
                        <li style="display: flex; align-items: center; font-size: 16px; color: blue;">
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0px; margin-right: 8px; transform: scale(1.5); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                                <path d="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"></path>
                            </svg>
                            <div><span class="premium-color">Early Access</span> to broken features</div>
                        </li>
                        <li style="display: flex; align-items: center; font-size: 16px; color: blue;">
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0px; margin-right: 8px; transform: scale(1.5); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                                <path d="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"></path>
                            </svg>
                            <div><span class="premium-color">c.ai+ Community</span> - Join the circus!</div>
                        </li>
                        <li style="display: flex; align-items: center; font-size: 16px; color: blue;">
                            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="margin-left: 0px; margin-right: 8px; transform: scale(1.5); --darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke="">
                                <path d="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z"></path>
                            </svg>
                            <div><div class="darkreader plus-subscriber-badge" aria-label="c.ai+ Subscriber"><div>c.ai<span class="premium-color">+</span></div></div> - Proudly supporting enshittification!</div>
                        </li>
                    </ul>
                </div>
                <div class="modal-footer" style="padding: 16px 24px; background: linear-gradient(90deg, rgba(255, 182, 193, 0.2), rgba(173, 216, 230, 0.2)); border-top: 5px solid pink;">
                    <div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
                        <div style="display: flex;">
                            <div class="price" style="font-size: 28px; color: red;">$9<span style="font-size: 16px;">.99</span></div>
                            <div class="price-month" style="align-self: flex-end; color: red;">/mo</div>
                        </div>
                        <button type="button" class="btn btn-primary" style="height: 42px; background-color: pink; border: 2px solid red;">Subscribe</button>
                    </div>
                    <div style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 40px;">
                        <div>Logged in as:  Mr005kp</div>
                        <div><a style="cursor: pointer; color: red;">Logout</a></div>
                    </div>
                </div>
            `;
        } else {
            console.log('Modal element not found');
        }
    }

    // Function to modify the button
    function modifyButton() {
        const buttonElement = document.querySelector('.shine-btn.dark');

        if (buttonElement) {
            buttonElement.innerHTML = `
                <div>Pay us for <span>nothing!</span></div>
            `;
            buttonElement.style.background = 'linear-gradient(45deg, #FF69B4, #FFD700, #00FF00, #1E90FF)';
            buttonElement.style.color = '#FFFFFF';
            buttonElement.style.fontWeight = 'bold';
            buttonElement.style.animation = 'shine 1s infinite alternate';
            buttonElement.style.borderRadius = '10px';
            buttonElement.style.boxShadow = '0 0 10px #FFD700, 0 0 20px #FF69B4, 0 0 30px #1E90FF';

            // Add CSS for shine animation
            const style = document.createElement('style');
            style.innerHTML = `
                @keyframes shine {
                    0% { transform: scale(1); }
                    100% { transform: scale(1.1); }
                }
            `;
            document.head.appendChild(style);
        } else {
            console.log('Button element not found');
        }
    }

    // Run the functions immediately and then every 3 seconds
    modifyPromoElement();
    modifyModalElement();
    modifyButton();
    setInterval(modifyPromoElement, 3000);
    setInterval(modifyModalElement, 3000);
    setInterval(modifyButton, 3000);
})();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址