/* 
 * ---------------------------------
 *   模块一：对话气泡美化 (AI侧)
 *   浅金色与#F8CBDF渐变配色
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    background: linear-gradient(180deg, #fef9e7 0%, #F8CBDF 100%) !important;
    border: 2px solid #f5d4a0 !important;
    border-radius: 10px !important;
    box-shadow: 4px 4px 0px rgba(248, 203, 223, 0.45) !important;
    color: #8b6f47 !important;
    padding: 14px !important;
}
/* 
 * ---------------------------------
 *   模块二：平台按钮美化
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    background: linear-gradient(180deg, #fef9e7 0%, #fce4ec 100%) !important;
    color: #9d7b5a !important;
    border: 2px solid #f5d4a0 !important;
    border-radius: 6px !important;
    box-shadow: 3px 3px 0px #f8b8d0 !important;
    font-weight: bold !important;
    text-transform: none !important;
    transition: all 0.1s ease-in-out !important;
    padding: 6px 16px !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: linear-gradient(180deg, #fce4ec 0%, #F8CBDF 100%) !important;
    color: #7a5d42 !important;
    transform: translate(3px, 3px) !important;
    box-shadow: 0px 0px 0px #f8b8d0 !important;
}
/* 
 * ---------------------------------
 *   模块三：多余元素隐藏
 * ---------------------------------
 */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* display: none !important; */
}
/* 
 * ---------------------------------
 *   模块四：输入栏美化
 * ---------------------------------
 */
#ai-chat-input {
    background-color: #fffbf5 !important;
    border: 2px solid #f5d4a0 !important;
    border-radius: 8px !important;
    color: #8b6f47 !important;
    box-shadow: inset 2px 2px 0px rgba(248, 203, 223, 0.15) !important;
}
#ai-chat-bottom-input {
    background: transparent !important;
    backdrop-filter: none !important;
}
/* 
 * ---------------------------------
 *   模块五：折叠栏 <details>/<summary> 美化
 * ---------------------------------
 */
.group .bg-gray-100\/90 details > div,
.group .bg-gray-100\/90 details > p,
.group .bg-gray-100\/90 details > ul,
.group .bg-gray-100\/90 details > ol,
.group .bg-gray-100\/90 details > section {
    margin: 10px;
    padding: 12px 14px;
    border: 1.5px solid rgba(248, 203, 223, 0.5);
    border-radius: 6px;
    background: rgba(255, 251, 245, 0.6);
    color: #8b6f47;
    line-height: 1.65;
    font-size: 14.5px;
}
/* 
 * ---------------------------------
 *   模块六：滚动条美化（作用域内）
 * ---------------------------------
 */
.group .bg-gray-100\/90 ::-webkit-scrollbar {
    width: 6px;
}
.group .bg-gray-100\/90 ::-webkit-scrollbar-track {
    background: #fef9e7;
    border-radius: 3px;
}
.group .bg-gray-100\/90 ::-webkit-scrollbar-thumb {
    background: #f8a5c2;
    border-radius: 3px;
}
.group .bg-gray-100\/90 ::-webkit-scrollbar-thumb:hover {
    background: #F8CBDF;
}
/* 
 * ---------------------------------
 *   模块七：侧边栏 (书签风格) - 浅金色与粉色配色
 * ---------------------------------
 */
details {
    position: fixed;
    right: 0;
    z-index: 1000;
    width: auto;
    transition: all 0.3s ease;
}
/* 增加间距，避免重叠 - 每个间隔240px确保8字高度不遮挡 */
details:nth-of-type(1) { top: 80px; }
details:nth-of-type(2) { top: 320px; }
details:nth-of-type(3) { top: 560px; }
details:nth-of-type(4) { top: 800px; }
details:nth-of-type(5) { top: 1040px; }
details > summary {
    padding: 20px 10px;
    min-height: 200px;
    color: #9d7b5a !important;
    cursor: pointer;
    list-style: none;
    outline: none;
    background: linear-gradient(180deg, #fef9e7 0%, #fce4ec 100%) !important;
    border: 2px solid #f5d4a0 !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    box-shadow: -2px 2px 5px rgba(248, 203, 223, 0.3) !important;
    font-family: "MPLUS Rounded 1c", sans-serif;
    transition: all 0.2s ease !important;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
details > summary::before {
    display: none;
}
details > summary::-webkit-details-marker {
    display: none;
}
details > summary:hover {
    background: linear-gradient(180deg, #fce4ec 0%, #F8CBDF 100%) !important;
    transform: translateX(-5px);
}
details[open] {
    z-index: 1001;
    top: 80px !important;
    width: 350px;
    max-height: 80vh;
    background: linear-gradient(180deg, #fffbf5 0%, #fef5f8 100%) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M0 19h20v1H0z' fill='%23f8a5c2' fill-opacity='0.2'/%3E%3C/svg%3E");
    border: 2px solid #f5d4a0;
    border-right: none;
    border-radius: 15px 0 0 15px;
    box-shadow: -5px 5px 20px rgba(248, 203, 223, 0.3);
    overflow-y: auto !important;
}
details[open] > summary {
    background: linear-gradient(180deg, #fef9e7 0%, #fce4ec 100%) !important;
    border-bottom: 2px dashed #f5d4a0 !important;
    border-radius: 0 !important;
    padding: 10px 20px;
    font-size: 1.2em;
    writing-mode: horizontal-tb;
    position: sticky !important;
    top: 0 !important;
    z-index: 1;
    color: #9d7b5a !important;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
details[open] > summary::before {
    display: none;
}
details[open] > summary::after {
    content: '×';
    position: absolute;
    right: 20px;
    font-size: 1.2em;
    font-weight: bold;
    color: #f8a5c2;
}
.panel-content {
    padding: 20px;
    font-family: "Noto Serif JP", serif;
    color: #8b6f47;
}
.panel-content h3 {
    font-family: "MPLUS Rounded 1c", sans-serif !important;
    color: #f8a5c2 !important;
    border-bottom: 2px dotted #f5d4a0;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 1.3em;
}
/* 侧边栏滚动条美化 */
details[open]::-webkit-scrollbar {
    width: 6px;
}
details[open]::-webkit-scrollbar-track {
    background: #fef9e7;
    border-radius: 3px;
}
details[open]::-webkit-scrollbar-thumb {
    background: #f8a5c2;
    border-radius: 3px;
}
details[open]::-webkit-scrollbar-thumb:hover {
    background: #F8CBDF;
}
/* 
 * ---------------------------------
 *   模块八：AI信息区（模型名/积分）美化
 * ---------------------------------
 */
/* 隐藏原始模型名和积分提示 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j > .MuiTypography-body2 {
    display: none !important;
}
/* 创建"查看消耗"文字显示 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {
    content: '查看消耗';
    display: inline-block;
    color: #9d7b5a !important;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 10px;
    background: linear-gradient(180deg, #fef9e7 0%, #fce4ec 100%);
    border: 1.5px solid #f5d4a0;
    border-radius: 6px;
    box-shadow: 2px 2px 0px rgba(248, 203, 223, 0.3);
    transition: all 0.2s ease;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover::before {
    background: linear-gradient(180deg, #fce4ec 0%, #F8CBDF 100%);
    transform: translate(2px, 2px);
    box-shadow: 0px 0px 0px rgba(248, 203, 223, 0.3);
}
/* 悬停时显示详细信息 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover > .MuiTypography-body2 {
    display: inline-block !important;
    margin-left: 8px;
    color: #8b6f47 !important;
    font-size: 12px;
    padding: 3px 8px;
    background: rgba(255, 251, 245, 0.9);
    border: 1px solid #f5d4a0;
    border-radius: 4px;
}
/* 模型名样式 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover > .MuiTypography-body2.css-6c0gf2 {
    color: #9d7b5a !important;
    font-weight: 600;
}
/* 积分提示样式（橙色改为配色方案） */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover > .MuiTypography-body2.text-orange-500 {
    color: #f8a5c2 !important;
}
/* 
 * ---------------------------------
 *   模块九：顶部区域美化
 * ---------------------------------
 */
/* 1. 顶部整体背景 - 金色改为配色方案 */
.flex.items-center.justify-between.w-full.relative {
    background: linear-gradient(180deg, #fef9e7 0%, #fce4ec 100%) !important;
    padding: 4px 8px;
    border-bottom: 2px solid #f5d4a0;
}
/* 2. 模型切换按钮 - 背景黑色改为配色方案 + 字体紫色改为棕色 */
#ai-model-selector .group.flex.items-center.px-2.h-8.rounded-md.justify-between.bg-grey-100.cursor-pointer.outline.outline-grey-300 {
    background: linear-gradient(180deg, #fffbf5 0%, #fef5f8 100%) !important;
    outline-color: #f5d4a0 !important;
    border: 1.5px solid #f5d4a0 !important;
    box-shadow: 2px 2px 0px rgba(248, 203, 223, 0.25);
}
#ai-model-selector .truncate.text-\[13px\].font-medium.text-\[\#292A2B\].group-hover\:text-\[\#1E88E5\] {
    color: #9d7b5a !important;
}
#ai-model-selector .group-hover .truncate.text-\[13px\].font-medium {
    color: #7a5d42 !important;
}
#ai-model-selector .w-3\.5.h-3\.5.text-\[\#292A2B\].group-hover\:text-\[\#1E88E5\] {
    color: #9d7b5a !important;
}
#ai-model-selector .group-hover .w-3\.5.h-3\.5 {
    color: #7a5d42 !important;
}
/* 3. 设置齿轮按钮 - 背景黑色改为配色方案 + 图标红色改为粉色 */
#header-setting-button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeSmall.css-xz9haa {
    background: linear-gradient(180deg, #fffbf5 0%, #fef5f8 100%) !important;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    border: 1.5px solid #f5d4a0;
    box-shadow: 2px 2px 0px rgba(248, 203, 223, 0.25);
}
#header-setting-button .inline-block.flex-shrink-0.w-\[1em\].h-\[1em\].align-middle.fill-current.text-xl.text-grey-600 {
    color: #f8a5c2 !important;
    fill: #f8a5c2 !important;
}
/* 
 * ---------------------------------
 *   模块十：底部区域美化
 * ---------------------------------
 */
/* 底部区域整体背景（含渐变层） - 粉色改为配色方案 */
.bg-gradient-to-t.from-white.via-white.to-transparent.absolute.w-full.bottom-0.left-0.right-0.pb-4 {
    background-image: linear-gradient(to top, #fef5f8, #fef5f8, transparent) !important;
}
/* 底部内容容器（包裹翻页栏、预制按钮、输入框） */
.mx-auto.w-full.max-w-[720px].px-4 {
    background-color: #fef5f8 !important;
}
/* 底部用户输入框容器背景（与整体配色协调） */
.p-\[5\.5px\].max-h-\[150px\].bg-white.border-\[1\.5px\].border-gray-200.rounded-xl.overflow-y-auto.false.mb-2.border-grey-300 {
    background-color: #fffbf5 !important;
    border-color: #f5d4a0 !important;
    box-shadow: inset 2px 2px 0px rgba(248, 203, 223, 0.15);
}
/* 
 * ---------------------------------
 *   响应式适配：多种屏幕分辨率
 * ---------------------------------
 */
/* 超大屏幕 (1920px+) */
@media (min-width: 1920px) {
    details:nth-of-type(1) { top: 100px; }
    details:nth-of-type(2) { top: 360px; }
    details:nth-of-type(3) { top: 620px; }
    details:nth-of-type(4) { top: 880px; }
    details:nth-of-type(5) { top: 1140px; }
    details[open] {
        width: 420px;
        max-height: 85vh;
    }
    .panel-content {
        padding: 24px;
        font-size: 16px;
    }
    .panel-content h3 {
        font-size: 1.4em;
    }
}
/* 大屏幕 (1440px - 1919px) */
@media (min-width: 1440px) and (max-width: 1919px) {
    details:nth-of-type(1) { top: 90px; }
    details:nth-of-type(2) { top: 340px; }
    details:nth-of-type(3) { top: 590px; }
    details:nth-of-type(4) { top: 840px; }
    details:nth-of-type(5) { top: 1090px; }
    details[open] {
        width: 380px;
    }
}
/* 标准桌面 (1024px - 1439px) */
@media (min-width: 1024px) and (max-width: 1439px) {
    details:nth-of-type(1) { top: 80px; }
    details:nth-of-type(2) { top: 320px; }
    details:nth-of-type(3) { top: 560px; }
    details:nth-of-type(4) { top: 800px; }
    details:nth-of-type(5) { top: 1040px; }
    details[open] {
        width: 340px;
        max-height: 78vh;
    }
    .panel-content {
        padding: 18px;
    }
}
/* 平板横屏 (769px - 1023px) */
@media (min-width: 769px) and (max-width: 1023px) {
    details:nth-of-type(1) { top: 70px; }
    details:nth-of-type(2) { top: 300px; }
    details:nth-of-type(3) { top: 530px; }
    details:nth-of-type(4) { top: 760px; }
    details:nth-of-type(5) { top: 990px; }
    details > summary {
        padding: 18px 8px;
        min-height: 180px;
        font-size: 14px;
    }
    details[open] {
        width: 320px;
        max-height: 75vh;
    }
    .panel-content {
        padding: 16px;
        font-size: 14px;
    }
    .panel-content h3 {
        font-size: 1.2em;
    }
}
/* 
 * ---------------------------------
 *   小屏幕适配 (<768px) - 三种型号
 * ---------------------------------
 */
/* 型号1：大平板竖屏 (641px - 768px) - 50vw宽度 */
@media (min-width: 641px) and (max-width: 768px) {
    details:nth-of-type(1) { top: 65px; }
    details:nth-of-type(2) { top: 290px; }
    details:nth-of-type(3) { top: 515px; }
    details:nth-of-type(4) { top: 740px; }
    details:nth-of-type(5) { top: 965px; }
    details:not([open]) > summary {
        transform: translateX(calc(100% - 42px));
        padding: 18px 10px;
        min-height: 185px;
        font-size: 14px;
        border-radius: 12px 0 0 12px !important;
        box-shadow: -3px 3px 8px rgba(248, 203, 223, 0.4) !important;
    }
    details:not([open]) > summary:hover {
        transform: translateX(calc(100% - 47px));
        box-shadow: -4px 4px 10px rgba(248, 203, 223, 0.5) !important;
    }
    details[open] {
        width: 50vw !important;
        max-width: 50vw !important;
        max-height: 72vh;
        top: 55px !important;
        border-radius: 15px 0 0 15px;
        box-shadow: -6px 6px 25px rgba(248, 203, 223, 0.4);
    }
    details[open] > summary {
        padding: 12px 18px;
        font-size: 1.08em;
        border-bottom: 2px solid #f5d4a0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    details[open] > summary::after {
        right: 14px;
        font-size: 1.35em;
    }
    .panel-content {
        padding: 14px;
        font-size: 13.5px;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-content h3 {
        font-size: 1.15em;
        margin-bottom: 8px;
    }
    .group .bg-gray-100\/90 details > div,
    .group .bg-gray-100\/90 details > p,
    .group .bg-gray-100\/90 details > ul,
    .group .bg-gray-100\/90 details > ol,
    .group .bg-gray-100\/90 details > section {
        margin: 7px;
        padding: 9px 11px;
        font-size: 13px;
        line-height: 1.6;
    }
}
/* 型号2：标准手机横屏/小平板 (481px - 640px) - 50vw宽度 */
@media (min-width: 481px) and (max-width: 640px) {
    details:nth-of-type(1) { top: 58px; }
    details:nth-of-type(2) { top: 275px; }
    details:nth-of-type(3) { top: 492px; }
    details:nth-of-type(4) { top: 709px; }
    details:nth-of-type(5) { top: 926px; }
    details:not([open]) > summary {
        transform: translateX(calc(100% - 38px));
        padding: 17px 9px;
        min-height: 175px;
        font-size: 13.5px;
        border-radius: 11px 0 0 11px !important;
        box-shadow: -3px 3px 7px rgba(248, 203, 223, 0.38) !important;
    }
    details:not([open]) > summary:hover {
        transform: translateX(calc(100% - 43px));
        box-shadow: -4px 4px 9px rgba(248, 203, 223, 0.48) !important;
    }
    details[open] {
        width: 50vw !important;
        max-width: 50vw !important;
        max-height: 68vh;
        top: 48px !important;
        border-radius: 14px 0 0 14px;
        box-shadow: -5px 5px 22px rgba(248, 203, 223, 0.38);
    }
    details[open] > summary {
        padding: 11px 16px;
        font-size: 1.02em;
        border-bottom: 2px solid #f5d4a0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    details[open] > summary::after {
        right: 13px;
        font-size: 1.28em;
    }
    .panel-content {
        padding: 12px;
        font-size: 13px;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-content h3 {
        font-size: 1.1em;
        margin-bottom: 7px;
    }
    .group .bg-gray-100\/90 details > div,
    .group .bg-gray-100\/90 details > p,
    .group .bg-gray-100\/90 details > ul,
    .group .bg-gray-100\/90 details > ol,
    .group .bg-gray-100\/90 details > section {
        margin: 6px;
        padding: 8px 10px;
        font-size: 12.5px;
        line-height: 1.58;
    }
    .flex.items-center.gap-2.pb-2 > button {
        padding: 5px 13px !important;
        font-size: 13px;
    }
}
/* 型号3：标准手机竖屏 (376px - 480px) - 50vw宽度 */
@media (min-width: 376px) and (max-width: 480px) {
    details:nth-of-type(1) { top: 52px; }
    details:nth-of-type(2) { top: 262px; }
    details:nth-of-type(3) { top: 472px; }
    details:nth-of-type(4) { top: 682px; }
    details:nth-of-type(5) { top: 892px; }
    details:not([open]) > summary {
        transform: translateX(calc(100% - 36px));
        padding: 16px 8px;
        min-height: 165px;
        font-size: 13px;
        border-radius: 10px 0 0 10px !important;
        box-shadow: -2px 2px 6px rgba(248, 203, 223, 0.36) !important;
    }
    details:not([open]) > summary:hover {
        transform: translateX(calc(100% - 41px));
        box-shadow: -3px 3px 8px rgba(248, 203, 223, 0.46) !important;
    }
    details[open] {
        width: 50vw !important;
        max-width: 50vw !important;
        max-height: 65vh;
        top: 42px !important;
        border-radius: 13px 0 0 13px;
        box-shadow: -5px 5px 20px rgba(248, 203, 223, 0.36);
    }
    details[open] > summary {
        padding: 10px 14px;
        font-size: 0.98em;
        border-bottom: 2px solid #f5d4a0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    details[open] > summary::after {
        right: 11px;
        font-size: 1.22em;
    }
    .panel-content {
        padding: 11px;
        font-size: 12.5px;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-content h3 {
        font-size: 1.05em;
        margin-bottom: 6px;
    }
    .group .bg-gray-100\/90 details > div,
    .group .bg-gray-100\/90 details > p,
    .group .bg-gray-100\/90 details > ul,
    .group .bg-gray-100\/90 details > ol,
    .group .bg-gray-100\/90 details > section {
        margin: 5px;
        padding: 7px 9px;
        font-size: 12px;
        line-height: 1.56;
    }
    .flex.items-center.gap-2.pb-2 > button {
        padding: 5px 12px !important;
        font-size: 12.5px;
    }
}
/* 型号4：小屏手机 (320px - 375px) - 50vw宽度 */
@media (min-width: 320px) and (max-width: 375px) {
    details:nth-of-type(1) { top: 48px; }
    details:nth-of-type(2) { top: 252px; }
    details:nth-of-type(3) { top: 456px; }
    details:nth-of-type(4) { top: 660px; }
    details:nth-of-type(5) { top: 864px; }
    details:not([open]) > summary {
        transform: translateX(calc(100% - 34px));
        padding: 15px 7px;
        min-height: 155px;
        font-size: 12.5px;
        border-radius: 9px 0 0 9px !important;
        box-shadow: -2px 2px 5px rgba(248, 203, 223, 0.34) !important;
    }
    details:not([open]) > summary:hover {
        transform: translateX(calc(100% - 39px));
        box-shadow: -3px 3px 7px rgba(248, 203, 223, 0.44) !important;
    }
    details[open] {
        width: 50vw !important;
        max-width: 50vw !important;
        max-height: 62vh;
        top: 38px !important;
        border-radius: 12px 0 0 12px;
        box-shadow: -4px 4px 18px rgba(248, 203, 223, 0.34);
    }
    details[open] > summary {
        padding: 9px 12px;
        font-size: 0.93em;
        border-bottom: 2px solid #f5d4a0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    details[open] > summary::after {
        right: 10px;
        font-size: 1.18em;
    }
    .panel-content {
        padding: 10px;
        font-size: 12px;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-content h3 {
        font-size: 1em;
        margin-bottom: 5px;
    }
    .group .bg-gray-100\/90 details > div,
    .group .bg-gray-100\/90 details > p,
    .group .bg-gray-100\/90 details > ul,
    .group .bg-gray-100\/90 details > ol,
    .group .bg-gray-100\/90 details > section {
        margin: 5px;
        padding: 6px 8px;
        font-size: 11.5px;
        line-height: 1.54;
    }
    .flex.items-center.gap-2.pb-2 > button {
        padding: 4px 11px !important;
        font-size: 12px;
    }
}
/* 型号5：超小屏 (< 320px) - 50vw宽度 */
@media (max-width: 319px) {
    details:nth-of-type(1) { top: 42px; }
    details:nth-of-type(2) { top: 238px; }
    details:nth-of-type(3) { top: 434px; }
    details:nth-of-type(4) { top: 630px; }
    details:nth-of-type(5) { top: 826px; }
    details:not([open]) > summary {
        transform: translateX(calc(100% - 30px));
        padding: 14px 6px;
        min-height: 140px;
        font-size: 12px;
        border-radius: 8px 0 0 8px !important;
        box-shadow: -2px 2px 4px rgba(248, 203, 223, 0.32) !important;
    }
    details:not([open]) > summary:hover {
        transform: translateX(calc(100% - 35px));
        box-shadow: -3px 3px 6px rgba(248, 203, 223, 0.42) !important;
    }
    details[open] {
        width: 50vw !important;
        max-width: 50vw !important;
        max-height: 58vh;
        top: 32px !important;
        border-radius: 10px 0 0 10px;
        box-shadow: -4px 4px 16px rgba(248, 203, 223, 0.32);
    }
    details[open] > summary {
        padding: 8px 10px;
        font-size: 0.88em;
        border-bottom: 1.5px solid #f5d4a0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    details[open] > summary::after {
        right: 8px;
        font-size: 1.12em;
    }
    .panel-content {
        padding: 8px;
        font-size: 11px;
        width: 100%;
        box-sizing: border-box;
    }
    .panel-content h3 {
        font-size: 0.95em;
        margin-bottom: 4px;
    }
    .group .bg-gray-100\/90 details > div,
    .group .bg-gray-100\/90 details > p,
    .group .bg-gray-100\/90 details > ul,
    .group .bg-gray-100\/90 details > ol,
    .group .bg-gray-100\/90 details > section {
        margin: 4px;
        padding: 5px 7px;
        font-size: 11px;
        line-height: 1.52;
    }
    .flex.items-center.gap-2.pb-2 > button {
        padding: 4px 10px !important;
        font-size: 11.5px;
    }
}