/* ==========================================================================
   预测豆 Comadou · 白天版（Daylight）
   --------------------------------------------------------------------------
   定位：在 comadou-dark.css 之后加载的「覆盖层」，只做两件事：
     1) 把深空主题的语义变量整体翻成浅色纸感（鼠尾草绿主色）
     2) 逐条覆盖深空主题里写死的深色值（#fff / #0d0f14 / rgba(255,255,255,x)）
   所有规则都限定在 html[data-theme="light"] 下，深色版零影响。
   色板来源：白天版设计稿 index.html / styles.css（oklch 原值折算为 sRGB）。
   版本: 1.0.0 · 2026-11
   ========================================================================== */

/* ---------- 1. 变量层 ---------------------------------------------------- */
html[data-theme="light"] {
  /* 基底：暖白纸 + 墨色文字 */
  --space: #fdfcf9;
  --panel: #ffffff;
  --panel-2: #f8f5ee;
  --panel-deep: #f3f0e7;

  --line: #e3ded2;
  --line-soft: #ece7db;
  --line-strong: #d2cbba;

  --t1: #2b2822;
  --t2: #4f4b42;
  --t3: #5f5a4f;
  --t4: #6b6558;
  --t5: #726d62;

  /* 主色：设计稿的鼠尾草绿（oklch .474 .045 128 ≈ #59684f） */
  --beam: #6f7f60;
  --mint: #59684f;
  --pink: #8a3f6b;
  --coral: #b4553f;
  --amber: #7a6614;
  --orange: #6e5220;
  --sky: #4e6b5c;
  --gold: #7a6614;
  --violet: #6b4fa0;

  --grad-beam: linear-gradient(92deg, #6f7f60 0%, #59684f 100%);
  --grad-hot: linear-gradient(92deg, #b4553f 0%, #8a3f6b 100%);
  --grad-warm: linear-gradient(92deg, #6e5220 0%, #8a7a20 100%);

  /* 浅色版专用补充 token */
  --paper: var(--space);
  --accent: var(--mint);
  --accent-dark: #43503a;
  --accent-soft: #eef1e6;
  --logo-groove: #fdfcf9;

  /* 接管 theme.css 的靛蓝主色变量：导航下划线、按钮、链接一起换成鼠尾草绿 */
  --primary: #59684f;
  --primary-dark: #43503a;
  --primary-soft: #eef1e6;
  --text-main: #4f4b42;
  --text-muted: #6b6558;
  --bg-page: #fdfcf9;
  --card-bg: #ffffff;

  /* 分类色：深空版的霓虹色放到白底会失效，统一压深一档 */
  --cat: #3a6d93;
}

html[data-theme="light"] .cat-shujuwajue      { --cat: #3f7a5f; }  /* 数据挖掘 */
html[data-theme="light"] .cat-Tech            { --cat: #3a6d93; }  /* 技术总结 */
html[data-theme="light"] .cat-yiliangjiankang { --cat: #a24d84; }  /* 医疗健康 */
html[data-theme="light"] .cat-suanfayanjiu    { --cat: #6b4fa0; }  /* 算法研究 */
html[data-theme="light"] .cat-rengongzhineng  { --cat: #3a6d93; }  /* 人工智能 */

/* ---------- 2. 基底 ------------------------------------------------------ */
html[data-theme="light"] body {
  background-color: var(--space);
  color: var(--t2);
}

html[data-theme="light"] ::selection {
  background: #59684f;
  color: #fdfcf9;
}

html[data-theme="light"] ::-webkit-scrollbar-track { background: #f1ede3; }
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: #d6cfbe;
  border-color: #f1ede3;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #59684f; }

html[data-theme="light"] a { color: var(--sky); }
html[data-theme="light"] a:hover { color: var(--accent-dark); }

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 { color: var(--t1); }

/* 材质：星尘与网格在白底上必须收敛成极淡的暖调纹理 */
html[data-theme="light"] .stardust {
  background:
    radial-gradient(ellipse 60% 50% at 18% 12%, rgba(89, 104, 79, .10), transparent 65%),
    radial-gradient(ellipse 50% 45% at 85% 20%, rgba(154, 79, 125, .06), transparent 60%),
    radial-gradient(ellipse 55% 50% at 75% 85%, rgba(111, 127, 96, .08), transparent 65%),
    radial-gradient(ellipse 40% 35% at 12% 82%, rgba(168, 98, 47, .05), transparent 60%);
}
html[data-theme="light"] .grid-lines {
  background-image:
    linear-gradient(rgba(90, 84, 70, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90, 84, 70, .06) 1px, transparent 1px);
}
html[data-theme="light"] .scanline::after { display: none; }
html[data-theme="light"] .glass {
  background: rgba(253, 252, 249, .78);
}

/* ---------- 3. Bootstrap 映射 ------------------------------------------- */
html[data-theme="light"] .bg-white { background-color: var(--panel) !important; }
html[data-theme="light"] .text-dark { color: var(--t1) !important; }
html[data-theme="light"] .text-muted { color: var(--t4) !important; }
html[data-theme="light"] .text-secondary { color: var(--t3) !important; }
html[data-theme="light"] .text-info { color: var(--accent) !important; }
html[data-theme="light"] .text-success { color: #3f7a5f !important; }
html[data-theme="light"] .text-danger { color: #a5432f !important; }
html[data-theme="light"] .text-warning { color: #8a6a12 !important; }
html[data-theme="light"] .text-white { color: var(--t1) !important; }

html[data-theme="light"] .card {
  background-color: var(--panel);
  border-color: var(--line) !important;
  box-shadow: 0 1px 2px rgba(47, 44, 38, .04), 0 1px 3px rgba(47, 44, 38, .05);
}
html[data-theme="light"] .card .card-header {
  background-color: transparent;
  border-bottom-color: var(--line-soft);
}
html[data-theme="light"] .list-group-item { border-color: var(--line-soft); color: var(--t2); }
html[data-theme="light"] .list-group-item a { color: var(--t2); }
html[data-theme="light"] .list-group-item a:hover { color: var(--accent-dark); }
html[data-theme="light"] .list-group li { border-color: var(--line-soft) !important; }
html[data-theme="light"] .media { color: var(--t2); }

html[data-theme="light"] .table { color: var(--t2); }
html[data-theme="light"] .table td,
html[data-theme="light"] .table th { border-color: var(--line-soft); }
html[data-theme="light"] .table-hover tbody tr:hover {
  color: var(--t1);
  background-color: rgba(89, 104, 79, .05);
}

html[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before { color: var(--t5); }
html[data-theme="light"] .breadcrumb-item a { color: var(--t3); }
html[data-theme="light"] .breadcrumb-item a:hover { color: var(--accent-dark); }

html[data-theme="light"] .form-control,
html[data-theme="light"] .form-control:focus {
  background-color: #fff;
  border-color: var(--line-strong);
  color: var(--t1);
}
html[data-theme="light"] .form-control:focus {
  border-color: rgba(89, 104, 79, .55);
  box-shadow: 0 0 0 .15rem rgba(89, 104, 79, .12);
}
html[data-theme="light"] .form-control::placeholder { color: var(--t5); }
html[data-theme="light"] .custom-file-label,
html[data-theme="light"] .input-group-text {
  background-color: #fff;
  border-color: var(--line-strong);
  color: var(--t3);
}

html[data-theme="light"] .btn-primary {
  background-image: var(--grad-beam);
  color: #fdfcf9 !important;
}
html[data-theme="light"] .btn-primary:hover {
  color: #fdfcf9 !important;
  box-shadow: 0 6px 18px rgba(89, 104, 79, .28);
}
html[data-theme="light"] .btn-outline-primary {
  color: var(--accent-dark);
  border-color: var(--line-strong);
}
html[data-theme="light"] .btn-outline-primary:hover {
  color: var(--accent-dark);
  border-color: rgba(89, 104, 79, .6);
  box-shadow: 0 4px 14px rgba(89, 104, 79, .12);
}
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn-light,
html[data-theme="light"] .btn-dark {
  background: #f4f1e8;
  border-color: var(--line);
  color: var(--t2);
}
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn-light:hover,
html[data-theme="light"] .btn-dark:hover {
  background: #ebe7dc;
  color: var(--t1);
  border-color: var(--line-strong);
}

html[data-theme="light"] .alert { background: var(--panel); border-color: var(--line); color: var(--t2); }
html[data-theme="light"] .alert-success { background: #eff4ec; border-color: #cddcc4; color: #3f5c39; }
html[data-theme="light"] .alert-info { background: #eef2f5; border-color: #c9d8e2; color: #35586f; }
html[data-theme="light"] .alert-warning { background: #faf4e2; border-color: #e6d9ae; color: #6e5c10; }
html[data-theme="light"] .alert-danger,
html[data-theme="light"] .alert-error { background: #fbeeea; border-color: #eccfc6; color: #963722; }
html[data-theme="light"] .alert .close { color: var(--t2); opacity: .5; }

html[data-theme="light"] .dropdown-menu {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: 0 14px 40px rgba(47, 44, 38, .12);
}
html[data-theme="light"] .dropdown-item { color: var(--t2); }
html[data-theme="light"] .dropdown-item:hover { background: rgba(89, 104, 79, .08); color: var(--t1); }
html[data-theme="light"] .dropdown-divider { border-color: var(--line-soft); }

html[data-theme="light"] #to-top {
  border-color: var(--line-strong) !important;
  background: var(--panel) !important;
  color: var(--accent) !important;
  box-shadow: 0 8px 24px rgba(47, 44, 38, .12);
}

html[data-theme="light"] .carousel-indicators li { border-color: rgba(47, 44, 38, .5); }
html[data-theme="light"] .carousel-indicators .active { background: var(--accent); }
html[data-theme="light"] .carousel-control-prev-icon,
html[data-theme="light"] .carousel-control-next-icon {
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, .8));
}

html[data-theme="light"] .pagination .page-link { color: var(--t3); }
html[data-theme="light"] .pagination .page-item.active .page-link { color: var(--accent-dark); }
html[data-theme="light"] .highlighted { color: #8a6a12; }

/* ---------- 4. 导航 ------------------------------------------------------ */
html[data-theme="light"] .blog-navbar {
  background: rgba(253, 252, 249, .84) !important;
  border-bottom: 1px solid var(--line);
}
html[data-theme="light"] .blog-navbar .navbar-brand { color: var(--t1); }
html[data-theme="light"] .brand-text .brand-cn { color: var(--t1); }
html[data-theme="light"] .brand-text .brand-en { color: var(--t4); }

/* theme.css 用 !important 写死了导航文字色，这里必须同等强度覆盖 */
html[data-theme="light"] .blog-navbar .nav-link { color: var(--t3) !important; }
html[data-theme="light"] .blog-navbar .nav-link:hover { color: var(--accent-dark) !important; }
html[data-theme="light"] .blog-navbar .nav-item a.active,
html[data-theme="light"] .blog-navbar .nav-link.active {
  color: var(--accent-dark) !important;
  background: rgba(89, 104, 79, .12);
}
html[data-theme="light"] .blog-navbar .navbar-nav .nav-link.active { color: var(--accent-dark); }
html[data-theme="light"] .blog-navbar .nav-link.active::after { background: var(--accent); }
html[data-theme="light"] .blog-navbar .dropdown-menu { background-color: #fff; }
html[data-theme="light"] .blog-navbar .dropdown-item { color: var(--t2) !important; }
html[data-theme="light"] .blog-navbar .dropdown-item:hover { color: var(--accent-dark) !important; }
html[data-theme="light"] .blog-navbar .navbar-nav .nav-link:hover {
  color: var(--accent-dark);
  background: rgba(89, 104, 79, .08);
}
html[data-theme="light"] .blog-navbar .navbar-nav .nav-link.active {
  color: var(--accent-dark);
  background: rgba(89, 104, 79, .12);
}
html[data-theme="light"] .blog-navbar .navbar-toggler {
  color: var(--t1);
  border-color: var(--line-strong);
}
html[data-theme="light"] .blog-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(47,44,38,0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
html[data-theme="light"] .blog-navbar .nav-cta-login { color: var(--t3); }
html[data-theme="light"] .blog-navbar .nav-cta-login:hover {
  color: var(--accent-dark);
  background: rgba(89, 104, 79, .08);
}
html[data-theme="light"] .nav-cta-signup {
  background-image: var(--grad-beam) !important;
  color: #fdfcf9 !important;
}
html[data-theme="light"] .nav-cta-signup:hover {
  color: #fdfcf9 !important;
  box-shadow: 0 6px 20px rgba(89, 104, 79, .3);
}

/* ---------- 5. 页头横幅 ------------------------------------------------ */
html[data-theme="light"] .page-banner .stardust { opacity: .55; }
html[data-theme="light"] .page-banner .grid-lines { opacity: .6; }
html[data-theme="light"] .page-title { color: var(--t1); }
html[data-theme="light"] .page-desc { color: var(--t3); }
html[data-theme="light"] .page-count { color: var(--t4); }

/* ---------- 6. 数据流 Feed -------------------------------------------- */
html[data-theme="light"] .feed-wrap { border-top-color: var(--line); }
html[data-theme="light"] .feed-row { border-bottom-color: var(--line-soft); }
html[data-theme="light"] a.feed-row:hover { background: rgba(89, 104, 79, .045); }
html[data-theme="light"] .feed-row .feed-num { color: var(--t5); }
html[data-theme="light"] .feed-row:hover .feed-num { color: var(--accent); }
html[data-theme="light"] .feed-title { color: var(--t1); }
html[data-theme="light"] .feed-row:hover .feed-title { color: var(--accent-dark); }
html[data-theme="light"] .feed-featured {
  color: #fdfcf9;
  background-image: linear-gradient(92deg, #b4553f 0%, #8a3f6b 50%, #b4553f 100%);
}
html[data-theme="light"] .feed-arrow { color: var(--t5); }
html[data-theme="light"] .feed-row:hover .feed-arrow { color: var(--accent); }
html[data-theme="light"] .empty-zone { border-color: var(--line-strong); color: var(--t3); }

/* ---------- 7. 侧栏 / 热榜 / 翻页 -------------------------------------- */
html[data-theme="light"] .side-panel {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: 0 1px 2px rgba(47, 44, 38, .04);
}
html[data-theme="light"] .terminal-input { background: #f7f5ef; border-color: var(--line); }
html[data-theme="light"] .terminal-input input { color: var(--t1); }
html[data-theme="light"] .terminal-input:focus-within { border-color: rgba(89, 104, 79, .55); }

html[data-theme="light"] .tag-chip { color: var(--t2); }
html[data-theme="light"] .tag-chip:hover {
  background: var(--accent-soft) !important;
  color: var(--accent-dark) !important;
  border-color: rgba(89, 104, 79, .45) !important;
}

/* 侧栏终端搜索框里的 ⏎ 提示（模板内联了深色值，必须 !important 覆盖） */
html[data-theme="light"] .side-panel kbd,
html[data-theme="light"] .terminal-input kbd {
  color: var(--t4) !important;
  border-color: var(--line-strong) !important;
  background: #fff;
}

html[data-theme="light"] a.hot-item:hover { background: rgba(89, 104, 79, .06); }
html[data-theme="light"] a.hot-item:hover .hot-title { color: var(--accent-dark); }
html[data-theme="light"] .heat-track { background: rgba(47, 44, 38, .08); }

html[data-theme="light"] .dd-item { border-bottom-color: rgba(123, 118, 107, .18); }
html[data-theme="light"] a.dd-item:hover { background: rgba(89, 104, 79, .06); }
html[data-theme="light"] a.dd-item:hover .dd-text { color: var(--accent-dark); }

html[data-theme="light"] .pg-btn,
html[data-theme="light"] .pg-btn-sm,
html[data-theme="light"] .pagecut-mono .pg-btn { border-color: var(--line-strong); color: var(--t3); }
html[data-theme="light"] .pagecut-mono a.pg-btn:hover,
html[data-theme="light"] .pg-btn-sm:hover {
  border-color: var(--accent);
  color: var(--accent-dark);
}
html[data-theme="light"] .pagecut-mono .pg-btn.pg-next { background: #efece3; color: var(--t1); }
html[data-theme="light"] .pagecut-mono .pg-btn.pg-next:hover {
  background-image: var(--grad-beam);
  color: #fdfcf9;
}
html[data-theme="light"] .pg-btn-sm.pg-active { background: rgba(89, 104, 79, .12); color: var(--accent-dark); }

/* ---------- 8. 轮播 ----------------------------------------------------- */
html[data-theme="light"] .carousel-band .band-label { color: var(--accent); }
html[data-theme="light"] .carousel-band .band-label::after { background: var(--line); }
html[data-theme="light"] .blog-carousel .carousel-caption p { color: rgba(255, 255, 255, .88); }

/* ---------- 9. 文章详情 ------------------------------------------------ */
html[data-theme="light"] .back-feed { color: var(--t3); }
html[data-theme="light"] .back-feed:hover { color: var(--accent-dark); }
html[data-theme="light"] .article-title { color: var(--t1); }
html[data-theme="light"] .article-body { color: var(--t2); }
html[data-theme="light"] .article-body h1,
html[data-theme="light"] .article-body h2,
html[data-theme="light"] .article-body h3,
html[data-theme="light"] .article-body h4,
html[data-theme="light"] .article-body h5 { color: var(--t1); }
html[data-theme="light"] .article-body h2 { border-bottom-color: var(--line); }
html[data-theme="light"] .article-body h3::before { color: var(--accent); }
html[data-theme="light"] .article-body strong,
html[data-theme="light"] .article-body b { color: var(--t1); }

html[data-theme="light"] .article-body a {
  color: var(--sky);
  border-bottom-color: rgba(78, 107, 92, .45);
}
html[data-theme="light"] .article-body a:hover {
  color: var(--accent-dark);
  border-bottom-color: var(--accent-dark);
}

html[data-theme="light"] .article-body blockquote {
  border-left-color: var(--accent);
  background: #f7f5ee;
  color: var(--t3);
}
html[data-theme="light"] .article-body hr { border-top-color: var(--line); }
html[data-theme="light"] .article-body img { border-color: var(--line); }

html[data-theme="light"] .article-body table { background: var(--panel); }
html[data-theme="light"] .article-body th {
  background: #f4f1e8;
  color: var(--t1);
}
html[data-theme="light"] .article-body th,
html[data-theme="light"] .article-body td { border-color: var(--line); color: var(--t2); }
html[data-theme="light"] .article-body table tr:nth-child(2n) { background: #faf8f2; }
html[data-theme="light"] .article-body table tr:hover { background: rgba(89, 104, 79, .06); }

/* 代码块：白天版走「纸面浅卡」而不是终端黑 */
html[data-theme="light"] .article-body pre,
html[data-theme="light"] .article-body pre[class*="language-"] {
  background: #f7f5ef;
  border: 1px solid var(--line);
  box-shadow: 0 2px 10px rgba(47, 44, 38, .05);
}
html[data-theme="light"] .article-body pre code,
html[data-theme="light"] .article-body pre code[class*="language-"] { color: #3f3b33; }
html[data-theme="light"] .article-body code {
  background: rgba(89, 104, 79, .10);
  color: #43503a;
  border-color: rgba(89, 104, 79, .18);
}
html[data-theme="light"] .article-body pre .line-numbers-rows { border-right-color: var(--line); }
html[data-theme="light"] .article-body pre .line-numbers-rows > span::before { color: #a8a294; }
html[data-theme="light"] .article-body pre[class*="language-"] ::selection,
html[data-theme="light"] .article-body pre[class*="language-"]::selection,
html[data-theme="light"] .article-body code[class*="language-"] ::selection,
html[data-theme="light"] .article-body code[class*="language-"]::selection {
  background: rgba(89, 104, 79, .22);
}

/* hljs：浅底语法配色（保持同一套语义色，只压深亮度） */
html[data-theme="light"] .article-body .hljs-comment,
html[data-theme="light"] .article-body .hljs-quote { color: #6b6558; }
html[data-theme="light"] .article-body .hljs-keyword,
html[data-theme="light"] .article-body .hljs-selector-tag,
html[data-theme="light"] .article-body .hljs-literal,
html[data-theme="light"] .article-body .hljs-section,
html[data-theme="light"] .article-body .hljs-link,
html[data-theme="light"] .article-body .hljs-type,
html[data-theme="light"] .article-body .hljs-built_in,
html[data-theme="light"] .article-body .hljs-title.function_,
html[data-theme="light"] .article-body .hljs-name { color: #4d6b4f; }
html[data-theme="light"] .article-body .hljs-string,
html[data-theme="light"] .article-body .hljs-addition,
html[data-theme="light"] .article-body .hljs-attribute,
html[data-theme="light"] .article-body .hljs-symbol,
html[data-theme="light"] .article-body .hljs-bullet { color: #7a5a22; }
html[data-theme="light"] .article-body .hljs-number,
html[data-theme="light"] .article-body .hljs-regexp { color: #6e5220; }
html[data-theme="light"] .article-body .hljs-title,
html[data-theme="light"] .article-body .hljs-title.class_ { color: #3f6478; }
html[data-theme="light"] .article-body .hljs-variable,
html[data-theme="light"] .article-body .hljs-template-variable,
html[data-theme="light"] .article-body .hljs-params { color: #3f3b33; }
html[data-theme="light"] .article-body .hljs-meta { color: #8a3f6b; }

/* Prism 兜底 */
html[data-theme="light"] .article-body .token.comment,
html[data-theme="light"] .article-body .token.prolog,
html[data-theme="light"] .article-body .token.doctype,
html[data-theme="light"] .article-body .token.cdata { color: #6b6558; }
html[data-theme="light"] .article-body .token.punctuation { color: #7b766b; }
html[data-theme="light"] .article-body .token.keyword,
html[data-theme="light"] .article-body .token.selector { color: #4d6b4f; }
html[data-theme="light"] .article-body .token.string,
html[data-theme="light"] .article-body .token.char,
html[data-theme="light"] .article-body .token.attr-value { color: #7a5a22; }
html[data-theme="light"] .article-body .token.number,
html[data-theme="light"] .article-body .token.boolean,
html[data-theme="light"] .article-body .token.constant { color: #6e5220; }
html[data-theme="light"] .article-body .token.function,
html[data-theme="light"] .article-body .token.function-variable { color: #3f6478; }
html[data-theme="light"] .article-body .token.tag,
html[data-theme="light"] .article-body .token.attr-name { color: #8a3f6b; }
html[data-theme="light"] .article-body .token.operator { color: #6b4f9c; }
html[data-theme="light"] .article-body .token.atrule,
html[data-theme="light"] .article-body .token.rule { color: #4d6b4f; }

html[data-theme="light"] .tag-cloud p { color: var(--t4); }
html[data-theme="light"] .tag-pill { color: var(--t3); border-color: var(--line-strong); }
html[data-theme="light"] .tag-pill:hover { color: #fdfcf9; }

html[data-theme="light"] .continue-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .continue-card:hover {
  border-color: rgba(89, 104, 79, .4);
  background: #fbfaf5;
}
html[data-theme="light"] .continue-card .cc-title { color: var(--t2); }
html[data-theme="light"] .continue-card:hover .cc-title { color: var(--accent-dark); }

html[data-theme="light"] .author-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .author-avatar { color: #fdfcf9; }
html[data-theme="light"] .author-name { color: var(--t1); }

/* ---------- 10. 评论 / 编辑器 ------------------------------------------ */
html[data-theme="light"] .comment-block .card,
html[data-theme="light"] .comment-list .card,
html[data-theme="light"] .comment-item { background: var(--panel); }
html[data-theme="light"] .comment-text { color: var(--t2); }
html[data-theme="light"] textarea.form-control { background: #fff; }

html[data-theme="light"] #comment-list .comment-parent {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: 0 1px 2px rgba(47, 44, 38, .04);
}
html[data-theme="light"] #comment-list .comment-parent:hover {
  border-color: rgba(89, 104, 79, .35);
  box-shadow: 0 10px 26px rgba(47, 44, 38, .08);
}
html[data-theme="light"] #comment-list .comment-child {
  background: #f8f6f0;
  border-color: var(--line-soft);
}
html[data-theme="light"] #comment-list .comment-parent hr { border-top-color: var(--line-soft); }
html[data-theme="light"] #comment-list .text-muted { color: var(--t4) !important; }
html[data-theme="light"] #comment-list .text-danger { color: #a5432f !important; }
html[data-theme="light"] #comment-list a.text-dark,
html[data-theme="light"] .list-group a.text-dark { color: var(--t2) !important; }
html[data-theme="light"] .list-group a.text-dark:hover { color: var(--accent-dark) !important; }
html[data-theme="light"] #comment-list h2 { color: var(--t1); }
html[data-theme="light"] #comment-list strong { color: var(--t1); }

html[data-theme="light"] #no-editor {
  background: #f8f6f0 !important;
  border-color: var(--line);
  color: var(--t3);
}
html[data-theme="light"] #no-editor a { color: var(--accent-dark); }
html[data-theme="light"] #no-editor a.text-danger { color: #a5432f !important; }

html[data-theme="light"] #emoji-btns,
html[data-theme="light"] .editor-btns .btn {
  background: #f4f1e8;
  border-color: var(--line-strong);
  color: var(--t2);
}
html[data-theme="light"] #emoji-btns:hover,
html[data-theme="light"] .editor-btns .btn:hover { background: #ebe7dc; }
html[data-theme="light"] .django-ckeditor-widget {
  border-color: var(--line);
  background: #fff;
}
html[data-theme="light"] #comment-list .form-control,
html[data-theme="light"] .card .form-control {
  background: #fff;
  border-color: var(--line-strong);
  color: var(--t1);
}
html[data-theme="light"] #comment-list .form-control:focus,
html[data-theme="light"] .card .form-control:focus {
  background: #fff;
  border-color: rgba(89, 104, 79, .45);
  box-shadow: 0 0 0 3px rgba(89, 104, 79, .10);
}
html[data-theme="light"] #comment-list .btn-info { color: #fdfcf9; }

/* ---------- 11. 页脚 ---------------------------------------------------- */
html[data-theme="light"] .site-footer {
  background: #f4f1e8;
  border-top-color: var(--line);
  color: var(--t3);
}
html[data-theme="light"] .site-footer .stardust { opacity: .35; }
html[data-theme="light"] .footer-brand-cn { color: var(--t1); }
html[data-theme="light"] .footer-brand-en { color: var(--t4); }
html[data-theme="light"] .footer-desc { color: var(--t3); }
html[data-theme="light"] .footer-uptime { color: var(--t4); }
html[data-theme="light"] .footer-uptime .pf { color: var(--accent); }
html[data-theme="light"] .footer-col-title { color: var(--t4); }
html[data-theme="light"] .site-footer a.footer-link { color: var(--t3); }
html[data-theme="light"] .site-footer a.footer-link:hover { color: var(--accent-dark); }
html[data-theme="light"] .friend-chip { color: var(--t3); border-color: var(--line-strong); }
html[data-theme="light"] .friend-chip:hover { color: #7a6614; border-color: rgba(138, 122, 32, .5); }
html[data-theme="light"] .footer-bottom { border-top-color: var(--line); }
html[data-theme="light"] .footer-bottom .fb,
html[data-theme="light"] .footer-bottom a.beian { color: var(--t4); }
html[data-theme="light"] .footer-bottom .fb .py { color: var(--sky); }
html[data-theme="light"] .footer-bottom a.beian:hover { color: var(--t2); }

/* ---------- 12. Timeline / 通知中心 / 关于 ----------------------------- */
html[data-theme="light"] .tl-node { background: var(--space); border-color: var(--t3); }
html[data-theme="light"] .tl-panel { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .tl-item:hover .tl-panel {
  border-color: rgba(89, 104, 79, .35);
  box-shadow: 0 8px 26px rgba(47, 44, 38, .08);
}
html[data-theme="light"] .tl-head { border-bottom-color: var(--line); }
html[data-theme="light"] .tl-art:hover { background: rgba(89, 104, 79, .05); }
html[data-theme="light"] .tl-art:hover .tl-link { color: var(--accent-dark); }
/* 建站年与当前年的年份数字：原文件写死了霓虹渐变，浅底上压深一档 */
html[data-theme="light"] .tl-birth .tl-year {
  background-image: linear-gradient(120deg, #8a3f6b 0%, #b4553f 100%);
}
html[data-theme="light"] .tl-tag-birth {
  color: #8a3f6b;
  border-color: rgba(154, 79, 125, .4);
  background: rgba(154, 79, 125, .08);
}
html[data-theme="light"] .tl-current .tl-tag {
  color: var(--accent-dark);
  border-color: rgba(89, 104, 79, .35);
  background: rgba(89, 104, 79, .08);
}
html[data-theme="light"] .tl-current .tl-node {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(89, 104, 79, .14);
}

html[data-theme="light"] .nt-filter-item { color: var(--t3); border-color: var(--line-strong); }
html[data-theme="light"] .nt-filter-item:hover { color: var(--accent-dark); border-color: rgba(89, 104, 79, .45); }
html[data-theme="light"] .nt-filter-item.on { color: #fdfcf9; }
html[data-theme="light"] .nt-fcount { background: rgba(47, 44, 38, .07); color: var(--t2); }
html[data-theme="light"] .nt-filter-item.on .nt-fcount { background: rgba(255, 255, 255, .26); color: #fdfcf9; }
html[data-theme="light"] .nt-fcount.has-unread { background: rgba(180, 85, 63, .14); color: #a34b36; }
html[data-theme="light"] .nt-sec-ico { color: var(--accent); }
html[data-theme="light"] .nt-node { background: var(--space); border-color: var(--line-strong); }
html[data-theme="light"] .nt-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .nt-item:hover .nt-card {
  border-color: var(--line-strong);
  box-shadow: 0 8px 22px rgba(47, 44, 38, .07);
}
html[data-theme="light"] .nt-item.unread .nt-card {
  background: linear-gradient(180deg, rgba(89, 104, 79, .05), var(--panel) 42%);
  border-color: rgba(89, 104, 79, .22);
}
html[data-theme="light"] .nt-msg { background: #f8f6f0; border-color: var(--line); }
html[data-theme="light"] .nt-new { color: #a34b36; }
html[data-theme="light"] .nt-new .dot { background: #b4553f; }
html[data-theme="light"] .nt-btn-mint { color: var(--accent-dark); border-color: rgba(89, 104, 79, .45); }
html[data-theme="light"] .nt-btn-mint:hover { background: var(--accent); color: #fdfcf9; }
html[data-theme="light"] .nt-btn-del { color: #a34b36; border-color: rgba(180, 85, 63, .45); }
html[data-theme="light"] .nt-btn-del:hover { background: #b4553f; color: #fff; }
html[data-theme="light"] .nt-empty { border-color: var(--line-strong); color: var(--t4); }

html[data-theme="light"] .about-dou:hover { background: rgba(89, 104, 79, .06); }
html[data-theme="light"] .about-dou:hover .about-dou-t,
html[data-theme="light"] .about-dou:hover .about-dou-go { color: var(--accent-dark); }
html[data-theme="light"] .about-profile { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .about-name { color: var(--t1); }
html[data-theme="light"] .about-card { background: var(--panel); border-color: var(--line); color: var(--t3); }
html[data-theme="light"] .about-h { color: var(--t1); }
html[data-theme="light"] .about-idx { color: var(--accent-dark); border-color: rgba(89, 104, 79, .3); }
html[data-theme="light"] .about-self { color: var(--t1); border-left-color: rgba(89, 104, 79, .45); }
html[data-theme="light"] .about-self em { color: var(--accent-dark); }
html[data-theme="light"] .about-self strong { color: var(--t1); }
html[data-theme="light"] .about-mail { color: var(--accent-dark); border-bottom-color: rgba(89, 104, 79, .45); }
html[data-theme="light"] .about-mail:hover { color: var(--t1); }

/* ---------- 13. 画廊 / 动弹 / 工具页 ---------------------------------- */
html[data-theme="light"] .gallery-block .chart-container {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: 0 1px 2px rgba(47, 44, 38, .04);
}
html[data-theme="light"] .gallery-block .chart-container[style] { color: var(--t2) !important; }
html[data-theme="light"] .dongdan-item { background: var(--panel); border-color: var(--line); }

/* 独立主题的 3D 图谱页在白天版下保持深色舞台（数据可视化需要暗底），
   仅把外层容器接回纸面，避免白底夹一块黑卡显得割裂 */
html[data-theme="light"] .atlas-page,
html[data-theme="light"] .virus-page { background: #f4f1e8; }