| | |
| | | left: 0; |
| | | position: relative; |
| | | margin: 0 auto; |
| | | border-radius: 24px; |
| | | border-radius: 16px; |
| | | padding: 0 !important; |
| | | border: 1px solid var(--surface-border); |
| | | box-shadow: var(--shadow-md); |
| | | background: rgba(255, 255, 255, 0.96); |
| | | background: rgba(255, 255, 255, 0.95); |
| | | } |
| | | .el-dialog__header { |
| | | background: linear-gradient(180deg, rgba(247, 250, 248, 0.98), rgba(242, 247, 244, 0.88)); |
| | | background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98)); |
| | | padding: 18px 24px 14px; |
| | | border-bottom: 1px solid var(--surface-border); |
| | | border-radius: 24px 24px 0 0; |
| | | border-radius: 14px 14px 0 0; |
| | | } |
| | | .el-dialog__title { |
| | | font-weight: 600; |
| | |
| | | } |
| | | .el-message-box { |
| | | padding: 0 !important; |
| | | border-radius: 22px; |
| | | border-radius: 16px; |
| | | border: 1px solid var(--surface-border); |
| | | box-shadow: var(--shadow-md); |
| | | background: rgba(255, 255, 255, 0.96); |
| | | } |
| | | .el-message-box__header { |
| | | background: linear-gradient(180deg, rgba(247, 250, 248, 0.98), rgba(242, 247, 244, 0.88)); |
| | | background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98)); |
| | | padding: 18px 24px 14px; |
| | | border-bottom: 1px solid var(--surface-border); |
| | | border-radius: 22px 22px 0 0; |
| | | border-radius: 14px 14px 0 0; |
| | | } |
| | | .el-message-box__title { |
| | | font-weight: 600; |
| | |
| | | } |
| | | |
| | | .el-button { |
| | | border-radius: 12px; |
| | | border-radius: 8px; |
| | | font-weight: 600; |
| | | box-shadow: none !important; |
| | | } |
| | |
| | | .el-select__wrapper, |
| | | .el-date-editor.el-input__wrapper, |
| | | .el-date-editor .el-input__wrapper { |
| | | border-radius: 12px; |
| | | box-shadow: 0 0 0 1px rgba(216, 225, 219, 0.92) inset !important; |
| | | background: rgba(255, 255, 255, 0.9); |
| | | border-radius: 10px; |
| | | box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.28) inset !important; |
| | | background: rgba(255, 255, 255, 0.92); |
| | | color: var(--text-primary); |
| | | } |
| | | |
| | | .el-input__wrapper.is-focus, |
| | | .el-select__wrapper.is-focused, |
| | | .el-textarea__inner:focus { |
| | | box-shadow: 0 0 0 1px rgba(0, 47, 167, 0.28) inset !important; |
| | | box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.56) inset !important; |
| | | } |
| | | |
| | | .el-card { |
| | | border: 1px solid var(--surface-border); |
| | | box-shadow: var(--shadow-sm); |
| | | background: rgba(255, 255, 255, 0.88); |
| | | background: var(--panel-mask); |
| | | } |
| | | |
| | | .el-table { |
| | | --el-table-border-color: var(--surface-border); |
| | | --el-table-header-bg-color: var(--surface-soft); |
| | | --el-table-row-hover-bg-color: #f1f6f4; |
| | | --el-table-current-row-bg-color: #e9f0ed; |
| | | border-radius: 18px; |
| | | --el-table-header-bg-color: #f2f7ff; |
| | | --el-table-row-hover-bg-color: #f8fbff; |
| | | --el-table-current-row-bg-color: #edf4ff; |
| | | border-radius: 12px; |
| | | background: rgba(255, 255, 255, 0.94) !important; |
| | | } |
| | | |
| | | .el-table th.el-table__cell { |
| | | background: var(--surface-soft) !important; |
| | | color: var(--text-secondary); |
| | | background: #f2f7ff !important; |
| | | color: #3b4f6c; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .el-table tr, |
| | | .el-table td.el-table__cell, |
| | | .el-table__body tr > td.el-table__cell { |
| | | background: var(--surface-base) !important; |
| | | background: rgba(255, 255, 255, 0.92) !important; |
| | | color: var(--text-secondary); |
| | | } |
| | | |
| | | .el-table .el-table__body tr:hover > td.el-table__cell { |
| | |
| | | .el-pagination { |
| | | margin-top: 18px; |
| | | } |
| | | |
| | | .el-empty__description p, |
| | | .el-form-item__label, |
| | | .el-radio-button__inner, |
| | | .el-checkbox__label, |
| | | .el-tabs__item, |
| | | .el-select-dropdown__item, |
| | | .el-dropdown-menu__item { |
| | | color: var(--text-secondary); |
| | | } |
| | | |
| | | .el-date-editor .el-range-input, |
| | | .el-input__inner, |
| | | .el-textarea__inner { |
| | | color: var(--text-primary); |
| | | } |