:root {
    --customThemeMenuColor: #fde3ef;
    --customThemeChatTintColor: var(--SmartThemeChatTintColor);
    --customThemeBackgroundColor: var(--SmartThemeBackgroundColor);
    --customThemeUnderlineColor: var(--SmartThemeUnderlineColor);
    --customBorderColor: #faedf8ee;
    --customThemeColor: #faacd1;
    --customThemeShadowColor: #fde3ef;
    --customFontColor: #F5F5F5;
    --active: var(--customThemeColor);
    --custom-avatar-width: calc(var(--avatar-base-width) * 0.8);
    --custom-avatar-height: calc(var(--avatar-base-height) * 0.8);
    --SmartThemeCheckboxTickColor: #F5F5F5;
    --SmartThemeCheckboxBgColorR: 253;
    --SmartThemeCheckboxBgColorG: 179;
    --SmartThemeCheckboxBgColorB: 253;
    --SmartThemeCheckboxBgColorA: 0.98;

    --backgroundColor: #f3dce7;
    --fullred: rgb(229, 57, 53);
    --crimson70a: rgb(229, 57, 53);
    --pink30a: #FFDAFF30;
    --pink70a: #FFDAFF70;
    /* 引用文本颜色--SmartThemeQuoteColor */
}

/* 顶部导航栏 */
#top-bar {
    display: none;
}

#top-settings-holder {
    background: var(--customThemeChatTintColor);
    border-radius: 15px 15px 5px 5px;
    position: relative;
    padding: 13px 0px;
    display: flex;
    align-items: center;
    gap: 1px;
    filter: 0.5;
    pointer-events: auto;
    animation: pixelFloat 2s steps(5) infinite;
    transform-origin: center center
}

#drawer-icon {
    text-shadow: 0px 0px calc(var(--shadowWidth)* 1px) var(--customThemeShadowColor);
}

/* 菜单按钮 */
.menu_button:hover {
    background: var(--customThemeColor);
    color: var(--customFontColor);
    filter: 0.5;
    pointer-events: auto;
    animation: pixelFloat 2s steps(5) infinite;
    transform-origin: center center
}

.menu_button {
    background: var(--customThemeChatTintColor);
    border-radius: 5px;
    position: relative;
    /* padding: 13px 0px; */
    display: flex;
    align-items: center;
    gap: 1px;
    filter: 0.5;
    pointer-events: auto;
    animation: pixelFloat 2s steps(5) infinite;
    transform-origin: center center
}

/* 预设部分 */
#left-nav-panel {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 15px;
    border: 0;
    background: var(--customThemeChatTintColor);
}

.standoutHeader {
    border-bottom: 2px solid var(--customThemeColor);
    background: var(--customThemeChatTintColor);
    border-radius: 10px 10px 0 0;
    position: relative;
    padding: 3px;
    display: flex;
    align-items: center;
    gap: 1px;
    filter: 0.5;
    pointer-events: auto;
    animation: pixelFloat 2s steps(5) infinite;
    transform-origin: center center
}

@media screen and (max-width: 960px) {
    #left-nav-panel {
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 5px 5px 15px 15px;
        border: 0;
        background: var(--customThemeBackgroundColor);
    }
}

/* API设置 */
/* 高级格式化设置 */
/* 世界书 */
#AdvancedFormatting,
#rm_api_block,
#WorldInfo {
    border-radius: 5px 5px 10px 10px;
    background-color: var(--customThemeBackgroundColor);
}

.select2-dropdown {
    background-color: var(--customThemeBackgroundColor);
    border-radius: 0 0 15px 15px;
}

.standoutHeader .inline-drawer-toggle .inline-drawer-header {
    width: auto;
    padding: 5px 5px;
    border-radius: 10px;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.041);
    transition: all 1.0s ease;
    -webkit-transition: 0.5s;
}

.inline-drawer-toggle :hover {
    background: rgba(250, 155, 213, 0.379);
}

/* 用户设置 */
#user-settings-block {
    border-radius: 5px 5px 15px 15px;
    background-color: var(--customThemeBackgroundColor);
}

#user-settings-block h4 {
    margin: 12px 0 10px 0;
    padding: 3px;
    padding-left: 10px !important;
    background-color: var(--SmartThemeBlurTintColor);
    background-image: none !important;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    border: 0;
    border-bottom: 2px solid var(--customThemeColor);
}

input[type='checkbox'] {
    border: 0px solid var(--customThemeShadowColor);
    border-radius: 5px;
    background-color: var(--customThemeMenuColor);
    color: var(--customFontColor);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

input[type='checkbox']:checked {
    border: 1px solid var(--customThemeShadowColor);
    background-color: var(--customThemeColor);
    color: var(--customThemeColor);
    border-radius: 5px;
}

input[type="checkbox"]:checked::before {
    color: var(--SmartThemeCheckboxTickColor);
    pointer-events: none;
}

/* 背景 */
#Backgrounds {
    border-radius: 5px 5px 15px 15px;
    background-color: var(--customThemeBackgroundColor);
}

/* 拓展 */
#rm_extensions_block {
    border-radius: 5px 5px 15px 15px;
    background-color: var(--customThemeBackgroundColor);
}

#extensions_settings .inline-drawer-toggle.inline-drawer-header,
#extensions_settings2 .inline-drawer-toggle.inline-drawer-header {
    background-image: none !important;
    background-color: var(--customThemeChatTintColor);
    border-radius: 10px;
    border: 0;
}

/* 角色 */
#right-nav-panel {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 15px;
    border: 0;
    background: var(--customThemeChatTintColor);
}

.drawer-content {
    border-radius: 5px 5px 15px 15px;
    background-color: var(--customThemeBackgroundColor);
}

.character_select.is_fav .avatar, .group_select.is_fav .avatar, .group_member.is_fav .avatar, .avatar.is_fav{
    outline:var(--customThemeColor) solid 2px;
}
.character_select.is_fav .ch_name, .group_select.is_fav .ch_name, .group_member.is_fav .ch_name{
    color: var(--customThemeColor);
}

@media screen and (max-width: 960px) {
    #right-nav-panel {
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 5px 5px 15px 15px;
        border: 0;
        background: var(--customThemeBackgroundColor);
    }
}

/* 作者注释 */
#floatingPrompt {
    border-radius: 5px 5px 15px 15px !important;
    background-color: var(--customThemeChatTintColor);
}

/* 聊天区域 */
#shell {
    margin-bottom: 10px;
    margin-top: 10px;
    gap: 20px;
    border-radius: 5px 5px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px 5px 15px 15px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);

}

#chat {
    margin: 5px 0 5px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 5px 5px 15px 15px;
    backdrop-filter: none !important;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 4%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 4%, rgba(0, 0, 0, 1) 96%, rgba(0, 0, 0, 0) 100%);
}
pre code.hljs{
    background: var(--pink30a);
}

#options-content {
    border-radius: 15px;
    border: 0;
    color: var(--customFontColor);

}

#options {
    border-radius: 15px;
    border: 0;
}

#chat .mes .mesAvatarWrapper {
    padding-right: 2%;
}

body.big-avatars #chat .mes .mes_block {
    border-radius: 10px;
}

#send_form {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 15px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

#send_form:hover {
    background-color: var(--pink70a);
    opacity: var(--SmartThemeBlurTintColor);
}

#qr--popoutTrigger {
    flex-grow: 1;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

#send_form:hover #qr--bar {
    min-height: 30px;
    max-height: 90px;
    transition: all 1s ease;
    overflow-y: auto;
}

#qr--bar {
    min-height: 0px;
    max-height: 0px;
}

#send_textarea {
    color: var(--customThemeChatTintColor);
    background-color: var(--customThemeBackgroundColor);
}