/* ===== Daily Canvas · 春日花树主题（全站共享覆盖层）=====
   引在各页 design-tokens.css + theme-pine.css 之后，把 pine 的实色卡片
   覆盖成「透明卡片浮在花树湖水画上」。每页专属组件的透明化各自补。
   配套：spring-canvas.js（画两块 fixed 画布）。 */

/* body 底色 = 湖水同款渐变：画布未画出的第一瞬看到的也是湖水色，
   杜绝切页时闪一下 pine 的橄榄绿（那不是缓存，是首帧底色） */
html, body {
  background: linear-gradient(135deg, #93c8ab 0%, #a9d8bf 50%, #bce2cf 100%) fixed !important;
}

/* 两块画布：water 垫底、canopy 钉版头最上层，都不挡点击 */
#spring-water  { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; pointer-events: none; z-index: 0; }
#spring-canopy { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; pointer-events: none; z-index: 40; }

/* 内容层：浮在湖水上、花冠之下；顶部让出版头高度给花，花盖不到字 */
.page-root { position: relative; z-index: 1; padding-top: 48vh; }

/* 卡片：半透明奶白，让画透出来（压过 theme-pine 的 !important）+ 更圆润外框 */
.page-root .card,
.page-root .card:nth-of-type(odd),
.page-root .card:nth-of-type(even) { background: rgba(253, 251, 243, 0.42) !important; }
.page-root .card:hover { background: rgba(255, 254, 248, 0.6) !important; }
.page-root .card { border-radius: 30px !important; }

/* 通用组件圆角 */
.cover       { border-radius: 18px; }
.event-block { border-radius: 16px; }

/* 直接压在湖水上的站名/导航文字：加深墨绿 + 奶白光晕垫底，保证可读。
   导航选中态（.nav-item.active）保持各页原本的绿色强调，不动。 */
header h1 { color: #1e4237 !important; }
header .flex > div > p { color: #3f6a58 !important; }
header h1, header .flex > div > p {
  text-shadow: 0 0 6px rgba(250, 252, 246, 0.95), 0 1px 18px rgba(250, 252, 246, 0.9), 0 0 34px rgba(250, 252, 246, 0.8);
}
.nav-item { color: #2c5546; }
.nav-item:not(.active) { text-shadow: 0 0 8px rgba(250, 252, 246, 0.9); }
.nav-item:not(.active):hover { background: rgba(255, 255, 255, 0.4); color: #1e4237; }

/* 各页 hero / 区块标题：墨绿 + 奶白光晕（透明卡上也读得清） */
.page-root h2.serif-en { color: #1e4237 !important; }
.page-root h2.serif-en,
.page-root h2.xingkai,
.page-root h3.xingkai {
  text-shadow: 0 0 6px rgba(250, 252, 246, 0.9), 0 1px 16px rgba(250, 252, 246, 0.85);
}