.preview[data-v-6ab0bf94]{width:320px;margin-left:0}.preview .el-card[data-v-6ab0bf94]{background:transparent;border:none;box-shadow:none}.preview .preview-content[data-v-6ab0bf94]{margin:0;height:580px;position:relative;padding:2px}.preview .preview-content .phone-frame[data-v-6ab0bf94]{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:40px;box-shadow:0 0 20px rgba(0,0,0,.03);display:flex;flex-direction:column;border:2px solid rgba(0,0,0,.06);overflow:hidden}.preview .preview-content .phone-frame>[data-v-6ab0bf94]{background:#fff}.preview .preview-content .phone-header[data-v-6ab0bf94]{padding:15px;text-align:center;position:relative;border-bottom:1px solid #f0f0f0}.preview .preview-content .phone-header span[data-v-6ab0bf94]{font-size:16px;font-weight:500;color:#333}.preview .preview-content .phone-header .time[data-v-6ab0bf94]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#909399;font-size:12px}.preview .preview-content .message-wrapper[data-v-6ab0bf94]{padding:15px;flex:1;overflow-y:auto;background:#fff}.preview .preview-content .message-time[data-v-6ab0bf94]{text-align:center;font-size:12px;color:#999;margin:0 0 15px}.preview .preview-content .message-bubble[data-v-6ab0bf94]{background:rgba(0,0,0,.03);border-radius:4px;padding:10px;display:inline-block;max-width:85%;word-break:break-all}.preview .preview-content .message-bubble .message-text[data-v-6ab0bf94]{color:#333;font-size:14px;line-height:1.4}.preview .preview-footer[data-v-6ab0bf94]{color:#909399;font-size:12px;text-align:center;margin-top:20px}.editor-wrap[data-v-a8eb9f50]{border:1px solid #e4e7ed;border-radius:4px;background:#fff}.editor-wrap .header-wrap[data-v-a8eb9f50]{border-bottom:1px solid #e4e7ed;padding:4px 4px}.editor-wrap .header-wrap .sms-row[data-v-a8eb9f50]{display:flex;justify-content:space-between;align-items:center;min-height:32px}.editor-wrap .header-wrap .sms-row .sms-col[data-v-a8eb9f50]:first-child{flex:1}.editor-wrap .header-wrap .sms-row .sms-col[data-v-a8eb9f50]:last-child{flex:0 0 100px;margin-left:8px}.editor-wrap .header-wrap .btn-group ul[data-v-a8eb9f50]{display:flex;align-items:center;margin:0;padding:0;margin-left:6px;list-style:none}.editor-wrap .header-wrap .btn-group ul li[data-v-a8eb9f50]{margin-right:4px}.editor-wrap .header-wrap .btn-group ul li[data-v-a8eb9f50]:last-child{margin-right:0}.editor-wrap .header-wrap .btn-group ul li .emoji-btn[data-v-a8eb9f50],.editor-wrap .header-wrap .btn-group ul li .tool-btn[data-v-a8eb9f50]{padding:6px;border:none;background:none;cursor:pointer;color:#606266;border-radius:3px;transition:all .2s;line-height:1;display:flex;align-items:center;justify-content:center}.editor-wrap .header-wrap .btn-group ul li .emoji-btn[data-v-a8eb9f50]:hover,.editor-wrap .header-wrap .btn-group ul li .tool-btn[data-v-a8eb9f50]:hover{color:#409eff;background:rgba(64,158,255,.1)}.editor-wrap .header-wrap .btn-group ul li .emoji-btn i[data-v-a8eb9f50],.editor-wrap .header-wrap .btn-group ul li .tool-btn i[data-v-a8eb9f50]{font-size:16px}.editor-wrap .header-wrap .btn-group ul li .emoji-btn[data-v-a8eb9f50]{position:relative}.editor-wrap .header-wrap .btn-group ul li .emoji-panel[data-v-a8eb9f50]{position:fixed;background:#fff;border:1px solid #e4e7ed;border-radius:4px;padding:8px;width:320px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;box-shadow:0 2px 12px rgba(0,0,0,.15);z-index:2000}.editor-wrap .header-wrap .btn-group ul li .emoji-panel .emoji-item[data-v-a8eb9f50]{cursor:pointer;padding:6px;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.editor-wrap .header-wrap .btn-group ul li .emoji-panel .emoji-item[data-v-a8eb9f50]:hover{background:#f5f7fa;transform:scale(1.15)}.editor-wrap .header-wrap .template-btn[data-v-a8eb9f50]{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#606266;transition:all .2s;padding:4px 8px;border-radius:3px;font-size:13px}.editor-wrap .header-wrap .template-btn[data-v-a8eb9f50]:hover{color:#409eff;background:rgba(64,158,255,.1)}.editor-wrap .header-wrap .template-btn i[data-v-a8eb9f50]{margin-right:4px;font-size:14px}.editor-wrap .header-wrap .template-btn span[data-v-a8eb9f50]{font-size:13px}.editor-wrap .editor-content[data-v-a8eb9f50]{min-height:150px;max-height:360px;padding:12px 16px;font-size:14px;line-height:1.6;color:#2c3e50;overflow:auto;outline:none}.editor-wrap .editor-content[data-v-a8eb9f50]:empty:before{content:attr(placeholder);color:#909399}.editor-wrap .editor-content .link-node[data-v-a8eb9f50]{display:inline-block;background:#f0f9ff;border-radius:2px;color:#409eff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.editor-wrap .editor-content .link-node .space[data-v-a8eb9f50]{display:inline-block;width:4px}.editor-wrap .editor-content .var-node[data-v-a8eb9f50]{display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;padding:3px 10px;margin:0 2px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13px;line-height:1.2;box-shadow:0 2px 4px rgba(64,158,255,.06),0 1px 2px rgba(64,158,255,.04)}.editor-wrap .editor-content .var-node[data-v-a8eb9f50]:hover{background:rgba(64,158,255,.12);border-color:rgba(64,158,255,.3);box-shadow:0 4px 6px rgba(64,158,255,.1),0 2px 4px rgba(64,158,255,.06);transform:translateY(-1px)}.editor-wrap .editor-content .var-node[data-v-a8eb9f50]::selection{background:transparent}.editor-wrap .editor-content .var-node[data-v-a8eb9f50]::-moz-selection{background:transparent}.editor-wrap .editor-stats[data-v-a8eb9f50]{display:flex;align-items:center;padding:8px 16px;font-size:13px;color:#909399;background:#f8f9fa;border-top:1px solid #e4e7ed}.editor-wrap .editor-stats .divider[data-v-a8eb9f50]{margin:0 8px;color:#dcdfe6}.editor-wrap .editor-stats span[data-v-a8eb9f50]{line-height:1}.link-dialog .el-dialog[data-v-a8eb9f50]{border-radius:4px;overflow:hidden}.link-dialog .el-dialog__header[data-v-a8eb9f50]{padding:20px;border-bottom:1px solid #ebeef5;margin:0}.link-dialog .el-dialog__header .el-dialog__title[data-v-a8eb9f50]{font-size:16px;font-weight:500;color:#333}.link-dialog .el-dialog__header .el-dialog__headerbtn[data-v-a8eb9f50]{top:20px;right:20px}.link-dialog .el-dialog__body[data-v-a8eb9f50]{padding:20px}.link-dialog .el-dialog__footer[data-v-a8eb9f50]{padding:15px 20px;border-top:1px solid #ebeef5}.link-dialog .el-dialog__footer .el-button[data-v-a8eb9f50]{padding:12px 20px;font-size:14px}.link-form .form-item[data-v-a8eb9f50]{margin-bottom:25px}.link-form .form-item .label[data-v-a8eb9f50]{margin-bottom:8px;font-size:14px;color:#333}.link-form .form-item .label .required[data-v-a8eb9f50]{color:#f56c6c;margin-right:4px}.link-form .form-item .el-input .el-input__inner[data-v-a8eb9f50]{height:40px;line-height:40px;font-size:14px;color:#333}.link-form .form-item .el-input .el-input__inner[data-v-a8eb9f50]::-moz-placeholder{color:#999}.link-form .form-item .el-input .el-input__inner[data-v-a8eb9f50]::placeholder{color:#999}.link-form .link-tips[data-v-a8eb9f50]{padding:20px;background:#f5fafe;border-radius:4px}.link-form .link-tips .title[data-v-a8eb9f50]{font-size:14px;font-weight:500;color:#333;margin-bottom:15px}.link-form .link-tips .content[data-v-a8eb9f50]{font-size:12px;color:#606266;line-height:1.6;margin-bottom:12px;white-space:pre-wrap;word-break:break-all}.link-form .link-tips .content[data-v-a8eb9f50]:last-child{margin-bottom:0}.template-list .search-bar[data-v-a8eb9f50]{margin-bottom:20px}.template-list .search-bar .el-input[data-v-a8eb9f50]{width:300px}.template-list .search-bar .el-input .el-input__inner[data-v-a8eb9f50]{height:40px;line-height:40px}.template-list .el-table .el-table__row[data-v-a8eb9f50]{cursor:pointer}.template-list .el-table .el-table__row[data-v-a8eb9f50]:hover{background-color:#f5f7fa}.template-list .el-table .el-table__row.selected[data-v-a8eb9f50]{background-color:#ecf5ff}