/* 最终版 Artitalk 深色模式完整适配 */
/* 基础背景色：rgb(18, 18, 18) */

/* 1. 主容器与全局样式 */
[data-theme="dark"] #artitalk_main {
    background-color: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 2. 说说卡片与时间线 */
[data-theme="dark"] #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel {
    background: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 3. 时间线小三角（左右方向适配） */
[data-theme="dark"] #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel::after {
    border-right-color: rgb(18, 18, 18) !important;
}
[data-theme="dark"] #artitalk_main .cbp_tmtimeline>li:nth-child(even) .cbp_tmlabel::after {
    border-left-color: rgb(18, 18, 18) !important;
}

/* 4. 时间线圆点 */
[data-theme="dark"] #artitalk_main .cbp_tmtimeline>li .cbp_tmicon {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgb(18, 18, 18) !important;
}

/* 5. 文字内容 */
[data-theme="dark"] .cbp_tmlabel h2,
[data-theme="dark"] .cbp_tmlabel p,
[data-theme="dark"] .atk_info,
[data-theme="dark"] .atk_time,
[data-theme="dark"] .atk_page,
[data-theme="dark"] #atk_login label {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* 6. 输入区域 */
[data-theme="dark"] #artitalk_send {
    background-color: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] #atk_textarea {
    background-color: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    caret-color: rgba(255, 255, 255, 0.7) !important;
}

/* 7. 核心功能按钮组 */
/* 表情按钮 */
[data-theme="dark"] #loadEmoji.at_button,
/* 预览按钮 */
[data-theme="dark"] #atPreview.at_button,
/* 发布按钮 */
[data-theme="dark"] #atSave.at_button,
/* 确定按钮 */
[data-theme="dark"] input#hideuser.at_button,
/* 退出登录按钮 */
[data-theme="dark"] input#tui.at_button {
    background-color: rgb(30, 30, 30) !important; /* 比背景略浅 */
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
}
/* 按钮 hover 效果 */
[data-theme="dark"] #loadEmoji.at_button:hover,
[data-theme="dark"] #atPreview.at_button:hover,
[data-theme="dark"] #atSave.at_button:hover,
[data-theme="dark"] input#hideuser.at_button:hover,
[data-theme="dark"] input#tui.at_button:hover {
    background-color: rgb(50, 50, 50) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* 8. 其他按钮 */
/* 加载更多按钮 */
[data-theme="dark"] .atk_more {
    background-color: rgb(30, 30, 30) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .atk_more:hover {
    background-color: rgb(50, 50, 50) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* 分页按钮 */
[data-theme="dark"] .atk_page li a,
[data-theme="dark"] .atk_page li span {
    background-color: rgb(18, 18, 18) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 编辑/删除按钮 */
[data-theme="dark"] .atk_del,
[data-theme="dark"] .atk_edit {
    color: rgba(255, 255, 255, 0.4) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .atk_del:hover,
[data-theme="dark"] .atk_edit:hover {
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: rgb(30, 30, 30) !important;
}

/* 阅读更多按钮 */
[data-theme="dark"] #readmore {
    background-color: rgb(30, 30, 30) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] #readmore:hover {
    background-color: rgb(50, 50, 50) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* 9. 登录弹窗 */
[data-theme="dark"] #atk_login {
    background-color: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] #atk_login input {
    background-color: rgb(18, 18, 18) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}


/* 亮色模式 */