@opendesign-plus/components 0.0.1-rc.104 → 0.0.1-rc.106

package/dist/treeshaking/components/element-plus/{OElCookieNotice.vue_vue_type_style_index_1_scoped_8ed27ecb_lang.css → OElCookieNotice.vue_vue_type_style_index_1_scoped_d9e2bcf9_lang.css}

@@ -1,13 +1,13 @@
-.hover-icon-rotate .o-icon[data-v-8ed27ecb] {
+.hover-icon-rotate .o-icon[data-v-d9e2bcf9] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8ed27ecb] {
+.hover-icon-rotate:hover .o-icon[data-v-d9e2bcf9] {
     transform: rotate(-180deg);
 }
 }
-:root [class^=el-][data-v-8ed27ecb],
-:root [class*=" el-"][data-v-8ed27ecb] {
+:root [class^=el-][data-v-d9e2bcf9],
+:root [class*=" el-"][data-v-d9e2bcf9] {
   --el-color-primary: var(--o-color-primary1);
   --el-border-color: var(--o-color-control1);
   --el-fill-color-blank: var(--o-color-control5-light);
@@ -17,84 +17,101 @@
   --el-component-size-large: 36px;
 }
 @media (max-width: 840px) {
-:root [class^=el-][data-v-8ed27ecb],
-  :root [class*=" el-"][data-v-8ed27ecb] {
+:root [class^=el-][data-v-d9e2bcf9],
+  :root [class*=" el-"][data-v-d9e2bcf9] {
     --el-component-size-large: var(--o-control_size-l);
 }
 }
-:root .el-date-editor.el-date-editor--daterange[data-v-8ed27ecb] {
+:root .el-date-editor.el-date-editor--daterange[data-v-d9e2bcf9] {
   padding: 0 13px 0 15px;
 }
-:root .el-date-editor.el-date-editor--timerange[data-v-8ed27ecb] {
+:root .el-date-editor.el-date-editor--timerange[data-v-d9e2bcf9] {
   padding: 0 16px;
 }
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
   text-align: left;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input[data-v-8ed27ecb] {
+:root .el-date-editor input[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-:root .el-date-editor .el-select__wrapper[data-v-8ed27ecb] {
+:root .el-date-editor .el-select__wrapper[data-v-d9e2bcf9] {
   gap: 0;
 }
-:root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-8ed27ecb] {
+:root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-d9e2bcf9] {
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon[data-v-8ed27ecb] {
+:root .el-date-editor .el-input__wrapper .el-input__suffix[data-v-d9e2bcf9] {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon[data-v-d9e2bcf9] {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden[data-v-d9e2bcf9] {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon[data-v-d9e2bcf9] {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon[data-v-d9e2bcf9],
+:root .el-date-editor .el-range__icon[data-v-d9e2bcf9] {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,200 +123,201 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg[data-v-8ed27ecb] {
+:root .el-date-editor .el-input__prefix .el-input__icon svg[data-v-d9e2bcf9],
+:root .el-date-editor .el-range__icon svg[data-v-d9e2bcf9] {
   display: none;
 }
-:root .el-popper .el-popper__arrow[data-v-8ed27ecb] {
+:root .el-popper .el-popper__arrow[data-v-d9e2bcf9] {
   display: none;
 }
-:root .el-popper .el-picker-panel[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel[data-v-d9e2bcf9] {
   --cell-row-gap: 6px;
   --cell-radius: var(--o-radius-xs);
   color: var(--o-color-info1);
 }
-:root .el-popper .el-picker-panel .el-date-picker__header[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-date-picker__header[data-v-d9e2bcf9] {
   padding: 12px 24px;
   height: 48px;
   border-bottom: 1px solid var(--o-color-control4);
 }
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-d9e2bcf9] {
   font-weight: 500;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-d9e2bcf9] {
   border-bottom: none;
   height: 24px;
   color: inherit;
   padding: 0 0 var(--cell-row-gap);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-d9e2bcf9] {
   padding: var(--cell-row-gap) 0px;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-d9e2bcf9] {
   padding: 0;
   height: 24px;
   line-height: 22px;
   border: 1px solid transparent;
   border-radius: var(--cell-radius);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-d9e2bcf9] {
   border-color: var(--o-color-primary1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-d9e2bcf9] {
   background: none;
   color: var(--o-color-info4);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-d9e2bcf9] {
   background: var(--o-color-control2-light);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-d9e2bcf9] {
   font-weight: normal;
   color: var(--o-color-info1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-d9e2bcf9] {
   background: var(--o-color-primary1);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-8ed27ecb], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-d9e2bcf9], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-d9e2bcf9] {
   background: none;
   color: #fff;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-d9e2bcf9] {
   border-radius: 0;
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-d9e2bcf9] {
   border-radius: var(--cell-radius);
 }
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-8ed27ecb] {
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-d9e2bcf9] {
   border-radius: var(--cell-radius);
 }
-:root .el-input[data-v-8ed27ecb] {
+:root .el-input[data-v-d9e2bcf9] {
   --el-border-color: var(--o-color-control1);
   --el-input-border-color: var(--o-color-control1);
   --el-input-hover-border-color: var(--o-color-primary2);
   --el-input-focus-border-color: var(--o-color-primary3);
 }
-:root .el-table[data-v-8ed27ecb] {
+:root .el-table[data-v-d9e2bcf9] {
   --el-table-border-color: var(--o-color-control4) ;
 }
-:root .el-input__wrapper[data-v-8ed27ecb] {
+:root .el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
   border: 1px solid var(--el-input-border-color);
 }
-:root .el-date-editor.is-focus .el-input__wrapper[data-v-8ed27ecb] {
+:root .el-date-editor.is-focus .el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-date-editor.el-input__wrapper[data-v-8ed27ecb] {
+:root .el-date-editor.el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
 }
-:root .el-date-editor:hover .el-input__wrapper[data-v-8ed27ecb] {
+:root .el-date-editor:hover .el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-date-editor.el-input__wrapper[data-v-8ed27ecb]:hover {
+:root .el-date-editor.el-input__wrapper[data-v-d9e2bcf9]:hover {
   box-shadow: none;
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-date-editor.el-input__wrapper.is-active[data-v-8ed27ecb] {
+:root .el-date-editor.el-input__wrapper.is-active[data-v-d9e2bcf9] {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-calendar .el-calendar-table[data-v-8ed27ecb] {
+:root .el-calendar .el-calendar-table[data-v-d9e2bcf9] {
   width: 100%;
 }
-:root .el-calendar .el-calendar-table th[data-v-8ed27ecb] {
+:root .el-calendar .el-calendar-table th[data-v-d9e2bcf9] {
   color: var(--o-color-info3);
   font-weight: 400;
   padding: 4px 0 16px 0;
   text-align: center;
 }
-:root .el-calendar .el-calendar-table td.prev .date-calender[data-v-8ed27ecb], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-8ed27ecb] {
+:root .el-calendar .el-calendar-table td.prev .date-calender[data-v-d9e2bcf9], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-d9e2bcf9] {
   color: var(--o-color-info4);
 }
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder[data-v-8ed27ecb] {
+:root .el-select .el-select__placeholder[data-v-d9e2bcf9] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-:root .el-input-number[data-v-8ed27ecb] {
+:root .el-input-number[data-v-d9e2bcf9] {
   --el-component-size-large: 34px;
 }
 @media (max-width: 840px) {
-:root .el-input-number[data-v-8ed27ecb] {
+:root .el-input-number[data-v-d9e2bcf9] {
     --el-component-size-large: calc(var(--o-control_size-l) - 2px);
 }
 }
-:root .el-input-number .el-input__wrapper[data-v-8ed27ecb]:hover {
+:root .el-input-number .el-input__wrapper[data-v-d9e2bcf9]:hover {
   --el-input-border-color: var(--o-color-primary2);
 }
-:root .el-input-number .el-input__wrapper.is-focus[data-v-8ed27ecb] {
+:root .el-input-number .el-input__wrapper.is-focus[data-v-d9e2bcf9] {
   --el-input-border-color: var(--o-color-primary3);
 }
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-8ed27ecb],
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-8ed27ecb] {
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-d9e2bcf9],
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
 }
-:root .el-input-number .el-input__wrapper[data-v-8ed27ecb] {
+:root .el-input-number .el-input__wrapper[data-v-d9e2bcf9] {
   box-shadow: none;
 }
-:root .el-input-number .el-input__wrapper.is-focus[data-v-8ed27ecb] {
+:root .el-input-number .el-input__wrapper.is-focus[data-v-d9e2bcf9] {
   box-shadow: none;
 }
-:root .el-input-number.el-input-number--large[data-v-8ed27ecb] {
+:root .el-input-number.el-input-number--large[data-v-d9e2bcf9] {
   line-height: var(--el-component-size-large);
 }
-.el-button[data-v-8ed27ecb] {
+.el-button[data-v-d9e2bcf9] {
   --el-button-bg-color: transparent;
   --el-button-hover-bg-color: transparent;
   --el-button-active-bg-color: transparent;
@@ -310,81 +328,81 @@
   --el-button-hover-border-color: var(--o-color-primary2);
   --el-button-active-border-color: var(--o-color-primary3);
 }
-.cookie-notice[data-v-8ed27ecb] {
+.cookie-notice[data-v-d9e2bcf9] {
   position: fixed;
   bottom: 0;
   z-index: 999;
   width: 100%;
   --el-color-primary: var(--o-color-primary1);
 }
-.cookie-notice-content[data-v-8ed27ecb] {
+.cookie-notice-content[data-v-d9e2bcf9] {
   background-color: rgba(var(--o-grey-1), 0.9);
   backdrop-filter: blur(5px);
   box-shadow: var(--o-shadow-1);
 }
-.cookie-notice-wrap[data-v-8ed27ecb] {
+.cookie-notice-wrap[data-v-d9e2bcf9] {
   position: relative;
   margin: 0 auto;
   padding: 16px var(--layout-content-padding);
   max-width: var(--layout-content-max-width);
 }
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-wrap[data-v-d9e2bcf9] {
     padding: 12px var(--layout-content-padding);
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap[data-v-8ed27ecb] {
+.cookie-notice-wrap[data-v-d9e2bcf9] {
     padding: 8px var(--layout-content-padding);
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap[data-v-8ed27ecb] {
+.cookie-notice-wrap[data-v-d9e2bcf9] {
     padding: 16px var(--layout-content-padding);
 }
 }
 @media (max-width: 600px) {
-.cookie-notice-wrap[data-v-8ed27ecb] {
+.cookie-notice-wrap[data-v-d9e2bcf9] {
     padding: 16px var(--layout-content-padding);
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap[data-v-8ed27ecb]:not([type=zh]) {
+.cookie-notice-wrap[data-v-d9e2bcf9]:not([type=zh]) {
     flex-direction: column;
 }
 }
-.cookie-notice-wrap-grid[data-v-8ed27ecb] {
-  width: var(--grid-content-width);
+.cookie-notice-wrap-grid[data-v-d9e2bcf9] {
+  width: var(--o-r-grid-section-width, var(--grid-content-width));
   padding: 16px 0;
   margin: 0 auto;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-notice-wrap-grid[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-wrap-grid[data-v-d9e2bcf9] {
     padding: 12px 0;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-wrap-grid[data-v-8ed27ecb] {
+.cookie-notice-wrap-grid[data-v-d9e2bcf9] {
     padding: 8px 0;
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-8ed27ecb] {
+.cookie-notice-wrap-grid[data-v-d9e2bcf9] {
     padding: 16px 0;
 }
 }
 @media (max-width: 600px) {
-.cookie-notice-wrap-grid[data-v-8ed27ecb] {
+.cookie-notice-wrap-grid[data-v-d9e2bcf9] {
     padding: 16px 0;
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-wrap-grid[data-v-8ed27ecb]:not([type=zh]) {
+.cookie-notice-wrap-grid[data-v-d9e2bcf9]:not([type=zh]) {
     padding: 16px 0;
     flex-direction: column;
 }
 }
-.cookie-title[data-v-8ed27ecb] {
+.cookie-title[data-v-d9e2bcf9] {
   display: flex;
   font-size: 16px;
   line-height: calc(1em + 8px);
@@ -392,115 +410,121 @@
   font-weight: 500;
 }
 @media (max-width: 1680px) {
-.cookie-title[data-v-8ed27ecb] {
+.cookie-title[data-v-d9e2bcf9] {
     font-size: 14px;
 }
 }
 @media (max-width: 840px) {
-.cookie-title[data-v-8ed27ecb] {
+.cookie-title[data-v-d9e2bcf9] {
     text-align: center;
 }
 }
 @media (max-width: 840px) {
-.cookie-en-title[data-v-8ed27ecb] {
+.cookie-en-title[data-v-d9e2bcf9] {
     margin-left: auto;
 }
 }
-.cookie-zh-title[data-v-8ed27ecb] {
+.cookie-zh-title[data-v-d9e2bcf9] {
   font-size: 14px;
   line-height: 22px;
   margin-right: 8px;
   text-align: start;
 }
 @media (max-width: 840px) {
-.cookie-zh-title[data-v-8ed27ecb] {
+.cookie-zh-title[data-v-d9e2bcf9] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.cookie-en-content[data-v-8ed27ecb] {
+.cookie-en-content[data-v-d9e2bcf9] {
   display: flex;
   width: 100%;
   margin-top: 8px;
 }
 @media (max-width: 840px) {
-.cookie-en-content[data-v-8ed27ecb] {
+.cookie-en-content[data-v-d9e2bcf9] {
     flex-direction: column;
 }
 }
-.cookie-en-desc[data-v-8ed27ecb] {
+.cookie-en-desc[data-v-d9e2bcf9] {
   font-size: 12px;
   line-height: 18px;
   color: var(--o-color-info2);
 }
 @media (min-width: 1681px) {
-.cookie-en-desc[data-v-8ed27ecb] {
+.cookie-en-desc[data-v-d9e2bcf9] {
     margin-right: 48px;
 }
 }
-@media (1680px >= width >= 1201px) {
-.cookie-en-desc[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-en-desc[data-v-d9e2bcf9] {
     margin-right: 40px;
 }
 }
 @media (min-width: 601px) and (max-width: 1200px) {
-.cookie-en-desc[data-v-8ed27ecb] {
+.cookie-en-desc[data-v-d9e2bcf9] {
     margin-right: 24px;
 }
 }
 @media (max-width: 840px) {
-.cookie-en-desc[data-v-8ed27ecb] {
+.cookie-en-desc[data-v-d9e2bcf9] {
     margin: 0;
 }
 }
-.cookie-notice-right[data-v-8ed27ecb] {
+.cookie-notice-right[data-v-d9e2bcf9] {
   display: flex;
   margin-left: auto;
+  --cookie-btn-gap: 16px;
 }
-.cookie-notice-right .el-button[data-v-8ed27ecb]:not(:first-child) {
-  margin-left: 16px;
-}
-@media (1680px >= width >= 1201px) {
-.cookie-notice-right .el-button[data-v-8ed27ecb]:not(:first-child) {
-    margin-left: 12px;
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-notice-right[data-v-d9e2bcf9] {
+    --cookie-btn-gap: 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.cookie-notice-right .el-button[data-v-8ed27ecb]:not(:first-child) {
-    margin-left: 8px;
+.cookie-notice-right[data-v-d9e2bcf9] {
+    --cookie-btn-gap: 8px;
 }
 }
-@media (min-width: 841px) {
-.cookie-notice-right .el-button[data-v-8ed27ecb]:not(:first-child) {
-    margin-left: 12px;
+@media (max-width: 840px) {
+.cookie-notice-right[data-v-d9e2bcf9] {
+    --cookie-btn-gap: 12px;
+}
+}
+.cookie-notice-right .el-button[data-v-d9e2bcf9]:not(:first-child) {
+  margin-left: var(--cookie-btn-gap);
+}
+@media (max-width: 840px) {
+.cookie-notice-right .el-button[data-v-d9e2bcf9]:not(:first-child) {
+    margin: 0;
 }
 }
 @media (max-width: 840px) {
-.cookie-notice-right[data-v-8ed27ecb] {
+.cookie-notice-right[data-v-d9e2bcf9] {
     margin-top: 16px;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto auto;
-    gap: 12px;
+    gap: var(--cookie-btn-gap);
 }
-.cookie-notice-right .el-button[data-v-8ed27ecb] {
+.cookie-notice-right .el-button[data-v-d9e2bcf9] {
     margin: 0;
 }
-.cookie-notice-right .el-button[data-v-8ed27ecb]:nth-child(1) {
+.cookie-notice-right .el-button[data-v-d9e2bcf9]:nth-child(1) {
     grid-column: 1;
     grid-row: 1;
 }
-.cookie-notice-right .el-button[data-v-8ed27ecb]:nth-child(2) {
+.cookie-notice-right .el-button[data-v-d9e2bcf9]:nth-child(2) {
     grid-column: 2;
     grid-row: 1;
 }
-.cookie-notice-right .el-button[data-v-8ed27ecb]:nth-child(3) {
+.cookie-notice-right .el-button[data-v-d9e2bcf9]:nth-child(3) {
     grid-column: 1/span 2;
     grid-row: 2;
 }
 }
-.cookie-notice-close[data-v-8ed27ecb] {
+.cookie-notice-close[data-v-d9e2bcf9] {
   display: block;
   overflow: visible !important;
   margin-left: auto;
@@ -508,105 +532,105 @@
   color: var(--o-color-info1);
   font-size: 24px;
 }
-.cookie-notice-close[data-v-8ed27ecb]:hover {
+.cookie-notice-close[data-v-d9e2bcf9]:hover {
   color: var(--o-color-primary2);
 }
-.cookie-notice-close[data-v-8ed27ecb] {
+.cookie-notice-close[data-v-d9e2bcf9] {
   overflow: hidden;
 }
-.cookie-notice-close svg[data-v-8ed27ecb] {
+.cookie-notice-close svg[data-v-d9e2bcf9] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.cookie-notice-close:hover svg[data-v-8ed27ecb] {
+.cookie-notice-close:hover svg[data-v-d9e2bcf9] {
     transform: rotate(180deg);
 }
 }
-.cookie-dlg-content .content-item[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item[data-v-d9e2bcf9] {
   margin-top: 24px;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-dlg-content .content-item[data-v-d9e2bcf9] {
     margin-top: 16px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item[data-v-d9e2bcf9] {
     margin-top: 12px;
 }
 }
-.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-d9e2bcf9] {
   font-size: 16px !important;
   line-height: calc(1em + 8px);
 }
-.cookie-dlg-content .content-item .item-header[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-header[data-v-d9e2bcf9] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.cookie-dlg-content .content-item .item-header .item-title[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-d9e2bcf9] {
   font-size: 20px;
   line-height: calc(1em + 8px);
   color: var(--o-color-info1);
   font-weight: 500;
 }
-@media (1680px >= width >= 1201px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-d9e2bcf9] {
     font-size: 18px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-title[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-d9e2bcf9] {
     font-size: 16px;
 }
 }
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-d9e2bcf9] {
   font-size: 14px;
   color: var(--o-color-info3);
   margin-left: 24px;
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-header .item-extra[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-d9e2bcf9] {
     font-size: 12px;
 }
 }
-.cookie-dlg-content .content-item .item-detail[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-detail[data-v-d9e2bcf9] {
   font-size: 16px;
   line-height: calc(1em + 8px);
   color: var(--o-color-info2);
   margin-top: 16px;
 }
 @media (max-width: 1680px) {
-.cookie-dlg-content .content-item .item-detail[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-detail[data-v-d9e2bcf9] {
     margin-top: 12px;
     font-size: 14px;
 }
 }
 @media (max-width: 1200px) {
-.cookie-dlg-content .content-item .item-detail[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-detail[data-v-d9e2bcf9] {
     margin-top: 8px;
 }
 }
 @media (max-width: 840px) {
-.cookie-dlg-content .content-item .item-detail[data-v-8ed27ecb] {
+.cookie-dlg-content .content-item .item-detail[data-v-d9e2bcf9] {
     margin-top: 8px;
 }
 }
-.dlg-title[data-v-8ed27ecb] {
+.dlg-title[data-v-d9e2bcf9] {
   font-size: 24px;
   line-height: calc(1em + 8px);
 }
-@media (1680px >= width >= 1201px) {
-.dlg-title[data-v-8ed27ecb] {
+@media (min-width: 1201px) and (max-width: 1680px) {
+.dlg-title[data-v-d9e2bcf9] {
     font-size: 20px;
 }
 }
 @media (max-width: 1200px) {
-.dlg-title[data-v-8ed27ecb] {
+.dlg-title[data-v-d9e2bcf9] {
     font-size: 18px;
 }
 }
-.dlg-close-icon[data-v-8ed27ecb] {
+.dlg-close-icon[data-v-d9e2bcf9] {
   font-size: 24px;
   position: absolute;
   top: 8px;
@@ -614,80 +638,80 @@
   color: var(--o-color-info1);
   cursor: pointer;
 }
-.dlg-close-icon .o-icon-close[data-v-8ed27ecb] {
+.dlg-close-icon .o-icon-close[data-v-d9e2bcf9] {
   width: 1em;
   height: 1em;
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.dlg-close-icon[data-v-8ed27ecb]:hover {
+.dlg-close-icon[data-v-d9e2bcf9]:hover {
     color: var(--o-color-primary2);
 }
-.dlg-close-icon:hover .o-icon-close[data-v-8ed27ecb] {
+.dlg-close-icon:hover .o-icon-close[data-v-d9e2bcf9] {
     transform: rotate(180deg);
 }
 }
 @media (max-width: 840px) {
-[data-v-8ed27ecb] .el-dialog {
+[data-v-d9e2bcf9] .el-dialog {
     --el-dialog-width: 100vw;
 }
 }
 @media (min-width: 1201px) {
-[data-v-8ed27ecb] .el-dialog.grid-width-dlg {
-    --el-dialog-width: var(--grid-14);
+[data-v-d9e2bcf9] .el-dialog.grid-width-dlg {
+    --el-dialog-width: var(--o-r-grid-14, var(--grid-14));
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-[data-v-8ed27ecb] .el-dialog.grid-width-dlg {
-    --el-dialog-width: var(--grid-8);
+[data-v-d9e2bcf9] .el-dialog.grid-width-dlg {
+    --el-dialog-width: var(--o-r-grid-8, var(--grid-8));
 }
 }
-[data-v-8ed27ecb] .el-dialog {
+[data-v-d9e2bcf9] .el-dialog {
   --el-bg-color: var(--o-color-control5-light);
   --el-dialog-padding-primary: 32px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-[data-v-8ed27ecb] .el-dialog {
+[data-v-d9e2bcf9] .el-dialog {
     --el-dialog-padding-primary: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-[data-v-8ed27ecb] .el-dialog {
+[data-v-d9e2bcf9] .el-dialog {
     --el-dialog-padding-primary: 16px;
 }
 }
 @media (max-width: 600px) {
-[data-v-8ed27ecb] .el-dialog {
+[data-v-d9e2bcf9] .el-dialog {
     --el-dialog-padding-primary: 16px 24px;
 }
 }
-[data-v-8ed27ecb] .el-dialog .el-dialog__header {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__header {
   text-align: center;
   padding: 0;
 }
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer {
   text-align: center;
   padding-top: 0;
   margin-top: 24px;
 }
-@media (1680px >= width >= 1201px) {
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer {
+@media (min-width: 1201px) and (max-width: 1680px) {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer {
     margin-top: 16px;
 }
 }
 @media (max-width: 1200px) {
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer {
     margin-top: 12px;
 }
 }
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer .el-button + .el-button {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer .el-button + .el-button {
   margin-left: 16px;
 }
-@media (1680px >= width >= 1201px) {
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer .el-button + .el-button {
+@media (min-width: 1201px) and (max-width: 1680px) {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer .el-button + .el-button {
     margin-left: 12px;
 }
 }
-[data-v-8ed27ecb] .el-dialog .el-dialog__footer .el-button--text {
+[data-v-d9e2bcf9] .el-dialog .el-dialog__footer .el-button--text {
   color: var(--o-color-info1);
 }