.app-container.richtext-creator[data-v-563dd97e]{padding:0;min-height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa;width:100%;max-width:100vw;overflow-x:hidden}.creator-layout[data-v-563dd97e]{display:flex;flex-direction:column;flex:1;padding:20px;height:100vh;overflow:hidden}.split-layout[data-v-563dd97e]{display:flex;height:100%;width:100%;min-width:0;gap:0}.preview-section[data-v-563dd97e]{width:30%;min-width:300px;max-width:400px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.phone-mockup[data-v-563dd97e]{width:90%;max-width:340px;height:680px;background:#000;border-radius:25px;padding:8px;box-shadow:0 8px 30px rgba(0,0,0,.3);position:relative}.phone-mockup[data-v-563dd97e]:before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#333;border-radius:2px}.phone-mockup .phone-header[data-v-563dd97e]{background:#fff;border-radius:17px 17px 0 0;overflow:hidden}.phone-mockup .phone-header .phone-status-bar[data-v-563dd97e]{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 4px;font-size:12px;font-weight:600;color:#000}.phone-mockup .phone-header .phone-status-bar .time[data-v-563dd97e]{font-weight:600}.phone-mockup .phone-header .phone-status-bar .phone-indicators[data-v-563dd97e]{display:flex;align-items:center;gap:4px;font-size:10px}.phone-mockup .phone-header .phone-status-bar .phone-indicators .battery[data-v-563dd97e]{font-size:11px}.phone-mockup .phone-header .phone-nav-bar[data-v-563dd97e]{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 12px;border-bottom:1px solid #f0f0f0}.phone-mockup .phone-header .phone-nav-bar .page-title[data-v-563dd97e]{font-size:16px;font-weight:600;color:#333}.phone-mockup .phone-header .phone-nav-bar i[data-v-563dd97e]{font-size:18px;color:#666}.phone-mockup .phone-content[data-v-563dd97e]{background:#fff;height:calc(100% - 80px);border-radius:0 0 17px 17px;overflow-y:auto}.phone-mockup .phone-content[data-v-563dd97e]::-webkit-scrollbar{width:2px}.phone-mockup .phone-content[data-v-563dd97e]::-webkit-scrollbar-thumb{background:#ddd;border-radius:1px}.activity-preview .preview-header .preview-cover[data-v-563dd97e]{width:100%;height:180px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.activity-preview .preview-header .preview-cover img[data-v-563dd97e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-preview .preview-header .preview-cover.placeholder[data-v-563dd97e]{flex-direction:column;color:#999}.activity-preview .preview-header .preview-cover.placeholder i[data-v-563dd97e]{font-size:40px;margin-bottom:8px}.activity-preview .preview-header .preview-cover.placeholder span[data-v-563dd97e]{font-size:12px}.activity-preview .preview-header .preview-info[data-v-563dd97e]{padding:16px}.activity-preview .preview-header .preview-info .preview-title[data-v-563dd97e]{font-size:16px;font-weight:600;color:#333;margin:0 0 12px 0;line-height:1.4}.activity-preview .preview-header .preview-info .preview-meta .meta-item[data-v-563dd97e]{display:flex;align-items:center;margin-bottom:8px;font-size:12px;color:#666}.activity-preview .preview-header .preview-info .preview-meta .meta-item i[data-v-563dd97e]{margin-right:6px;font-size:12px;color:#999}.activity-preview .preview-header .preview-info .preview-meta .meta-item[data-v-563dd97e]:last-child{margin-bottom:0}.activity-preview .preview-content[data-v-563dd97e]{border-top:8px solid #f5f5f5}.activity-preview .preview-content .content-title[data-v-563dd97e]{padding:16px 16px 8px;font-size:14px;font-weight:600;color:#333}.activity-preview .preview-content .rich-content[data-v-563dd97e]{padding:0 16px 16px;font-size:13px;line-height:1.6;color:#333}.activity-preview .preview-content .rich-content h1[data-v-563dd97e],.activity-preview .preview-content .rich-content h2[data-v-563dd97e],.activity-preview .preview-content .rich-content h3[data-v-563dd97e],.activity-preview .preview-content .rich-content h4[data-v-563dd97e],.activity-preview .preview-content .rich-content h5[data-v-563dd97e],.activity-preview .preview-content .rich-content h6[data-v-563dd97e]{margin:16px 0 8px 0;font-weight:600}.activity-preview .preview-content .rich-content h1[data-v-563dd97e]{font-size:16px}.activity-preview .preview-content .rich-content h2[data-v-563dd97e]{font-size:15px}.activity-preview .preview-content .rich-content h3[data-v-563dd97e]{font-size:14px}.activity-preview .preview-content .rich-content h4[data-v-563dd97e],.activity-preview .preview-content .rich-content h5[data-v-563dd97e],.activity-preview .preview-content .rich-content h6[data-v-563dd97e]{font-size:13px}.activity-preview .preview-content .rich-content p[data-v-563dd97e]{margin:8px 0}.activity-preview .preview-content .rich-content ol[data-v-563dd97e],.activity-preview .preview-content .rich-content ul[data-v-563dd97e]{margin:8px 0;padding-left:20px}.activity-preview .preview-content .rich-content img[data-v-563dd97e]{max-width:100%;height:auto;border-radius:4px;margin:8px 0}.activity-preview .preview-content .rich-content blockquote[data-v-563dd97e]{border-left:3px solid #409eff;padding-left:12px;margin:12px 0;color:#666;background-color:#f9f9f9;padding:8px 12px;border-radius:4px}.editor-section[data-v-563dd97e]{flex:1;min-width:0;overflow-y:auto;padding-left:20px;padding-right:20px}.editor-section .main-card[data-v-563dd97e]{height:100%;width:100%;max-width:100%}.editor-section .main-card[data-v-563dd97e] .el-card__body{height:100%;padding:20px;overflow-y:auto}.main-card[data-v-563dd97e] .el-card__body{padding:24px}.required-fields-section .el-form-item[data-v-563dd97e]{margin-bottom:16px}.required-fields-section .el-form-item[data-v-563dd97e] .el-form-item__label{font-weight:500;color:#606266}.required-fields-section .left-section[data-v-563dd97e]{padding-right:15px}.required-fields-section .right-section[data-v-563dd97e]{padding-left:15px}.richtext-section .section-actions[data-v-563dd97e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-container[data-v-563dd97e]{flex:1;display:flex;flex-direction:column}.editor-toolbar[data-v-563dd97e]{display:flex;justify-content:flex-start;align-items:center;padding:12px 0;background-color:#f8f9fa;border-bottom:1px solid #e4e7ed;margin-bottom:16px}.editor-toolbar .toolbar-left[data-v-563dd97e]{display:flex;align-items:center}.editor-toolbar .toolbar-left .toolbar-tip[data-v-563dd97e]{font-size:12px;color:#909399;font-style:italic}.editor-wrapper[data-v-563dd97e]{border:1px solid #e4e7ed;border-radius:4px;min-height:450px;margin-bottom:16px}.editor-wrapper .rich-editor[data-v-563dd97e]{height:450px}.editor-wrapper .rich-editor[data-v-563dd97e] .ql-container{height:calc(100% - 42px);font-size:14px}.editor-wrapper .rich-editor[data-v-563dd97e] .ql-editor{padding:20px;line-height:1.6}.editor-wrapper .rich-editor[data-v-563dd97e] .ql-editor.ql-blank:before{color:#c0c4cc;font-style:normal;content:"请在此编辑活动的详细内容，支持图文混编..."}.editor-tips[data-v-563dd97e] .el-alert{border-radius:4px}.editor-tips[data-v-563dd97e] .el-alert .el-alert__description{margin-top:8px}.editor-tips[data-v-563dd97e] .el-alert .el-alert__description p{margin:4px 0;line-height:1.5}.cover-section[data-v-563dd97e]{display:flex;align-items:flex-start;margin-top:16px;padding:16px;background-color:#f9f9f9;border-radius:6px;border:1px solid #e4e7ed}.cover-section .cover-label[data-v-563dd97e]{margin-right:16px;font-weight:500;color:#606266;font-size:14px;line-height:32px;white-space:nowrap}.cover-section .cover-upload-area .cover-uploader[data-v-563dd97e]{border:2px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:160px;height:90px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;transition:border-color .3s}.cover-section .cover-upload-area .cover-uploader[data-v-563dd97e]:hover{border-color:#409eff}.cover-section .cover-upload-area .cover-uploader .cover-image[data-v-563dd97e]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.cover-section .cover-upload-area .cover-uploader .cover-uploader-placeholder[data-v-563dd97e]{display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-section .cover-upload-area .cover-uploader .cover-uploader-placeholder i[data-v-563dd97e]{font-size:28px;color:#8c939d;margin-bottom:8px}.cover-section .cover-upload-area .cover-uploader .cover-uploader-placeholder .upload-text[data-v-563dd97e]{font-size:14px;color:#606266}.cover-section .cover-upload-area .upload-tip[data-v-563dd97e]{color:#909399;font-size:12px;margin-top:8px;line-height:1.4}.actions-section[data-v-563dd97e]{margin-top:20px;padding:16px;background-color:#f9f9f9;border-radius:6px;border:1px solid #e4e7ed}.actions-section .actions-container[data-v-563dd97e]{display:flex;justify-content:space-between;align-items:center}.actions-section .actions-container .actions-left[data-v-563dd97e]{display:flex;gap:12px}.actions-section .actions-container .actions-left .el-button[data-v-563dd97e]{min-width:100px}.actions-section .actions-container .actions-left .el-button i[data-v-563dd97e]{margin-right:5px}.actions-section .actions-container .actions-right[data-v-563dd97e]{display:flex;gap:12px}.actions-section .actions-container .actions-right .el-button[data-v-563dd97e]{min-width:100px}.actions-section .actions-container .actions-right .el-button i[data-v-563dd97e]{margin-right:5px}.preview-content[data-v-563dd97e]{max-height:60vh;overflow-y:auto;padding:20px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff}.preview-content[data-v-563dd97e] h1,.preview-content[data-v-563dd97e] h2,.preview-content[data-v-563dd97e] h3{color:#303133;margin:15px 0 10px 0}.preview-content[data-v-563dd97e] p{line-height:1.6;margin-bottom:10px;color:#606266}.preview-content[data-v-563dd97e] ol,.preview-content[data-v-563dd97e] ul{padding-left:20px;margin-bottom:10px}.preview-content[data-v-563dd97e] img{max-width:100%;height:auto;margin:10px 0;border-radius:4px}@media(max-width:1400px){.split-layout .preview-section[data-v-563dd97e]{width:350px}.split-layout .preview-section .phone-mockup[data-v-563dd97e]{width:300px;height:600px}}@media(max-width:1200px){.creator-layout[data-v-563dd97e]{padding:15px}.split-layout[data-v-563dd97e]{flex-direction:column}.split-layout .preview-section[data-v-563dd97e]{width:100%;height:300px;padding-top:10px}.split-layout .preview-section .phone-mockup[data-v-563dd97e]{width:250px;height:450px}.split-layout .editor-section[data-v-563dd97e]{flex:none;height:calc(100vh - 350px)}}@media(max-width:768px){.creator-layout[data-v-563dd97e]{padding:10px;height:auto}.split-layout .preview-section[data-v-563dd97e]{height:250px}.split-layout .preview-section .phone-mockup[data-v-563dd97e]{width:200px;height:350px}.split-layout .editor-section[data-v-563dd97e]{height:auto}.required-fields-section .el-row .el-col[data-v-563dd97e]{span:24!important}.required-fields-section .left-section[data-v-563dd97e]{padding-right:0;border-right:none;border-bottom:1px solid #e4e7ed;padding-bottom:20px;margin-bottom:20px}.required-fields-section .right-section[data-v-563dd97e]{padding-left:0}.required-fields-section .right-section .el-row .el-col[data-v-563dd97e]{span:24!important;margin-bottom:10px}.editor-wrapper .rich-editor[data-v-563dd97e]{height:400px}.actions-section .actions-container[data-v-563dd97e]{flex-direction:column;gap:12px}.actions-section .actions-container .actions-left[data-v-563dd97e],.actions-section .actions-container .actions-right[data-v-563dd97e]{width:100%;justify-content:center}.actions-section .actions-container .actions-left .el-button[data-v-563dd97e],.actions-section .actions-container .actions-right .el-button[data-v-563dd97e]{flex:1;max-width:150px}}