.msg-container[data-v-4cfb33b8]{padding:10px 12px;background-color:#f3f4f6;min-height:100vh}.record-container[data-v-4cfb33b8]{padding:20px;background-color:#fff}.page-header[data-v-4cfb33b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2[data-v-4cfb33b8]{margin:0;font-size:18px;font-weight:600}.header-left[data-v-4cfb33b8]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;border-radius:4px}.header-left[data-v-4cfb33b8]:hover{background-color:#f5f7fa}.back-arrow[data-v-4cfb33b8]{font-size:26px;color:#303133;font-weight:700}.page-header h2[data-v-4cfb33b8]{font-size:22px;font-weight:700}.refresh-btn[data-v-4cfb33b8]{padding:8px}.stats-section[data-v-4cfb33b8]{display:flex;background-color:#f5f7fa;border-radius:4px;padding:20px;margin-bottom:20px}.stat-item[data-v-4cfb33b8]{flex:1;text-align:center}.stat-label[data-v-4cfb33b8]{font-size:14px;color:#606266;margin-bottom:8px}.stat-value[data-v-4cfb33b8]{font-size:24px;font-weight:600}.stat-value.success[data-v-4cfb33b8]{color:#67c23a}.stat-value.failed[data-v-4cfb33b8]{color:#f56c6c}.stat-value.pending[data-v-4cfb33b8]{color:#e6a23c}.detail-section[data-v-4cfb33b8]{margin-top:20px}.detail-section h3[data-v-4cfb33b8]{margin:0 0 15px 0;font-size:16px;font-weight:600}.search-bar[data-v-4cfb33b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-form[data-v-4cfb33b8]{margin-bottom:0}.search-input[data-v-4cfb33b8]{width:200px}.status-select[data-v-4cfb33b8]{width:150px}.action-buttons[data-v-4cfb33b8]{display:flex;gap:10px}.export-btn[data-v-4cfb33b8],.export-record-btn[data-v-4cfb33b8]{margin-right:5px}.status-success[data-v-4cfb33b8]{color:#67c23a;display:flex;align-items:center}.status-success i[data-v-4cfb33b8]{margin-right:5px;font-size:16px}.status-pending[data-v-4cfb33b8]{color:#e6a23c;display:flex;align-items:center}.status-pending i[data-v-4cfb33b8]{margin-right:5px;font-size:16px}.status-failed[data-v-4cfb33b8]{color:#f56c6c;display:flex;align-items:center}.status-failed i[data-v-4cfb33b8]{margin-right:5px;font-size:16px}.status-canceled[data-v-4cfb33b8]{color:#909399;display:flex;align-items:center}.pagination[data-v-4cfb33b8]{display:flex;align-items:center;justify-content:flex-end;margin-top:20px;gap:10px}.total[data-v-4cfb33b8]{white-space:nowrap;font-size:14px;color:#606266}.page-size-select[data-v-4cfb33b8]{width:80px}@media (max-width:768px){.stats-section[data-v-4cfb33b8]{flex-direction:column;gap:15px}.stat-item[data-v-4cfb33b8]{text-align:left;display:flex;justify-content:space-between}.search-bar[data-v-4cfb33b8]{flex-direction:column;align-items:flex-start;gap:10px}.search-input[data-v-4cfb33b8]{width:100%}.action-buttons[data-v-4cfb33b8]{width:100%;justify-content:flex-end}.pagination[data-v-4cfb33b8]{flex-direction:column;align-items:flex-start;gap:10px}}.preview-container{min-height:400px}.preview-error{display:flex;align-items:center;justify-content:center;height:300px;color:#f56c6c;font-size:16px;gap:8px}.preview-error i{font-size:20px}.preview-body{display:flex;flex-direction:column}.preview-info{padding:12px 16px;background-color:#f5f7fa;border-radius:4px}.preview-info-item{line-height:28px;font-size:14px}.preview-hint{background-color:#f5f7fa;border-radius:4px}.preview-label{color:#606266;font-weight:600}.preview-email{color:#409eff}.preview-content{border:1px solid #ebeef5;border-radius:4px;overflow:hidden}.preview-iframe,.preview-text{width:100%;height:480px;border:none}.preview-text{margin:0;padding:16px;overflow-y:auto;font-family:inherit;font-size:14px;line-height:1.6;color:#303133;white-space:pre-wrap;word-break:break-all;box-sizing:border-box}.preview-text::-webkit-scrollbar{width:3px}.preview-text::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:2px}.preview-text::-webkit-scrollbar-track{background:transparent}.preview-link{color:#409eff;text-decoration:underline}.preview-link:hover{color:#66b1ff}.preview-tip{margin:0;padding:10px 0;text-align:center;font-size:13px;color:#909399}