.batchsendmsg{background-color:#fff}.batchsendmsg .left-panel{height:calc(100vh - 180px);display:flex;flex-direction:column;border:1px solid #e4e7ed;border-radius:4px}.batchsendmsg .left-panel .template-list{flex:1;display:flex;flex-direction:column}.batchsendmsg .left-panel .template-list .list-header{padding:15px 20px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;font-weight:700;font-size:14px;color:#303133}.batchsendmsg .left-panel .template-list .template-items{flex:1;padding:20px}.batchsendmsg .left-panel .template-list .template-items .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:start}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item{cursor:pointer;transition:all .3s ease}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.active .template-card{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card{border:2px dashed #dcdfe6;background-color:#ecf5ff!important}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card:hover{border-color:#409eff;background-color:#ecf5ff!important}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card:hover .template-icon,.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card:hover .template-name{color:#409eff}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card .template-icon{color:#909399;font-size:24px}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .add-template-card .template-name{color:#909399}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card{background:#fff;border:1px solid #e4e7ed;border-radius:8px;padding:16px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-checkbox{position:absolute;top:8px;left:8px;z-index:2}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:8px}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper .template-icon{font-size:20px;color:#606266}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper .template-icon.el-icon-star-on{color:#f7ba2a}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper .template-icon.el-icon-truck{color:#67c23a}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper .template-icon.el-icon-gift{color:#e6a23c}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper.add-icon{background:linear-gradient(135deg,#667eea,#764ba2);border:2px dashed #fff}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-icon-wrapper.add-icon .el-icon-plus{font-size:24px;color:#fff}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item .template-card .template-content .template-name{font-size:14px;color:#303133;font-weight:500;line-height:1.4;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template .template-card{border:2px dashed #dcdfe6;background-color:#ecf5ff!important}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template .template-card:hover{border-color:#409eff;background-color:#ecf5ff!important}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template .template-card .template-content .template-icon-wrapper{background:linear-gradient(135deg,#409eff,#36cfc9)}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template .template-card .template-content .template-icon-wrapper .el-icon-plus{font-size:24px;color:#fff}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template .template-card .template-content .template-name{color:#909399}.batchsendmsg .left-panel .template-list .template-items .template-grid .template-item.add-template:hover .template-card .template-content .template-name{color:#409eff}.batchsendmsg .left-panel .send-section{padding:20px;border-top:1px solid #e4e7ed;background-color:#f5f7fa}.batchsendmsg .left-panel .send-section .send-btn{width:100%;height:50px;font-size:16px;font-weight:700;letter-spacing:2px;border-radius:8px}.batchsendmsg .left-panel .send-section .send-btn.is-disabled{background-color:#c0c4cc;border-color:#c0c4cc}.batchsendmsg .right-panel{height:calc(100vh - 180px);display:flex;flex-direction:column;border:1px solid #e4e7ed;border-radius:4px;min-height:0}.batchsendmsg .right-panel .preview-header{padding:15px 20px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;font-weight:700;font-size:14px;color:#303133;flex-shrink:0}.batchsendmsg .right-panel .preview-content{flex:1;padding:20px;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:0}.batchsendmsg .right-panel .preview-content .template-title{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e4e7ed;font-size:18px;font-weight:700;color:#303133;flex-shrink:0}.batchsendmsg .right-panel .preview-content .template-body-scroll{flex:1;overflow-y:auto!important;overflow-x:hidden!important;max-height:100%!important;padding-right:5px;min-height:0!important}.batchsendmsg .right-panel .preview-content .template-body-scroll::-webkit-scrollbar{width:6px}.batchsendmsg .right-panel .preview-content .template-body-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.batchsendmsg .right-panel .preview-content .template-body-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.batchsendmsg .right-panel .preview-content .template-body-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.batchsendmsg .right-panel .preview-content .template-body{line-height:1.8;font-size:14px;color:#606266}.batchsendmsg .right-panel .preview-content .template-body p{margin-bottom:10px}.batchsendmsg .right-panel .preview-content .template-body p:last-child{margin-bottom:0}.batchsendmsg .right-panel .preview-content .no-template{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#c0c4cc}.batchsendmsg .right-panel .preview-content .no-template i{font-size:48px;margin-bottom:15px}.batchsendmsg .right-panel .preview-content .no-template p{font-size:14px;margin:0}.batchsendmsg .el-dialog__footer{padding:8px 20px 12px;border-top:1px solid #e4e7ed;background-color:#f8f9fa;flex-shrink:0}.batchsendmsg .el-dialog__footer .dialog-footer{text-align:center;padding-top:0;margin:0}.batchsendmsg .el-dialog__footer .dialog-footer .el-button{margin:0 5px;padding:5px 15px;height:28px;line-height:18px;font-size:12px}::v-deep .el-dialog .el-dialog__header{padding:15px 20px;border-bottom:1px solid #e4e7ed;background-color:#f5f7fa}::v-deep .el-dialog .el-dialog__header .el-dialog__title{font-size:16px;font-weight:700;color:#303133}::v-deep .el-dialog .el-dialog__body{padding:20px}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item{margin-bottom:20px}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .el-form-item__label{font-weight:500;color:#606266}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .el-input__inner,::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .el-textarea__inner{border:1px solid #dcdfe6;border-radius:4px}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .el-input__inner:focus,::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .diveditor{border:1px solid #dcdfe6;border-radius:4px;background-color:#fff}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .diveditor .w-e-toolbar{border-bottom:1px solid #e4e7ed;background-color:#fafafa}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .diveditor .w-e-text-container{min-height:200px;padding:12px;line-height:1.5}::v-deep .el-dialog .el-dialog__body .dialog-content .el-form .el-form-item .diveditor .w-e-text-container .w-e-text{border:none;padding:0;outline:none}::v-deep .el-dialog .el-dialog__footer{padding:0}::v-deep .el-dialog .el-dialog__footer .dialog-footer{padding:15px 20px;border-top:1px solid #e4e7ed}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button{margin:0 8px;padding:10px 20px}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button:first-child{margin-left:0}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button:last-child{margin-right:0}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button--primary{background-color:#409eff;border-color:#409eff}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button--primary:hover{background-color:#66b1ff;border-color:#66b1ff}::v-deep .el-dialog .el-dialog__footer{padding:8px 20px 12px;border-top:1px solid #e4e7ed;background-color:#f8f9fa;flex-shrink:0}::v-deep .el-dialog .el-dialog__footer .dialog-footer{text-align:center;padding-top:0;margin:0}::v-deep .el-dialog .el-dialog__footer .dialog-footer .el-button{margin:0 5px;padding:5px 15px;height:28px;line-height:18px;font-size:12px}::v-deep .el-message{min-width:300px;border-radius:4px}::v-deep .el-message.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}::v-deep .el-message.el-message--success .el-message__content{color:#67c23a}::v-deep .el-message.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}::v-deep .el-message.el-message--warning .el-message__content{color:#e6a23c}::v-deep .el-message-box{border-radius:4px}::v-deep .el-message-box .el-message-box__header{background-color:#fef0f0;padding:20px 20px 10px}::v-deep .el-message-box .el-message-box__header .el-message-box__title{color:#f56c6c;font-weight:700}::v-deep .el-message-box .el-message-box__content{padding:20px;line-height:1.6}