/* ==========================================================================
   Obsidian Reserve · 亮色主题覆盖层
   只在 <html data-theme="light"> 时生效；暗色文件（obsidian.css / shell.css /
   各页面 css）零改动，本文件后置加载靠属性选择器覆盖。
   色板与桌面设计稿 DESIGN-light.md / 已验证 mockup 一致：
   白底 + 中性浅灰层级 + 蛋黄主题色只给菜单/按钮/选中态，数据展示走中性或语义色。
   ========================================================================== */

[data-theme="light"] {
  /* 表面层级：画布最沉、卡片纯白、浮层白 + 投影 */
  --ob-surface-0: #f2f3f5;
  --ob-surface-1: #f0f2f4;
  --ob-surface-2: #ffffff;
  --ob-surface-3: #ffffff;
  /* 描边 */
  --ob-line: #e5e8eb;
  --ob-line-strong: #c9cdd4;
  /* 文本 */
  --ob-text: #1d2129;
  --ob-text-2: #4e5969;
  --ob-text-3: #6b7785;
  /* 状态色 */
  --ob-ok: #2da44e;
  --ob-ok-bg: #e6f7ea;
  --ob-ok-line: #b7e4c0;
  --ob-live: #2da44e;
  --ob-live-bg: rgba(45, 164, 78, .12);
  --ob-live-line: rgba(45, 164, 78, .40);
  --ob-info: #1668dc;
  --ob-info-bg: rgba(22, 104, 220, .10);
  --ob-info-line: rgba(22, 104, 220, .35);
  --ob-warn: #d48806;
  --ob-warn-bg: #fff7e6;
  --ob-warn-line: #ffd591;
  --ob-err: #e5534b;
  --ob-err-bg: #fdecea;
  --ob-err-line: #f5c6c2;
  --ob-up: #2da44e;
  --ob-up-bg: rgba(45, 164, 78, .12);
  --ob-up-line: rgba(45, 164, 78, .45);
  --ob-down: #e5534b;
  --ob-down-bg: rgba(229, 83, 75, .10);
  --ob-down-line: rgba(229, 83, 75, .45);
  /* 蛋黄主题色：菜单/按钮/选中态专用 */
  --ob-accent: #ff9e1b;
  --ob-accent-deep: #ff7a00;
  --ob-accent-bg: rgba(255, 158, 27, .12);
  --ob-accent-line: rgba(255, 158, 27, .35);
  --ob-accent-ink: #7a4a00;

  /* 整站背景图（后台「默认封面」）上面的遮罩：亮底用近白，照片只当一层淡淡的底纹 */
  --ob-page-scrim: rgba(247, 248, 249, .74);

  color-scheme: light;
}

/* ---------- 基础层硬编码 ---------- */
[data-theme="light"].ob-body ::selection,
[data-theme="light"] .ob-body ::selection { background: rgba(255, 158, 27, .28); color: var(--ob-text); }
[data-theme="light"] .ob-body { scrollbar-color: #c9cdd4 var(--ob-surface-0); }
[data-theme="light"] .ob-body ::-webkit-scrollbar-thumb { background: #c9cdd4; border-color: var(--ob-surface-0); }
[data-theme="light"] .ob-body ::-webkit-scrollbar-thumb:hover { background: #aeb4bd; }

/* 主按钮：暗色的「白底黑字」在亮色翻转为蛋黄渐变 + 白字 + 蛋黄柔光 */
[data-theme="light"] .ob-btn-primary {
  background: linear-gradient(135deg, var(--ob-accent), var(--ob-accent-deep));
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(255, 158, 27, .35);
}
[data-theme="light"] .ob-btn-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #f5960f, #f57000);
  color: #ffffff;
  box-shadow: 0 2px 16px rgba(255, 158, 27, .5);
}
[data-theme="light"] .ob-body .btn-primary {
  background: linear-gradient(135deg, var(--ob-accent), var(--ob-accent-deep));
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(255, 158, 27, .35);
}
[data-theme="light"] .ob-body .btn-primary:hover {
  background: linear-gradient(135deg, #f5960f, #f57000);
  border-color: transparent;
  color: #ffffff;
}
/* 复选框选中态跟随主按钮语汇 */
[data-theme="light"] .ob-check input[type="checkbox"]:checked {
  background: var(--ob-accent);
  border-color: var(--ob-accent-deep);
}
[data-theme="light"] .ob-check input[type="checkbox"]:checked::after { border-color: #ffffff; }

/* 行分隔在浅底上需要比 surface-1 更实一点 */
[data-theme="light"] .ob-table td,
[data-theme="light"] .ob-body .data-table td,
[data-theme="light"] .ob-row,
[data-theme="light"] .ob-body .topic-row,
[data-theme="light"] .ob-body .notif-item,
[data-theme="light"] .ob-body .ar-row,
[data-theme="light"] .ob-body .rk-row,
[data-theme="light"] .ob-body .mini-topic,
[data-theme="light"] .ob-body .feedback-item,
[data-theme="light"] .ob-body .hp-search-list li { border-bottom-color: var(--ob-line); }

/* 白卡上的「突出面」改用浅灰（暗色里靠更亮的 surface-3，亮色要反过来） */
[data-theme="light"] .ob-chip.is-active,
[data-theme="light"] .ob-body .admin-chip,
[data-theme="light"] .ob-body .rc-chip,
[data-theme="light"] .ob-body .fb-type,
[data-theme="light"] .ob-body .tabs a.active,
[data-theme="light"] .ob-body .tabs span.active,
[data-theme="light"] .ob-body .vote-btn.active { background: #f2f3f5; }

/* 首页筛选行（板块 chips）的选中态：设计稿 home_pc_light 里就是实心蛋黄 + 白字，
   与主按钮共用一套「选中=主题色」语汇。暗色主题没有主题色，继续靠明度差表达选中。 */
[data-theme="light"] .ob-boards .ob-chip.is-active {
  background: linear-gradient(135deg, var(--ob-accent), var(--ob-accent-deep));
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(255, 158, 27, .3);
}
[data-theme="light"] .ob-boards .ob-chip.is-active em { color: rgba(255, 255, 255, .88); }

/* 前三名金/银/铜：亮底换深一档保证对比 */
[data-theme="light"] .ob-body .rank-1,
[data-theme="light"] .ob-body .ar-rank.r1 { color: #9a7420; }
[data-theme="light"] .ob-body .rank-2,
[data-theme="light"] .ob-body .ar-rank.r2 { color: #6b7684; }
[data-theme="light"] .ob-body .rank-3,
[data-theme="light"] .ob-body .ar-rank.r3 { color: #8a5a34; }

/* Toast / 浮层投影与错误字色 */
[data-theme="light"] .ob-toast { box-shadow: 0 8px 32px -4px rgba(29, 33, 41, .18); }
[data-theme="light"] .ob-toast.is-err { color: #8c2620; }
[data-theme="light"] .ob-body .adm-menu-list { box-shadow: 0 8px 32px -4px rgba(29, 33, 41, .18); }
[data-theme="light"] .ob-body .usercard { box-shadow: 0 8px 32px -4px rgba(29, 33, 41, .18); }
[data-theme="light"] .ob-body .ann-overlay { background: rgba(29, 33, 41, .45); }
[data-theme="light"] .ob-body .ann-box { box-shadow: 0 8px 32px -4px rgba(29, 33, 41, .18); }

/* 封面（个人页与首页个人卡共用同一口径）：暗色深色调渐变翻转为亮色浅色调渐变。
   注意 background-size/position 必须跟着简写一起写回来——简写会把它们重置成 auto，
   自定义封面图在亮色下就会按原始尺寸平铺而不是裁切填满（个人页之前就有这个坑）。 */
[data-theme="light"] .ob-body .profile-cover,
[data-theme="light"] .ob-me-banner {
  background: linear-gradient(135deg, hsl(calc(var(--cover-h, 0) * 1deg), 42%, 92%), hsl(calc((var(--cover-h, 0) + 40) * 1deg), 36%, 86%));
  background-size: cover;
  background-position: center;
}
[data-theme="light"] .ob-body .cover-edit-btn { background: rgba(255, 255, 255, .85); color: var(--ob-text-2); }

/* 引导卡/签到卡的氛围光：暗底微光翻转为亮底淡彩 */
[data-theme="light"] .ob-body .feedback-intro-card,
[data-theme="light"] .ob-body .egg-intro-card {
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(255, 158, 27, .07), transparent 55%),
    var(--ob-surface-2);
}
[data-theme="light"] .ob-body .checkin-card {
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(45, 164, 78, .08), transparent 55%),
    var(--ob-surface-2);
}
/* 签到页「已达成」（奖励链节点 / 今日任务行）：页面样式里为了暗色看得清改用了鲜绿 --ob-live，
   亮色下那套混色反而发灰、不如原来的 ok 系干净，这里整块盖回改版前的观感。 */
[data-theme="light"] .ob-body .ck-node.is-done,
[data-theme="light"] .ob-body .ck-task.is-done { border-color: var(--ob-ok-line); background: var(--ob-ok-bg); }
[data-theme="light"] .ob-body .ck-node.is-done .ck-node-ic,
[data-theme="light"] .ob-body .ck-task.is-done .ck-task-ic { border-color: var(--ob-ok-line); color: var(--ob-ok); }
[data-theme="light"] .ob-body .ck-node.is-done .ck-node-tag { color: var(--ob-text-3); }
[data-theme="light"] .ob-body .ck-task.is-done .ck-task-state { color: var(--ob-ok); }
/* 等级经验条（首页个人卡 / 签到页）：设计稿里的 Lv 进度条是蛋黄填充，
   与「进度条/签到链填充用主题色」的口径一致；已达成态（.ob-progress-ok）仍走绿。 */
[data-theme="light"] .ob-progress:not(.ob-progress-ok) > i {
  background: linear-gradient(90deg, var(--ob-accent), var(--ob-accent-deep));
}

/* 卡片在亮底不需要半透明+模糊（白卡直接实底更干净） */
[data-theme="light"] .ob-card,
[data-theme="light"] .ob-body .section-card,
[data-theme="light"] .ob-body .side-card,
[data-theme="light"] .ob-body .form-page-card,
[data-theme="light"] .ob-body .notice-card,
[data-theme="light"] .ob-body .topic-card,
[data-theme="light"] .ob-body .reply-form-card,
[data-theme="light"] .ob-body .post-card,
[data-theme="light"] .ob-body .auth-card,
[data-theme="light"] .ob-body .ar-card,
[data-theme="light"] .ob-body .topic-head-card,
[data-theme="light"] .ob-body .title-card,
[data-theme="light"] .ob-body .coop-card,
[data-theme="light"] .ob-body .hatch-card { backdrop-filter: none; background: var(--ob-surface-2); }

/* ==========================================================================
   shell.css：左侧导航栏的亮色版
   （结构与交互与暗色完全一致，只换颜色：白底整高竖栏 + 蛋黄只给选中态、主按钮与悬浮）
   ========================================================================== */
[data-theme="light"] .ob-side {
  background: var(--ob-surface-2);
  border-right-color: var(--ob-line);
}
[data-theme="light"] .ob-side-item { color: var(--ob-text-2); }
[data-theme="light"] .ob-side-item:hover { background: var(--ob-accent-bg); color: var(--ob-accent-deep); }
[data-theme="light"] .ob-side-item.is-active {
  background: rgba(255, 158, 27, .16);
  color: var(--ob-accent-deep);
  border-color: var(--ob-accent-line);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
}
[data-theme="light"] .ob-side-item.is-disabled,
[data-theme="light"] .ob-side-item.is-disabled:hover { color: #c9cdd4; }
[data-theme="light"] .ob-side-sep { background: rgba(29, 33, 41, .10); }
[data-theme="light"] .ob-side-group { color: var(--ob-text-3); }
/* 品牌头：蛋标走蛋黄淡底，与页脚、移动端抽屉尾部那枚是同一个标志 */
[data-theme="light"] .ob-side-mark {
  background: #fff3e0;
  border-color: var(--ob-accent-line);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6);
}
[data-theme="light"] .ob-side-toggle:hover { background: var(--ob-accent-bg); color: var(--ob-accent-deep); }
/* 发起讨论：亮色下与全站主按钮（.ob-btn-primary）同一套蛋黄渐变 + 柔光 */
[data-theme="light"] .ob-side-new {
  background: linear-gradient(135deg, var(--ob-accent), var(--ob-accent-deep));
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(255, 158, 27, .4);
}
[data-theme="light"] .ob-side-new:hover { background: #f5960f; color: #ffffff; }
[data-theme="light"] .ob-side-tool:hover {
  background: var(--ob-accent-bg); color: var(--ob-accent-deep); border-color: var(--ob-accent-line);
}
[data-theme="light"] .ob-side-me:hover { background: var(--ob-accent-bg); border-color: var(--ob-accent-line); }
/* 红点/绿点的描边跟着侧栏底色走（亮色下是白） */
[data-theme="light"] .ob-side-badge,
[data-theme="light"] .ob-side-ping { box-shadow: 0 0 0 1.5px #ffffff; }
[data-theme="light"] .ob-side-online { background: #2da44e; box-shadow: 0 0 0 2px #ffffff; }
[data-theme="light"] .ob-side-ready { color: #2da44e; }
[data-theme="light"] .ob-side-ready i { background: #2da44e; box-shadow: 0 0 6px rgba(45, 164, 78, .55); }
[data-theme="light"] .ob-side-note { color: #86909c; }
/* 蛋标里的蛋黄：只有亮色主题把它染成主题色（暗色保持灰阶） */
[data-theme="light"] .ic-yolk { fill: var(--ob-accent); }
/* 移动端抽屉尾部的站名：与侧栏品牌头同一枚蛋标 */
[data-theme="light"] .ob-sheet-brand svg { color: var(--ob-text-2); }
/* 主题切换钮：亮色显示月亮、暗色显示太阳（与旧顶栏习惯一致） */
.ob-ic-moon { display: flex; }
.ob-ic-sun { display: none; }
[data-theme="light"] .ob-ic-moon { display: none; }
[data-theme="light"] .ob-ic-sun { display: flex; }

/* 移动端底栏/抽屉/⌘K 的遮罩与禁用色 */
[data-theme="light"] .ob-sheet-overlay,
[data-theme="light"] .ob-cmdk-overlay,
[data-theme="light"] .ob-modal-overlay { background: rgba(29, 33, 41, .45); }
[data-theme="light"] .ob-sheet-grid .is-disabled { color: #c9cdd4; }

/* ==========================================================================
   页面级 css 的暗色死角
   ========================================================================== */
/* 个人卡封面的亮色渐变在上面那条封面规则里统一处理（与个人页同一条） */
/* home.css：未登录引导卡的蛋标，同样走蛋黄淡底 */
[data-theme="light"] .ob-guest-mark { background: #fff3e0; border-color: var(--ob-accent-line); }
/* home.css：排序按钮在暗色里靠「比画布亮一档的 surface-1」显形，
   亮色主题把它翻过来了，surface-1 和画布几乎同色，按钮看起来就是一行裸文字——
   亮底改回白卡底 + 现有描边，重新读成一个控件。 */
[data-theme="light"] .ob-sortbtn { background: var(--ob-surface-2); }
[data-theme="light"] .ob-sortbtn:hover { border-color: var(--ob-text-3); }
/* post.css / room.css：分隔符与占位/楼层灰 */
[data-theme="light"] .ob-post-sep,
[data-theme="light"] .ob-crumb-sep { color: #c9cdd4; }
[data-theme="light"] .ob-post-title::placeholder { color: #86909c; }
[data-theme="light"] .ob-msg-floor { color: #86909c; }
/* 登录/注册页不参与 obsidian 亮色覆盖：该页已回退旧版设计（style.css 自带明暗两套），
   本文件也不被它加载，这里不留任何 au-* 规则以免误伤。 */