/* ==========================================================================
   页面背景层：保留顶部柔和渐变，页底增加中央下凹的蓝色弧形光晕。
   背景装饰不占布局空间，不影响内容颜色与交互。
   基底色仍由 presentation.css 的 body background-color 决定。
   如需纹理 / 线条装饰，加在内容区容器上，不落在标题区。
   ========================================================================== */

body {
  background-image:
    linear-gradient(180deg, rgba(0, 128, 255, .075) 0%, rgba(0, 128, 255, .022) 26%, rgba(0, 128, 255, 0) 52%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 760px;
}

@media (max-width: 1439.98px) {
  body { background-size: 100% 700px; }
}

@media (max-width: 767.98px) {
  body { background-size: 100% 560px; }
}

/* Same bottom-anchored glow on every page; no extra animation or clipped panel. */
main#figma-page,footer.site-shared-footer{
  background-image:url('./footer-glow-blue.svg');
  background-position:center bottom;
  --footer-glow-height:360px;
  background-size:100% var(--footer-glow-height);
  isolation:isolate;
  background-repeat:no-repeat;
  border-radius:0!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(width<768px){
  main#figma-page,footer.site-shared-footer{--footer-glow-height:320px}
}

.footer-code-flow{
  position:absolute;inset:auto 0 0;height:var(--footer-glow-height);
  z-index:0;overflow:hidden;pointer-events:none;opacity:.45;
  -webkit-mask-image:url('./footer-glow-blue.svg');mask-image:url('./footer-glow-blue.svg');
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.footer-code-flow canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.footer-code-flow>.blue-code-ambient{display:none}
#figma-page>[data-figma-node-id="14332:14735"],
#figma-page>[data-figma-node-id="14249:9175"]{z-index:1}