.dialog-overlay[data-v-420b5a5c]{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.dialog-wrapper[data-v-420b5a5c]{background:#fff;border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden}.dialog-header[data-v-420b5a5c]{align-items:center;background:#f74;border-radius:.5rem .5rem 0 0;display:flex;height:2.875rem;justify-content:center;position:relative;width:100%}.dialog-title[data-v-420b5a5c]{color:#fff;font-size:1.25rem;font-weight:700;height:1.375rem;letter-spacing:.125rem;line-height:1.25rem;margin:0;text-align:center;width:100%}.close-btn[data-v-420b5a5c]{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:1.25rem;justify-content:center;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:1.25rem}.close-btn[data-v-420b5a5c]:hover{opacity:.8}.dialog-body[data-v-420b5a5c]{display:flex;flex:1;flex-direction:column;overflow-y:hidden;padding:1rem}.message-container[data-v-420b5a5c]{display:flex;flex-direction:column;height:100%}[data-v-420b5a5c] .el-tabs__item{font-size:1rem;height:3rem;line-height:3rem}[data-v-420b5a5c] .el-tabs__active-bar{background-color:#f74}[data-v-420b5a5c] .el-tabs__item.is-active{color:#f74;font-weight:700}[data-v-420b5a5c] .el-tabs__nav-wrap:after{background-color:#e4e7ed;height:1px}.tab-label[data-v-420b5a5c]{align-items:center;display:flex;gap:.5rem}.message-count[data-v-420b5a5c]{background-color:#ff4d4f;border-radius:1rem;color:#fff;font-size:.75rem;min-width:1.5rem;padding:.125rem .375rem;text-align:center}.message-content[data-v-420b5a5c]{background-color:#f5f7fa;border-radius:.5rem;display:flex;flex:1;gap:1rem;height:calc(100% - 5rem);overflow-y:auto;padding:1rem}.message-list[data-v-420b5a5c]{flex:1;overflow-y:auto;transition:width .3s ease}.message-list.with-detail[data-v-420b5a5c]{flex:none;width:37.5rem!important}.message-item[data-v-420b5a5c]{align-items:flex-start;background-color:#fff;border-radius:.5rem;cursor:pointer;display:flex;margin-bottom:1rem;padding:1rem;transition:all .3s ease;width:100%}.message-item[data-v-420b5a5c]:hover{box-shadow:0 4px 8px #0000001a}.message-selected[data-v-420b5a5c]{background-color:#fdf7ee;box-shadow:0 4px 8px #0000001a}.message-selected[data-v-420b5a5c]:hover{box-shadow:0 4px 8px #0000001a}.message-icon[data-v-420b5a5c]{align-items:center;display:flex;flex-shrink:0;height:1.5rem;margin-right:.5rem;width:1.5rem}.new-indicator[data-v-420b5a5c]{background-color:#ff4d4f;border-radius:50%;height:.45rem;margin-bottom:.875rem;margin-left:.25rem;width:.45rem}.message-info[data-v-420b5a5c]{display:flex;flex:1;flex-direction:column;gap:.5rem;min-width:0}.message-header[data-v-420b5a5c]{align-items:center;display:flex;height:2rem;justify-content:space-between}.message-header-left[data-v-420b5a5c]{align-items:center;display:flex}.message-type[data-v-420b5a5c]{color:#333;font-size:1rem;font-weight:700}.message-time[data-v-420b5a5c]{color:#999;font-size:.875rem}.message-summary[data-v-420b5a5c]{color:#666;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-message[data-v-420b5a5c]{align-items:center;color:#909399;display:flex;flex-direction:column;height:100%;justify-content:center}.no-message-icon[data-v-420b5a5c]{height:5rem;margin-bottom:1rem;opacity:.5;width:5rem}.message-detail[data-v-420b5a5c]{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 12px #0000001a;flex:1;padding:1rem}.detail-header[data-v-420b5a5c]{align-items:center;border-bottom:1px solid #ebeef5;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;position:relative}.detail-type[data-v-420b5a5c]{color:#333;font-size:1.25rem;font-weight:700}.detail-header-right[data-v-420b5a5c]{align-items:center;display:flex}.detail-time[data-v-420b5a5c]{color:#909399;font-size:.875rem}.close-detail-btn[data-v-420b5a5c]{background:transparent;border:none;color:#909399;font-size:1.25rem;margin-left:.75rem;padding:.25rem}.close-detail-btn[data-v-420b5a5c]:hover{color:#f74}.detail-content[data-v-420b5a5c]{display:flex;flex:1;flex-direction:column;gap:1.5rem}.detail-item[data-v-420b5a5c]{display:flex;margin-bottom:1rem}.detail-label[data-v-420b5a5c]{color:#333;font-weight:700;min-width:5rem}.detail-value[data-v-420b5a5c]{color:#606266;flex:1;line-height:1.5}.detail-action[data-v-420b5a5c]{display:flex;justify-content:flex-end;margin-top:2rem}.action-btn[data-v-420b5a5c]{background-color:#f74;border-color:#f74;font-size:1rem;height:2.5rem;width:6rem}.action-btn[data-v-420b5a5c]:hover{background-color:#f63;border-color:#f63}