/* 墨意：原来只在首页第一屏的几样小动静，铺到整站（首页、书房、颐养共用）
   - 涟漪：在空白处点一下，泛起一圈圈淡淡的涟漪
   - 一笔：页面左边一条极细的墨线，往下滑就跟着写下去，滑到底落一个墨点 */

.lz-yi { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 6; pointer-events: none; }

.yibi {
  position: fixed; top: 84px; bottom: 28px; z-index: 5; pointer-events: none; width: 10px;
  left: max(14px, calc((100vw - 1040px) / 2 - 40px));
}
.yibi svg { width: 100%; height: 100%; overflow: visible; }
.yibi path { fill: none; stroke: var(--ink-soft, #3F3B36); stroke-width: 1.3; stroke-linecap: round; opacity: .38; }
.yibi i { position: absolute; left: 50%; bottom: -4px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%;
  background: var(--ink-soft, #3F3B36); opacity: 0; transform: scale(.4); transition: opacity .6s, transform .6s var(--e-chu); }
.yibi.shou i { opacity: .55; transform: none; }
/* 屏幕不够宽时，左边没有空白放那一笔，就不画了 */
@media (max-width: 1180px) { .yibi { display: none; } }

/* “听”字散开的声波（assets/dong.js） */
.ting-bo {
  position: absolute; left: calc(50% - .09em); top: calc(50% + .05em); width: 240px; height: 240px; margin: -120px 0 0 -120px; z-index: -1;
  border-radius: 50%; border: 1px solid rgba(63, 59, 54, .55); pointer-events: none; opacity: 0;
}
@media (max-width: 760px) { .ting-bo { width: 170px; height: 170px; margin: -85px 0 0 -85px; } }
/* 导航：鼠标放上去，字下面从左写出一小笔 */
header nav a:not(.off) { position: relative; }
header nav a:not(.off)::after {
  content: ""; position: absolute; left: 0; right: .18em; bottom: -5px; height: 1px; background: currentColor; opacity: .55;
  transform: scaleX(0); transform-origin: left; transition: transform .6s var(--e-chu);
}
header nav a:not(.off):hover::after, header nav a:not(.off):focus-visible::after { transform: scaleX(1); }

/* 长按鼠标拖卡片时，浏览器会把链接拖起来，在指针旁边显示一行网址和字：不让链接、图片被拖，卡片上的字也不会被拖选成一片蓝 */
a, img { -webkit-user-drag: none; }

/* 字不当输入框：指针一律是箭头（链接、按钮各有自己的手型），字也拖不蓝。只有文章和“我的话”这种值得摘抄的长文能选；填写的框照常 */
html { cursor: default; }
body { -webkit-user-select: none; user-select: none; }
.ce-ye, .hua { -webkit-user-select: text; user-select: text; }
input, textarea, [contenteditable] { -webkit-user-select: text; user-select: text; }
input[type="text"], input[type="search"], input[type="email"], textarea, [contenteditable] { cursor: text; }