2 lines
3.7 KiB
CSS
2 lines
3.7 KiB
CSS
.video-gen-page[data-v-eca30c02]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:.625rem}.header[data-v-eca30c02]{text-align:center;padding:1.25rem .625rem;color:#fff}.title[data-v-eca30c02]{font-size:1.5rem;font-weight:700;display:block;margin-bottom:.3125rem}.subtitle[data-v-eca30c02]{font-size:.875rem;opacity:.9}.message[data-v-eca30c02]{margin:.625rem;padding:.625rem;border-radius:.3125rem;text-align:center;font-size:.875rem}.message.success[data-v-eca30c02]{background:#d4edda;color:#155724}.message.error[data-v-eca30c02]{background:#f8d7da;color:#721c24}.message.info[data-v-eca30c02]{background:#d1ecf1;color:#0c5460}.content[data-v-eca30c02]{height:calc(100vh - 6.25rem);padding:.625rem}.section[data-v-eca30c02]{background:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.625rem}.section-title[data-v-eca30c02]{font-size:1rem;font-weight:700;margin-bottom:.625rem;color:#333}.upload-area[data-v-eca30c02]{border:.0625rem dashed #ddd;border-radius:.46875rem;min-height:12.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.upload-placeholder[data-v-eca30c02]{text-align:center}.upload-icon[data-v-eca30c02]{font-size:2.5rem;display:block;margin-bottom:.625rem}.upload-text[data-v-eca30c02]{font-size:1rem;color:#666;display:block;margin-bottom:.3125rem}.upload-hint[data-v-eca30c02]{font-size:.75rem;color:#999}.preview-image[data-v-eca30c02]{width:100%;max-height:12.5rem;border-radius:.46875rem}.prompt-input[data-v-eca30c02]{width:100%;min-height:6.25rem;padding:.625rem;border:.03125rem solid #e0e0e0;border-radius:.3125rem;font-size:.875rem;background:#f8f9fa}.char-count[data-v-eca30c02]{text-align:right;font-size:.75rem;color:#999;margin-top:.3125rem}.duration-selector[data-v-eca30c02]{display:flex;flex-wrap:wrap;gap:.46875rem}.duration-item[data-v-eca30c02]{flex:0 0 calc(25% - .375rem);padding:.625rem;text-align:center;border:.0625rem solid #e0e0e0;border-radius:.3125rem;font-size:.875rem;background:#f8f9fa}.duration-item.active[data-v-eca30c02]{background:#667eea;color:#fff;border-color:#667eea}.name-input[data-v-eca30c02]{width:100%;padding:.625rem;border:.03125rem solid #e0e0e0;border-radius:.3125rem;font-size:.875rem;background:#f8f9fa}.action-section[data-v-eca30c02]{padding:0 .625rem;margin-bottom:.625rem}.generate-btn[data-v-eca30c02]{width:100%;padding:.9375rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.46875rem;font-size:1rem;font-weight:700}.generate-btn[disabled][data-v-eca30c02]{opacity:.6}.progress-section[data-v-eca30c02]{background:#fff;border-radius:.625rem;padding:.9375rem;margin:0 .625rem .625rem}.progress-text[data-v-eca30c02]{text-align:center;font-size:.875rem;color:#666;margin-bottom:.625rem}.progress-bar[data-v-eca30c02]{height:.625rem;background:#e0e0e0;border-radius:.3125rem;overflow:hidden}.progress-fill[data-v-eca30c02]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.result-section[data-v-eca30c02]{background:#fff;border-radius:.625rem;padding:.9375rem;margin:0 .625rem .625rem}.result-video[data-v-eca30c02]{width:100%;height:15.625rem;border-radius:.46875rem;margin:.625rem 0}.result-actions[data-v-eca30c02]{display:flex;gap:.625rem}.action-btn[data-v-eca30c02]{flex:1;padding:.78125rem;background:#667eea;color:#fff;border:none;border-radius:.3125rem;font-size:.875rem}.action-btn.secondary[data-v-eca30c02]{background:#6c757d}.tips-section[data-v-eca30c02]{background:rgba(255,255,255,.95);border-radius:.625rem;padding:.9375rem;margin:0 .625rem 1.25rem}.tips-title[data-v-eca30c02]{font-size:1rem;font-weight:700;margin-bottom:.625rem;color:#333}.tip-item[data-v-eca30c02]{font-size:.8125rem;color:#666;line-height:1.8;margin-bottom:.3125rem}
|