.banner-form-container[data-v-7452cbd9]{min-height:100vh;background:#f5f7fa;animation:fadeInUp-7452cbd9 .6s ease-out}@keyframes fadeInUp-7452cbd9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-7452cbd9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 40px;margin-bottom:30px;box-shadow:0 2px 10px rgba(102,126,234,.3)}.header-content[data-v-7452cbd9]{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left[data-v-7452cbd9]{display:flex;align-items:center;gap:20px;flex:1}.back-btn[data-v-7452cbd9]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:500}.back-btn[data-v-7452cbd9]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.header-info[data-v-7452cbd9]{flex:1}.header-info .page-title[data-v-7452cbd9]{font-size:28px;font-weight:600;margin:0 0 8px 0;display:flex;align-items:center;gap:12px;color:#fff}.header-info .page-title i[data-v-7452cbd9]{font-size:32px;color:#fff}.header-info .page-subtitle[data-v-7452cbd9]{font-size:16px;opacity:.9;margin:0;line-height:1.5;color:#fff}.header-actions[data-v-7452cbd9]{display:flex;gap:12px;align-items:center}.action-btn[data-v-7452cbd9]{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;backdrop-filter:blur(10px);transition:all .3s ease}.action-btn[data-v-7452cbd9]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.main-content[data-v-7452cbd9]{max-width:1400px;margin:0 auto;padding:0 40px 40px}.form-card[data-v-7452cbd9]{margin-bottom:24px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);border-radius:16px;overflow:hidden}.card-header[data-v-7452cbd9]{padding:0}.card-title[data-v-7452cbd9]{font-size:16px;font-weight:600;color:#303133;display:flex;align-items:center;gap:8px}.form-tips[data-v-7452cbd9]{font-size:12px;color:#909399;margin-top:4px;line-height:1.4}.image-upload-section[data-v-7452cbd9],.image-uploader[data-v-7452cbd9]{width:100%}.image-preview[data-v-7452cbd9]{position:relative;width:400px;height:200px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.image-preview[data-v-7452cbd9]:hover{transform:scale(1.02)}.uploaded-image[data-v-7452cbd9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-7452cbd9]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay[data-v-7452cbd9]{opacity:1}.image-overlay i[data-v-7452cbd9]{font-size:24px;margin-bottom:8px}.image-placeholder[data-v-7452cbd9]{width:400px;height:200px;border:2px dashed #d9d9d9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.image-placeholder[data-v-7452cbd9]:hover{border-color:#409eff;background:#f0f9ff}.image-placeholder i[data-v-7452cbd9]{font-size:48px;color:#c0c4cc;margin-bottom:12px}.upload-text[data-v-7452cbd9]{color:#606266;font-size:16px;margin-bottom:4px}.upload-tips[data-v-7452cbd9]{color:#909399;font-size:12px}.preview-card[data-v-7452cbd9]{position:sticky;top:20px}.banner-preview[data-v-7452cbd9]{text-align:center}.preview-image[data-v-7452cbd9]{position:relative;border-radius:12px;overflow:hidden;margin-bottom:16px}.preview-image img[data-v-7452cbd9]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.preview-overlay[data-v-7452cbd9]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:16px 12px 12px;text-align:left}.preview-title[data-v-7452cbd9]{font-size:14px;font-weight:600;margin-bottom:4px}.preview-link[data-v-7452cbd9]{font-size:12px;opacity:.9;display:flex;align-items:center;gap:4px}.preview-info[data-v-7452cbd9]{display:flex;justify-content:space-between;align-items:center}.info-item[data-v-7452cbd9]{display:flex;align-items:center;gap:8px;font-size:14px}.info-label[data-v-7452cbd9]{color:#666}.info-value[data-v-7452cbd9]{font-weight:600;color:#303133}@media (max-width:768px){.main-content[data-v-7452cbd9]{padding:0 20px 20px}.page-header[data-v-7452cbd9]{padding:16px 20px}.header-content[data-v-7452cbd9]{flex-direction:column;gap:15px;text-align:center}.image-placeholder[data-v-7452cbd9],.image-preview[data-v-7452cbd9]{width:100%;max-width:400px}}