.mail-preview-dialog{background:#000!important}.mail-preview-dialog .el-dialog__header{padding:0}.mail-preview-dialog .el-dialog__body{padding:0;height:calc(100vh - 56px);background:#333}.preview-navbar{height:56px;background:#1a1a1a;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.navbar-left,.preview-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-left{color:#fff;max-width:70%}.file-icon-box{width:30px;height:30px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:12px;font-size:18px}.file-icon-box.word{background:#0052d9}.file-icon-box.img{background:#e34d59}.file-icon-box.default{background:#737b85}.navbar-left .file-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-item,.navbar-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.action-item{width:40px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ccc;cursor:pointer;font-size:20px;-webkit-transition:all .2s;transition:all .2s;border-radius:4px}.action-item:hover{background:#333;color:#fff}.close-btn:hover{background:#e34d59}.nav-divider{width:1px;height:20px;background:#444;margin:0 10px}.preview-body,.preview-iframe{width:100%;height:100%}.preview-iframe{background:#fff}.image-viewer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.image-viewer img{max-width:90%;max-height:90%;-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5)}.error-state{padding-top:100px}.mail-detail-container[data-v-67dbbdb8]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.detail-toolbar[data-v-67dbbdb8]{padding:10px 20px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toolbar-left[data-v-67dbbdb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.mail-subject-top[data-v-67dbbdb8]{margin:0;font-size:18px;font-weight:700;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-icon[data-v-67dbbdb8]{font-size:18px;color:#606266;cursor:pointer}.action-icon[data-v-67dbbdb8]:hover{color:#409eff}.detail-scroll-content[data-v-67dbbdb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px 20px}.mail-header-info[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.info-main[data-v-67dbbdb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:15px}.first-line[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;font-size:14px}.sender-name[data-v-67dbbdb8]{font-weight:700;color:#303133}.sender-email[data-v-67dbbdb8]{color:#909399;margin-left:5px}.send-time[data-v-67dbbdb8]{margin-left:auto;color:#909399}.detail-toggle[data-v-67dbbdb8]{margin-left:10px;color:#409eff;cursor:pointer;font-size:12px}.expanded-info[data-v-67dbbdb8]{background:#f8f9fa;padding:10px;border-radius:4px;margin-top:10px}.info-row[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px}.info-row .label[data-v-67dbbdb8]{width:60px;color:#909399;font-size:13px}.recipient-tags[data-v-67dbbdb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.simple-info[data-v-67dbbdb8]{font-size:12px;color:#909399}.mail-body-content[data-v-67dbbdb8]{line-height:1.6;font-size:14px;color:#303133;min-height:200px;margin-bottom:50px}.attachment-section[data-v-67dbbdb8]{border-top:1px solid #eee}.attachment-header[data-v-67dbbdb8]{margin-bottom:15px;color:#606266}.security-tip[data-v-67dbbdb8]{margin-left:auto;color:#67c23a}.attachment-list[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.attachment-card[data-v-67dbbdb8]{border-radius:4px;background:#fbfbfc;cursor:pointer;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.attachment-card[data-v-67dbbdb8]:hover{border-color:#409eff;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.12);box-shadow:0 2px 8px rgba(64,158,255,.12)}.file-icon[data-v-67dbbdb8]{font-size:32px;color:#409eff}.file-name[data-v-67dbbdb8]{color:#303133}.file-size[data-v-67dbbdb8]{color:#909399;margin-top:4px}.file-download[data-v-67dbbdb8]{font-size:18px;color:#909399;margin-left:8px}.attachment-card:hover .file-download[data-v-67dbbdb8],.text-blue[data-v-67dbbdb8]{color:#409eff}.text-red[data-v-67dbbdb8]{color:#f56c6c}.attachment-section[data-v-67dbbdb8]{padding-top:10px;background-color:#fff;border-top:1px solid #f0f0f0}.attachment-header[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:13px;color:#666}.attachment-header .divider[data-v-67dbbdb8]{margin:0 10px;color:#e0e0e0}.attachment-header .download-all[data-v-67dbbdb8]{color:#409eff;cursor:pointer}.attachment-header .header-right[data-v-67dbbdb8]{color:#2ba471;font-size:12px}.attachment-list[data-v-67dbbdb8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.attachment-card[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;background-color:#f3f5f8;border-radius:2px;cursor:default;-webkit-transition:background-color .2s;transition:background-color .2s;height:54px;-webkit-box-sizing:border-box;box-sizing:border-box}.attachment-card[data-v-67dbbdb8]:hover{background-color:#e7eaf0}.file-icon[data-v-67dbbdb8]{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:12px;border-radius:2px;font-size:20px;color:#fff}.file-icon.img[data-v-67dbbdb8]{background-color:#e34d59}.file-icon.word[data-v-67dbbdb8]{background-color:#0052d9}.file-icon.html[data-v-67dbbdb8]{background-color:#ed7b2f}.file-icon.txt[data-v-67dbbdb8]{background-color:#737b85}.file-info[data-v-67dbbdb8]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.file-name[data-v-67dbbdb8]{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.file-size-row[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px}.file-size[data-v-67dbbdb8]{font-size:12px;color:#999}.file-actions[data-v-67dbbdb8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachment-card:hover .file-actions[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex}.file-actions i[data-v-67dbbdb8]{margin-left:12px;font-size:16px;color:#666;cursor:pointer}.file-actions i[data-v-67dbbdb8]:hover{color:#0052d9}.attachment-brief-bar[data-v-67dbbdb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;font-size:13px;color:#606266;border-top:1px solid #ebeef5}.attachment-brief-bar .first-file-name[data-v-67dbbdb8]{color:#909399;margin-left:4px}.jump-link[data-v-67dbbdb8]{margin-left:15px;font-size:13px}.attachment-section[data-v-67dbbdb8]{margin-top:30px;padding-top:20px;border-top:2px solid #f0f2f5}.mail-container[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 120px);background:#fff;overflow:hidden}.mail-sidebar[data-v-50cffe68]{width:240px;background-color:#f8f9fa;border-right:1px solid #eaeaea;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-10[data-v-50cffe68]{padding:10px}.p-20[data-v-50cffe68]{padding:20px}.sidebar-top-actions[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:0 6px}.receive-btn[data-v-50cffe68],.write-btn[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;border-radius:8px;font-weight:700;padding-left:10px;padding-right:10px}.receive-btn[data-v-50cffe68]{margin-left:0}.folder-list[data-v-50cffe68]{list-style:none;padding:0;margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.folder-list li[data-v-50cffe68]{padding:12px 20px;cursor:pointer;color:#606266;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.folder-list li i[data-v-50cffe68]{margin-right:12px;font-size:18px}.folder-list li.active[data-v-50cffe68]{background:#edeef0;color:#069;font-weight:700;border-left:3px solid #069}.badge[data-v-50cffe68]{margin-left:auto;background:#ddd;padding:2px 8px;border-radius:10px;font-size:12px}.sidebar-footer[data-v-50cffe68]{padding:10px 0;border-top:1px solid #eee;background:#f8f9fa}.user-card[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;overflow:hidden}.user-avatar[data-v-50cffe68]{-ms-flex-negative:0;flex-shrink:0;background:#ffeded;color:#f56c6c}.user-detail[data-v-50cffe68]{margin-left:10px;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-name[data-v-50cffe68]{font-size:14px;font-weight:700}.user-email[data-v-50cffe68],.user-name[data-v-50cffe68]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-50cffe68]{font-size:12px;color:#909399}.switch-btn[data-v-50cffe68]{padding:0;font-size:12px;color:#409eff}.mail-list-panel[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;background:#fff}.panel-header[data-v-50cffe68]{padding:15px;border-bottom:1px solid #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex}.list-scroll-area[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.mail-item-box[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer}.mail-item-box[data-v-50cffe68]:hover{background:#f5f7fa}.mail-item-box.active[data-v-50cffe68]{background:#eef1f6;border-left:3px solid #069}.item-left[data-v-50cffe68]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:4px}.sender-avatar[data-v-50cffe68]{background:#c0c4cc}.item-right[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.row-one[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.sender-name[data-v-50cffe68]{font-size:14px;color:#303133;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-time[data-v-50cffe68]{font-size:12px;color:#909399;-ms-flex-negative:0;flex-shrink:0}.row-two[data-v-50cffe68]{margin-bottom:4px}.mail-subject[data-v-50cffe68]{font-size:13px;color:#6a7282;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-excerpt[data-v-50cffe68]{font-size:12px;color:#606266;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-more-tip[data-v-50cffe68]{text-align:center;padding:12px;font-size:12px;color:#909399}.load-more-tip.no-more[data-v-50cffe68]{color:#c0c4cc}.current-account-text[data-v-50cffe68]{color:#069;font-size:12px}.list-resizer[data-v-50cffe68]{width:4px;cursor:col-resize;border-left:1px solid #eaeaea;-webkit-transition:background .2s;transition:background .2s}.list-resizer[data-v-50cffe68]:hover{background:#409eff}.mail-content-panel[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.mail-page[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow-y:auto}.detail-toolbar[data-v-50cffe68]{padding:10px 20px;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.detail-content[data-v-50cffe68]{padding:30px 40px;overflow-y:auto}.mail-title[data-v-50cffe68]{font-size:24px;margin-bottom:20px}.mail-info[data-v-50cffe68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-main[data-v-50cffe68]{margin-left:15px}.mail-body[data-v-50cffe68]{line-height:1.6;font-size:15px}.empty-list-container[data-v-50cffe68],.empty-state[data-v-50cffe68]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ccc;text-align:center}.empty-list-container i[data-v-50cffe68],.empty-state i[data-v-50cffe68]{font-size:48px;margin-bottom:10px}.new-mail-alert[data-v-50cffe68]{background-color:#f0f9eb;color:#67c23a;padding:10px;text-align:center;cursor:pointer;font-size:13px;border-bottom:1px solid #e1f3d8;position:sticky;top:0;z-index:10;font-weight:700}.new-mail-alert[data-v-50cffe68]:hover{background-color:#e1f3d8}.item-left[data-v-50cffe68]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:12px}.unread-dot[data-v-50cffe68]{position:absolute;top:16px;left:-13px;width:8px;height:8px;background-color:#f56c6c;border-radius:50%;border:1.5px solid #fff;z-index:10}