2 lines
3.7 KiB
Java
2 lines
3.7 KiB
Java
.ai-poster-page[data-v-72208acb]{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px;background-color:#f0f2f5;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.ai-poster-page .page-header[data-v-72208acb]{margin-bottom:16px;background:#fff;padding:16px 24px;border-radius:8px}.ai-poster-page .page-header .title[data-v-72208acb]{font-size:20px;font-weight:600;color:#1f2329;margin-right:12px}.ai-poster-page .page-header .subtitle[data-v-72208acb]{color:#8f959e;font-size:14px}.ai-poster-page .content-wrapper[data-v-72208acb]{flex:1;display:flex;gap:16px;overflow:hidden}.ai-poster-page .template-panel[data-v-72208acb]{width:200px;min-width:180px;background:#fff;border-radius:8px;display:flex;flex-direction:column;padding:12px;overflow-y:auto}.ai-poster-page .template-panel .template-list[data-v-72208acb]{display:flex;flex-direction:column;gap:10px}.ai-poster-page .template-panel .template-item[data-v-72208acb]{border:1px solid #f0f0f0;border-radius:6px;padding:8px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:6px}.ai-poster-page .template-panel .template-item[data-v-72208acb]:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000000d}.ai-poster-page .template-panel .template-item.active[data-v-72208acb]{border-color:#1890ff;background-color:#e6f7ff}.ai-poster-page .template-panel .template-item .template-cover[data-v-72208acb]{width:100%;aspect-ratio:9 / 16;height:auto;background-color:#f5f5f5;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#8c8c8c;overflow:hidden}.ai-poster-page .template-panel .template-item .template-cover img[data-v-72208acb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;display:block}.ai-poster-page .template-panel .template-item .template-name[data-v-72208acb]{font-size:14px;color:#1f2329;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-poster-page .config-panel[data-v-72208acb]{width:550px;min-width:350px;background:#fff;border-radius:8px;display:flex;flex-direction:column;padding:20px;overflow:hidden}.ai-poster-page .config-panel .form-container[data-v-72208acb]{flex:1;overflow-y:auto}.ai-poster-page .config-panel .action-container[data-v-72208acb]{margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.ai-poster-page .preview-panel[data-v-72208acb]{flex:1;background:#fff;border-radius:8px;display:flex;flex-direction:column;padding:20px;overflow:hidden}.ai-poster-page .preview-panel .preview-content[data-v-72208acb]{flex:1;background:#f7f8fc;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.ai-poster-page .panel-title[data-v-72208acb]{font-size:16px;font-weight:600;color:#1f2329;margin-bottom:20px;padding-left:8px;border-left:4px solid #1890ff;line-height:1}.ai-poster-page .empty-state[data-v-72208acb]{text-align:center;color:#8f959e}.ai-poster-page .empty-state p[data-v-72208acb]{margin-top:16px}.ai-poster-page .loading-state[data-v-72208acb]{display:flex;flex-direction:column;align-items:center}.ai-poster-page .result-image-wrapper[data-v-72208acb]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ai-poster-page .result-image-wrapper .result-image[data-v-72208acb]{width:100%;height:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a;-o-object-fit:contain;object-fit:contain}.ai-poster-page .result-image-wrapper .image-actions[data-v-72208acb]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:none;align-items:center;justify-content:center;gap:16px;border-radius:8px;backdrop-filter:blur(2px)}.ai-poster-page .result-image-wrapper:hover .image-actions[data-v-72208acb]{display:flex}
|