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

/* 手机点按：关掉浏览器自带的高亮（安卓是一大块蓝、iPhone 是一大块灰），换成站里自己的轻反馈：链接按下去淡一点 */
* { -webkit-tap-highlight-color: transparent; }
@media (hover: none) { a:active { opacity: .6; transition: opacity .12s; } }

.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: 40px; height: 40px; transform: translate(-50%, -50%); z-index: -1;
  border-radius: 50%; pointer-events: none; opacity: 0;
  /* 一圈细线，线宽不变；一次连着荡出几圈（assets/dong.js 里算大小、先后和深浅），像声纹一圈圈往外走 */
  border: 1px solid rgba(var(--ink-rgb), .7); box-shadow: 0 0 7px rgba(var(--ink-rgb), .18);
}
/* 导航：鼠标放上去，字下面从左写出一小笔 */
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); }

/* 手指点得到：外观不变，只把能点的范围向外撑到约 44px 高（手指比鼠标粗，原来只有二十几像素容易点歪） */
@media (pointer: coarse) {
  .mark, .shiling, .ka-qu, .du, .rili, .jq-xia button, .lei button { position: relative; }
  .mark::before, .shiling::before, .ka-qu::before, .du::before, .rili::before, .jq-xia button::before, .lei button::before, .yusheng::before {
    content: ""; position: absolute; inset: -9px -4px;
  }
  header nav a::before { content: ""; position: absolute; inset: -12px -7px; }
  .lei button::before { inset: -9px 0; }
}

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

/* 字不能选、不能复制：全站的字都选不中（阿霖 2026-11-04 要求，连长文和“我的话”也一样）。只有填写的框照常能选能贴。
   这只能拦住普通访客：截图、查看网页源码、关掉样式这些办法拦不住 */
html { cursor: default; }
body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, textarea, [contenteditable] { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
input[type="text"], input[type="search"], input[type="email"], textarea, [contenteditable] { cursor: text; }