.myTextEditor[data-v-38e8ac78] p{margin:0}.ql-toolbar.ql-snow{text-align:left!important}.screen-preview-dialog[data-v-d649da42] .el-dialog__body{padding:0}.preview-container[data-v-d649da42]{display:flex;flex-direction:column;background-color:#fff}.preview-header[data-v-d649da42]{padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.screen-info[data-v-d649da42]{display:flex;gap:20px;flex-wrap:wrap}.info-item[data-v-d649da42]{display:flex;align-items:center;gap:6px;font-size:13px}.info-item i[data-v-d649da42]{font-size:16px}.preview-controls[data-v-d649da42]{display:flex;align-items:center;gap:10px}.scale-text[data-v-d649da42]{min-width:50px;text-align:center;font-weight:600}.iframe-wrapper[data-v-d649da42]{position:relative;overflow:auto}.screen-frame[data-v-d649da42]{margin:0 auto;transition:all .3s ease;position:relative}.iframe-container[data-v-d649da42]{transition:transform .3s ease}.screen-frame iframe[data-v-d649da42]{pointer-events:auto}.preview-footer[data-v-d649da42]{padding:12px 20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.footer-info[data-v-d649da42]{display:flex;gap:20px;font-size:12px;color:#666}.footer-info span[data-v-d649da42]{display:flex;align-items:center}.iframe-wrapper[data-v-d649da42]::-webkit-scrollbar{width:8px;height:8px}.iframe-wrapper[data-v-d649da42]::-webkit-scrollbar-track{background-color:#f5f5f5}.iframe-wrapper[data-v-d649da42]::-webkit-scrollbar-thumb{background-color:silver;border-radius:4px}.iframe-wrapper[data-v-d649da42]::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.no-url-tip[data-v-d649da42]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#999}.no-url-tip i[data-v-d649da42]{font-size:48px;margin-bottom:16px;color:#ccc}.no-url-tip p[data-v-d649da42]{margin:0;font-size:16px}@font-face{font-family:AliMaMa;src:url(../../static/fonts/AlimamaDongFangDaKai-Regular.7b965ffb.woff) format("woff"),url(../../static/fonts/AlimamaDongFangDaKai-Regular.89005893.woff2) format("woff2");font-weight:lighter;font-style:normal}[data-v-877e613c]::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}[data-v-877e613c]::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}[data-v-877e613c]::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#c8c8c8}.display-layout-simulator[data-v-877e613c]{background:#fff;display:flex;flex-direction:row;gap:20px;padding:20px;font-family:Arial,sans-serif}.control-panel[data-v-877e613c]{flex:1;max-width:190px;background-color:#f5f5f5;padding:15px;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);height:100%;border:1px solid #ddd}.setting-group-flex[data-v-877e613c]{display:flex;flex-direction:row}.setting-group label[data-v-877e613c]{display:block;font-weight:700;width:80px}.setting-group input[data-v-877e613c],.setting-group textarea[data-v-877e613c]{width:100%;padding:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:3px}.setting-group textarea[data-v-877e613c]{min-height:80px}.input-group[data-v-877e613c]{display:flex;align-items:center;gap:5px}.element-controls[data-v-877e613c]{display:flex;gap:10px;margin-bottom:15px}.element-controls button[data-v-877e613c]{padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.element-controls button[data-v-877e613c]:hover{background-color:#45a049}.element-settings[data-v-877e613c]{padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fff}.export-controls[data-v-877e613c]{display:flex;gap:10px;margin:10px 0}.export-controls button[data-v-877e613c]{padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.export-btn[data-v-877e613c]{background-color:#2196f3;color:#fff}.import-btn[data-v-877e613c]{background-color:#ff9800;color:#fff}.reset-btn[data-v-877e613c]{background-color:#f44336;color:#fff}.right-panel[data-v-877e613c]{flex:1;display:flex;flex-direction:row;gap:20px;min-width:0;border:1px solid #ddd;border-radius:15px;padding:5px;background-color:#f5f5f5}.preview-container[data-v-877e613c]{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0}.element-control-panel[data-v-877e613c]{flex:0 0 250px;max-width:250px;background-color:#f5f5f5;padding:15px;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;border:1px solid #ddd}.element-control-panel>div[data-v-877e613c]{flex:1;overflow-y:auto;overflow-x:hidden}.editor[data-v-877e613c]{flex:1}.screen-preview-wrapper[data-v-877e613c]{display:inline-block;overflow:auto;flex:1;position:relative}.screen-preview[data-v-877e613c]{background-color:#fff;transition:all .3s ease;transform-origin:top left}.element-preview[data-v-877e613c]{position:absolute;transition:all .2s ease;cursor:move}.element-preview.selected[data-v-877e613c]{box-shadow:0 0 0 2px #2196f3;z-index:10}.element-preview.dragging[data-v-877e613c]{box-shadow:0 0 15px rgba(0,0,0,.3);z-index:20}.element-image[data-v-877e613c],.element-text[data-v-877e613c]{width:100%}.placeholder[data-v-877e613c]{background-color:#f0f0f0;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999}.info-panel[data-v-877e613c]{margin-top:15px;padding:10px;background-color:#f9f9f9;border-radius:5px;font-size:14px;color:#666;border:1px solid #eee}.info-panel p[data-v-877e613c]{margin:5px 0}.size-reference[data-v-877e613c]{margin-top:10px;display:flex;align-items:center;gap:5px}.size-ref-line[data-v-877e613c]{height:1px;background-color:#666;display:inline-block}.size-reference-h[data-v-877e613c],.size-reference-v[data-v-877e613c]{position:absolute;font-size:12px;color:#666;pointer-events:none}.size-reference-h[data-v-877e613c]{bottom:5px;left:5px;display:flex;align-items:center;gap:5px}.size-reference-v[data-v-877e613c]{left:5px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:5px}.size-reference-v .size-ref-line[data-v-877e613c]{width:1px;height:100%}.add-custom-text-btn[data-v-877e613c]:hover{background-color:#ecf5ff!important;border-color:#409eff!important;color:#409eff!important}.add-custom-text-btn[data-v-877e613c]:active{background-color:#b3d8ff!important}.delete-element-btn[data-v-877e613c]:hover{background-color:#fef0f0!important;border-color:#f56c6c!important;color:#f56c6c!important}.delete-element-btn[data-v-877e613c]:active{background-color:#fde2e2!important}.loading-overlay[data-v-877e613c]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:4px}.loading-spinner[data-v-877e613c]{text-align:center}.loading-spinner p[data-v-877e613c]{margin-top:15px;color:#409eff;font-size:14px}.spinner[data-v-877e613c]{border:4px solid #f3f3f3;border-top:4px solid #409eff;border-radius:50%;width:40px;height:40px;animation:spin-877e613c 1s linear infinite;margin:0 auto}@keyframes spin-877e613c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ltScreenView[data-v-2a99393e]{display:flex;flex-direction:row;height:100%;background-color:#f5f5f5}.ltinfo[data-v-2a99393e]{width:270px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:2px 0 4px rgba(0,0,0,.05)}.ltinfo-header[data-v-2a99393e]{padding:20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2)}.ltinfo-header h3[data-v-2a99393e]{margin:0;color:#fff;font-size:18px;font-weight:600;text-align:center}.ltinfo-list[data-v-2a99393e]{flex:1;overflow-y:auto;padding:10px 0}.ltitem[data-v-2a99393e]{padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease;background-color:#fff;position:relative}.ltitem[data-v-2a99393e]:hover{background-color:#f8f9ff;padding-left:24px;box-shadow:0 2px 8px rgba(102,126,234,.1)}.ltitem.active[data-v-2a99393e]{background:linear-gradient(90deg,rgba(102,126,234,.08235294117647059),rgba(118,75,162,.08235294117647059));border-left:4px solid #667eea;padding-left:16px}.ltitem.active[data-v-2a99393e]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2)}.ltitem-name[data-v-2a99393e]{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;line-height:1.4}.ltitem.active .ltitem-name[data-v-2a99393e]{color:#667eea}.ltitem-desc[data-v-2a99393e]{font-size:13px;color:#666;line-height:1.4}.ltitem.active .ltitem-desc[data-v-2a99393e]{color:#888}.ltitem-empty[data-v-2a99393e]{padding:40px 20px;text-align:center;color:#999;font-size:14px}.ltinfo-list[data-v-2a99393e]::-webkit-scrollbar{width:6px}.ltinfo-list[data-v-2a99393e]::-webkit-scrollbar-track{background-color:#f5f5f5}.ltinfo-list[data-v-2a99393e]::-webkit-scrollbar-thumb{background-color:silver;border-radius:3px}.ltinfo-list[data-v-2a99393e]::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.tab-buttons[data-v-2a99393e]{display:flex;border-bottom:2px solid #f0f0f0;background-color:#fff}.tab-btn[data-v-2a99393e]{flex:1;padding:12px 16px;border:none;background-color:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;position:relative}.tab-btn.active[data-v-2a99393e],.tab-btn[data-v-2a99393e]:hover{background-color:#f8f9ff;color:#667eea}.tab-btn.active[data-v-2a99393e]{border-bottom-color:#667eea}.template-item[data-v-2a99393e]{display:flex;justify-content:space-between;align-items:center;padding-right:10px}.template-actions[data-v-2a99393e]{display:flex;align-items:center;gap:8px}.delete-btn[data-v-2a99393e]{padding:4px 8px;border:none;background-color:transparent;color:#f56c6c;cursor:pointer;font-size:16px;transition:all .3s ease;border-radius:4px}.delete-btn[data-v-2a99393e]:hover{background-color:#fef0f0;color:#f56c6c}.add-template-btn-wrapper[data-v-2a99393e]{padding:12px 20px;border-top:1px solid #f0f0f0;background-color:#fff}.add-template-btn[data-v-2a99393e]{width:100%;padding:10px 16px;border:1px dashed #667eea;background-color:#fff;color:#667eea;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.add-template-btn[data-v-2a99393e]:hover{background-color:#f8f9ff;border-color:#764ba2;color:#764ba2}.add-template-btn i[data-v-2a99393e]{font-size:16px}