/* ==========================================================
   JR杰瑞 · 杰瑞绘画介绍页  intro-painting.191000.css
   ------------------------------------------------------------
   只补「画布舞台」签名组件的展示几何。
   配色 / 描边 / 进度条渐变在 eco-painting.181000.css，这里不重复。
   ⚠️ 新建带时间戳文件，绝不改名或覆写既有 CSS（nginx 7d 强缓存）
   ========================================================== */

/* ---- 画室签名组件：画布舞台 · 几何 ---- */
[data-eco="painting"] .canvas-workbench {
  min-height: 236px;
  padding: 26px 24px 34px;
  border-radius: 18px;
  overflow: hidden;
}

[data-eco="painting"] .canvas-node {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(232, 225, 213, .10);
  background: #1B1815;
  color: #E8E1D5;
  font-size: 13px;
  line-height: 1.45;
  transition: transform .2s cubic-bezier(.2, .7, .3, 1), border-color .2s;
}
[data-eco="painting"] .canvas-node b {
  font-weight: 600;
  font-size: 13px;
}
[data-eco="painting"] .canvas-node span {
  font-size: 11px;
  color: #8A8177;
}

/* 节点摆位：两块画片错开，像贴在图钉板上 */
[data-eco="painting"] .canvas-node--a {
  left: 26px; top: 30px; width: 148px; height: 84px;
}
[data-eco="painting"] .canvas-node--b {
  left: 214px; top: 116px; width: 148px; height: 84px;
}
[data-eco="painting"] .canvas-node:hover {
  transform: translateY(-2px);
}

/* 进度轨 */
[data-eco="painting"] .canvas-progress {
  position: absolute;
  left: 26px; right: 26px; bottom: 22px;
  height: 5px;
  border-radius: 3px;
  background: rgba(232, 225, 213, .10);
  overflow: hidden;
}
[data-eco="painting"] .canvas-progress .node-progress-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
}

/* 舞台说明行 */
[data-eco="painting"] .stage-cap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 12px;
  color: var(--muted);
}
[data-eco="painting"] .stage-cap i {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--eco);
  display: inline-block;
  flex-shrink: 0;
}

/* ---- 参数清单：模型档位徽标 ---- */
.mod__table td.is-default {
  color: var(--accent, #B4532A);
  font-weight: 600;
}

/* ---- 响应式：窄屏节点改堆叠，避免横向溢出 ---- */
@media (max-width: 720px) {
  [data-eco="painting"] .canvas-workbench {
    min-height: 0;
    padding: 18px;
  }
  [data-eco="painting"] .canvas-node {
    position: static;
    width: auto !important;
    height: 74px !important;
    margin-bottom: 10px;
  }
  [data-eco="painting"] .canvas-node--b {
    margin-left: 0;
  }
  [data-eco="painting"] .canvas-progress {
    position: static;
    margin-top: 8px;
  }
}