/*
 * 壁纸只占页面画布，业务卡片、表格、视频、图表与弹窗沿用原来的实体表面。
 * 使用既有 layer，优先级高于该 layer 的旧画布声明；不修改现有主题令牌。
 */
@layer debater-visual-system {
  html[data-debater-wallpaper][data-wallpaper-tone] {
    --fw-base: #17130e;
    --fw-opacity: .42;
  }

  html[data-debater-wallpaper][data-wallpaper-tone='paper'] {
    --fw-base: #fdfbf6;
    --fw-opacity: .5;
  }

  html[data-debater-wallpaper][data-wallpaper-context='admin'] {
    --fw-opacity: .22;
  }

  html[data-debater-wallpaper][data-wallpaper-tone] body {
    isolation: isolate;
    background-color: var(--fw-base) !important;
    background-image: none !important;
  }

  html[data-debater-wallpaper][data-wallpaper-tone] [data-wallpaper-canvas] {
    background-color: transparent !important;
    background-image: none !important;
  }

  /* 旧后台画布 :is() 含 ID，所有匹配节点都获得 ID 权重；仅对这三个实际画布对齐权重。 */
  html[data-debater-wallpaper][data-wallpaper-tone] app-admin :is(.admin-shell,.admin-main,#admin-main-content)[data-wallpaper-canvas] {
    background-color: transparent !important;
    background-image: none !important;
  }

  html[data-debater-wallpaper][data-wallpaper-tone] #debater-function-wallpaper {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: var(--fw-opacity);
  }

  /* 移除旧装饰的叠影；首页篆刻主视觉 figure 及用户上传图始终保留。 */
  html[data-debater-wallpaper][data-wallpaper-tone] :is(.global-chinese-watermark, app-particles),
  html[data-debater-wallpaper='home'][data-wallpaper-tone] app-home .hero-backdrop {
    display: none !important;
  }

  html[data-debater-wallpaper='home'][data-wallpaper-tone] app-home .home-hero::before {
    background-image: none !important;
  }

  @media (max-width: 640px) {
    html[data-debater-wallpaper][data-wallpaper-tone] {
      --fw-opacity: .23;
    }
    html[data-debater-wallpaper][data-wallpaper-context='admin'][data-wallpaper-tone] {
      --fw-opacity: .16;
    }
    /* 竖屏保留右下缘功能意象与上方操作留白，避免横向裁掉两侧后只剩空白。 */
    html[data-debater-wallpaper][data-wallpaper-tone] #debater-function-wallpaper {
      background-size: auto 70%;
      background-position: right bottom;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html[data-debater-wallpaper][data-wallpaper-tone] #debater-function-wallpaper {
      animation: none !important;
      transition: none !important;
    }
  }

  @media print {
    html[data-debater-wallpaper][data-wallpaper-tone] #debater-function-wallpaper {
      display: none !important;
    }
    html[data-debater-wallpaper][data-wallpaper-tone] body {
      background: #fff !important;
    }
  }
}