完成极速成片

This commit is contained in:
Azmat@qq.com
2026-08-25 18:46:20 +08:00
parent df6784b90c
commit 2f70d3e8a0
15 changed files with 495 additions and 146 deletions
+19
View File
@@ -920,7 +920,22 @@
background-position: center;
background-repeat: no-repeat;
}
.as-gen[data-asset-kind="person"] .as-gen-preview.ready {
background-image: none;
background-position: center top;
}
.as-gen-photo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
pointer-events: none;
display: block;
}
.as-gen-preview.generating { display: grid; place-items: center; }
.as-gen-preview.ready.generating { display: block; }
.as-gen-meta {
display: flex;
align-items: center;
@@ -1601,6 +1616,7 @@
/* ── 流程步骤4 · 基础资产卡生成中 loading + 转圈 ── */
.asset-card-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--background-base); z-index: 2; }
.asset-card-loading.veil { background: color-mix(in srgb, var(--surface) 62%, transparent); }
.asset-card-loading .mono { font-family: var(--font-mono); font-size: 12px; color: var(--black-alpha-56); letter-spacing: .04em; }
.asset-spinner { width: 26px; height: 26px; border: 2.5px solid var(--heat-20); border-top-color: var(--heat); border-radius: 50%; animation: assetSpin .7s linear infinite; }
.asset-spinner.sm { width: 13px; height: 13px; border-width: 2px; display: inline-block; vertical-align: -2px; }
@@ -1729,6 +1745,9 @@
box-sizing: border-box;
border-radius: var(--r-md);
}
.asset-detail-lead .placeholder.ad-lead-img.has-mock-media {
background-position: center top;
}
@supports not (aspect-ratio: 9 / 16) {
.asset-detail-lead .placeholder.ad-lead-img { height: min(420px, 48vh); }
}