/* ════════════════════════════════════════════════════════════
日间模式 — 起点羊皮纸 / 老书黄护眼风
参考:起点小说阅读页"羊皮纸"模式 + Apple Books Sepia
覆盖所有 :root 中可能出现的 token,适配全站所有页面
════════════════════════════════════════════════════════════ */
[data-theme="light"]{
/* ── 基础色 (羊皮纸黄,浓郁但护眼) ── */
--bg-0: #F4E8C8; /* 羊皮纸/老书黄 */
--bg-1: #F8EDD1; /* 卡片(亮 +4) */
--bg-2: #E8D9B3; /* inset 凹面 */
--bg-3: #DBC99B; /* subtle 强凹面 */
--bg: #F4E8C8;
--bg1: #F8EDD1;
--bg2: #E8D9B3;
/* ── 文字 (深棕墨,对比 ~10:1,不刺眼) ── */
--ink-0: #3D2F1D;
--ink-hi: #3D2F1D;
--ink: #50402B;
--ink-lo: rgba(61,47,29,0.62);
--ink-mute: rgba(61,47,29,0.42);
--ink-dim: rgba(61,47,29,0.22);
--ink2: rgba(61,47,29,0.62);
--ink3: rgba(61,47,29,0.42);
/* admin.html 用 --text-0/1/2/3 命名 */
--text-0: #3D2F1D;
--text-1: #50402B;
--text-2: rgba(61,47,29,0.62);
--text-3: rgba(61,47,29,0.42);
/* index.html 用 --t1/2/3/4 命名 */
--t1: #3D2F1D;
--t2: rgba(61,47,29,0.62);
--t3: rgba(61,47,29,0.42);
--t4: rgba(61,47,29,0.22);
/* ── 分隔线 ── */
--line: rgba(61,47,29,0.10);
--line-hi: rgba(61,47,29,0.18);
--rule: rgba(61,47,29,0.14);
--rule-soft: rgba(61,47,29,0.06);
/* ── 强调色(深暖橙棕,在羊皮纸上对比清晰) ── */
--accent: #9C6628;
--accent-hi: #B47A38;
--accent-hover: #B47A38;
--accent-lo: rgba(156,102,40,0.14);
--accent-soft: rgba(156,102,40,0.14);
--accent-dim: rgba(156,102,40,0.10);
--accent-serif: #9C6628;
/* ── 状态色(沉稳老书风) ── */
--flow: #4A6A9E; /* 沉稳蓝 */
--flow-lo: rgba(74,106,158,0.10);
--flow-dim: rgba(74,106,158,0.10);
--ok: #5F7E45; /* 深橄榄绿 */
--ok-dim: rgba(95,126,69,0.12);
--warn: #B07F2B; /* 暖琥珀 */
--warn-dim: rgba(176,127,43,0.12);
--err: #A84038; /* 砖红 */
--err-dim: rgba(168,64,56,0.12);
/* ── 阴影(柔和暖色阴影) ── */
--shadow-sm: 0 1px 2px rgba(61,47,29,0.10);
--shadow-md: 0 4px 12px rgba(61,47,29,0.14);
--shadow-lg: 0 8px 32px rgba(61,47,29,0.16);
/* ── dock(底部按钮栏) ── */
--dock-bg: rgba(248,237,209,0.94);
--dock-shadow: 0 22px 48px -16px rgba(61,47,29,0.18), 0 4px 12px rgba(61,47,29,0.06);
/* ── wire(legacy 装饰) ── */
--wire-glow: rgba(156,102,40,0.18);
--wire-glow-soft: rgba(156,102,40,0.08);
--wire-soft: rgba(156,102,40,0.14);
--wire-bg: rgba(156,102,40,0.10);
/* ── guide.html / 部分页面用的简短别名 token(暗色版本)需要桥接 ── */
--bg: #F4E8C8;
--bg1: #F8EDD1;
--bg2: #E8D9B3;
--ink: #50402B;
--ink2: rgba(61,47,29,0.62);
--ink3: rgba(61,47,29,0.42);
/* ── admin.html 用的无后缀 --shadow ── */
--shadow: 0 4px 24px rgba(61,47,29,0.14);
/* ── 等级色点 lvl-1/2/3/4(在羊皮纸上加深) ── */
--lvl-1: #4A6A9E;
--lvl-2: #5F7E45;
--lvl-3: #4A6A9E;
--lvl-4: #7B5BA0;
}
/* 浅色环境光(老书黄气场) */
[data-theme="light"] body::before{
background:
radial-gradient(1200px 700px at 15% 5%, rgba(156,102,40,0.06) 0%, transparent 60%),
radial-gradient(900px 600px at 90% 15%, rgba(156,102,40,0.04) 0%, transparent 55%),
radial-gradient(1000px 700px at 80% 95%, rgba(74,106,158,0.025) 0%, transparent 55%);
}
/* ════════════════════════════════════════════════════════════
修正各页面 hardcode 颜色在浅色模式下的可读性
原页面有少量直接写死的色值(#8A8269 / #F4EEDD 等),
在羊皮纸底色下需要 inverted 处理
════════════════════════════════════════════════════════════ */
[data-theme="light"] [style*="#F4EEDD"]{ color:#3D2F1D !important; }
[data-theme="light"] [style*="#8A8269"]{ color:rgba(61,47,29,0.62) !important; }
[data-theme="light"] [style*="#D9CFB8"]{ color:#50402B !important; }
/* ════════════════════════════════════════════════════════════
select 下拉箭头 — dark theme 用 #F4EEDD 米白 SVG,
在羊皮纸底上看不清,这里换成深棕 #3D2F1D
════════════════════════════════════════════════════════════ */
[data-theme="light"] .row select{
background-image:url("data:image/svg+xml;utf8,") !important;
}
[data-theme="light"] #fieldsResult .field select,
[data-theme="light"] #fieldsBlocker .field select,
[data-theme="light"] #fieldsReview .field select,
[data-theme="light"] #fieldsAction .field select{
background-image:url("data:image/svg+xml;utf8,") !important;
}
/* admin / dashboard 等其他页面的 select 箭头(若有 hardcode 浅色) */
[data-theme="light"] select{
/* 兜底:使用 ink-0 颜色的箭头(覆盖未列出的页面 select) */
color: var(--ink-0);
}