.email-frame[data-v-778eed7a]{width:100%;height:98.5%;border:none}.email-detail-page[data-v-778eed7a]{display:flex;height:calc(100% - 15px);width:calc(100% - 15px);overflow:hidden;margin-left:10px}.left-panel[data-v-778eed7a]{width:320px;display:flex;flex-direction:column;background:#fff}.filter-bar[data-v-778eed7a]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #e8e8e8;gap:8px}.filter-bar .filter-select[data-v-778eed7a]{width:80px}.filter-bar .filter-input[data-v-778eed7a]{flex:1}.email-list[data-v-778eed7a]{flex:1;overflow-y:auto}.email-list[data-v-778eed7a]::-webkit-scrollbar{height:6px;width:0}.email-list[data-v-778eed7a]::-webkit-scrollbar-track{background-color:transparent}.email-list[data-v-778eed7a]::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.email-list[data-v-778eed7a]:hover::-webkit-scrollbar-thumb{background-color:transparent;cursor:pointer}.email-group .group-title[data-v-778eed7a]{display:flex;align-items:center;padding:8px 12px;font-size:12px;color:#999;border-bottom:1px solid #f6f6f6;background:#fafafa;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.email-group .group-title .group-arrow[data-v-778eed7a]{margin-right:6px;font-size:12px;transition:transform .2s;color:#999}.email-group .group-title .group-arrow.is-expanded[data-v-778eed7a]{transform:rotate(90deg)}.email-group .group-content[data-v-778eed7a]{transition:all .2s}.email-item[data-v-778eed7a]{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;display:flex}.email-item.active[data-v-778eed7a],.email-item[data-v-778eed7a]:hover{background:#f1f6fc}.email-item .email-item-left[data-v-778eed7a]{margin-top:5px}.email-item .email-item-left i[data-v-778eed7a]{font-size:15px;color:#ccc}.email-item .email-item-left i[data-v-778eed7a]:hover{color:#f2cb51}.email-item .email-item-left i.el-icon-star-on[data-v-778eed7a]{font-size:19px;color:#f2cb51;margin-left:-3px}.email-item .email-item-right[data-v-778eed7a]{flex:1;margin-left:5px;overflow:hidden}.email-item .item-row[data-v-778eed7a]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.email-item .item-sender[data-v-778eed7a]{font-size:11px;color:#999;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.email-item .item-date[data-v-778eed7a]{font-size:11px;color:#999;flex-shrink:0}.email-item .item-subject[data-v-778eed7a]{font-size:12px;color:#333;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item .item-subject.isRead[data-v-778eed7a]{color:#999}.left-footer[data-v-778eed7a]{padding:10px;border-top:1px solid #e8e8e8;text-align:center}.left-footer .compose-btn[data-v-778eed7a]{width:100%}.right-panel[data-v-778eed7a]{margin-left:5px;background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden}.right-panel.empty[data-v-778eed7a]{align-items:center;justify-content:center}.right-panel.empty .empty-text[data-v-778eed7a]{color:#999;font-size:14px}.detail-header[data-v-778eed7a]{padding:16px 20px;display:flex}.detail-header .detail-title[data-v-778eed7a]{margin:0 0 12px 0;font-size:16px;font-weight:600;color:#333;line-height:1.4;flex:1}.detail-info[data-v-778eed7a]{padding:12px 20px;border-bottom:1px solid #e8e8e8;font-size:13px}.detail-info .info-row[data-v-778eed7a]{margin-bottom:6px;display:flex;align-items:flex-start}.detail-info .info-row[data-v-778eed7a]:last-child{margin-bottom:0}.detail-info .info-label[data-v-778eed7a]{color:#333;flex-shrink:0}.detail-info .info-label.ml-20[data-v-778eed7a]{margin-left:20px}.detail-info .info-value[data-v-778eed7a]{color:#666;font-size:12px}.detail-info .attachments-row[data-v-778eed7a]{align-items:center}.detail-info .attachment-list[data-v-778eed7a]{display:flex;flex-wrap:wrap;gap:8px}.detail-info .attachment-list .attachment-tag[data-v-778eed7a]{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#f9f9f9;border-radius:4px;font-size:12px;color:#666;cursor:pointer}.detail-info .attachment-list .attachment-tag .el-icon-download[data-v-778eed7a]{color:#1890ff;cursor:pointer}.detail-body[data-v-778eed7a]{flex:1;font-size:14px;line-height:1.8;color:#333;display:flex;flex-direction:column;overflow:hidden}.detail-body[data-v-778eed7a] p{margin:0 0 10px 0}.detail-body .detail-content[data-v-778eed7a]{flex:1}@keyframes identifier-778eed7a{to{transform:translate(0);opacity:1}}.detail-body .detail-inReplyTo-list[data-v-778eed7a]{flex-shrink:0;max-height:50%;overflow-y:auto;border-top:1px solid #e8e8e8;padding:10px}.detail-body .detail-inReplyTo-list[data-v-778eed7a]::-webkit-scrollbar{width:6px}.detail-body .detail-inReplyTo-list[data-v-778eed7a]::-webkit-scrollbar-track{background-color:transparent}.detail-body .detail-inReplyTo-list[data-v-778eed7a]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.detail-body .detail-inReplyTo-list[data-v-778eed7a]:hover::-webkit-scrollbar-thumb{background-color:#bbb}.detail-body .detail-inReplyTo[data-v-778eed7a]{padding:10px;font-size:12px;background:#fafafa;border-radius:5px;margin-bottom:10px;opacity:0;transition:.2s ease-in-out;transform:translateY(-15px);animation:identifier-778eed7a .1s ease-in forwards}.detail-body .detail-inReplyTo[data-v-778eed7a]:last-child{margin-bottom:0}.detail-body .detail-inReplyTo .detail-inReplyTo-header[data-v-778eed7a]{color:#666}.detail-body .detail-inReplyTo .detail-inReplyTo-header>div[data-v-778eed7a]:first-child{color:#333;font-size:13px}.detail-body .detail-inReplyTo .detail-inReplyTo-header>div[data-v-778eed7a]:nth-last-of-type(2){display:flex;margin-top:10px}.detail-body .detail-inReplyTo .detail-inReplyTo-header>div:nth-last-of-type(2)>div[data-v-778eed7a]:first-child{margin-right:20px}.detail-body .detail-inReplyTo .detail-inReplyTo-content[data-v-778eed7a]{margin-top:10px;padding-top:20px;border-top:1px solid #f0f0f0}.context-menu[data-v-778eed7a]{position:fixed;background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:9999;list-style:none;padding:4px 0;margin:0;min-width:120px}.context-menu li[data-v-778eed7a]{padding:6px 12px;font-size:13px;color:#333;cursor:pointer}.context-menu li[data-v-778eed7a]:hover{background:#e6f7ff;color:#1890ff}.context-menu .has-sub[data-v-778eed7a]{position:relative}.context-menu .has-sub .sub-menu[data-v-778eed7a]{display:none;position:absolute;left:100%;top:0;background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);list-style:none;padding:4px 0;margin:0;min-width:100px}.context-menu .has-sub:hover .sub-menu[data-v-778eed7a]{display:block}button .el-icon-star-on[data-v-778eed7a]{color:#f2cb51!important}