/* ============================================================
静心寻道 · 深色模式与深夜场景 v1.0
------------------------------------------------------------
用途：可直接 到站内任意既有页面，无需改动页面结构。
触发：22:00–06:00 自动启用；用户手动切换后以手动为准。
依据：51.66% 的情绪消费行为发生在 0:00–6:00（iiMedia 2026）。
============================================================ */
/* ---------- 1. 夜间色板 ---------- */
html.night{
--bg:#161A19;
--bg-soft:#1E2321;
--surface:#222825;
--text:#E4E8E5;
--text-soft:#A8B4AE;
--text-mute:#7C8882;
--brand:#8FB3A6;
--brand-soft:#243029;
--accent:#D6A77E;
--line:#2E3532;
--ok:#8FB3A6;
--warn:#D6A77E;
--shadow-card:0 1px 3px rgba(0,0,0,.3);
--shadow-pop:0 8px 32px rgba(0,0,0,.45);
}
/* ---------- 2. 基础层（适配既有页面） ---------- */
html.night body{
background:#161A19 !important;
color:#E4E8E5 !important;
}
html.night a{ color:#8FB3A6; }
html.night a:hover{ color:#A9C9BC; }
html.night h1,
html.night h2,
html.night h3,
html.night h4,
html.night h5,
html.night p,
html.night li,
html.night span,
html.night div{
border-color:#2E3532;
}
/* 卡片 / 面板 / 区块 */
html.night section,
html.night article,
html.night aside,
html.night .card,
html.night .panel,
html.night .box,
html.night .post,
html.night .item,
html.night .entry{
background:#222825 !important;
border-color:#2E3532 !important;
color:#E4E8E5;
}
/* 表单 */
html.night input,
html.night textarea,
html.night select{
background:#1E2321 !important;
border-color:#2E3532 !important;
color:#E4E8E5 !important;
}
html.night input::placeholder,
html.night textarea::placeholder{ color:#6E7A74; }
html.night input:focus,
html.night textarea:focus{ border-color:#8FB3A6 !important; }
/* 按钮 */
html.night button,
html.night .btn{
background:#222825;
color:#E4E8E5;
border-color:#2E3532;
}
html.night .btn-primary,
html.night .btn-p{
background:#8FB3A6 !important;
color:#12211C !important;
border-color:#8FB3A6 !important;
}
/* 头部 / 页脚 */
html.night header,
html.night footer,
html.night nav{
background:#161A19 !important;
border-color:#2E3532 !important;
}
/* 图片降亮（深夜不刺眼） */
html.night img{ filter:brightness(.82) saturate(.92); }
/* 分隔线与边框 */
html.night hr,
html.night .divider{ border-color:#2E3532 !important; }
/* 代码块 */
html.night pre,
html.night code{
background:#1E2321 !important;
color:#C9D6CF !important;
}
/* ---------- 3. 深夜场景专项 ---------- */
/* 3.1 整体再压暗一档（00:00–05:00） */
html.deep-night body{ background:#121514 !important; }
/* 3.2 关闭闪烁与强动效，避免干扰入睡 */
html.night *{
animation-duration:12s !important; /* 放慢，配合呼吸 */
transition-duration:.4s !important;
}
html.night .orb span,
html.night .breath span{
animation-duration:10s !important; /* 呼吸圆在夜间更慢 */
}
/* 3.3 深夜提示条 */
.night-note{
display:none;
background:#1E2321;
border:1px solid #2E3532;
border-radius:12px;
padding:14px 18px;
margin:16px 0;
font-size:14px;
color:#A8B4AE;
line-height:1.8;
}
html.night .night-note{ display:block; }
/* 3.4 降低纯白高亮块（夜间不要用白底卡片） */
html.night .highlight,
html.night .notice,
html.night .tip{
background:#1E2321 !important;
color:#C9D6CF !important;
}
/* ---------- 4. 无障碍：尊重系统减弱动效 ---------- */
@media (prefers-reduced-motion: reduce){
html.night *{
animation:none !important;
transition:none !important;
}
}
/* ---------- 5. 打印（不受夜间影响） ---------- */
@media print{
html.night body{ background:#fff !important; color:#000 !important; }
}
/* ============================================================
部署说明
------------------------------------------------------------
① 在任意页面 引入：
② 在 前加切换脚本（见下）
③ 如需深夜提示条，在页面顶部插入：
深夜容易把小事想大。先写下来，明天再看看。
============================================================ */
/* ============================================================
配套脚本（另存为 /assets/night.js 或内联）
------------------------------------------------------------
;(function(){
var K='xd_night', s=localStorage.getItem(K), h=new Date().getHours();
var auto=(h>=22||h<6), deep=(h>=0&&h<5);
var on=(s===null)?auto:(s==='1');
function apply(v){
document.documentElement.classList.toggle('night',v);
document.documentElement.classList.toggle('deep-night',v&&deep);
}
apply(on);
// 每小时校正一次自动规则（跨零点场景）
setInterval(function(){
if(localStorage.getItem(K)===null){
var hh=new Date().getHours();
apply(hh>=22||hh<6);
}
},3600000);
})();
============================================================ */