/* Photo detail: yellow download + reuse homepage rd-ai-float__* look. */

/* 1) Photo download button → yellow (design稿详情页 .ai / .editor) */
.hd-sucaiview .content_good_photo .good_right_new .operate_group .download_btn.hb,
.hd-sucaiview .content_good.content_good_photo .good_right_new .operate_group .download_btn.hb {
  background: #fad97e;
  background: linear-gradient(90deg, #fcdb00 0, #fad97e 100%);
}
.hd-sucaiview .content_good_photo .good_right_new .operate_group .download_btn.hb:hover,
.hd-sucaiview .content_good.content_good_photo .good_right_new .operate_group .download_btn.hb:hover {
  color: #c99200;
  border: 1px solid #fad97e;
  background: #fff;
  line-height: 46px;
  height: 46px;
  box-sizing: border-box;
}
.hd-sucaiview .content_good_photo .good_right_new .operate_group .download_btn.hb em,
.hd-sucaiview .content_good.content_good_photo .good_right_new .operate_group .download_btn.hb em {
  color: #c47a00;
}

/* Dock: in-page card, same panel chrome as www float */
.rd-photo-ai-dock {
  margin-top: 16px;
  position: relative;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.rd-photo-ai-dock .rd-ai-float__panel {
  width: 100%;
  box-sizing: border-box;
}

/* Creative preset chips (photo-only), same chip language as float bar */
.rd-photo-ai__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.rd-photo-ai__presets .rd-ai-float__chip[data-chip].is-active {
  border-color: #fda4af;
  background: #fff1f2;
  color: #be123c;
}

/* Bottom float: same fixed placement as www */
.rd-photo-ai-float {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(24px);
  width: min(720px, calc(100vw - 32px));
  z-index: 10050;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.rd-photo-ai-float.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.rd-photo-ai-float .rd-ai-float__panel {
  width: 100%;
  box-sizing: border-box;
}
.rd-photo-ai-float .rd-ai-float__panel-head {
  display: none;
}

/* Hide empty hint until error / busy */
.rd-photo-ai-dock .rd-ai-float__hint:empty,
.rd-photo-ai-float .rd-ai-float__hint:empty {
  display: none;
}

@media (max-width: 900px) {
  .rd-photo-ai-float {
    width: calc(100vw - 24px);
    bottom: 16px;
  }
}