/* 金色与银灰碎亮片从文字内部向外迸发，不占布局空间或扩大点击区域。 */
.cover-word-sparkles{
  position:fixed;
  left:var(--sparkle-x,0px);
  top:var(--sparkle-y,0px);
  width:var(--sparkle-width,0px);
  height:var(--sparkle-height,0px);
  transform:translate(-50%,-50%);
  z-index:2;
  pointer-events:none;
  user-select:none;
  opacity:var(--sparkle-strength,0);
  transition:opacity .4s ease-out;
}
.cover-sparkle{
  position:absolute;
  left:50%;
  top:50%;
  width:var(--piece-size);
  height:calc(var(--piece-size) * 1.45);
  pointer-events:none;
  background:linear-gradient(135deg,#fff0b6 0%,#c5933e 38%,#9d692b 65%,#f7d996 100%);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  transform:translate(calc(-50% + var(--piece-from-x)),calc(-50% + var(--piece-from-y))) rotate(var(--piece-angle));
  animation:cover-sparkle-burst var(--piece-time) ease-out var(--piece-delay) infinite;
  animation-play-state:paused;
}
.cover-sparkle-silver{
  background:linear-gradient(135deg,#f5f4ee 0%,#aaaead 35%,#73797c 66%,#dedfdc 100%);
}
.cover-sparkle-star{
  height:var(--piece-size);
  clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);
}
.cover-word-sparkles[data-active="true"] .cover-sparkle{animation-play-state:running}
@keyframes cover-sparkle-burst{
  0%{
    opacity:0;
    transform:translate(calc(-50% + var(--piece-from-x)),calc(-50% + var(--piece-from-y))) rotate(var(--piece-angle)) scale(.4);
  }
  15%{opacity:.95}
  65%{opacity:.8}
  100%{
    opacity:0;
    transform:translate(calc(-50% + var(--piece-to-x)),calc(-50% + var(--piece-to-y))) rotate(calc(var(--piece-angle) + 135deg)) scale(.92);
  }
}
/* 整个插画组与外层暖光混合，白色纸底透出同一背景，不再铺米白矩形。 */
.home-body .cover-art{background:transparent;mix-blend-mode:multiply}
/* 在独立 HTML 图层混合，避免手机浏览器将 SVG 滤镜、遮罩与混合同时合成成白底。 */
.cover-figure{
  width:100%;
  height:100%;
  min-width:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:transparent;
  mix-blend-mode:multiply;
}
.cover-hair-art{
  display:block;
  height:100%;
  width:auto;
  max-width:100%;
  aspect-ratio:1648 / 2944;
  flex-shrink:1;
  /* SVG 只负责纸底提亮与发梢动画，由外层 HTML 负责融入页面暖色背景。 */
  filter:brightness(1.11);
  mix-blend-mode:normal;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 .35%,#000 99.65%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 .35%,#000 99.65%,transparent);
  mask-composite:intersect;
}
.home-body.cover-motion-paused .cover-word-sparkles{opacity:0;transition:none}
.home-body.cover-motion-paused .cover-sparkle{animation-play-state:paused}
/* 保留原有静态细圆圈，不添加浮动、旋转或光点装饰。 */
.home-body .art-ring{
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .cover-word-sparkles{display:none}
  .cover-sparkle{animation:none}
}
