/* 复刻站交互层样式：toast 提示 */
#clone-toast {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
}

.clone-toast-item {
  background: #fff;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.6;
  padding: 9px 16px;
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.25s, transform 0.25s;
}

.clone-toast-item.show {
  opacity: 1;
  transform: translateY(0);
}

[data-theme="dark"] .clone-toast-item {
  background: #262626;
  color: rgba(255, 255, 255, 0.88);
}

/* 弹窗容器展示时铺满视口 */
#clone-popover-community[style*="block"],
#clone-modal-version[style*="block"] {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

/* ===== 生成进度浮层 ===== */
#clone-gen-progress {
  position: fixed;
  inset: 0;
  z-index: 9990;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  align-items: center;
  justify-content: center;
}
.clone-gen-card {
  width: min(460px, 90vw);
  background: #fff;
  border-radius: 18px;
  padding: 28px 28px 24px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  text-align: center;
}
[data-theme="dark"] .clone-gen-card { background: #1f1f1f; color: #eee; }
.clone-gen-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.clone-gen-msg { font-size: 14px; color: #8a7a6d; min-height: 20px; margin-bottom: 14px; }
[data-theme="dark"] .clone-gen-msg { color: #aaa; }
.clone-gen-barwrap { height: 8px; background: #f0e9e0; border-radius: 99px; overflow: hidden; }
[data-theme="dark"] .clone-gen-barwrap { background: #333; }
.clone-gen-bar {
  height: 100%;
  width: 3%;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff5a8a, #a95cff);
  transition: width 0.4s ease;
}
.clone-gen-thumbs { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 16px; }
.clone-gen-thumbs img { width: 46px; height: 61px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; }

/* ===== 我的创作 卡片（水合） ===== */
.clone-work-card {
  background: #fff;
  border: 1px solid #f0e9e0;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
[data-theme="dark"] .clone-work-card { background: #1f1f1f; border-color: #333; }
.clone-work-cover { position: relative; aspect-ratio: 3 / 4; background: #f7f2ea; }
.clone-work-cover img { width: 100%; height: 100%; object-fit: cover; }
.clone-work-badge {
  position: absolute; top: 8px; left: 8px;
  background: rgba(0, 0, 0, 0.55); color: #fff;
  font-size: 12px; padding: 2px 8px; border-radius: 6px;
}
.clone-work-title {
  padding: 10px 12px 6px; font-size: 14px; font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.clone-work-actions { display: flex; gap: 8px; padding: 8px 12px 12px; }
.clone-work-actions button {
  flex: 1; border: 1px solid #eadfd3; background: #fff; border-radius: 8px;
  padding: 6px 0; font-size: 13px; cursor: pointer; color: #3a2e28;
}
.clone-work-actions button[data-act="del"] { color: #E8654F; }
[data-theme="dark"] .clone-work-actions button { background: #262626; border-color: #444; color: #ddd; }

/* ===== 积分流水（水合） ===== */
.clone-log-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 16px; border-radius: 12px; background: #faf6f0; margin-bottom: 10px;
}
[data-theme="dark"] .clone-log-row { background: #262626; }
.clone-log-type { font-weight: 600; font-size: 15px; }
.clone-log-reason { font-size: 13px; color: #8a7a6d; margin-top: 2px; }
.clone-log-time { font-size: 12px; color: #b3a595; margin-top: 2px; }
.clone-log-amt { font-weight: 700; font-size: 18px; text-align: right; }
.clone-log-bal { font-size: 12px; color: #b3a595; font-weight: 400; }

/* ===== 商用功能层 UI ===== */
.hy-modal-overlay{position:fixed;inset:0;z-index:9995;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.hy-modal-card{width:100%;background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.2);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
[data-theme=dark] .hy-modal-card{background:#1f1f1f;color:#eee}
.hy-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0e9e0}
[data-theme=dark] .hy-modal-head{border-color:#333}
.hy-modal-head h3{font-size:17px;font-weight:700;margin:0}
.hy-modal-x{border:none;background:none;font-size:24px;line-height:1;cursor:pointer;color:#999}
.hy-modal-body{padding:18px 20px;overflow:auto}
.hy-modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #f0e9e0}
[data-theme=dark] .hy-modal-foot{border-color:#333}
.hy-btn{border:none;border-radius:9px;padding:9px 18px;font-size:14px;cursor:pointer;font-weight:600}
.hy-btn-primary{background:#FF2E4D;color:#fff}
.hy-btn-ghost{background:#f4eee6;color:#555}
[data-theme=dark] .hy-btn-ghost{background:#333;color:#ccc}
.hy-f{display:block;margin-bottom:14px;font-size:13px;color:#666;font-weight:600}
[data-theme=dark] .hy-f{color:#aaa}
.hy-f input,.hy-f textarea{display:block;width:100%;margin-top:6px;padding:9px 11px;border:1px solid #e5dccf;border-radius:9px;font-size:14px;box-sizing:border-box;font-family:inherit;color:#333;background:#fff}
[data-theme=dark] .hy-f input,[data-theme=dark] .hy-f textarea{background:#262626;border-color:#444;color:#eee}
.hy-f textarea{resize:vertical}
/* 参考图缩略图 */
.hy-ref-thumbs{display:none;flex-wrap:wrap;gap:8px;padding:10px 6px 2px}
.hy-ref-thumb{position:relative;width:56px;height:74px;border-radius:8px;overflow:hidden;border:1px solid #eee}
.hy-ref-thumb img{width:100%;height:100%;object-fit:cover}
.hy-ref-thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:1;cursor:pointer;padding:0}
.hy-prodimg-bar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
/* 张数选择 */
.hy-slide-sel{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#8a7a6d;margin-left:4px}
.hy-slide-sel select{border:1px solid #e5dccf;border-radius:7px;padding:3px 6px;font-size:13px;background:#fff;color:#333;cursor:pointer}
[data-theme=dark] .hy-slide-sel select{background:#262626;border-color:#444;color:#eee}
/* 历史 pop */
.hy-pop{position:absolute;z-index:9996;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:8px;min-width:240px;max-height:320px;overflow:auto}
[data-theme=dark] .hy-pop{background:#262626;color:#eee}
.hy-pop-title{font-size:12px;color:#aaa;padding:4px 8px}
.hy-pop-item{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.hy-pop-item:hover{background:#faf3ec}
[data-theme=dark] .hy-pop-item:hover{background:#333}
.hy-pop-empty{padding:14px;color:#bbb;font-size:13px;text-align:center}
/* 商品卡片 */
.hy-prod-card{background:#fff;border:1px solid #f0e9e0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
[data-theme=dark] .hy-prod-card{background:#1f1f1f;border-color:#333}
.hy-prod-head{display:flex;gap:12px}
.hy-prod-cover{width:64px;height:64px;border-radius:10px;background:#f7f2ea;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;flex:none}
.hy-prod-cover img{width:100%;height:100%;object-fit:cover}
.hy-prod-name{font-size:16px;font-weight:700}
.hy-prod-cat{font-size:12px;color:#E8654F;margin-top:2px}
.hy-prod-aud{font-size:12px;color:#8a7a6d;margin-top:2px}
.hy-prod-tags{display:flex;flex-wrap:wrap;gap:6px}
.hy-prod-tag{font-size:12px;background:#f7f0e8;color:#6b5b4d;padding:3px 8px;border-radius:6px}
[data-theme=dark] .hy-prod-tag{background:#333;color:#ccc}
.hy-prod-meta{font-size:12px;color:#b3a595}
.hy-prod-actions{display:flex;gap:8px;margin-top:4px}
.hy-prod-actions button{flex:1;border:1px solid #eadfd3;background:#fff;border-radius:8px;padding:7px 0;font-size:13px;cursor:pointer;color:#3a2e28}
.hy-prod-actions button[data-act=gen]{background:#FF2E4D;color:#fff;border-color:#FF2E4D}
.hy-prod-actions button.danger{color:#E8654F}
[data-theme=dark] .hy-prod-actions button{background:#262626;border-color:#444;color:#ddd}