@@ -307,6 +307,80 @@ html[data-theme="dark"] .ambient::after {
. el-message . el-message--error . el-message__icon { color : var ( - - red ) !important ; }
. el-message . el-message--info . el-message__icon { color : var ( - - blue ) !important ; }
/* —— Element Plus MessageBox 全局覆盖:确认对话框对齐自绘 cd-dialog 风格 —— */
. el-message-box {
background : var ( - - card ) !important ;
border : 1.5 px solid var ( - - line ) !important ;
border-radius : 22 px !important ;
box-shadow : 0 30 px 80 px -24 px rgba ( 0 , 0 , 0 , .35 ) !important ;
padding-bottom : 0 !important ;
}
. el-message-box__header {
padding : 18 px 22 px 12 px !important ;
}
. el-message-box__title {
color : var ( - - ink ) !important ;
font-size : 16 px !important ;
font-weight : 700 !important ;
}
. el-message-box__headerbtn . el-message-box__close {
color : var ( - - ink - faint ) !important ;
font-size : 16 px !important ;
}
. el-message-box__headerbtn : hover . el-message-box__close { color : var ( - - ink ) !important ; }
. el-message-box__status . el-icon-warning { color : var ( - - orange ) !important ; }
. el-message-box__content {
padding : 2 px 22 px 12 px !important ;
color : var ( - - ink - dim ) !important ;
font-size : 13.5 px !important ;
}
. el-message-box__message { color : var ( - - ink - dim ) !important ; line-height : 1.7 ; }
. el-message-box__message b { color : var ( - - ink ) ; }
. el-message-box__btns {
padding : 14 px 22 px 16 px !important ;
border-top : 1 px solid var ( - - line ) !important ;
}
. el-message-box__btns . el-button {
border : none !important ;
border-radius : 99 px !important ;
font-size : 12.5 px !important ;
font-weight : 600 !important ;
padding : 8 px 18 px !important ;
height : auto !important ;
transition : .18 s ;
}
. el-message-box__btns . el-button + . el-button { margin-left : 10 px !important ; }
/* 取消(次要)按钮:中性底,同 .btn.unignore */
. el-message-box__btns . el-button : not ( . el-button--primary ) {
background : var ( - - num - bg ) !important ;
color : var ( - - ink - dim ) !important ;
}
. el-message-box__btns . el-button : not ( . el-button--primary ) : hover {
background : color-mix ( in srgb , var ( - - num - bg ) , var ( - - ink ) 8 % ) !important ;
color : var ( - - ink ) !important ;
}
/* 主操作按钮:橙渐变,同 .btn.clean */
. el-message-box__btns . el-button--primary {
background : var ( - - grad - main ) !important ;
color : #fff !important ;
box-shadow : 0 8 px 16 px -6 px rgba ( 255 , 140 , 0 , .55 ) !important ;
}
. el-message-box__btns . el-button--primary : hover {
background : var ( - - grad - main ) !important ;
transform : translateY ( -1 px ) ;
box-shadow : 0 12 px 22 px -6 px rgba ( 255 , 140 , 0 , .65 ) !important ;
}
/* 危险操作(删除)按钮:红,同 .btn.remove(经 confirmButtonClass: 'is-danger' 附加) */
. el-message-box__btns . el-button . is-danger {
background : var ( - - red - soft ) !important ;
color : var ( - - red ) !important ;
box-shadow : none !important ;
}
. el-message-box__btns . el-button . is-danger : hover {
background : var ( - - red ) !important ;
color : #fff !important ;
}
/* —— 响应式断点(桌面 ≥1024 / 平板 768~1023 / 手机 <768) —— */
@ media ( max-width : 1023px ) {
. page { padding : 20 px 18 px 40 px ; }