/* Plain 主题改进的暗色模式配色 - 参考 notes 主题 */

/* 主要背景和文字颜色 */
.normal.dark {
    background-color: #27343c;
    color: rgba(155, 186, 206, 0.8);
}

.dark.normal .content {
    background-color: #1e2b33;
}

.normal.dark.match .match_bg,
.dark .post_comments,
.dark .public,
.dark .album_list,
.normal.dark #headers {
    background-color: #1e2b33;
}

/* 分类背景暗化 */
.dark .communal,
.dark .stor {
    background-color: #22313b !important;
}

.dark .communal_card .stor {
    background-color: #1e2b33 !important;
}

.dark .communal_box {
    background-color: #1e2b33;
}

/* 分类背景图片添加暗色遮罩 */
.dark .communal_box_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    z-index: 1;
}

/* 分类标题和描述文字颜色 */
.dark .stor_name,
.dark .communal_box_tetle {
    color: rgba(155, 186, 206, 0.9);
}

.dark .stor_qm,
.dark .communal_box_qm {
    color: rgba(155, 186, 206, 0.7);
}

/* 头部和导航 */
.dark #header .header_bg_filter::before {
    background: -webkit-linear-gradient(bottom, #1e2b33, rgba(255, 255, 255, 0) 100%);
}

.dark #header .navbar,
.dark .post_text_box {
    border-bottom: 1px solid #384e5c;
}

/* 链接颜色 */
.dark a:active,
.dark a:hover,
.dark .post-content a,
.dark .post_text_box a:hover,
.dark .post_pic_info a:hover,
.dark .meun_li a:hover,
.dark .search_btn:hover i,
.dark .index_list_name a:hover,
.dark .index_list_info a:hover {
    color: #3887b9;
}

/* 边框颜色统一 */
.dark .index_album_img,
.dark .index_list_pic,
.normal.dark #headers .navbar,
.dark #header .header_box,
.dark .index_list,
.dark .OwO .OwO-body .OwO-bar,
.dark .OwO .OwO-body,
.dark .song .article-tabs,
.dark .song .article-collapse,
.dark .song a,
.dark .song ol li,
.dark .song ul li,
.dark .song ol,
.dark .song ul,
.dark .song th,
.dark .song td,
.dark .post_comments .line,
.dark .file_list_ul,
.dark .file_list_li {
    border-color: #384e5c;
}

/* 输入框和文本区域 */
.dark .comment_xin_name input,
.dark .comment_xin_box input,
.dark .comment-editor_box textarea,
.dark .comment_excerpt {
    border: 1px solid #384e5c;
    background-color: #1a252b;
    color: rgba(155, 186, 206, 0.8);
}

.dark input::-webkit-input-placeholder,
.dark textarea::-webkit-input-placeholder {
    color: rgba(155, 186, 206, 0.5);
}

.dark input::-moz-placeholder,
.dark textarea::-moz-placeholder {
    color: rgba(155, 186, 206, 0.5);
}

.dark input:-ms-input-placeholder,
.dark textarea:-ms-input-placeholder {
    color: rgba(155, 186, 206, 0.5);
}

/* 代码块 */
.dark .song code {
    background-color: #1a252b;
}

.dark .song pre::after {
    background: #1e2b33;
    color: rgba(155, 186, 206, 0.5);
}

.dark .song pre,
.dark pre[class*=language-].line-numbers>code,
.dark .line-numbers .line-numbers-rows {
    background-color: #1a252b;
}

/* 引用块 */
.dark .song blockquote {
    background-color: rgba(0, 0, 0, 0.15);
    border-left: 3px solid #384e5c;
}

/* 表格 */
.dark .song tr:nth-child(even) {
    background-color: #1e2b33;
}

.dark td {
    border: 1px solid #384e5c;
}

/* 按钮和工具 */
.dark.normal .post_praise_btn {
    background-color: #384e5c;
    color: #9bbace;
    border: 1px solid #384e5c;
}

.dark .share_btn,
.dark .lastup_btn,
.dark .post_lastup_btn,
.dark .post_tags a,
.dark #headers .level_li:hover {
    background-color: #384e5c;
    color: #9bbace;
}

.dark .tools .tools_night,
.dark .tools .tools_top,
.dark .tools .tools_edit {
    background-color: #1e2b33;
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
}

.dark .tools div:hover i {
    color: #3887b9;
}

/* 分页 */
.dark .paging .page-navigator {
    background-color: #1e2b33;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.dark .page-navigator li.current,
.dark .page-navigator li:hover {
    background-color: #384e5c;
    color: #9bbace;
}

/* 标签和选项卡 */
.dark .douban_tab_list,
.dark .link_tab_list,
.dark.normal #headers .level_ul {
    background-color: #1a252b;
    color: #9bbace;
}

.dark #link_info:checked ~ .link_tab label[for="link_info"] span,
.dark #link_friend:checked ~ .link_tab label[for="link_friend"] span,
.dark #douban_book:checked ~ .douban_tab label[for="douban_book"] span,
.dark #douban_movie:checked ~ .douban_tab label[for="douban_movie"] span {
    background: #384e5c;
}

/* 链接列表 */
.dark .link_body_list {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: #1e2b33;
}

/* 下拉菜单 */
.dark #header .level_ul {
    background-color: #1e2b33;
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
}

.dark #header .level_li:hover {
    background-color: #384e5c;
}

/* 搜索输入 */
.dark #header .search_input,
.dark #headers .search_input {
    background-color: #1a252b;
    color: #9bbace;
    border: 1px solid #384e5c;
}

.dark #header .search_input::placeholder,
.dark #headers .search_input::placeholder {
    color: #6b8a9d;
}

.dark #header .search_input:focus,
.dark #headers .search_input:focus {
    background-color: #1e2b33;
    border-color: #4a6a7c;
}

.dark .search_frame {
    background-color: #1a252b;
}

/* 评论区域 */
.dark .cross_right {
    background-color: #1e2b33;
}

.dark .cross-author,
.dark .cross_right_header {
    border-bottom-color: #384e5c;
}

.dark .cross-author {
    color: rgba(155, 186, 206, 0.95);
}

.dark .comment-author {
    border-top: 1px solid #384e5c;
    color: #9bbace;
}

.dark .comment-by-author .comment-author .fn:after {
    content: "Author";
    background: #384e5c;
    color: #9bbace;
    font-size: 0.75em;
    border-radius: 3px;
    padding: 1px 5px;
}

/* 音乐播放器 */
.dark .aplayer.aplayer-withlist .aplayer-info {
    border-color: #384e5c;
}

.dark .aplayer .aplayer-lrc:before {
    background: linear-gradient(180deg, #1e2b33 0, hsla(0, 0%, 100%, 0));
}

.dark .aplayer {
    background: #1e2b33;
}

.dark .aplayer .aplayer-lrc:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #1e2b33);
}

/* 图片标题 */
.dark .image_title {
    background-color: rgba(30, 43, 51, 0.9);
    color: #9bbace;
}

/* 图片说明 */
.dark .song figcaption {
    color: rgba(155, 186, 206, 0.6);
}

/* 提示框 */
.dark .song .tip {
    opacity: 0.9;
    border-color: #384e5c;
}

/* 折叠面板 */
.dark .song .collapse-head,
.dark .song .article-tabs .nav {
    background-color: #1a252b;
}

.dark .song .article-tabs .nav span.active {
    background-color: #1e2b33;
}

/* 嵌入内容 */
.dark .mixtapeEmbed {
    background: #1e2b33;
}

.dark .mixtapeEmbed-title {
    color: #9bbace;
}

.dark .mixtapeEmbed-text {
    color: rgba(155, 186, 206, 0.6);
}

/* OwO 表情 */
.dark .OwO .OwO-body,
.dark .OwO .OwO-body .OwO-bar {
    background: #1e2b33;
    border-color: #384e5c;
}

.dark .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
    background: #384e5c;
}

.dark .OwO .OwO-body .OwO-items .OwO-item {
    background: #1a252b;
    color: #9bbace;
}

.dark .OwO .OwO-body .OwO-items .OwO-item:hover {
    background: #384e5c;
}

/* 弹窗 */
.dark .filter_tip {
    background-color: #1e2b33;
}

/* 分享按钮 */
.dark .share_foot a {
    background-color: #384e5c;
    border-color: #384e5c;
    color: #9bbace;
}

.dark .share_foot a:hover {
    background-color: #3887b9;
    color: #fff;
}

/* 工具提示 */
.dark .post_foot_tz {
    background-color: #1e2b33;
    box-shadow: 0px 6px 13px -3px rgba(0, 0, 0, 0.5);
}

.dark .post_foot_tz small {
    border-left: 8px solid #1e2b33;
}

/* 打赏 */
.dark #reward_weixin:checked ~ .reward_option label[for="reward_weixin"] span,
.dark #reward_zfb:checked ~ .reward_option label[for="reward_zfb"] span {
    background: #384e5c;
}

.dark .reward_ul {
    background-color: #1e2b33;
    color: #9bbace;
}

.dark #rewardButton {
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #9bbace;
    color: #9bbace;
}

/* 太阳图标（夜间模式按钮） */
.dark .icon-taiyang {
    color: #ffc107;
}

/* 页脚 */
.dark #footer,
.dark .comment-author {
    border-top: 1px solid #384e5c;
}

/* 目录 */
.dark #catalog-col,
.dark #catalog-col a {
    color: #9bbace;
}

.dark #catalog-col a:hover {
    border-bottom: 1px solid #384e5c;
    color: #3887b9;
}

.dark #cornertool li {
    color: #9bbace;
    background: rgba(30, 43, 51, 0.9);
}

/* 评论表单按钮 */
.dark #comment-form button,
.dark #submitComment {
    background: #384e5c;
    color: #9bbace;
    border: 1px solid #384e5c;
}

.dark #submitComment:hover {
    background: #3887b9;
    opacity: 1;
}

/* 取消回复 */
.dark .cancel-comment-reply a,
.dark .comment-reply a {
    background-color: #384e5c;
    color: #9bbace;
}

/* 评论元数据 */
.dark .comment-meta a,
.dark .meta,
.dark .tags {
    color: rgba(155, 186, 206, 0.4);
}

/* 归档和小工具标题 */
.dark #archives h2,
.dark .widget-title {
    border-bottom: 1px solid #384e5c;
}

/* 二维码 */
.dark #QR img {
    border: 1px solid #384e5c;
}

.dark #QR img:hover {
    border: 1px solid #3887b9;
}

/* 评论内容 */
.dark .comment-content-jigu {
    background: #384e5c;
}

.dark .comment-content-jigu:after,
.dark .comment-content-jigu:before {
    border-top: 10px solid #1e2b33;
}

.dark .comment-content-jigu:before {
    border-right: 10px solid #384e5c;
}

.dark .comment-content-jigu:after {
    border-left: 10px solid #384e5c;
}

/* 更多按钮 */
.dark #comments h2,
.dark #response,
.dark .more {
    border-left: 0.25em solid #9bbace;
}

/* 评论列表响应 */
.dark .comment-list .respond {
    border-top: 1px solid #384e5c;
}

/* 提示框 */
.dark #tips-green,
.dark #tips-orange,
.dark #tips-red {
    border-top: 1px solid #384e5c;
    border-right: 1px solid #384e5c;
    border-bottom: 1px solid #384e5c;
}

/* 代码高亮 */
.dark :not(pre)>code[class*=language-],
.dark pre[class*=language-] {
    background: rgba(0, 0, 0, 0.15) !important;
}

/* 图片亮度调整 */
.dark img {
    filter: brightness(85%);
}

/* 容器阴影 */
.dark .container {
    background-color: #1e2b33;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* 头部背景 */
.dark .header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/background.php) !important;
}

.dark #header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/background-dark.jpg);
}

/* 站点标题和描述 */
.dark .site-description,
.dark .site-title a {
    color: rgba(155, 186, 206, 0.8);
}

.dark .site-title a:hover {
    color: #3887b9;
}

/* 菜单 */
.dark #has-sub ul li,
.dark .menubar {
    border-bottom: 1px solid #384e5c;
}

.dark #has-sub ul li {
    border-left: 1px solid #384e5c;
    border-right: 1px solid #384e5c;
    background: #27343c;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.dark #has-sub ul {
    border-top: 1px solid #384e5c;
}

.dark #has-sub>a:after {
    border-top: 4px solid #9bbace;
}

.dark #has-sub:hover>a:after {
    border-top: 4px solid #3887b9;
}

/* 文章标题 */
.dark .post-content h1,
.dark .post-content h2,
.dark .post-content h3,
.dark .post-content h4,
.dark .post-content h5,
.dark .post-content h6 {
    background: rgba(0, 0, 0, 0.15);
}

/* 列表项悬停 */
.dark #archives ul li:hover:before,
.dark .post-content ol li:hover:before,
.dark .post-content ul li:hover:before,
.dark .widget-list li:hover:before {
    background-color: #3887b9;
}

.dark #archives ul li:before,
.dark .post-content ol li:before,
.dark .post-content ul li:before,
.dark .widget-list li:before {
    background-color: #9bbace;
}

/* 响应式 - 移动端 */
@media (max-width: 768px) {
    .dark #menu {
        border-bottom: 1px solid #384e5c;
    }

    .dark #has-sub ul {
        border-top: 0;
    }

    .dark #footer {
        border-top: 1px solid #384e5c;
        background: transparent;
        color: #9bbace;
    }
}