.mass-page{height:100%;overflow-y:auto;background:#f5f5f5;box-sizing:border-box}.mass-page .mass-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;background:#f5f5f5}.mass-page .mass-header .mass-header-title{font-size:18px;font-weight:600;color:#303133}.mass-page .mass-header .mass-header-more{font-size:20px;color:#909399;padding:4px}.mass-page .mass-header .mass-header-more:hover{color:#409eff}.mass-page .mass-scroll{max-width:720px;margin:0 auto;padding-bottom:40px}.mass-page .section{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.mass-page .section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.mass-page .section .section-header .section-header-left{display:flex;align-items:center;gap:8px}.mass-page .section .section-header .section-title{font-size:15px;font-weight:600;color:#333}.mass-page .section .section-header .section-title .required{color:#e64e4e}.mass-page .section .section-header .section-badge{font-size:11px;color:#fff;background:#409eff;padding:1px 8px;border-radius:10px;min-width:24px;text-align:center}.mass-page .section .section-header .section-header-actions{display:flex;gap:12px}.mass-page .section .section-header .section-header-actions .action-text{font-size:13px;color:#409eff;cursor:pointer;padding:2px 6px}.mass-page .section .section-header .section-header-actions .action-text.action-clear{color:#e64e4e}.mass-page .section .section-header .section-count{font-size:12px;color:#999}.mass-page .section .section-header .section-value{font-size:12px;color:#409eff}.mass-page .section .send-mode-options{display:flex;gap:12px}.mass-page .section .send-mode-options .send-mode-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:2px solid #eee;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .2s}.mass-page .section .send-mode-options .send-mode-option.active{border-color:#409eff;background:rgba(64,158,255,.04)}.mass-page .section .send-mode-options .send-mode-option .send-mode-label{font-size:15px;color:#666;font-weight:600}.mass-page .section .send-mode-options .send-mode-option .send-mode-desc{font-size:11px;color:#999;margin-top:3px}.mass-page .section .send-mode-options .send-mode-option.active .send-mode-label{color:#409eff}.mass-page .section .send-mode-options .send-mode-option.active .send-mode-desc{color:rgba(64,158,255,.7)}.mass-page .section .selected-tags{margin-bottom:10px}.mass-page .section .selected-tags .tags-inner{display:flex;flex-wrap:wrap;gap:6px}.mass-page .section .selected-tags .tags-inner .tag-item{font-size:12px}.mass-page .section .search-box{margin-bottom:8px}.mass-page .section .target-list{max-height:360px}.mass-page .section .target-list .target-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;cursor:pointer}.mass-page .section .target-list .target-item:last-child{border-bottom:none}.mass-page .section .target-list .target-item .target-info{flex:1;padding:0 12px;min-width:0}.mass-page .section .target-list .target-item .target-info .target-name{font-size:14px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-page .section .target-list .target-item .target-info .target-meta{font-size:12px;color:#999;margin-top:2px}.mass-page .section .target-list .target-item .target-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#e6f0ff;color:#409eff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.mass-page .section .target-list .target-item .target-check{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.mass-page .section .target-list .target-item .target-check.checked{background:#409eff;border-color:#409eff}.mass-page .section .target-list .target-item .target-check.checked .check-icon{color:#fff;font-size:12px;font-weight:700}.mass-page .section .all-user-tip{display:flex;flex-direction:column;align-items:center;padding:30px 0;gap:10px}.mass-page .section .all-user-tip .all-user-icon{font-size:48px}.mass-page .section .all-user-tip .all-user-text{font-size:14px;color:#666}.mass-page .section .empty-tip{text-align:center;padding:30px 0;color:#999;font-size:13px}.mass-page .section .type-options{display:flex;flex-wrap:wrap;gap:8px}.mass-page .section .type-options .type-option{padding:6px 16px;border:1px solid #ddd;border-radius:8px;font-size:13px;color:#666;text-align:center;cursor:pointer;transition:all .15s}.mass-page .section .type-options .type-option.active{border-color:#409eff;color:#409eff;background:rgba(64,158,255,.04);font-weight:500}.mass-page .section .content-input{width:100%}.mass-page .section .upload-area .upload-btn-wrapper{display:inline-block}.mass-page .section .upload-area .upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border:2px dashed #ddd;border-radius:10px;background:#fafafa;gap:8px;cursor:pointer;transition:border-color .15s}.mass-page .section .upload-area .upload-btn:hover{border-color:#409eff}.mass-page .section .upload-area .upload-btn .upload-icon{font-size:32px;color:#999}.mass-page .section .upload-area .upload-btn .upload-text{font-size:12px;color:#999}.mass-page .section .upload-area .upload-preview{position:relative;display:inline-flex;align-items:center;border-radius:8px;overflow:hidden}.mass-page .section .upload-area .upload-preview .preview-image{width:120px;height:120px;border-radius:8px;-o-object-fit:cover;object-fit:cover;background:#f0f0f0}.mass-page .section .upload-area .upload-preview .preview-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;line-height:1}.mass-page .section .upload-area .upload-preview.file-preview{display:flex;flex-direction:row;align-items:center;padding:14px 16px;background:#fafafa;border:1px solid #eee;border-radius:8px;width:100%;box-sizing:border-box}.mass-page .section .upload-area .upload-preview.file-preview .file-preview-icon{font-size:36px;color:#e64e4e;margin-right:12px}.mass-page .section .upload-area .upload-preview.file-preview .file-preview-info{flex:1;min-width:0}.mass-page .section .upload-area .upload-preview.file-preview .file-preview-info .file-preview-name{font-size:13px;color:#333;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-page .section .upload-area .upload-preview.file-preview .file-preview-info .file-preview-size{font-size:12px;color:#999;margin-top:2px;display:block}.mass-page .section .upload-area .upload-file-name{font-size:12px;color:#999;margin-top:6px}.mass-page .dt-picker{width:100%}.mass-page .error-tip{margin-bottom:16px;padding:10px 16px;background:#fef0f0;color:#e64e4e;border-radius:8px;font-size:13px;text-align:center}.mass-page .submit-btn{width:100%;margin-bottom:16px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.history-item:last-child{border-bottom:none}.history-item .history-left{min-width:0}.history-item .history-left .history-target{font-size:13px;color:#333;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .history-left .history-time{font-size:12px;color:#999;display:block;margin-top:2px}.history-item .history-status{font-size:13px;font-weight:500;flex-shrink:0;margin-left:12px}.history-item .history-status.status-pending{color:#ff9500}.history-item .history-status.status-sending{color:#409eff}.history-item .history-status.status-success{color:#67c23a}.history-item .history-status.status-failed{color:#e64e4e}.history-item .history-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px}.view-content .view-field{margin-bottom:10px;display:flex}.view-content .view-field .view-label{font-size:13px;color:#999;flex-shrink:0;width:80px}.view-content .view-field .view-value{font-size:13px;color:#333;flex:1}.view-content .view-content-body{margin-top:6px;padding:12px 16px;background:#f9f9f9;border-radius:8px;min-height:40px}.view-content .view-content-body .view-text{margin:0;font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-all}.view-content .view-content-body .view-image{max-width:100%;max-height:300px;border-radius:6px;display:block}.view-content .view-content-body .view-file{display:flex;align-items:center;gap:8px;font-size:13px;color:#409eff}.view-content .view-content-body .view-file i{font-size:24px}