/* ==================== 水彩印象派全站皮肤（2026-09-29） ====================
   背景：莫奈《睡莲》(Nymphéas, 1907, 休斯顿美术馆藏) 高清扫描，公有领域（莫奈 1926 年去世）。
   来源 Wikimedia Commons「Claude Monet - Water Lilies (Nymphéas) - Google Art Project」3840px 版：
   横屏用下部 3840×2160 裁切 /img/monet-1907-4k.jpg；竖屏（手机）用整幅缩到 1400px 宽的 /img/monet-1907-tall.jpg。
   正文放在半透明的「水彩纸」面板上保证可读。各页面在 <head> 最后引入本文件，覆盖它们自己的
   :root 配色变量——所以本文件必须排在页面内联 <style> 与 /style.css 之后。
   皮肤固定为浅色：原页面的深色模式块（:root:not([data-theme="light"]) 等，特异度 0,2,0）
   用 :root:root:root（0,3,0）压过，否则系统开深色时会出现「深色字底 + 亮色油画」的冲突。
   首页 body.home 有自己的布局，只用背景与变量，不套正文面板。
   style.css 系页面（body > .layout）：目录与正文拆成两张纸片，见下方专门一段。 */
:root:root:root{
  color-scheme:light;
  --bg:#f7f2e8; --surface:rgba(251,248,241,.9); --surface-2:rgba(233,228,242,.72);
  --ink:#2b3549; --ink-2:#55607a; --muted:#646d80; --line:rgba(104,112,138,.24);
  --accent:#4a6c98; --accent-ink:#fdfbf6; --accent-soft:#e2e9f3;
  --bar-tint:#d6e0ee; --amber:#a26a36;
  --shadow:0 1px 2px rgba(43,53,73,.05),0 16px 40px -24px rgba(43,53,73,.45);
  --wc-glass:rgba(250,247,240,.9);
}
html{background:#dfe4e2}
body{background:transparent!important}
/* 画：固定层。z-index:-1 需要 body 背景透明（上一行），html 只给兜底底色 */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:url("/img/monet-1907-4k.jpg") center/cover no-repeat, #cdd3e2;
}
@media (orientation:portrait){ body::before{background-image:url("/img/monet-1907-tall.jpg")} }

/* 正文面板：课表页 .wrap、MMD 页 .page、单栏子页 .subpage（命令行步骤 / 后续规划）整体是一张水彩纸 */
body:not(.home) > .wrap,
body:not(.home) > .page,
body:not(.home) > .subpage{
  background:var(--wc-glass);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.55);
  border-radius:30px 36px 28px 34px/34px 28px 36px 30px;
  box-shadow:0 30px 80px -40px rgba(30,45,60,.55);
  margin-top:28px; margin-bottom:40px;
}
.sitenav{background:rgba(247,242,232,.84)!important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px)}

/* 标题与强调色统一成水蓝/丁香紫 */
header.page h1, section > h2, .mmd-hero h1, .title-block h1{color:var(--ink)}
section > h2 .num{color:#8a78b0}
::selection{background:#e6dcf0}

/* ---------- style.css 系页面（论文写作 / 课题 / 命令行 / YOLO / 文献库）----------
   左侧目录与右侧正文拆成两张独立的纸片，中间露出画；页题做成一条带水色晕染的横幅。 */
body > .layout{padding-top:18px; padding-bottom:48px; gap:22px; align-items:start}
body > .layout > .sidebar,
body > .layout > main{
  background:var(--wc-glass);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 26px 70px -40px rgba(24,36,60,.6);
}
body > .layout > .sidebar{
  top:64px; padding:22px 18px 20px;           /* 64 = 顶部导航 46 + 18 间距 */
  border-radius:24px 20px 26px 18px/20px 26px 18px 24px;
  max-height:calc(100vh - 82px); overflow:auto; scrollbar-width:thin;
}
body > .layout > main{padding:22px 40px 36px; border-radius:30px 24px 32px 22px/24px 32px 22px 30px}
body > .layout > main > header.page,
body > .subpage > header.page{
  margin:0 0 30px; padding:26px 28px 24px; border-bottom:0;   /* 与上下内容同宽对齐，不外扩 */
  border-radius:22px 18px 24px 16px/18px 24px 16px 22px;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(226,233,243,.95), transparent 60%),
    radial-gradient(120% 140% at 100% 100%, rgba(236,226,240,.9), transparent 60%),
    rgba(255,255,255,.5);
  border:1px solid rgba(104,112,138,.14);
}
body > .layout > main > header.page h1,
body > .subpage > header.page h1{font-size:32px; margin-bottom:8px}
body > .subpage{padding:26px 34px 44px; max-width:1060px}
body > .layout > main > footer.page{margin-top:44px}
@media (max-width:920px){
  body > .layout{padding:12px 8px 36px; gap:12px}
  body > .layout > .sidebar{position:static; max-height:none; border-bottom:1px solid rgba(255,255,255,.6)}
  body > .layout > main{padding:14px 18px 28px; border-radius:22px}
  body > .layout > main > header.page,
  body > .subpage > header.page{margin:0 0 24px; padding:20px 18px}
  body > .layout > main > header.page h1,
  body > .subpage > header.page h1{font-size:25px}
  body > .subpage{padding:16px 16px 32px}
}

@media (max-width:760px){
  body:not(.home) > .subpage,
  body:not(.home) > .wrap,
  body:not(.home) > .page{margin:12px 8px 24px; border-radius:22px}
}
@media print{
  body::before{display:none}
  body:not(.home) > .wrap, body:not(.home) > .page, body:not(.home) > .subpage,
  body > .layout > .sidebar, body > .layout > main{background:#fff; box-shadow:none; border:0; backdrop-filter:none}
}