/* ============================================================
   dark.css —— 黑夜模式（白天 / 黑夜 / 自动 里的「黑夜」）
   html.auo-dark 由 header.php 的早期脚本 / status-tools.js 添加，
   选择都写在 html.auo-dark 下，关掉时完全不生效。
   ============================================================ */

/* ---------------- 桌面外壳 ---------------- */
html.auo-dark body {
    background-color: #0b1220;
    background-image: none;
    color: #dbe4f2;
}

html.auo-dark .desktop-layout {
    background: #0f172a;
    box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.55),
        0 0 0 12px #0b1220,
        0 0 0 14px rgba(255, 255, 255, 0.07);
}

html.auo-dark .desktop-screen:first-child {
    border-right-color: rgba(255, 255, 255, 0.06);
}

html.auo-dark .app-name { color: #cbd8ea; }

html.auo-dark .app-item:hover { background: rgba(255, 255, 255, 0.07); }

/* 小组件卡片：底色一起压暗（以前只改了字色，卡片还是白的） */
html.auo-dark .desktop-widget {
    color: #dbe4f2;
    background: #162034;
    background-image: none;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
}

html.auo-dark .profile-widget-avatar { border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.06); }

/* 四个小组件的文字（原来都是深灰）
   ★ 带上 .desktop-widget 提高优先级：图标风格（雾面纯色 / 淡彩通透）
     也给这些文字定过颜色，黑夜模式要盖过它们，否则深字压深底看不见 */
html.auo-dark .desktop-widget .dt-gregorian,
html.auo-dark .desktop-widget .dt-clock,
html.auo-dark .desktop-widget .dt-sec,
html.auo-dark .desktop-widget .profile-widget-name,
html.auo-dark .desktop-widget .weather-temp,
html.auo-dark .desktop-widget .holiday-widget-title { color: #e6edf9; }

html.auo-dark .desktop-widget .dt-lunar,
html.auo-dark .desktop-widget .profile-widget-mbti,
html.auo-dark .desktop-widget .weather-loading,
html.auo-dark .desktop-widget .weather-extra { color: #8394ab; }

html.auo-dark .desktop-widget .profile-widget-tagline,
html.auo-dark .desktop-widget .weather-desc { color: #a9b8cc; }

html.auo-dark .desktop-widget .holiday-timer { color: #7fb3ff; }

html.auo-dark .desktop-widget .profile-widget-mbti {
    background: rgba(255, 255, 255, 0.08);
    color: #a9b8cc;
}

/* ---------------- 状态栏 ---------------- */
html.auo-dark .top-status-bar {
    background: rgba(13, 20, 34, 0.78);
    color: #e6edf9;
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

html.auo-dark .status-gear:hover { background: rgba(255, 255, 255, 0.1); }
html.auo-dark .status-gear.is-open { background: rgba(255, 255, 255, 0.14); }

/* 状态栏设置卡 */
html.auo-dark .status-card {
    background: rgba(23, 32, 48, 0.97);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 0 0 0.5px rgba(255, 255, 255, 0.05);
}

html.auo-dark .status-card::after {
    background: rgba(23, 32, 48, 0.97);
    border-left-color: rgba(255, 255, 255, 0.08);
    border-top-color: rgba(255, 255, 255, 0.08);
}

html.auo-dark .status-card-head { color: #e6edf9; }
html.auo-dark .status-item-name { color: #e6edf9; }
html.auo-dark .status-item-sub { color: #8394ab; }

html.auo-dark .status-seg { background: rgba(255, 255, 255, 0.06); }

html.auo-dark .status-seg button { color: #9aabc1; }
html.auo-dark .status-seg button:hover { color: #dbe4f2; }

html.auo-dark .status-seg button.is-on {
    background: rgba(255, 255, 255, 0.14);
    color: #dbe4f2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

html.auo-dark .status-switch { background: #3b4a61; }
html.auo-dark .status-switch.is-on { background: #30a54d; }

/* ---------------- 底部 Dock ---------------- */
html.auo-dark .ios-dock {
    background: rgba(30, 41, 59, 0.62);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

html.auo-dark .mobile-screen-switcher { background: rgba(30, 41, 59, 0.92); }

/* ---------------- Dock 卡片（联系方式 / 最新发布 / 风格 / 文件夹） ---------------- */
html.auo-dark .dock-card,
html.auo-dark .dock-popover {
    background: rgba(23, 32, 48, 0.97);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 0 0 0.5px rgba(255, 255, 255, 0.05);
}

html.auo-dark .dock-card::after,
html.auo-dark .dock-popover::after {
    background: rgba(23, 32, 48, 0.97);
    border-right-color: rgba(255, 255, 255, 0.08);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    border-left-color: rgba(255, 255, 255, 0.08);
    border-top-color: rgba(255, 255, 255, 0.08);
}

html.auo-dark .dock-pop-head { color: #e6edf9; }

html.auo-dark .dock-sms-title { color: #e6edf9; }
html.auo-dark .dock-sms-sub { color: #8394ab; }
html.auo-dark .dock-sms-empty { color: #7b8ba1; }

html.auo-dark .dock-sms-tab {
    background: rgba(255, 255, 255, 0.07);
    color: #9aabc1;
}

html.auo-dark .dock-sms-tab:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #dbe4f2;
}

html.auo-dark .dock-sms-tab.is-on {
    background: rgba(255, 255, 255, 0.16);
    color: #93c5fd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(147, 197, 253, 0.2);
}

html.auo-dark .dock-sms-row:hover { background: rgba(255, 255, 255, 0.07); }
html.auo-dark .dock-sms-row.is-new { background: rgba(59, 130, 246, 0.12); }
html.auo-dark .dock-sms-row.is-new:hover { background: rgba(59, 130, 246, 0.18); }

html.auo-dark .dock-sms-text { color: #dbe4f2; }
html.auo-dark .dock-sms-time { color: #8394ab; }

html.auo-dark .dock-sms-type.is-say { color: #86efac; background: rgba(22, 163, 74, 0.2); }
html.auo-dark .dock-sms-type.is-post { color: #93c5fd; background: rgba(37, 99, 235, 0.22); }

html.auo-dark .dock-sms-new { color: #93c5fd; background: rgba(59, 130, 246, 0.22); }

/* 最小化列表 */
html.auo-dark .dock-min-row {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07);
}

html.auo-dark .dock-min-row:hover { background: rgba(59, 130, 246, 0.16); }
html.auo-dark .dock-min-ico { background: rgba(255, 255, 255, 0.08); color: #93b4e6; }
html.auo-dark .dock-min-title { color: #e6edf9; }
html.auo-dark .dock-min-close { color: #7b8ba1; }
html.auo-dark .dock-min-close:hover { background: rgba(239, 68, 68, 0.16); color: #f87171; }
html.auo-dark .dock-pop-clear { color: #8394ab; }
html.auo-dark .dock-pop-clear:hover { background: rgba(239, 68, 68, 0.16); color: #f87171; }

/* 图标风格面板 */
html.auo-dark .dock-style-title { color: #e6edf9; }
html.auo-dark .dock-style-sub { color: #8394ab; }

html.auo-dark .dock-style-opt {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

html.auo-dark .dock-style-opt:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

html.auo-dark .dock-style-opt.is-on {
    background: rgba(59, 130, 246, 0.16);
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

html.auo-dark .dock-style-name { color: #cbd8ea; }
html.auo-dark .dock-style-opt.is-on .dock-style-name { color: #93c5fd; }
html.auo-dark .dock-style-tip { color: #7b8ba1; }

html.auo-dark .dock-style-save { box-shadow: 0 3px 10px rgba(37, 99, 235, 0.4); }

/* 联系方式卡片内部 */
html.auo-dark .auo-contact-row {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.07);
}

html.auo-dark .auo-contact-row:hover { background: rgba(59, 130, 246, 0.16); }
html.auo-dark .auo-contact-label { color: #8394ab; }
html.auo-dark .auo-contact-value { color: #e6edf9; }
html.auo-dark .auo-contact-head { color: #e6edf9; }

/* ---------------- Mac 弹窗外壳 ---------------- */
html.auo-dark .mac-modal {
    background: #131c2c;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 0 0.5px rgba(255, 255, 255, 0.12) inset;
}

html.auo-dark .mac-modal-titlebar {
    background: linear-gradient(to bottom, #1c2739, #151f2f);
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

html.auo-dark .mac-modal-title { color: #dbe4f2; }
html.auo-dark .mac-modal-body { background: #0f1725; }

/* 弹窗里的标题栏提示气泡反色 */
html.auo-dark .mac-modal-dots .dot[data-tip]::before {
    background: rgba(226, 232, 240, 0.95);
    color: #0f1725;
}

/* ---------------- 文章 / 页面（含弹窗 iframe 内） ---------------- */
html.auo-dark body,
html.auo-dark .article-main {
    background-color: #0f172a;
    color: #d5dfee;
}

html.auo-dark .article-main { box-shadow: none; }

html.auo-dark .article-content { color: #d5dfee; }

html.auo-dark .article-content h1,
html.auo-dark .article-content h2,
html.auo-dark .article-content h3,
html.auo-dark .article-content h4,
html.auo-dark .article-content h5,
html.auo-dark .article-content h6,
html.auo-dark .article-main > h1 {
    color: #eef3fb;
}

html.auo-dark .article-content a { color: #7fb3ff; }

html.auo-dark .post-meta { color: #8797ad; }

html.auo-dark .post-tag-link {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
}

html.auo-dark .post-tag-link:hover { background: #3b82f6; color: #fff; }

html.auo-dark .article-content code {
    background: rgba(255, 255, 255, 0.1);
    color: #f0d6b8;
}

html.auo-dark .article-content pre {
    background: #0b1220;
    border-color: rgba(255, 255, 255, 0.08);
    color: #d5dfee;
}

html.auo-dark .article-content blockquote {
    background: rgba(255, 255, 255, 0.04);
    border-left-color: #3b82f6;
    color: #b9c6d8;
}

html.auo-dark .article-content table th {
    background: rgba(255, 255, 255, 0.06);
    color: #e6edf9;
}

html.auo-dark .article-content table td,
html.auo-dark .article-content table th {
    border-color: rgba(255, 255, 255, 0.1);
}

html.auo-dark .article-content tr:nth-child(even) { background: rgba(255, 255, 255, 0.03); }

html.auo-dark .article-content hr { border-color: rgba(255, 255, 255, 0.12); }

/* 代码高亮块（code-highlight.css 的浅色主题） */
html.auo-dark .code-block,
html.auo-dark .hljs {
    background: #0b1220 !important;
    color: #d5dfee !important;
}

/* 评论区 */
html.auo-dark .comment-list .comment-body,
html.auo-dark .comments,
html.auo-dark #comments {
    color: #d5dfee;
}

html.auo-dark .comment-author,
html.auo-dark .comment-list .fn { color: #e6edf9; }

html.auo-dark .comment-list .comment-content { color: #c3cfe0; }

html.auo-dark #comment-form input[type="text"],
html.auo-dark #comment-form input[type="email"],
html.auo-dark #comment-form input[type="url"],
html.auo-dark #comment-form textarea {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e6edf9;
}

html.auo-dark #comment-form input::placeholder,
html.auo-dark #comment-form textarea::placeholder { color: #6f7f95; }

/* ---------------- 文章 / 说说列表弹窗（iframe 内） ---------------- */
html.auo-dark .modal-list-page { background: transparent; color: #d5dfee; }

html.auo-dark .modal-list-header { border-bottom-color: rgba(255, 255, 255, 0.08); }
html.auo-dark .modal-list-title { color: #e6edf9; }

html.auo-dark .modal-list-count {
    background: rgba(255, 255, 255, 0.08);
    color: #9aabc1;
}

html.auo-dark .modal-post-row { border-bottom-color: rgba(255, 255, 255, 0.07); }
html.auo-dark .modal-post-title { color: #e6edf9; }
html.auo-dark .modal-post-title:hover { color: #7fb3ff; }
html.auo-dark .modal-post-meta { color: #8394ab; }

html.auo-dark .modal-post-tag,
html.auo-dark .meta-tag {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
}

html.auo-dark .modal-load-more-btn {
    background: rgba(255, 255, 255, 0.06);
    color: #cbd8ea;
    border-color: rgba(255, 255, 255, 0.1);
}

/* ---------------- 三栏 / 列表里的内容卡片 ---------------- */
html.auo-dark .main-content-wrap,
html.auo-dark .three-col-layout { background: transparent; }

html.auo-dark .post-item { color: #d5dfee; }
html.auo-dark .post-item:hover { background: rgba(255, 255, 255, 0.04); }
html.auo-dark .post-item-title,
html.auo-dark .post-item-title a { color: #e6edf9; }
html.auo-dark .post-item-excerpt { color: #b9c6d8; }
html.auo-dark .post-item-meta { color: #8394ab; }

html.auo-dark .col-left::-webkit-scrollbar-thumb,
html.auo-dark .col-right::-webkit-scrollbar-thumb { background: #3b4a61; }

/* ---------------- 独立 Mac 窗口（新标签打开） ---------------- */
html.auo-dark .mac-standalone-body,
html.auo-dark.mac-standalone-body {
    background: #0b1220;
}

html.auo-dark .mac-standalone-window {
    background: #131c2c;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.6),
        0 0 0 0.5px rgba(255, 255, 255, 0.12) inset;
}

html.auo-dark .mac-titlebar {
    background: linear-gradient(to bottom, #1c2739, #151f2f);
    border-bottom-color: rgba(255, 255, 255, 0.07);
}

html.auo-dark .mac-titlebar-title,
html.auo-dark .mac-modal-title { color: #dbe4f2; }

html.auo-dark .mac-body { background: #0f172a; }

html.auo-dark .mac-body .article-content code {
    background: rgba(255, 255, 255, 0.1);
    color: #f0d6b8;
}

html.auo-dark .mac-body .article-content pre {
    background: #0b1220;
    color: #d5dfee;
}