ls-pro-common 1.1.4 → 3.0.1

package/dist/common.css

@@ -1,21 +1,22 @@
 body {
-  --ant-primary-color: #1869ed;
-  --ant-primary-color-hover: #418efa;
-  --ant-primary-color-active: #0a4cc7;
-  --ant-primary-color-outline: rgba(24, 105, 237, 0.2);
+  --bg-color: #F9FAFB;
+  --ant-primary-color: #0E55CB;
+  --ant-primary-color-hover: #3277d9;
+  --ant-primary-color-active: #033ca6;
+  --ant-primary-color-outline: rgba(14, 85, 203, 0.2);
   --ant-primary-1: #e6f4ff;
-  --ant-primary-2: #bddfff;
-  --ant-primary-3: #94c8ff;
-  --ant-primary-4: #6baeff;
-  --ant-primary-5: #418efa;
-  --ant-primary-6: #1869ed;
-  --ant-primary-7: #0a4cc7;
-  --ant-primary-color-deprecated-pure: #bed5fa;
-  --ant-primary-color-deprecated-l-35: #bed5fa;
-  --ant-primary-color-deprecated-l-20: #77a6f4;
-  --ant-primary-color-deprecated-t-20: #4687f1;
-  --ant-primary-color-deprecated-t-50: #8cb4f6;
-  --ant-primary-color-deprecated-f-12: rgba(24, 105, 237, 0.12);
+  --ant-primary-2: #b5dbff;
+  --ant-primary-3: #85baf2;
+  --ant-primary-4: #5a99e6;
+  --ant-primary-5: #3277d9;
+  --ant-primary-6: #0E55CB;
+  --ant-primary-7: #033ca6;
+  --ant-primary-color-deprecated-pure: #94b9f8;
+  --ant-primary-color-deprecated-l-35: #94b9f8;
+  --ant-primary-color-deprecated-l-20: #4c8bf3;
+  --ant-primary-color-deprecated-t-20: #3e77d5;
+  --ant-primary-color-deprecated-t-50: #87aae5;
+  --ant-primary-color-deprecated-f-12: rgba(14, 85, 203, 0.12);
   --ant-primary-color-active-deprecated-f-30: rgba(230, 244, 255, 0.3);
   --ant-primary-color-active-deprecated-d-02: #dcf0ff;
   --ant-success-color: #52c41a;
@@ -36,9 +37,25 @@ body {
   --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
   --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1869ed;
+  --ant-info-color: #0E55CB;
   --ant-info-color-deprecated-bg: #e6f4ff;
-  --ant-info-color-deprecated-border: #94c8ff;
+  --ant-info-color-deprecated-border: #85baf2;
+}
+* ::-webkit-scrollbar-thumb {
+  background-color: rgba(101, 100, 99, 0.5);
+  border-radius: 6px;
+}
+* ::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(101, 100, 99, 0.8);
+  border-radius: 6px;
+}
+* ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+* {
+  scrollbar-width: thin;
 }
 body.theme-yellow {
   --ant-primary-color: #fa8500;
@@ -104,7 +121,7 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
   left: 0;
   right: 0;
   bottom: 0;
-  background: white;
+  background: var(--bg-color, #F9FAFB);
   display: flex;
   flex-direction: column;
   z-index: 50;
@@ -112,37 +129,20 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
 .dtl-layout .dtl-header {
   display: flex;
   justify-items: center;
-  padding: 8px 14px;
-  border-bottom: 1px solid #f0f0f0;
-}
-.dtl-layout .dtl-header .dtl-back {
-  display: flex;
-  align-items: center;
-  padding-right: 5px;
-}
-.dtl-layout .dtl-header .dtl-back > span {
-  padding: 3px;
-  border-radius: 2px;
-}
-.dtl-layout .dtl-header .dtl-back > span:hover {
-  background: var(--ant-primary-2);
-  color: var(--ant-primary-color);
+  padding: 8px 20px;
+  background: #fff;
 }
 .dtl-layout .dtl-header .dtl-title {
-  font-size: 14pt;
+  font-size: 14px;
 }
 .dtl-layout .dtl-header .dtl-btns {
   flex: 1;
   text-align: right;
 }
-.dtl-layout .dtl-header .dtl-btns button + button {
-  margin-left: 8px;
-}
 .dtl-layout .dtl-body {
   height: 0;
   flex: 1;
   overflow: auto;
-  padding: 12px;
 }
 .dtl-layout .dtl-flex {
   display: flex;
@@ -205,29 +205,6 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
   background-color: #fff;
   border-radius: 4px;
 }
-.ant-btn {
-  border-radius: 4px;
-  border-color: var(--ant-primary-color);
-  color: var(--ant-primary-color);
-  height: 28px;
-  line-height: 1.2;
-  padding: 2px 15px;
-}
-.ant-btn:active {
-  border-color: var(--ant-primary-color-hover);
-  color: var(--ant-primary-color-hover);
-}
-.ant-btn-icon-only {
-  padding: 2px 0;
-}
-.ant-btn-primary {
-  color: #fff;
-}
-.ant-btn-dangerous {
-  color: var(--ant-error-color);
-  border-color: var(--ant-error-color);
-  background: #fff;
-}
 a {
   color: var(--ant-primary-color);
 }
@@ -303,18 +280,22 @@ a:hover {
 .has-background .ant-descriptions-row > th {
   padding-bottom: 10px;
 }
-.ant-input-has-value:hover .ant-input-clear-icon {
-  visibility: visible;
-}
-.ant-modal-confirm-body .ant-modal-confirm-content {
-  max-height: 60vh;
-  overflow: auto;
-}
-.ant-row {
+.ls-group-tip {
+  display: flex;
+  position: relative;
   width: 100%;
+  align-items: center;
+  background: #fff;
+  padding-bottom: 12px;
 }
-.ant-popover {
-  max-width: min-content !important;
+.ls-group-tip .ls-group-divider {
+  height: 14px;
+  border-right: 2px solid var(--ant-primary-color);
+}
+.ls-group-tip .ls-group-text {
+  font-size: 14px;
+  color: #181818;
+  padding-left: 8px;
 }
 .ls-area-cascaded-box {
   width: 600px;
@@ -386,6 +367,173 @@ a:hover {
 .ls-area-box-position .ls-ant-select-dropdown {
   top: 36px !important;
 }
+.ant-timeline-item-tail {
+  border-left: 2px dotted var(--ant-primary-color);
+}
+.ant-timeline-item-head-blue {
+  background: var(--ant-primary-color);
+}
+.ant-row {
+  width: 100%;
+}
+.ant-popover {
+  max-width: min-content !important;
+}
+.ant-input-has-value:hover .ant-input-clear-icon {
+  visibility: visible;
+}
+.ant-modal-confirm-body .ant-modal-confirm-content {
+  max-height: 60vh;
+  overflow: auto;
+}
+.ant-message-notice-content {
+  border-radius: 4px !important;
+}
+.ant-modal-content {
+  border-radius: 8px !important;
+}
+.ant-input-number,
+.ant-input-affix-wrapper,
+.ant-picker,
+.ant-select-selector {
+  border-radius: 4px !important;
+}
+.ant-picker-range-separator {
+  padding: 0 2px !important;
+}
+.ant-picker-range-separator .ant-picker-separator {
+  font-size: 14px;
+}
+.ant-btn {
+  height: 32px;
+  background-color: #EAEEF2;
+  border-color: transparent;
+  color: #595959;
+  border-radius: 4px;
+}
+.ant-btn:hover,
+.ant-btn:focus {
+  background-color: #D2D6DD;
+  border-color: transparent;
+  color: #000;
+}
+.ant-btn:active {
+  background-color: #B5BBC5;
+  border-color: transparent;
+  color: #141414;
+}
+.ant-btn[disabled],
+.ant-btn[disabled]:hover,
+.ant-btn[disabled]:focus,
+.ant-btn[disabled]:active {
+  background-color: #D2D6DD;
+  border-color: transparent;
+  color: #BFBFBF;
+}
+.ant-btn-primary {
+  background-color: var(--ant-primary-color);
+  border-color: transparent;
+  color: #fff;
+}
+.ant-btn-primary:hover,
+.ant-btn-primary:focus {
+  background-color: var(--ant-primary-color-hover);
+  border-color: transparent;
+  color: #fff;
+}
+.ant-btn-primary:active {
+  background-color: var(--ant-primary-color-active);
+  border-color: transparent;
+  color: #fff;
+}
+.ant-btn-primary[disabled],
+.ant-btn-primary[disabled]:hover,
+.ant-btn-primary[disabled]:focus,
+.ant-btn-primary[disabled]:active {
+  background-color: rgba(24, 105, 237, 0.4);
+  border-color: transparent;
+  color: #fff;
+}
+.ant-btn-dangerous {
+  background-color: #FFCCC7;
+  border-color: transparent;
+  color: #F5222D;
+}
+.ant-btn-dangerous:hover,
+.ant-btn-dangerous:focus {
+  background-color: #FFF1F0;
+  border-color: transparent;
+  color: #F5222D;
+}
+.ant-btn-dangerous:active {
+  background-color: #FFA39E;
+  border-color: transparent;
+  color: #F5222D;
+}
+.ant-btn-dangerous[disabled],
+.ant-btn-dangerous[disabled]:hover,
+.ant-btn-dangerous[disabled]:focus,
+.ant-btn-dangerous[disabled]:active {
+  background-color: #FFCCC7;
+  border-color: transparent;
+  color: #FFA39E;
+}
+.ant-btn-link {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--ant-primary-color);
+  padding: 4px 8px;
+}
+.ant-btn-link[disabled],
+.ant-btn-link[disabled]:hover,
+.ant-btn-link[disabled]:focus,
+.ant-btn-link[disabled]:active,
+.ant-btn-link:hover,
+.ant-btn-link:focus,
+.ant-btn-link:active {
+  background-color: transparent;
+  border-color: transparent;
+}
+.ant-btn-link:hover,
+.ant-btn-link:focus {
+  color: var(--ant-primary-color-hover);
+}
+.ant-btn-link:active {
+  color: var(--ant-primary-color-active);
+}
+.ant-btn-link[disabled],
+.ant-btn-link[disabled]:hover,
+.ant-btn-link[disabled]:focus,
+.ant-btn-link[disabled]:active {
+  color: #A7B5CC;
+}
+.ant-btn-text {
+  background-color: transparent;
+  border-color: transparent;
+  color: #8C8C8C;
+  padding: 4px 8px;
+}
+.ant-btn-text[disabled],
+.ant-btn-text[disabled]:hover,
+.ant-btn-text[disabled]:focus,
+.ant-btn-text[disabled]:active,
+.ant-btn-text:hover,
+.ant-btn-text:focus,
+.ant-btn-text:active {
+  background-color: transparent;
+  border-color: transparent;
+}
+.ant-btn-text:hover,
+.ant-btn-text:active,
+.ant-btn-text:focus {
+  color: var(--ant-primary-color-hover);
+}
+.ant-btn-text[disabled],
+.ant-btn-text[disabled]:hover,
+.ant-btn-text[disabled]:focus,
+.ant-btn-text[disabled]:active {
+  color: #d9d9d9;
+}
 
 .pro-table-tooltip-text span {
   color: #fff;
@@ -415,7 +563,7 @@ a:hover {
   margin: -12px -8px;
 }
 .ant-pro-table .ant-card-body {
-  padding: 8px 24px;
+  padding: 8px 20px;
 }
 .ant-pro-table-srcoll {
   width: 100%;
@@ -426,6 +574,8 @@ a:hover {
 .ant-pro-table-srcoll .ant-card {
   flex: 1;
   height: 0;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
 }
 .ant-pro-table-srcoll .ant-card .ant-card-body {
   height: 100%;
@@ -457,8 +607,16 @@ a:hover {
   display: flex;
   flex-direction: column;
 }
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
+  border-radius: 4px 4px 0 0;
+}
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
   flex: 1;
+  overflow: auto !important;
+}
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::before,
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::after {
+  box-shadow: none;
 }
 .ant-pro-table-srcoll .ant-table-placeholder td {
   border-bottom: none;
@@ -522,6 +680,14 @@ a:hover {
 .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px !important;
 }
+.ant-table.ant-table-small .ant-table-title.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-footer.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-thead > tr > th.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-tbody > tr > td.ant-table-selection-column,
+.ant-table.ant-table-small tfoot > tr > th.ant-table-selection-column,
+.ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
+  text-overflow: unset;
+}
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -530,6 +696,14 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
   padding: 7px 5px;
 }
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td .total-label {
+  font-size: 12px;
+}
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th:first-child,
@@ -562,6 +736,14 @@ a:hover {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px;
 }
+.ls-pro-table-mini .ant-pagination {
+  padding: 8px 0;
+}
+.ls-pro-table-mini .ant-pagination-item-active {
+  background: #E4EEFA;
+  border-radius: 4px;
+  border-color: transparent;
+}
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
 }
@@ -631,6 +813,16 @@ a:hover {
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
+.ant-pro-card-body .ant-pro-table .ant-card {
+  box-shadow: none;
+  border-radius: 0;
+}
+.ant-pro-card-body .ant-pro-table .ant-card-body {
+  padding: 0 !important;
+}
+.ant-modal-body .ant-pro-table .ant-card {
+  padding: 0;
+}
 @keyframes turn {
   0% {
     transform: rotate(0deg);
@@ -1032,13 +1224,15 @@ a:hover {
 }
 
 .ant-pro-table-search {
-  margin-bottom: 0;
-  padding: 8px 24px;
+  margin-bottom: 16px;
+  padding: 8px 20px;
   padding-bottom: 0;
   background: #fff;
+  border-radius: 0px 8px 8px 8px;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
 }
 .ant-pro-table-search > .ant-pro-form-query-filter {
-  border-bottom: 1px solid #f0f2f5;
+  border-bottom: none;
 }
 .ant-pro-table-search::before {
   display: table;
@@ -2417,6 +2611,28 @@ html {
   max-width: 100%;
 }
 
+.ant-pro-table-alert {
+  margin-left: 16px;
+}
+.ant-pro-table-alert .ant-alert.ant-alert-no-icon {
+  height: 32px;
+  padding: 0px;
+  background-color: transparent;
+  border: none;
+}
+.ant-pro-table-alert-info {
+  display: flex;
+  align-items: center;
+  transition: all 0.3s;
+}
+.ant-pro-table-alert-info-content {
+  flex: 1;
+}
+.ant-pro-table-alert-info-option {
+  min-width: 48px;
+  padding-left: 16px;
+}
+
 .pro-table-tooltip-text span {
   color: #fff;
 }
@@ -2445,7 +2661,7 @@ html {
   margin: -12px -8px;
 }
 .ant-pro-table .ant-card-body {
-  padding: 8px 24px;
+  padding: 8px 20px;
 }
 .ant-pro-table-srcoll {
   width: 100%;
@@ -2456,6 +2672,8 @@ html {
 .ant-pro-table-srcoll .ant-card {
   flex: 1;
   height: 0;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
+  border-radius: 8px;
 }
 .ant-pro-table-srcoll .ant-card .ant-card-body {
   height: 100%;
@@ -2487,8 +2705,16 @@ html {
   display: flex;
   flex-direction: column;
 }
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container .ant-table-header {
+  border-radius: 4px 4px 0 0;
+}
 .ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container div.ant-table-body {
   flex: 1;
+  overflow: auto !important;
+}
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::before,
+.ant-pro-table-srcoll .ant-card .ant-table-wrapper .ant-spin-container .ant-table .ant-table-container::after {
+  box-shadow: none;
 }
 .ant-pro-table-srcoll .ant-table-placeholder td {
   border-bottom: none;
@@ -2552,6 +2778,14 @@ html {
 .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px !important;
 }
+.ant-table.ant-table-small .ant-table-title.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-footer.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-thead > tr > th.ant-table-selection-column,
+.ant-table.ant-table-small .ant-table-tbody > tr > td.ant-table-selection-column,
+.ant-table.ant-table-small tfoot > tr > th.ant-table-selection-column,
+.ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
+  text-overflow: unset;
+}
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -2560,6 +2794,14 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td {
   padding: 7px 5px;
 }
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-title .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small .ant-table-tbody > tr > td .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > th .total-label,
+.ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td .total-label {
+  font-size: 12px;
+}
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer:first-child,
 .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th:first-child,
@@ -2592,6 +2834,14 @@ html {
 .ls-pro-table-mini .ant-table.ant-table-small tfoot > tr > td.ant-table-cell-fix-left-last {
   padding-right: 15px;
 }
+.ls-pro-table-mini .ant-pagination {
+  padding: 8px 0;
+}
+.ls-pro-table-mini .ant-pagination-item-active {
+  background: #E4EEFA;
+  border-radius: 4px;
+  border-color: transparent;
+}
 .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
   background-color: #f7fafc;
 }
@@ -2661,6 +2911,16 @@ html {
 .theme-yellow .ls-pro-table .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #ffedd9;
 }
+.ant-pro-card-body .ant-pro-table .ant-card {
+  box-shadow: none;
+  border-radius: 0;
+}
+.ant-pro-card-body .ant-pro-table .ant-card-body {
+  padding: 0 !important;
+}
+.ant-modal-body .ant-pro-table .ant-card {
+  padding: 0;
+}
 @keyframes turn {
   0% {
     transform: rotate(0deg);
@@ -2817,6 +3077,16 @@ html {
   line-height: 1;
   min-height: 44px;
 }
+.ant-pro-table-list-toolbar .select-tip {
+  color: #222;
+  display: flex;
+}
+.ant-pro-table-list-toolbar .select-tip .select-count {
+  width: 34px;
+  display: inline-block;
+  text-align: center;
+  color: #0E55CB;
+}
 .ant-pro-table-list-toolbar-container {
   display: flex;
   justify-content: space-between;
@@ -2862,7 +3132,8 @@ html {
   justify-content: flex-end;
 }
 .ant-pro-table-list-toolbar-extra-line {
-  margin-bottom: 16px;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
 .ant-pro-table-list-toolbar-filter {
   display: flex;
@@ -2891,6 +3162,54 @@ html {
   text-align: center;
   cursor: pointer;
 }
+.ant-pro-table-list-toolbar .tab-tag {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-variant: tabular-nums;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  display: flex;
+}
+.ant-pro-table-list-toolbar .tab-tag-wrap {
+  position: relative;
+  display: inline-block;
+  display: flex;
+  flex: auto;
+  align-self: stretch;
+  overflow: hidden;
+  white-space: nowrap;
+  transform: translate(0);
+}
+.ant-pro-table-list-toolbar .tab-tag-list {
+  position: relative;
+  display: flex;
+  transition: transform 0.3s;
+  border: 1px solid #ECF1FA;
+  border-radius: 15px;
+}
+.ant-pro-table-list-toolbar .tab-tag-item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  padding: 8px 12px;
+  font-size: 14px;
+  background: transparent;
+  border: 0;
+  height: 30px;
+  outline: none;
+  cursor: pointer;
+}
+.ant-pro-table-list-toolbar .tab-tag-item:hover {
+  color: #0E55CB;
+}
+.ant-pro-table-list-toolbar .tab-tag-item-active {
+  background: #F3F6FC;
+  box-shadow: -3px -3px 6px rgba(255, 255, 255, 0.5), 2px 2px 4px rgba(166, 177, 193, 0.500102);
+  border-radius: 15px;
+  color: #0E55CB;
+}
 .ant-pro-table-list-toolbar .ant-tabs-top > .ant-tabs-nav {
   margin-bottom: 0;
 }
@@ -2913,30 +3232,6 @@ html {
   }
 }
 
-.ant-pro-table-alert {
-  position: absolute;
-  bottom: 24px;
-  margin-left: 16px;
-}
-.ant-pro-table-alert .ant-alert.ant-alert-no-icon {
-  height: 32px;
-  padding: 0px;
-  background-color: transparent;
-  border: none;
-}
-.ant-pro-table-alert-info {
-  display: flex;
-  align-items: center;
-  transition: all 0.3s;
-}
-.ant-pro-table-alert-info-content {
-  flex: 1;
-}
-.ant-pro-table-alert-info-option {
-  min-width: 48px;
-  padding-left: 16px;
-}
-
 .table-import-body {
   margin-left: 20px;
 }
@@ -3034,7 +3329,13 @@ html {
   margin: 0;
   padding: 0;
   background-color: #fff;
-  border-radius: 2px;
+  border-radius: 8px;
+  margin-bottom: 16px;
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);
+}
+.ant-pro-card-bottom-radius-only {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .ant-pro-card-col {
   width: 100%;
@@ -3084,7 +3385,7 @@ html {
   font-size: 14px;
 }
 .ant-pro-card-size-small .ant-pro-card-body {
-  padding: 12px;
+  padding: 20px;
 }
 .ant-pro-card-ghost {
   background-color: transparent;
@@ -3139,14 +3440,20 @@ html {
 }
 .ant-pro-card-title {
   color: rgba(0, 0, 0, 0.85);
-  font-weight: 500;
-  font-size: 16px;
+  font-size: 14px;
 }
 .ant-pro-card-extra {
   color: rgba(0, 0, 0, 0.85);
 }
+.ant-pro-card-type-inner {
+  box-shadow: none;
+  border: 1px solid #E6F4FF;
+}
 .ant-pro-card-type-inner .ant-pro-card-header {
-  background-color: #fafafa;
+  background-color: #F4F7FD;
+  padding: 8px 20px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
 }
 .ant-pro-card-collapsible-icon {
   margin-right: 8px;
@@ -3162,7 +3469,7 @@ html {
   display: block;
   box-sizing: border-box;
   height: 100%;
-  padding: 24px;
+  padding: 20px;
 }
 .ant-pro-card-body-center {
   display: flex;
@@ -3268,6 +3575,12 @@ html {
   flex-shrink: 0;
   width: 4.16666667%;
 }
+.ant-pro-card-body .ant-descriptions-view tbody > tr:last-child > td {
+  padding-bottom: 0px;
+}
+.ant-pro-card-bottom-radius-only .ant-pro-card-body {
+  padding-top: 10px;
+}
 
 .ant-pro-card-loading {
   overflow: hidden;