body,html{margin:0;padding:0}#app,body,html{height:100%}.card[data-v-27d4422a]{display:flex;align-items:center;justify-content:center;width:700px;height:50px}.content-wrapper[data-v-27d4422a]{display:flex;align-items:center;justify-content:center;width:100%}.descriptions[data-v-27d4422a]{width:100%}.descriptions-item[data-v-27d4422a]{display:flex;align-items:center}.box-card[data-v-d2b41210]{margin:20px}.button-col[data-v-d2b41210]{text-align:center;margin-top:20px}[data-v-d2b41210] .center-label{display:flex;align-items:center;height:100%}.group-card[data-v-c82b7a8a]{margin-bottom:15px;padding:10px}.fixed-button[data-v-c82b7a8a]{position:fixed;bottom:20px;right:20px;z-index:1000}.container[data-v-c82b7a8a]{display:flex;height:100vh;padding:10px}.editor[data-v-c82b7a8a]{flex:1;display:flex;margin-right:400px}.editor-left[data-v-c82b7a8a]{flex:1;padding:10px;border-right:2px solid #ccc}.editor-right[data-v-c82b7a8a]{flex:1;padding:10px}.ace-editor[data-v-c82b7a8a]{height:100%;width:100%}.section-title[data-v-c82b7a8a]{text-align:center;font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.form[data-v-c82b7a8a]{gap:10px}.form-group[data-v-c82b7a8a],.form[data-v-c82b7a8a]{display:flex;flex-direction:column}.form-group input[data-v-c82b7a8a]{padding:8px;border:1px solid #ccc;border-radius:4px}.preview[data-v-c82b7a8a]{position:fixed;top:20px;right:20px;z-index:1000;width:375px;height:667px;margin:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#f0f0f0}.iphone-frame[data-v-c82b7a8a]{width:375px;height:667px;background:#fff;border-radius:36px;box-shadow:0 4px 30px rgba(0,0,0,.2);overflow:hidden;margin-top:10px;position:relative}.phone-preview[data-v-c82b7a8a]{width:100%;height:100%;border:none;border-radius:36px}.card[data-v-52ba50f0]{display:flex;align-items:center;justify-content:center;width:700px;height:50px}.content-wrapper[data-v-52ba50f0]{display:flex;align-items:center;justify-content:center;width:100%}.descriptions[data-v-52ba50f0]{width:100%}.descriptions-item[data-v-52ba50f0]{display:flex;align-items:center}.card[data-v-45f6c582]{display:flex;align-items:center;justify-content:center;width:700px;height:50px}.content-wrapper[data-v-45f6c582]{display:flex;align-items:center;justify-content:center;width:100%}.descriptions[data-v-45f6c582]{width:100%}.descriptions-item[data-v-45f6c582]{display:flex;align-items:center}.el-row{margin-bottom:20px}.el-row:last-child{margin-bottom:0}.ellipsis{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-row{display:flex;margin-bottom:5px}.box-card[data-v-18760c6d]{margin:20px}.button-col[data-v-18760c6d]{text-align:center;margin-top:20px}[data-v-18760c6d] .center-label{display:flex;align-items:center;height:100%}.el-row[data-v-6f7acca6]{margin-bottom:20px}.el-row[data-v-6f7acca6]:last-child{margin-bottom:0}.el-upload__tip[data-v-6f7acca6]{font-size:12px;color:#909399;margin-top:5px}.dialog-footer[data-v-6f7acca6]{text-align:right}.media-preview[data-v-6f7acca6]{display:flex;justify-content:center;align-items:center;height:80px}.media-thumbnail[data-v-6f7acca6]{max-width:80px;max-height:60px;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease}.media-thumbnail[data-v-6f7acca6]:hover{transform:scale(1.1);cursor:pointer}.video-thumbnail[data-v-6f7acca6]{background-color:#f5f5f5}.no-preview[data-v-6f7acca6]{color:#c0c4cc;font-size:12px}.preview-error[data-v-6f7acca6]{color:#f56c6c;font-size:12px}.media-preview-overlay[data-v-6f7acca6]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.media-preview-container[data-v-6f7acca6]{background-color:#fff;border-radius:8px;width:90%;height:90%;max-width:1200px;max-height:800px;display:flex;flex-direction:column;overflow:hidden}.preview-header[data-v-6f7acca6]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e4e7ed}.preview-title[data-v-6f7acca6]{margin:0;font-size:16px;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.close-btn[data-v-6f7acca6]{color:#909399;padding:0!important;min-height:auto!important}.close-btn[data-v-6f7acca6]:hover{color:#303133}.preview-content[data-v-6f7acca6]{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:20px;background-color:#f5f7fa}.preview-image[data-v-6f7acca6]{transform:scale(var(--zoom-level));transition:transform .2s ease;cursor:zoom-in}.preview-image[data-v-6f7acca6],.preview-video[data-v-6f7acca6]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.preview-controls[data-v-6f7acca6]{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #e4e7ed;background-color:#fff}.zoom-level[data-v-6f7acca6]{font-size:14px;color:#606266;min-width:50px;text-align:center}.header-container[data-v-2f83bb6d]{height:60px;left:0;top:0;width:100%;line-height:60px}.header-logo[data-v-2f83bb6d]{width:200px;float:left}.header-title[data-v-2f83bb6d]{color:#000;text-shadow:none;display:block;height:60px;line-height:60px;text-decoration:none;font-size:25px;text-align:center}.header-user[data-v-2f83bb6d]{float:right;width:180px}.menu-container[data-v-8e94e8f6]{height:100vh}.el-menu-vertical-demo[data-v-8e94e8f6]{height:100%}