/* 24-work-layer.css — PC 漂浮式工作窗口(P598,P598-fix2 弹窗形态)
   对话是常态:工作空间/思维导图是开在对话上的漂浮大窗口 —— 四周留边、
   背景压暗、右上角关闭钮,明确传达"对话还在下面"。
   z-index 居于页面内容(≤200)与站内提醒(14-notify 9000)之间:
   窗口打开时站内提醒仍可见。容器/iframe 由 work-layer.js 动态创建。 */

.work-layer {
  position: fixed;
  inset: 0;
  z-index: 8000;
  background: var(--shadow-deep);
  animation: wl-fade-in .18s ease;
}

.work-layer[hidden] { display: none; }

.work-layer-window {
  position: absolute;
  /* 边距只留出"一圈暗边 + 关闭钮悬出空间"的最小值:弹窗感靠暗边与关闭钮,
     不靠留白;画布类内容(导图/工作台)要的是接近满屏的工作面积(P598-fix3) */
  inset: 18px 20px;
  background: var(--bg-base);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  box-shadow: 0 24px 80px var(--shadow-deep);
  animation: wl-rise .22s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* iframe 容器单独裁切圆角,关闭钮可悬在窗口角外不被裁掉 */
.work-layer-frames {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
}

.work-layer-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.work-layer-frame[hidden] { display: none; }

.work-layer-close {
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 1;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-full);
  background: var(--bg-floating);
  color: var(--text-main);
  cursor: pointer;
  box-shadow: 0 6px 24px var(--shadow-deep);
  transition: background 0.15s ease;
}

.work-layer-close:hover {
  background: var(--bg-surface-hover);
}

@keyframes wl-fade-in {
  from { opacity: 0; }
}

@keyframes wl-rise {
  from { opacity: 0; transform: translateY(10px) scale(0.985); }
}

@media (prefers-reduced-motion: reduce) {
  .work-layer,
  .work-layer-window { animation: none; }
}