/* ============================================================
   decorations.css — 手绘线条装饰定位与 opacity 控制
   治愈风可见（--deco-opacity:1），极简风统一隐藏（:0）。
   装饰用内联 SVG / CSS 背景，绝不删除，可一键恢复。
   ============================================================ */

.deco {
  position: absolute;
  opacity: var(--deco-opacity);
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.4s ease;
}
.deco svg { display: block; stroke: var(--deco-color); stroke-width: 1.4; fill: none; }

/* 盆栽：右上角 */
.deco--plant { top: 14px; right: 16px; width: 46px; }
/* 飞鸟：左上角 */
.deco--bird { top: 18px; left: 18px; width: 40px; }
/* 细枝小花：底部 */
.deco--sprig { bottom: 10px; left: -6px; width: 70px; }
/* 花瓶：今日页某卡右下 */
.deco--vase { bottom: 8px; right: 12px; width: 40px; }

/* 整页散落装饰（挂在 #app 下，不遮挡交互） */
#app > .deco-float {
  position: fixed;
  opacity: var(--deco-opacity);
  z-index: 0;
  pointer-events: none;
}
.deco-float svg { stroke: var(--deco-color); stroke-width: 1.2; fill: none; opacity: 0.5; }