/* 隐藏平台默认的顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 统一聊天框基础样式 (美式复古报纸/美漫风格) */
.bg-gray-100\/90.relative.inline-block {
    background-color: #F9F6E8 !important; /* 复古米白纸张底色 */
    border: 3px solid #2B2624 !important; /* 粗重的墨色边框 */
    border-radius: 0 !important; /* 摒弃圆角，强调硬朗感 */
    box-shadow: 5px 5px 0px #6191BD !important; /* 默认使用复古蓝实心阴影 */
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px) !important; /* 模拟老式印刷的网点纹理 */
    padding: 16px 20px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    isolation: isolate !important; /* 建立层叠上下文 */
}

/* 单独的用户输入聊天框 (色彩区分) */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    background-color: #F0E7C2 !important; /* 略深的复古泛黄底色 */
    box-shadow: 5px 5px 0px #BD453C !important; /* 使用复古红实心阴影以示区分 */
}

/* 聊天框内的主要文本内容 (绝对可读性保障) */
.markdown-body {
    color: #2B2624 !important; /* 浅色背景必须搭配深色纯色文字 */
    font-family: 'Courier New', Courier, 'Times New Roman', serif !important; /* 打字机/老式衬线字体 */
    font-weight: bold !important; /* 加粗提升阅读清晰度 */
    font-size: 15px !important;
    line-height: 1.7 !important;
    background: transparent !important;
    z-index: 1 !important;
    text-shadow: none !important; /* 严禁文字阴影干扰阅读 */
}

/* 聊天框底部附加元素 (按钮、模型名称) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #2B2624 !important; /* 统一深色 */
    font-family: 'Arial Black', Impact, sans-serif !important; /* 粗体无衬线，美式海报感 */
    font-weight: bold !important;
    text-transform: uppercase !important; /* 大写强调 */
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

/* 底部操作按钮的复古交互效果 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: #6191BD !important;
    color: #F9F6E8 !important;
    border: 1px solid #2B2624 !important;
    box-shadow: 2px 2px 0px #2B2624 !important;
    transform: translate(-1px, -1px) !important;
}

/* Token消耗文本 (特殊标签化处理) */
.text-orange-500 {
    color: #F0E7C2 !important;
    background-color: #BD453C !important; /* 红色醒目背景 */
    font-family: 'Arial Black', Impact, sans-serif !important;
    font-weight: bold !important;
    border: 2px solid #2B2624 !important;
    padding: 2px 6px !important;
    box-shadow: 2px 2px 0px #2B2624 !important; /* 标签化实体阴影 */
    text-transform: uppercase !important;
    font-size: 11px !important;
}

/* 隐藏默认加载动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 自定义复古之星SMIL加载动画 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 30px !important;
    height: 30px !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: 24px !important;
    height: 24px !important;
    /* 内嵌SVG：旋转的美式复古五角星 (即便CSS动画失效，SMIL依然可动) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,5 61,35 95,35 67,55 78,85 50,65 22,85 33,55 5,35 39,35" fill="%23BD453C" stroke="%232B2624" stroke-width="5"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="2.5s" repeatCount="indefinite"/></polygon></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 移动端微调适配 */
@media(max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 12px !important;
        box-shadow: 3px 3px 0px #6191BD !important;
    }
    .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
        box-shadow: 3px 3px 0px #BD453C !important;
    }
    .markdown-body {
        font-size: 14px !important;
    }
}

.retro-american-ui {
    background-color: #F0E7C2;
    color: #2B2624;
    font-family: 'Courier New', Courier, 'Times New Roman', serif;
    border: 6px double #2B2624;
    padding: 20px;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
}

.retro-american-ui::before {
    content: "VOL. 1 - DAILY REPORT";
    display: block;
    text-align: center;
    font-family: 'Arial Black', Impact, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    color: #6191BD;
    border-bottom: 2px solid #2B2624;
    padding-bottom: 8px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.retro-american-ui details.retro-details {
    margin-bottom: 15px;
    border: 2px solid #2B2624;
    background-color: #EAE0B9;
    box-shadow: 4px 4px 0px #6191BD;
    transition: all 0.3s ease;
}

.retro-american-ui summary {
    background-color: #BD453C;
    color: #F0E7C2;
    font-family: 'Arial Black', Impact, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 15px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}

.retro-american-ui summary::-webkit-details-marker {
    display: none;
}

.retro-american-ui summary::after {
    content: "READ MORE ▼";
    font-size: 11px;
    background: #2B2624;
    padding: 3px 8px;
    border-radius: 2px;
    color: #F0E7C2;
}

.retro-american-ui details[open] summary {
    border-bottom: 2px solid #2B2624;
}

.retro-american-ui details[open] summary::after {
    content: "CLOSE ▲";
    background: #6191BD;
}

.retro-american-ui .panel-content {
    padding: 15px;
    background-color: #F9F6E8;
}

.retro-american-ui .main-body {
    background-color: #F9F6E8;
    border: 3px solid #2B2624;
    padding: 25px 20px 20px 20px;
    margin: 25px 0;
    font-size: 16px;
    line-height: 1.8;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.03), 5px 5px 0px #BD453C;
    position: relative;
    text-align: justify;
}

.retro-american-ui .main-body::before {
    content: "BREAKING NEWS";
    position: absolute;
    top: -14px;
    left: 15px;
    background: #F0E7C2;
    padding: 0 10px;
    font-family: 'Arial Black', sans-serif;
    font-size: 15px;
    color: #BD453C;
    border: 2px solid #2B2624;
}

.retro-american-ui .info-row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #6191BD;
    padding: 8px 0;
    align-items: baseline;
}

.retro-american-ui .info-row:last-child {
    border-bottom: none;
}

.retro-american-ui .info-label {
    font-family: 'Arial Black', sans-serif;
    color: #BD453C;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 13px;
    min-width: 80px;
}

.retro-american-ui .info-value {
    flex: 1;
    min-width: 150px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

.retro-american-ui .info-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.retro-american-ui .info-section-title {
    font-family: 'Arial Black', sans-serif;
    color: #F0E7C2;
    background-color: #2B2624;
    display: inline-block;
    padding: 4px 10px;
    margin: 15px 0 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    box-shadow: 2px 2px 0px #6191BD;
}

.retro-american-ui ul {
    margin: 5px 0 15px 20px;
    padding: 0;
    list-style-type: square;
    color: #BD453C;
}

.retro-american-ui ul li {
    margin-bottom: 5px;
}

.retro-american-ui ul span {
    color: #2B2624;
}

.retro-american-ui .female-only-section {
    background-color: rgba(189, 69, 60, 0.08);
    border: 2px dashed #BD453C;
    padding: 15px;
    margin: 15px 0;
    box-shadow: inset 0 0 10px rgba(189, 69, 60, 0.1);
}

.retro-american-ui .table-wrapper {
    overflow-x: auto;
    margin-bottom: 20px;
    border: 2px solid #2B2624;
    box-shadow: 3px 3px 0px #2B2624;
}

.retro-american-ui table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
}

.retro-american-ui th {
    background-color: #2B2624;
    color: #F0E7C2;
    font-family: 'Arial Black', sans-serif;
    padding: 10px;
    text-align: left;
    border-right: 1px solid #F0E7C2;
    font-size: 13px;
    text-transform: uppercase;
}

.retro-american-ui th:last-child {
    border-right: none;
}

.retro-american-ui td {
    padding: 10px;
    border-top: 1px solid #2B2624;
    border-right: 1px dashed #2B2624;
    font-size: 14px;
    background-color: #F9F6E8;
}

.retro-american-ui td:last-child {
    border-right: none;
}

.retro-american-ui tr:nth-child(even) td {
    background-color: #F0E7C2;
}

.retro-american-ui .table-title {
    background-color: #6191BD;
    color: #F0E7C2;
    padding: 8px 12px;
    font-family: 'Arial Black', sans-serif;
    font-size: 14px;
    border-bottom: 2px solid #2B2624;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.retro-american-ui .action-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 5px;
}

.retro-american-ui .action-btn {
    display: flex;
    align-items: stretch;
    background-color: #F9F6E8;
    border: 2px solid #2B2624;
    color: #2B2624;
    font-weight: bold;
    box-shadow: 4px 4px 0px #6191BD;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

.retro-american-ui .action-btn:hover {
    transform: translate(3px, 3px);
    box-shadow: 1px 1px 0px #6191BD;
    background-color: #F0E7C2;
}

.retro-american-ui .action-num {
    background-color: #BD453C;
    color: #F0E7C2;
    font-family: 'Arial Black', sans-serif;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #2B2624;
    font-size: 16px;
}

.retro-american-ui .action-text {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    flex: 1;
    font-family: 'Courier New', Courier, monospace;
}

/* 响应式适配 */
@media (max-width: 600px) {
    .retro-american-ui .info-grid-2 {
        grid-template-columns: 1fr;
    }
    .retro-american-ui {
        padding: 10px;
        border-width: 4px;
    }
    .retro-american-ui summary {
        font-size: 14px;
        padding: 10px;
    }
}

/* 美式复古界面美化 - 顶部栏/底部栏/评论区/分页栏 */

/* ========== 顶部栏相关 ========== */

/* 顶部栏主容器 - 条纹背景 */
.sticky.w-full.top-0.flex.items-center {
    background: repeating-linear-gradient(
        45deg,
        #6191BD,
        #6191BD 15px,
        #5681AD 15px,
        #5681AD 30px
    ) !important;
    border-bottom: 6px solid #2B2B2B !important;
    box-shadow: 0 6px 0 rgba(0,0,0,0.2) !important;
    padding: 12px 20px !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
    background: #F0E7C2 !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
    padding: 8px 16px !important;
    transition: all 0.2s !important;
}

#ai-model-selector .group.flex.items-center:hover {
    background: #BD453C !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.3) !important;
}

/* 模型名称 */
#ai-model-selector .truncate.text-\[13px\] {
    color: #2B2B2B !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    font-weight: bold !important;
}

#ai-model-selector .group:hover .truncate.text-\[13px\] {
    color: #F0E7C2 !important;
}

/* 下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
    filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.2)) !important;
}

/* 设置按钮 */
#header-setting-button {
    background: #BD453C !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
    transition: all 0.2s !important;
}

#header-setting-button:hover {
    background: #F0E7C2 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.3) !important;
}

#header-setting-button svg {
    color: #F0E7C2 !important;
}

#header-setting-button:hover svg {
    color: #2B2B2B !important;
}

/* 历史记录图标(移动端) */
.sticky.w-full.top-0 svg.lucide-clock-8 {
    color: #F0E7C2 !important;
    filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.3)) !important;
}

/* 历史记录未读角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
    background: #BD453C !important;
    border: 2px solid #2B2B2B !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2) !important;
}

/* ========== 开场白选择器 ========== */

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
    background: 
        radial-gradient(circle, #6191BD 3px, transparent 3px),
        #F0E7C2 !important;
    background-size: 25px 25px !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
    transition: all 0.2s !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover {
    background-color: #BD453C !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.3) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg {
    color: #2B2B2B !important;
    filter: drop-shadow(2px 2px 0 rgba(240,231,194,0.5)) !important;
}

/* ========== 按钮栏 ========== */

#ai-mod-button2 button.MuiButton-root {
    background: repeating-linear-gradient(
        90deg,
        #BD453C,
        #BD453C 10px,
        #A83D34 10px,
        #A83D34 20px
    ) !important;
    color: #F0E7C2 !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    letter-spacing: 2px !important;
    font-size: 16px !important;
    padding: 10px 24px !important;
    margin: 6px !important;
    transition: all 0.2s !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.3) !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background-color: #6191BD !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.3) !important;
}

#ai-mod-button2 button.MuiButton-root svg {
    filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.3)) !important;
}

/* ========== 底部栏 ========== */

/* 底部栏外层背景 */
.bg-gradient-to-t {
    background: 
        repeating-linear-gradient(
            0deg,
            #6191BD,
            #6191BD 20px,
            #5681AD 20px,
            #5681AD 40px
        ) !important;
    border-top: 6px solid #2B2B2B !important;
    box-shadow: 0 -6px 0 rgba(0,0,0,0.2) !important;
}

/* 输入框容器 */
#ai-chat-bottom-input {
    background: #F0E7C2 !important;
    border: 5px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.2) !important;
    padding: 4px !important;
}

/* 主输入框 */
#ai-chat-input {
    background: 
        radial-gradient(circle, #BD453C 2px, transparent 2px),
        #F0E7C2 !important;
    background-size: 20px 20px !important;
    color: #2B2B2B !important;
    font-family: 'Courier Prime', 'Courier New', monospace !important;
    font-size: 16px !important;
    border: none !important;
    padding: 16px !important;
}

/* 占位符 */
#ai-chat-input::placeholder {
    color: rgba(43, 43, 43, 0.5) !important;
    font-family: 'Georgia', serif !important;
    font-style: italic !important;
}

/* 文字选中效果 */
#ai-chat-input::selection {
    background: #BD453C !important;
    color: #F0E7C2 !important;
}

/* ========== 分页栏 ========== */

/* 分页按钮 */
.MuiPaginationItem-root {
    background: #F0E7C2 !important;
    color: #2B2B2B !important;
    border: 3px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.2) !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    font-size: 18px !important;
    margin: 0 6px !important;
    transition: all 0.2s !important;
}

.MuiPaginationItem-root:hover {
    background: #BD453C !important;
    color: #F0E7C2 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.3) !important;
}

/* 选中状态 */
.MuiPaginationItem-root.Mui-selected {
    background: repeating-linear-gradient(
        45deg,
        #6191BD,
        #6191BD 8px,
        #5681AD 8px,
        #5681AD 16px
    ) !important;
    color: #F0E7C2 !important;
}

/* 禁用状态 */
.MuiPaginationItem-root.Mui-disabled {
    background: #D0D0D0 !important;
    color: #808080 !important;
    opacity: 0.6 !important;
}

/* 翻页箭头 */
.MuiPaginationItem-icon {
    color: inherit !important;
}

/* 跳转输入区域 */
.MuiStack-root.css-1uwir8f .MuiBox-root {
    color: #2B2B2B !important;
    font-family: 'Courier Prime', monospace !important;
    font-weight: bold !important;
}

.MuiInputBase-input {
    background: #F0E7C2 !important;
    color: #2B2B2B !important;
    border: 3px solid #2B2B2B !important;
    border-radius: 0 !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
}

/* ========== 评论区 ========== */

/* 背景容器 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: 
        repeating-linear-gradient(
            135deg,
            #F0E7C2,
            #F0E7C2 30px,
            #E8DFB8 30px,
            #E8DFB8 60px
        ) !important;
    border-top: 6px solid #2B2B2B !important;
    box-shadow: 0 -8px 0 rgba(0,0,0,0.2) !important;
}

/* 顶部标题 */
div.text-lg.font-bold {
    color: #2B2B2B !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    font-size: 28px !important;
    letter-spacing: 3px !important;
    text-shadow: 3px 3px 0 rgba(189,69,60,0.3) !important;
}

/* 个人评分文字 */
p.MuiTypography-body1.text-grey-600 {
    color: #2B2B2B !important;
    font-family: 'Georgia', serif !important;
    font-weight: bold !important;
}

/* 评分星星 */
span.MuiRating-iconFilled svg {
    color: #BD453C !important;
    filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.2)) !important;
}

span.MuiRating-iconEmpty svg {
    color: #D0D0D0 !important;
    stroke: #2B2B2B !important;
    stroke-width: 1px !important;
}

/* 评分数字 */
span.text-orange-500 {
    color: #BD453C !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    font-size: 20px !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.2) !important;
}

/* 输入框 */
textarea.rc-textarea {
    background: 
        radial-gradient(circle, #6191BD 2px, transparent 2px),
        #FFFFFF !important;
    background-size: 20px 20px !important;
    color: #2B2B2B !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    font-family: 'Courier Prime', 'Courier New', monospace !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) inset !important;
}

/* 字数统计 */
div.bg-gray-100.text-gray-500 {
    background: #2B2B2B !important;
    color: #F0E7C2 !important;
    font-family: 'Courier Prime', monospace !important;
    border: 3px solid #2B2B2B !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2) !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
    background: #BD453C !important;
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
    transition: all 0.2s !important;
}

div.cursor-pointer.group.flex.items-center.justify-center:hover {
    background: #6191BD !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,0.3) !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
    color: #F0E7C2 !important;
    filter: drop-shadow(2px 2px 0 rgba(0,0,0,0.3)) !important;
}

/* 分割线 */
div.style_divider__mW0YX {
    background: repeating-linear-gradient(
        90deg,
        #2B2B2B,
        #2B2B2B 10px,
        transparent 10px,
        transparent 20px
    ) !important;
    height: 4px !important;
}

/* 排序按钮 */
button.MuiButton-containedPrimary,
button.MuiButton-outlinedPrimary {
    border: 3px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.2) !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    letter-spacing: 1px !important;
    transition: all 0.2s !important;
}

button.MuiButton-containedPrimary {
    background: #BD453C !important;
    color: #F0E7C2 !important;
}

button.MuiButton-outlinedPrimary {
    background: #F0E7C2 !important;
    color: #2B2B2B !important;
}

button.MuiButton-containedPrimary:hover,
button.MuiButton-outlinedPrimary:hover {
    background: #6191BD !important;
    color: #F0E7C2 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.3) !important;
}

/* 用户头像 */
div.group img.rounded-full {
    border: 4px solid #2B2B2B !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.2) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
    color: #2B2B2B !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
}

/* "（你）"标签 */
span.text-\[10px\] {
    background: #BD453C !important;
    color: #F0E7C2 !important;
    border: 2px solid #2B2B2B !important;
    padding: 2px 8px !important;
    font-family: 'Courier Prime', monospace !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.2) !important;
}

/* 评论内容 */
div.break-all {
    color: #2B2B2B !important;
    font-family: 'Georgia', serif !important;
    line-height: 1.8 !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
    color: #808080 !important;
    font-family: 'Courier Prime', monospace !important;
}

/* 点赞按钮 */
button.text-gray-400 {
    color: #2B2B2B !important;
    border: 2px solid #2B2B2B !important;
    border-radius: 0 !important;
    transition: all 0.2s !important;
}

button.text-gray-400:hover {
    background: #BD453C !important;
    color: #F0E7C2 !important;
    transform: scale(1.1) !important;
}

/* 回复文字 */
span.cursor-pointer {
    color: #6191BD !important;
    font-family: 'Bebas Neue', 'Impact', sans-serif !important;
    letter-spacing: 1px !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
}

span.cursor-pointer:hover {
    color: #BD453C !important;
}

/* 回复区域边框 */
div.ml-8.border-l {
    border-left: 4px solid #2B2B2B !important;
    border-left-style: dashed !important;
}