Warm ChatGPT by Lala-0x3f

/* ==UserStyle==
@name           chat.openai.com - 2024年3月
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("chatgpt.com") {
    @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');
    
    html {
        background-color: #f6f3ed;
        scrollbar-color: #e6decd #f6f3ed;
    }
    ::selection {
        color: black;
        background-color: #e6decd;
    }

    .popover {
        background-color: #f8f7f3;
    }

    .rounded-md {
        border-radius: 1em;
    }

    pre div {
        background-color: #0f1828 !important;
        ::selection {
            color: inherit;
            background-color: white
        }
    }
    body {
        /*         transition: all 200ms ease-out; */
        --main-surface-secondary: #e6decd;
        --sidebar-surface-primary: #f1ede3;
        --sidebar-surface-secondary: #e6decd;
        --sidebar-surface-tertiary: #f1ede3;
        --main-surface-primary: #f6f3ed;
        --link-hover: black;
        --link: black;
        overflow: hidden;
    }
    .hover\:bg-token-sidebar-surface-secondary:hover {
        background-color: #e6decd;
    }
    .bg-\[\#f4f4f4\] {
        background-color: var(--sidebar-surface-primary)
    }
    .bg-token-sidebar-surface-tertiary {
        font-weight: bold;
    }
    main {
        background-color: #f6f3ed;
    }
    .scrollbar-trigger {
        background-color: #f1ede3;
    }
    h1 {
        font-size: 3.2em !important;
        padding: 0.2em 0;
        font-family: "Fraunces","华文中宋", "Source Han Serif", serif;
        font-weight: normal;
    }
    h2 {
        font-size: 2em !important;
    }
    
    .prose {
        margin: 24px 0;
    }
    .markdown img{
        opacity: 90%;
    }

    .markdown a {
        display: inline-block;
        position: relative;
    }

    .markdown a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(1);
        height: 2px;
        bottom: 0;
        right: 0;
        background-color: black;
        transform-origin: bottom left;
        transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .markdown a:hover::after {
        transform: scaleX(0);
        transform-origin: bottom right;
    }
}