*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Arial,sans-serif;height:100vh;display:flex;flex-direction:column}.nav{background:#f5f5f5;padding:16px;border-bottom:1px solid #ddd;display:flex;gap:16px}.nav a{padding:8px 16px;text-decoration:none;color:#333;border-radius:4px}.nav a:hover{background:#e0e0e0}.nav a.router-link-active{background:#1890ff;color:#fff}.main{flex:1;padding:20px;overflow:auto}.page[data-v-5e55ea03]{max-width:1400px;margin:0 auto}.header[data-v-5e55ea03]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1[data-v-5e55ea03]{margin:0;color:#333}.export-btn[data-v-5e55ea03]{background:#52c41a}.export-btn[data-v-5e55ea03]:hover{background:#73d13d}.loading[data-v-5e55ea03]{text-align:center;padding:40px;color:#999}.error[data-v-5e55ea03]{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:16px;border-radius:4px}.content[data-v-5e55ea03]{background:#fff;border-radius:4px;border:1px solid #e8e8e8;overflow-x:auto}table[data-v-5e55ea03]{min-width:800px}.status[data-v-5e55ea03]{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px}.status-created[data-v-5e55ea03]{background:#fff7e6;color:#fa8c16}.status-paid[data-v-5e55ea03]{background:#f6ffed;color:#52c41a}.empty[data-v-5e55ea03]{text-align:center;padding:60px 20px;color:#999}.page[data-v-969c4df7]{max-width:800px;margin:0 auto}h1[data-v-969c4df7]{margin-bottom:20px;color:#333}.loading[data-v-969c4df7]{text-align:center;padding:40px;color:#999}.error[data-v-969c4df7]{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:16px;border-radius:4px}.content[data-v-969c4df7]{background:#fff;border-radius:4px;border:1px solid #e8e8e8}.form-card[data-v-969c4df7]{padding:24px}.form-header[data-v-969c4df7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.form-header h2[data-v-969c4df7]{margin:0;font-size:18px;color:#333}.badge[data-v-969c4df7]{display:inline-block;padding:4px 12px;background:#e6f7ff;color:#1890ff;border-radius:4px;font-size:12px}.form[data-v-969c4df7]{display:flex;flex-direction:column;gap:20px}.form-item[data-v-969c4df7]{display:flex;flex-direction:column;gap:8px}.form-item label[data-v-969c4df7]{font-weight:500;color:#333}.required[data-v-969c4df7]{color:#ff4d4f}.form-item input[data-v-969c4df7],.form-item textarea[data-v-969c4df7]{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s}.form-item input[data-v-969c4df7]:focus,.form-item textarea[data-v-969c4df7]:focus{outline:none;border-color:#1890ff}.form-item textarea[data-v-969c4df7]{resize:vertical;font-family:inherit;line-height:1.6;min-height:120px}.form-item textarea.details-textarea[data-v-969c4df7]{min-height:240px;line-height:1.8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-actions[data-v-969c4df7]{display:flex;gap:12px;margin-top:8px}.btn-primary[data-v-969c4df7],.btn-default[data-v-969c4df7]{padding:10px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-969c4df7]{background:#1890ff;color:#fff}.btn-primary[data-v-969c4df7]:hover:not(:disabled){background:#40a9ff}.btn-primary[data-v-969c4df7]:disabled{background:#d9d9d9;cursor:not-allowed}.btn-default[data-v-969c4df7]{background:#fff;color:#333;border:1px solid #d9d9d9}.btn-default[data-v-969c4df7]:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.btn-default[data-v-969c4df7]:disabled{opacity:.5;cursor:not-allowed}.success-message[data-v-969c4df7]{margin-top:16px;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a;border-radius:4px;text-align:center;animation:slideIn-969c4df7 .3s ease-out}@keyframes slideIn-969c4df7{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-hint[data-v-969c4df7]{margin-top:8px;font-size:12px;color:#999;line-height:1.5}.image-preview-container[data-v-969c4df7]{margin-top:12px;padding:12px;background:#fafafa;border:1px solid #e8e8e8;border-radius:4px}.image-preview-label[data-v-969c4df7]{font-size:12px;color:#666;margin-bottom:8px}.image-preview[data-v-969c4df7]{max-width:100%;max-height:400px;display:block;margin:0 auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.upload-section[data-v-969c4df7]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.details-images-section[data-v-969c4df7]{margin-top:16px;padding:16px;background:#f9f9f9;border:1px dashed #d9d9d9;border-radius:4px}.section-header[data-v-969c4df7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-969c4df7]{font-size:14px;font-weight:500;color:#333}.btn-add-image[data-v-969c4df7]{padding:6px 12px;background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .3s}.btn-add-image[data-v-969c4df7]:hover{background:#73d13d}.btn-upload[data-v-969c4df7]{padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-upload[data-v-969c4df7]:hover:not(:disabled){background:#73d13d}.btn-upload[data-v-969c4df7]:disabled{background:#d9d9d9;cursor:not-allowed}.upload-hint[data-v-969c4df7]{color:#999;font-size:12px}.url-input[data-v-969c4df7]{flex:1;min-width:200px}.upload-progress[data-v-969c4df7]{margin-top:12px}.progress-bar[data-v-969c4df7]{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.progress-fill[data-v-969c4df7]{height:100%;background:linear-gradient(90deg,#1890ff,#52c41a);transition:width .3s ease}.progress-text[data-v-969c4df7]{margin-top:8px;font-size:12px;color:#1890ff;text-align:center}.image-preview-header[data-v-969c4df7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn-remove-image[data-v-969c4df7]{padding:4px 12px;background:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .3s}.btn-remove-image[data-v-969c4df7]:hover{background:#ff7875}.image-loading[data-v-969c4df7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#f5f5f5;border-radius:4px}.loading-spinner[data-v-969c4df7]{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #1890ff;border-radius:50%;animation:spin-969c4df7 1s linear infinite}@keyframes spin-969c4df7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-969c4df7]{margin-top:12px;font-size:14px;color:#666}.image-error[data-v-969c4df7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff2f0;border:1px dashed #ffccc7;border-radius:4px}.error-icon[data-v-969c4df7]{font-size:48px;margin-bottom:12px}.error-text[data-v-969c4df7]{font-size:14px;color:#cf1322;margin-bottom:8px}.error-hint[data-v-969c4df7]{font-size:12px;color:#999;word-break:break-all;max-width:100%}.image-url-display[data-v-969c4df7]{margin-top:12px;padding:8px 12px;background:#f0f0f0;border-radius:4px;font-size:12px;word-break:break-all}.url-label[data-v-969c4df7]{font-weight:500;color:#666}.url-text[data-v-969c4df7]{color:#1890ff;margin-left:4px}.url-header[data-v-969c4df7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.url-actions[data-v-969c4df7]{display:flex;gap:8px}.btn-copy-url[data-v-969c4df7],.btn-open-url[data-v-969c4df7]{padding:4px 12px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;text-decoration:none;display:inline-block;transition:background .3s}.url-text-box[data-v-969c4df7]{margin-bottom:8px}.url-input-readonly[data-v-969c4df7]{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;background:#fff;color:#1890ff;cursor:text;font-family:monospace}.url-input-readonly[data-v-969c4df7]:focus{outline:none;border-color:#1890ff;background:#e6f7ff}.url-hint[data-v-969c4df7]{font-size:11px;color:#999;font-style:italic}.upload-success-banner[data-v-969c4df7]{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#f6ffed,#d9f7be);border:1px solid #b7eb8f;border-radius:8px;animation:slideInDown-969c4df7 .5s ease-out}@keyframes slideInDown-969c4df7{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon[data-v-969c4df7]{font-size:32px;flex-shrink:0}.success-content[data-v-969c4df7]{flex:1}.success-title[data-v-969c4df7]{font-size:14px;font-weight:600;color:#52c41a;margin-bottom:4px}.success-desc[data-v-969c4df7]{font-size:12px;color:#666;line-height:1.5}.details-images-list[data-v-969c4df7]{margin-top:16px;display:flex;flex-direction:column;gap:12px}.details-image-item[data-v-969c4df7]{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;transition:all .3s}.details-image-item[data-v-969c4df7]:hover{background:#f0f0f0;border-color:#d9d9d9}.image-preview-small[data-v-969c4df7]{flex-shrink:0;width:80px;height:80px;border-radius:4px;overflow:hidden;background:#fff;border:1px solid #e8e8e8}.image-preview-small img[data-v-969c4df7]{width:100%;height:100%;object-fit:cover}.image-info[data-v-969c4df7]{flex:1;min-width:0}.image-url-display[data-v-969c4df7]{display:flex;gap:8px;align-items:center}.url-readonly[data-v-969c4df7]{flex:1;padding:6px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-family:monospace;background:#fff;color:#1890ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-readonly[data-v-969c4df7]:focus{outline:none;border-color:#40a9ff}.btn-copy-url[data-v-969c4df7],.btn-open-url[data-v-969c4df7]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;transition:background .3s}.btn-copy-url[data-v-969c4df7]:hover,.btn-open-url[data-v-969c4df7]:hover{background:#40a9ff}.btn-delete-image[data-v-969c4df7]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.btn-delete-image[data-v-969c4df7]:hover{background:#ff7875}.page[data-v-69ad95b1]{max-width:800px;margin:0 auto}h1[data-v-69ad95b1]{margin-bottom:20px;color:#333}.loading[data-v-69ad95b1]{text-align:center;padding:40px;color:#999}.error[data-v-69ad95b1]{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:16px;border-radius:4px}.content[data-v-69ad95b1]{background:#fff;border-radius:4px;border:1px solid #e8e8e8}.form-card[data-v-69ad95b1]{padding:24px}.form-header[data-v-69ad95b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.form-header h2[data-v-69ad95b1]{margin:0;font-size:18px;color:#333}.badge[data-v-69ad95b1]{display:inline-block;padding:4px 12px;background:#f0f5ff;color:#597ef7;border-radius:4px;font-size:12px}.form[data-v-69ad95b1]{display:flex;flex-direction:column;gap:24px}.form-item[data-v-69ad95b1]{display:flex;flex-direction:column;gap:8px}.form-item label[data-v-69ad95b1]{font-weight:500;color:#333}.required[data-v-69ad95b1]{color:#ff4d4f}.form-item input[type=text][data-v-69ad95b1]{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s}.form-item input[type=text][data-v-69ad95b1]:focus{outline:none;border-color:#1890ff}.hint[data-v-69ad95b1]{font-size:12px;color:#999}.switch-item[data-v-69ad95b1]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;background:#fafafa;border-radius:4px}.switch-label[data-v-69ad95b1]{display:flex;flex-direction:column;gap:4px}.switch-label label[data-v-69ad95b1]{margin:0}.status-text[data-v-69ad95b1]{font-size:12px;color:#999}.status-text.active[data-v-69ad95b1]{color:#52c41a;font-weight:500}.switch[data-v-69ad95b1]{position:relative;display:inline-block;width:48px;height:26px}.switch input[data-v-69ad95b1]{opacity:0;width:0;height:0}.slider[data-v-69ad95b1]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.slider[data-v-69ad95b1]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-69ad95b1]{background-color:#1890ff}input:checked+.slider[data-v-69ad95b1]:before{transform:translate(22px)}.info-box[data-v-69ad95b1]{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;padding:16px}.info-title[data-v-69ad95b1]{font-weight:500;color:#1890ff;margin-bottom:8px}.info-list[data-v-69ad95b1]{margin:0;padding-left:20px;color:#333}.info-list li[data-v-69ad95b1]{margin:4px 0;font-size:14px}.form-actions[data-v-69ad95b1]{display:flex;gap:12px;margin-top:8px}.btn-primary[data-v-69ad95b1],.btn-default[data-v-69ad95b1]{padding:10px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary[data-v-69ad95b1]{background:#1890ff;color:#fff}.btn-primary[data-v-69ad95b1]:hover:not(:disabled){background:#40a9ff}.btn-primary[data-v-69ad95b1]:disabled{background:#d9d9d9;cursor:not-allowed}.btn-default[data-v-69ad95b1]{background:#fff;color:#333;border:1px solid #d9d9d9}.btn-default[data-v-69ad95b1]:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.btn-default[data-v-69ad95b1]:disabled{opacity:.5;cursor:not-allowed}.success-message[data-v-69ad95b1]{margin-top:16px;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a;border-radius:4px;text-align:center;animation:slideIn-69ad95b1 .3s ease-out}@keyframes slideIn-69ad95b1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background:#40a9ff}input,textarea,select{padding:8px;border:1px solid #ddd;border-radius:4px}table{width:100%;border-collapse:collapse}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0}table th{background:#fafafa;font-weight:600}
