yd-admin 0.1.11 → 0.1.13

package/dist/style.css

@@ -440,30 +440,30 @@ to {
   text-align: center;
 }
 
-.yd-select-wrapper[data-v-64b103da] {
+.yd-select-wrapper[data-v-8cade129] {
   position: relative;
   display: inline-flex;
   flex-direction: column;
   width: 100%;
   gap: var(--yd-spacing-sm);
 }
-.yd-select__label[data-v-64b103da] {
+.yd-select__label[data-v-8cade129] {
   font-size: var(--yd-font-size-sm);
   font-weight: var(--yd-font-weight-medium);
   color: var(--yd-color-fg);
 }
-.yd-select__required[data-v-64b103da] {
+.yd-select__required[data-v-8cade129] {
   color: var(--yd-color-error);
   margin-left: 2px;
 }
-.yd-select__control[data-v-64b103da] {
+.yd-select__control[data-v-8cade129] {
   position: relative;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.yd-select__input[data-v-64b103da],
-.yd-select__display[data-v-64b103da] {
+.yd-select__input[data-v-8cade129],
+.yd-select__display[data-v-8cade129] {
   width: 100%;
   padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
   border: none;
@@ -473,13 +473,13 @@ to {
   font-size: var(--yd-font-size-base);
   color: var(--yd-color-fg);
 }
-.yd-select__display--placeholder[data-v-64b103da] {
+.yd-select__display--placeholder[data-v-8cade129] {
   color: var(--yd-color-muted-fg);
 }
-.yd-select__input[data-v-64b103da]:focus {
+.yd-select__input[data-v-8cade129]:focus {
   border-color: var(--yd-color-primary-500);
 }
-.yd-select__clear[data-v-64b103da] {
+.yd-select__clear[data-v-8cade129] {
   position: absolute;
   right: var(--yd-spacing-xl);
   cursor: pointer;
@@ -488,10 +488,10 @@ to {
   align-items: center;
   transition: color var(--yd-transition-fast);
 }
-.yd-select__clear[data-v-64b103da]:hover {
+.yd-select__clear[data-v-8cade129]:hover {
   color: var(--yd-color-fg);
 }
-.yd-select__arrow[data-v-64b103da] {
+.yd-select__arrow[data-v-8cade129] {
   position: absolute;
   right: var(--yd-spacing-sm);
   pointer-events: none;
@@ -499,40 +499,40 @@ to {
   display: flex;
   align-items: center;
 }
-.yd-select__message[data-v-64b103da] {
+.yd-select__message[data-v-8cade129] {
   font-size: var(--yd-font-size-xs);
   color: var(--yd-color-muted-fg);
 }
-.yd-select__message--error[data-v-64b103da] {
+.yd-select__message--error[data-v-8cade129] {
   color: var(--yd-color-error);
 }
 
 /* Wrapper variants */
-.yd-select-wrapper--default .yd-select__input[data-v-64b103da],
-.yd-select-wrapper--default .yd-select__display[data-v-64b103da] {
+.yd-select-wrapper--default .yd-select__input[data-v-8cade129],
+.yd-select-wrapper--default .yd-select__display[data-v-8cade129] {
   border-bottom: 1px solid var(--yd-color-border);
 }
-.yd-select-wrapper--bordered .yd-select__input[data-v-64b103da],
-.yd-select-wrapper--bordered .yd-select__display[data-v-64b103da] {
+.yd-select-wrapper--bordered .yd-select__input[data-v-8cade129],
+.yd-select-wrapper--bordered .yd-select__display[data-v-8cade129] {
   border: 1px solid var(--yd-color-border);
   border-radius: var(--yd-radius-base);
 }
-.yd-select-wrapper--filled .yd-select__input[data-v-64b103da],
-.yd-select-wrapper--filled .yd-select__display[data-v-64b103da] {
+.yd-select-wrapper--filled .yd-select__input[data-v-8cade129],
+.yd-select-wrapper--filled .yd-select__display[data-v-8cade129] {
   background: var(--yd-color-muted);
   border-radius: var(--yd-radius-base);
 }
-.yd-select-wrapper--disabled[data-v-64b103da] {
+.yd-select-wrapper--disabled[data-v-8cade129] {
   opacity: 0.6;
   pointer-events: none;
 }
-.yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__input[data-v-64b103da],
-.yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__display[data-v-64b103da] {
+.yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__input[data-v-8cade129],
+.yd-select-wrapper--error.yd-select-wrapper--bordered .yd-select__display[data-v-8cade129] {
   border-color: var(--yd-color-error);
 }
 
 /* Dropdown */
-.yd-select__dropdown[data-v-64b103da] {
+.yd-select__dropdown[data-v-8cade129] {
   position: absolute;
   z-index: var(--yd-z-index-dropdown);
   background: var(--yd-color-bg);
@@ -541,18 +541,18 @@ to {
   overflow: hidden;
   will-change: opacity, transform;
 }
-.yd-select__loading[data-v-64b103da],
-.yd-select__empty[data-v-64b103da] {
+.yd-select__loading[data-v-8cade129],
+.yd-select__empty[data-v-8cade129] {
   padding: var(--yd-spacing-xl);
   text-align: center;
   color: var(--yd-color-muted-fg);
   font-size: var(--yd-font-size-sm);
 }
-.yd-select__list[data-v-64b103da] {
+.yd-select__list[data-v-8cade129] {
   overflow-y: auto;
   padding: var(--yd-spacing-xs) 0;
 }
-.yd-select__option[data-v-64b103da] {
+.yd-select__option[data-v-8cade129] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -562,37 +562,37 @@ to {
   color: var(--yd-color-fg);
   transition: background var(--yd-transition-fast);
 }
-.yd-select__option[data-v-64b103da]:hover:not(.yd-select__option--disabled) {
+.yd-select__option[data-v-8cade129]:hover:not(.yd-select__option--disabled) {
   background: var(--yd-color-muted);
 }
-.yd-select__option--active[data-v-64b103da] {
+.yd-select__option--active[data-v-8cade129] {
   color: var(--yd-color-primary-600);
   font-weight: var(--yd-font-weight-medium);
   background: var(--yd-color-primary-50);
 }
-.yd-select__option--disabled[data-v-64b103da] {
+.yd-select__option--disabled[data-v-8cade129] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.yd-select__check[data-v-64b103da] {
+.yd-select__check[data-v-8cade129] {
   color: var(--yd-color-primary-500);
 }
-.yd-select__group[data-v-64b103da] {
+.yd-select__group[data-v-8cade129] {
   padding: var(--yd-spacing-xs) 0;
 }
-.yd-select__group-title[data-v-64b103da] {
+.yd-select__group-title[data-v-8cade129] {
   padding: var(--yd-spacing-xs) var(--yd-spacing-base);
   font-size: var(--yd-font-size-xs);
   color: var(--yd-color-muted-fg);
   font-weight: var(--yd-font-weight-medium);
 }
-.yd-select-dropdown-enter-active[data-v-64b103da],
-.yd-select-dropdown-leave-active[data-v-64b103da] {
+.yd-select-dropdown-enter-active[data-v-8cade129],
+.yd-select-dropdown-leave-active[data-v-8cade129] {
   will-change: opacity;
   transition: opacity 0.2s ease;
 }
-.yd-select-dropdown-enter-from[data-v-64b103da],
-.yd-select-dropdown-leave-to[data-v-64b103da] {
+.yd-select-dropdown-enter-from[data-v-8cade129],
+.yd-select-dropdown-leave-to[data-v-8cade129] {
   opacity: 0;
 }
 
@@ -1180,11 +1180,11 @@ to {
   cursor: not-allowed;
 }
 
-.yd-date-picker[data-v-6e664fd9] {
+.yd-date-picker[data-v-23f9364e] {
   position: relative;
   display: inline-block;
 }
-.yd-date-picker__input[data-v-6e664fd9] {
+.yd-date-picker__input[data-v-23f9364e] {
   padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
   border: 1px solid var(--yd-color-border);
   border-radius: var(--yd-radius-base);
@@ -1194,14 +1194,14 @@ to {
   cursor: pointer;
   width: 200px;
 }
-.yd-date-picker__icon[data-v-6e664fd9] {
+.yd-date-picker__icon[data-v-23f9364e] {
   position: absolute;
   right: var(--yd-spacing-sm);
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
 }
-.yd-date-picker__panel[data-v-6e664fd9] {
+.yd-date-picker__panel[data-v-23f9364e] {
   padding: var(--yd-spacing-base);
   background: var(--yd-color-bg);
   border: 1px solid var(--yd-color-border);
@@ -1209,18 +1209,18 @@ to {
   box-shadow: var(--yd-shadow-lg);
   width: 280px;
 }
-.yd-date-picker__view[data-v-6e664fd9] {
+.yd-date-picker__view[data-v-23f9364e] {
   min-height: 240px;
 }
-.yd-date-picker__header[data-v-6e664fd9],
-.yd-date-picker__view-header[data-v-6e664fd9] {
+.yd-date-picker__header[data-v-23f9364e],
+.yd-date-picker__view-header[data-v-23f9364e] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: var(--yd-spacing-sm);
 }
-.yd-date-picker__header button[data-v-6e664fd9],
-.yd-date-picker__view-header button[data-v-6e664fd9] {
+.yd-date-picker__header button[data-v-23f9364e],
+.yd-date-picker__view-header button[data-v-23f9364e] {
   background: none;
   border: none;
   cursor: pointer;
@@ -1228,10 +1228,10 @@ to {
   color: var(--yd-color-fg);
   padding: 0 var(--yd-spacing-sm);
 }
-.yd-date-picker__header span[data-v-6e664fd9] {
+.yd-date-picker__header span[data-v-23f9364e] {
   font-weight: var(--yd-font-weight-medium);
 }
-.yd-date-picker__weekdays[data-v-6e664fd9] {
+.yd-date-picker__weekdays[data-v-23f9364e] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   text-align: center;
@@ -1239,12 +1239,12 @@ to {
   color: var(--yd-color-muted-fg);
   margin-bottom: var(--yd-spacing-xs);
 }
-.yd-date-picker__days[data-v-6e664fd9] {
+.yd-date-picker__days[data-v-23f9364e] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 2px;
 }
-.yd-date-picker__day[data-v-6e664fd9] {
+.yd-date-picker__day[data-v-23f9364e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1257,32 +1257,32 @@ to {
   color: var(--yd-color-fg);
   transition: all var(--yd-transition-fast);
 }
-.yd-date-picker__day[data-v-6e664fd9]:hover:not(:disabled) {
+.yd-date-picker__day[data-v-23f9364e]:hover:not(:disabled) {
   background: var(--yd-color-muted);
 }
-.yd-date-picker__day--other[data-v-6e664fd9] {
+.yd-date-picker__day--other[data-v-23f9364e] {
   color: var(--yd-color-muted-fg);
 }
-.yd-date-picker__day--selected[data-v-6e664fd9] {
+.yd-date-picker__day--selected[data-v-23f9364e] {
   background: var(--yd-color-primary-500);
   color: var(--yd-color-bg);
 }
-.yd-date-picker__day--today[data-v-6e664fd9] {
+.yd-date-picker__day--today[data-v-23f9364e] {
   font-weight: var(--yd-font-weight-bold);
   border: 1px solid var(--yd-color-primary-500);
 }
-.yd-date-picker__day[data-v-6e664fd9]:disabled {
+.yd-date-picker__day[data-v-23f9364e]:disabled {
   opacity: 0.3;
   cursor: default;
 }
-.yd-date-picker__years[data-v-6e664fd9],
-.yd-date-picker__months[data-v-6e664fd9] {
+.yd-date-picker__years[data-v-23f9364e],
+.yd-date-picker__months[data-v-23f9364e] {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: var(--yd-spacing-sm);
 }
-.yd-date-picker__year[data-v-6e664fd9],
-.yd-date-picker__month[data-v-6e664fd9] {
+.yd-date-picker__year[data-v-23f9364e],
+.yd-date-picker__month[data-v-23f9364e] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1295,12 +1295,12 @@ to {
   color: var(--yd-color-fg);
   transition: all var(--yd-transition-fast);
 }
-.yd-date-picker__year[data-v-6e664fd9]:hover,
-.yd-date-picker__month[data-v-6e664fd9]:hover {
+.yd-date-picker__year[data-v-23f9364e]:hover,
+.yd-date-picker__month[data-v-23f9364e]:hover {
   background: var(--yd-color-muted);
 }
-.yd-date-picker__year--selected[data-v-6e664fd9],
-.yd-date-picker__month--selected[data-v-6e664fd9] {
+.yd-date-picker__year--selected[data-v-23f9364e],
+.yd-date-picker__month--selected[data-v-23f9364e] {
   background: var(--yd-color-primary-500);
   color: var(--yd-color-bg);
 }
@@ -1645,17 +1645,17 @@ to {
   animation: none;
 }
 
-.yd-upload[data-v-30cb3c39] {
+.yd-upload[data-v-6c5ae5fc] {
   display: inline-flex;
   flex-direction: column;
   gap: var(--yd-spacing-sm);
 }
-.yd-upload__list[data-v-30cb3c39] {
+.yd-upload__list[data-v-6c5ae5fc] {
   display: flex;
   flex-direction: column;
   gap: var(--yd-spacing-xs);
 }
-.yd-upload__file[data-v-30cb3c39] {
+.yd-upload__file[data-v-6c5ae5fc] {
   display: flex;
   align-items: center;
   gap: var(--yd-spacing-sm);
@@ -1664,32 +1664,32 @@ to {
   border-radius: var(--yd-radius-sm);
   font-size: var(--yd-font-size-sm);
 }
-.yd-upload__file-name[data-v-30cb3c39] {
+.yd-upload__file-name[data-v-6c5ae5fc] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: var(--yd-spacing-xs);
   overflow: hidden;
 }
-.yd-upload__file-icon[data-v-30cb3c39] {
+.yd-upload__file-icon[data-v-6c5ae5fc] {
   font-size: 16px;
   flex-shrink: 0;
 }
-.yd-upload__file-size[data-v-30cb3c39] {
+.yd-upload__file-size[data-v-6c5ae5fc] {
   color: var(--yd-color-muted-fg);
   font-size: var(--yd-font-size-xs);
   flex-shrink: 0;
 }
-.yd-upload__file-status[data-v-30cb3c39] {
+.yd-upload__file-status[data-v-6c5ae5fc] {
   flex-shrink: 0;
 }
-.yd-upload__file-status--success[data-v-30cb3c39] {
+.yd-upload__file-status--success[data-v-6c5ae5fc] {
   color: var(--yd-color-success);
 }
-.yd-upload__file-status--error[data-v-30cb3c39] {
+.yd-upload__file-status--error[data-v-6c5ae5fc] {
   color: var(--yd-color-error);
 }
-.yd-upload__file-remove[data-v-30cb3c39] {
+.yd-upload__file-remove[data-v-6c5ae5fc] {
   background: none;
   border: none;
   cursor: pointer;
@@ -1699,10 +1699,10 @@ to {
   transition: color var(--yd-transition-fast);
   flex-shrink: 0;
 }
-.yd-upload__file-remove[data-v-30cb3c39]:hover {
+.yd-upload__file-remove[data-v-6c5ae5fc]:hover {
   color: var(--yd-color-error);
 }
-.yd-upload__trigger[data-v-30cb3c39] {
+.yd-upload__trigger[data-v-6c5ae5fc] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1714,30 +1714,30 @@ to {
   transition: all var(--yd-transition-fast);
   background: var(--yd-color-bg);
 }
-.yd-upload__trigger[data-v-30cb3c39]:hover {
+.yd-upload__trigger[data-v-6c5ae5fc]:hover {
   border-color: var(--yd-color-primary-500);
   background: var(--yd-color-primary-50);
 }
-.yd-upload__trigger--dragover[data-v-30cb3c39] {
+.yd-upload__trigger--dragover[data-v-6c5ae5fc] {
   border-color: var(--yd-color-primary-500);
   background: var(--yd-color-primary-50);
 }
-.yd-upload__trigger--disabled[data-v-30cb3c39] {
+.yd-upload__trigger--disabled[data-v-6c5ae5fc] {
   opacity: 0.5;
   cursor: not-allowed;
   pointer-events: none;
 }
-.yd-upload__trigger-content[data-v-30cb3c39] {
+.yd-upload__trigger-content[data-v-6c5ae5fc] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--yd-spacing-sm);
   color: var(--yd-color-muted-fg);
 }
-.yd-upload__trigger-text[data-v-30cb3c39] {
+.yd-upload__trigger-text[data-v-6c5ae5fc] {
   font-size: var(--yd-font-size-sm);
 }
-.yd-upload__tip[data-v-30cb3c39] {
+.yd-upload__tip[data-v-6c5ae5fc] {
   font-size: var(--yd-font-size-xs);
   color: var(--yd-color-muted-fg);
 }
@@ -3073,13 +3073,196 @@ to {
   background: var(--calendar-hover);
 }
 
-.yd-chat-page[data-v-281b025e] {
+.yd-markdown[data-v-068d968a] {
+  position: relative;
+  overflow: hidden;
+  background-color: var(--yd-bg-color, #fff);
+  border: 1px solid var(--yd-border-color, #e5e5e5);
+  border-radius: 8px;
+}
+.yd-markdown__editor[data-v-068d968a] {
+  position: relative;
+}
+.yd-markdown__textarea[data-v-068d968a] {
+  width: 100%;
+  min-height: 200px;
+  padding: 12px;
+  background: transparent;
+  border: none;
+  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--yd-text-color, #333);
+  resize: vertical;
+  outline: none;
+}
+.yd-markdown__textarea--editable[data-v-068d968a] {
+  background-color: var(--yd-bg-secondary, #fafafa);
+}
+.yd-markdown__textarea[data-v-068d968a]::placeholder {
+  color: var(--yd-text-placeholder, #999);
+}
+.yd-markdown__toolbar[data-v-068d968a] {
+  display: flex;
+  gap: 4px;
+  padding: 8px 12px;
+  background-color: var(--yd-bg-secondary, #f5f5f5);
+  border-top: 1px solid var(--yd-border-color, #e5e5e5);
+}
+.yd-markdown__tool[data-v-068d968a] {
+  padding: 4px 12px;
+  background-color: transparent;
+  border: 1px solid var(--yd-border-color, #e5e5e5);
+  border-radius: 4px;
+  font-size: 12px;
+  color: var(--yd-text-secondary, #666);
+  cursor: pointer;
+  transition: all 150ms;
+}
+.yd-markdown__tool[data-v-068d968a]:hover {
+  background-color: var(--yd-bg-hover, #f0f0f0);
+}
+.yd-markdown__tool--active[data-v-068d968a] {
+  background-color: var(--yd-primary-color, #1890ff);
+  border-color: var(--yd-primary-color, #1890ff);
+  color: #fff;
+}
+.yd-markdown__content[data-v-068d968a] {
+  padding: 16px;
+  line-height: 1.6;
+  color: var(--yd-text-color, #333);
+}
+.yd-markdown__content[data-v-068d968a] h1 {
+  font-size: 2em;
+  font-weight: 600;
+  margin: 0 0 16px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--yd-border-color, #e5e5e5);
+}
+.yd-markdown__content[data-v-068d968a] h2 {
+  font-size: 1.5em;
+  font-weight: 600;
+  margin: 24px 0 12px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--yd-border-color, #e5e5e5);
+}
+.yd-markdown__content[data-v-068d968a] h3 {
+  font-size: 1.25em;
+  font-weight: 600;
+  margin: 20px 0 10px;
+}
+.yd-markdown__content[data-v-068d968a] p {
+  margin: 0 0 12px;
+}
+.yd-markdown__content[data-v-068d968a] ul,
+.yd-markdown__content[data-v-068d968a] ol {
+  margin: 0 0 12px;
+  padding-left: 24px;
+}
+.yd-markdown__content[data-v-068d968a] li {
+  margin-bottom: 4px;
+}
+.yd-markdown__content[data-v-068d968a] code {
+  padding: 2px 6px;
+  background-color: var(--yd-bg-secondary, #f5f5f5);
+  border-radius: 4px;
+  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
+  font-size: 0.9em;
+}
+.yd-markdown__content[data-v-068d968a] pre {
+  margin: 0 0 12px;
+  padding: 12px;
+  background-color: #1e1e1e;
+  border-radius: 6px;
+  overflow-x: auto;
+}
+.yd-markdown__content[data-v-068d968a] pre code {
+  padding: 0;
+  background: transparent;
+  color: #d4d4d4;
+}
+.yd-markdown__content[data-v-068d968a] blockquote {
+  margin: 0 0 12px;
+  padding: 8px 16px;
+  background-color: var(--yd-bg-secondary, #f5f5f5);
+  border-left: 4px solid var(--yd-primary-color, #1890ff);
+}
+.yd-markdown__content[data-v-068d968a] table {
+  width: 100%;
+  margin: 0 0 12px;
+  border-collapse: collapse;
+}
+.yd-markdown__content[data-v-068d968a] th,
+.yd-markdown__content[data-v-068d968a] td {
+  padding: 8px 12px;
+  border: 1px solid var(--yd-border-color, #e5e5e5);
+}
+.yd-markdown__content[data-v-068d968a] th {
+  background-color: var(--yd-bg-secondary, #f5f5f5);
+  font-weight: 600;
+}
+.yd-markdown__content[data-v-068d968a] a {
+  color: var(--yd-primary-color, #1890ff);
+  text-decoration: none;
+}
+.yd-markdown__content[data-v-068d968a] a:hover {
+  text-decoration: underline;
+}
+.yd-markdown__content[data-v-068d968a] img {
+  max-width: 100%;
+  border-radius: 4px;
+}
+.yd-markdown__split[data-v-068d968a] {
+  display: flex;
+  height: 300px;
+}
+.yd-markdown__split-editor[data-v-068d968a] {
+  flex: 1;
+  border-right: 1px solid var(--yd-border-color, #e5e5e5);
+}
+.yd-markdown__split-editor textarea[data-v-068d968a] {
+  width: 100%;
+  height: 100%;
+  padding: 12px;
+  background: transparent;
+  border: none;
+  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
+  font-size: 14px;
+  line-height: 1.6;
+  resize: none;
+  outline: none;
+}
+.yd-markdown__split-preview[data-v-068d968a] {
+  flex: 1;
+  padding: 16px;
+  overflow-y: auto;
+}
+
+/* Size variants */
+.yd-markdown--xs .yd-markdown__textarea[data-v-068d968a] {
+  font-size: 12px;
+  min-height: 100px;
+}
+.yd-markdown--sm .yd-markdown__textarea[data-v-068d968a] {
+  font-size: 13px;
+  min-height: 150px;
+}
+.yd-markdown--lg .yd-markdown__textarea[data-v-068d968a] {
+  font-size: 15px;
+  min-height: 300px;
+}
+.yd-markdown--xl .yd-markdown__textarea[data-v-068d968a] {
+  font-size: 16px;
+  min-height: 400px;
+}
+
+.yd-chat-page[data-v-35629158] {
   display: flex;
   flex-direction: column;
   height: 100%;
   background: #fff;
 }
-.yd-chat-page__header[data-v-281b025e] {
+.yd-chat-page__header[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3088,12 +3271,12 @@ to {
   border-bottom: 1px solid #e5e7eb;
   background: #fff;
 }
-.yd-chat-page__header-left[data-v-281b025e] {
+.yd-chat-page__header-left[data-v-35629158] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.yd-chat-page__menu-btn[data-v-281b025e] {
+.yd-chat-page__menu-btn[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3105,21 +3288,21 @@ to {
   cursor: pointer;
   color: #374151;
 }
-.yd-chat-page__menu-btn[data-v-281b025e]:hover {
+.yd-chat-page__menu-btn[data-v-35629158]:hover {
   background: #f3f4f6;
 }
-.yd-chat-page__title[data-v-281b025e] {
+.yd-chat-page__title[data-v-35629158] {
   font-size: 18px;
   font-weight: 600;
   color: #111827;
   margin: 0;
 }
-.yd-chat-page__header-right[data-v-281b025e] {
+.yd-chat-page__header-right[data-v-35629158] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.yd-chat-page__model-btn[data-v-281b025e] {
+.yd-chat-page__model-btn[data-v-35629158] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -3131,15 +3314,15 @@ to {
   color: #374151;
   cursor: pointer;
 }
-.yd-chat-page__model-btn[data-v-281b025e]:hover {
+.yd-chat-page__model-btn[data-v-35629158]:hover {
   background: #f9fafb;
 }
-.yd-chat-page__user-menu[data-v-281b025e] {
+.yd-chat-page__user-menu[data-v-35629158] {
   display: flex;
   align-items: center;
   gap: 4px;
 }
-.yd-chat-page__user-btn[data-v-281b025e] {
+.yd-chat-page__user-btn[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3151,25 +3334,25 @@ to {
   cursor: pointer;
   color: #6b7280;
 }
-.yd-chat-page__user-btn[data-v-281b025e]:hover {
+.yd-chat-page__user-btn[data-v-35629158]:hover {
   background: #f3f4f6;
   color: #374151;
 }
-.yd-chat-page__main[data-v-281b025e] {
+.yd-chat-page__main[data-v-35629158] {
   display: flex;
   flex: 1;
   overflow: hidden;
 }
-.yd-chat-page__sidebar[data-v-281b025e] {
+.yd-chat-page__sidebar[data-v-35629158] {
   display: flex;
   flex-direction: column;
   border-right: 1px solid #e5e7eb;
   background: #f9fafb;
 }
-.yd-chat-page__sidebar-header[data-v-281b025e] {
+.yd-chat-page__sidebar-header[data-v-35629158] {
   padding: 16px;
 }
-.yd-chat-page__new-chat-btn[data-v-281b025e] {
+.yd-chat-page__new-chat-btn[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3185,15 +3368,15 @@ to {
   cursor: pointer;
   transition: background 0.2s;
 }
-.yd-chat-page__new-chat-btn[data-v-281b025e]:hover {
+.yd-chat-page__new-chat-btn[data-v-35629158]:hover {
   background: #2563eb;
 }
-.yd-chat-page__conversation-list[data-v-281b025e] {
+.yd-chat-page__conversation-list[data-v-35629158] {
   flex: 1;
   overflow-y: auto;
   padding: 8px;
 }
-.yd-chat-page__conversation-item[data-v-281b025e] {
+.yd-chat-page__conversation-item[data-v-35629158] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -3202,13 +3385,13 @@ to {
   cursor: pointer;
   transition: background 0.2s;
 }
-.yd-chat-page__conversation-item[data-v-281b025e]:hover {
+.yd-chat-page__conversation-item[data-v-35629158]:hover {
   background: #e5e7eb;
 }
-.yd-chat-page__conversation-item.active[data-v-281b025e] {
+.yd-chat-page__conversation-item.active[data-v-35629158] {
   background: #dbeafe;
 }
-.yd-chat-page__conv-icon[data-v-281b025e] {
+.yd-chat-page__conv-icon[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3218,18 +3401,18 @@ to {
   border-radius: 8px;
   color: #6b7280;
 }
-.yd-chat-page__conv-info[data-v-281b025e] {
+.yd-chat-page__conv-info[data-v-35629158] {
   flex: 1;
   min-width: 0;
 }
-.yd-chat-page__conv-title[data-v-281b025e] {
+.yd-chat-page__conv-title[data-v-35629158] {
   font-size: 14px;
   color: #111827;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.yd-chat-page__conv-delete[data-v-281b025e] {
+.yd-chat-page__conv-delete[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3243,25 +3426,25 @@ to {
   opacity: 0;
   transition: opacity 0.2s;
 }
-.yd-chat-page__conversation-item:hover .yd-chat-page__conv-delete[data-v-281b025e] {
+.yd-chat-page__conversation-item:hover .yd-chat-page__conv-delete[data-v-35629158] {
   opacity: 1;
 }
-.yd-chat-page__conv-delete[data-v-281b025e]:hover {
+.yd-chat-page__conv-delete[data-v-35629158]:hover {
   background: #fee2e2;
   color: #ef4444;
 }
-.yd-chat-page__content[data-v-281b025e] {
+.yd-chat-page__content[data-v-35629158] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.yd-chat-page__messages[data-v-281b025e] {
+.yd-chat-page__messages[data-v-35629158] {
   flex: 1;
   overflow-y: auto;
   padding: 24px;
 }
-.yd-chat-page__welcome[data-v-281b025e] {
+.yd-chat-page__welcome[data-v-35629158] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3269,24 +3452,24 @@ to {
   height: 100%;
   text-align: center;
 }
-.yd-chat-page__welcome-icon[data-v-281b025e] {
+.yd-chat-page__welcome-icon[data-v-35629158] {
   color: #d1d5db;
   margin-bottom: 24px;
 }
-.yd-chat-page__welcome-title[data-v-281b025e] {
+.yd-chat-page__welcome-title[data-v-35629158] {
   font-size: 24px;
   font-weight: 600;
   color: #111827;
   margin: 0 0 24px;
 }
-.yd-chat-page__welcome-suggestions[data-v-281b025e] {
+.yd-chat-page__welcome-suggestions[data-v-35629158] {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   justify-content: center;
   max-width: 500px;
 }
-.yd-chat-page__suggestion-btn[data-v-281b025e] {
+.yd-chat-page__suggestion-btn[data-v-35629158] {
   padding: 10px 16px;
   border: 1px solid #e5e7eb;
   background: #fff;
@@ -3296,19 +3479,19 @@ to {
   cursor: pointer;
   transition: all 0.2s;
 }
-.yd-chat-page__suggestion-btn[data-v-281b025e]:hover {
+.yd-chat-page__suggestion-btn[data-v-35629158]:hover {
   background: #f3f4f6;
   border-color: #d1d5db;
 }
-.yd-chat-page__message[data-v-281b025e] {
+.yd-chat-page__message[data-v-35629158] {
   display: flex;
   gap: 12px;
   margin-bottom: 24px;
 }
-.yd-chat-page__message--user[data-v-281b025e] {
+.yd-chat-page__message--user[data-v-35629158] {
   flex-direction: row-reverse;
 }
-.yd-chat-page__message-avatar[data-v-281b025e] {
+.yd-chat-page__message-avatar[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3319,48 +3502,199 @@ to {
   color: #4f46e5;
   flex-shrink: 0;
 }
-.yd-chat-page__message-content[data-v-281b025e] {
-  max-width: 70%;
+.yd-chat-page__message-content[data-v-35629158] {
+  max-width: 75%;
 }
-.yd-chat-page__message-text[data-v-281b025e] {
+.yd-chat-page__message-bubble[data-v-35629158] {
+  position: relative;
   padding: 12px 16px;
-  background: #f3f4f6;
+  background: #f9fafb;
   border-radius: 12px;
+  border-bottom-left-radius: 4px;
   font-size: 14px;
   line-height: 1.6;
   color: #111827;
+  transition: all 0.2s ease;
 }
-.yd-chat-page__message--user .yd-chat-page__message-text[data-v-281b025e] {
-  background: #3b82f6;
+.yd-chat-page__message-bubble[data-v-35629158]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+.yd-chat-page__message--user .yd-chat-page__message-bubble[data-v-35629158] {
+  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
   color: #fff;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 4px;
 }
-.yd-chat-page__reasoning[data-v-281b025e] {
-  padding: 8px 12px;
+.yd-chat-page__message--user .yd-chat-page__message-bubble[data-v-35629158]:hover {
+  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
+}
+
+/* Message Actions */
+.yd-chat-page__message-actions[data-v-35629158] {
+  display: flex;
+  gap: 4px;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.yd-chat-page__message-bubble:hover .yd-chat-page__message-actions[data-v-35629158] {
+  opacity: 1;
+}
+.yd-chat-page__action-btn[data-v-35629158] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
+  color: #6b7280;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.yd-chat-page__action-btn[data-v-35629158]:hover {
+  background: #f3f4f6;
+  color: #374151;
+}
+.yd-chat-page__message--user .yd-chat-page__action-btn[data-v-35629158] {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* Markdown Content Styles */
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown {
+  background: transparent;
+  border: none;
+  padding: 0;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content {
+  padding: 0;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content p {
+  margin: 0 0 8px;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content p:last-child {
+  margin-bottom: 0;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content code {
+  padding: 2px 6px;
+  background: rgba(0, 0, 0, 0.06);
+  border-radius: 4px;
+  font-size: 13px;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content pre {
+  margin: 8px 0;
+  padding: 12px;
+  background: #1e1e1e;
+  border-radius: 8px;
+  overflow-x: auto;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content pre code {
+  padding: 0;
+  background: transparent;
+  color: #d4d4d4;
+  font-size: 13px;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content ul,
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content ol {
+  margin: 0 0 8px;
+  padding-left: 20px;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content a {
+  color: #3b82f6;
+  text-decoration: none;
+}
+.yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content a:hover {
+  text-decoration: underline;
+}
+
+/* User message Markdown overrides */
+.yd-chat-page__message--user .yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content code {
+  background: rgba(255, 255, 255, 0.15);
+}
+.yd-chat-page__message--user .yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content pre {
+  background: rgba(0, 0, 0, 0.2);
+}
+.yd-chat-page__message--user .yd-chat-page__message-bubble[data-v-35629158] .yd-markdown__content pre code {
+  color: #e5e7eb;
+}
+.yd-chat-page__message--user .yd-chat-page__action-btn[data-v-35629158]:hover {
+  background: rgba(255, 255, 255, 0.15);
+  color: #fff;
+}
+.yd-chat-page__reasoning[data-v-35629158] {
   margin-bottom: 8px;
-  background: #fef3c7;
+  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+  border: 1px solid #bae6fd;
   border-radius: 8px;
+  overflow: hidden;
+}
+.yd-chat-page__reasoning-header[data-v-35629158] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 12px;
+  background: rgba(186, 230, 253, 0.3);
+  border-bottom: 1px solid #bae6fd;
   font-size: 12px;
-  color: #92400e;
+  font-weight: 500;
+  color: #0369a1;
 }
-.yd-chat-page__loading[data-v-281b025e] {
+.yd-chat-page__reasoning-content[data-v-35629158] {
+  padding: 12px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #075985;
+  white-space: pre-wrap;
+  font-family: "SF Mono", "Fira Code", monospace;
+}
+.yd-chat-page__loading[data-v-35629158] {
   padding: 16px;
   color: #6b7280;
   font-size: 14px;
 }
-.yd-chat-page__input-area[data-v-281b025e] {
+.yd-chat-page__input-area[data-v-35629158] {
   padding: 16px 24px;
   border-top: 1px solid #e5e7eb;
 }
-.yd-chat-page__input-wrapper[data-v-281b025e] {
+.yd-chat-page__input-wrapper[data-v-35629158] {
   display: flex;
   align-items: flex-end;
-  gap: 12px;
-  padding: 12px;
+  gap: 8px;
+  padding: 10px 12px;
   border: 1px solid #e5e7eb;
-  border-radius: 12px;
+  border-radius: 16px;
   background: #fff;
+  transition: all 0.2s ease;
+}
+.yd-chat-page__input-wrapper[data-v-35629158]:focus-within {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+.yd-chat-page__input-actions[data-v-35629158] {
+  display: flex;
+  gap: 4px;
 }
-.yd-chat-page__input[data-v-281b025e] {
+.yd-chat-page__input-action[data-v-35629158] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  color: #6b7280;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+.yd-chat-page__input-action[data-v-35629158]:hover {
+  background: #f3f4f6;
+  color: #374151;
+}
+.yd-chat-page__input[data-v-35629158] {
   flex: 1;
   border: none;
   outline: none;
@@ -3369,8 +3703,19 @@ to {
   line-height: 1.5;
   max-height: 120px;
   font-family: inherit;
+  padding: 4px 0;
+  min-height: 24px;
+}
+.yd-chat-page__input[data-v-35629158]::placeholder {
+  color: #9ca3af;
+}
+.yd-chat-page__input-hint[data-v-35629158] {
+  margin-top: 8px;
+  padding: 0 16px;
+  font-size: 12px;
+  color: #9ca3af;
 }
-.yd-chat-page__send-btn[data-v-281b025e] {
+.yd-chat-page__send-btn[data-v-35629158] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3383,37 +3728,37 @@ to {
   cursor: pointer;
   transition: background 0.2s;
 }
-.yd-chat-page__send-btn[data-v-281b025e]:hover:not(:disabled) {
+.yd-chat-page__send-btn[data-v-35629158]:hover:not(:disabled) {
   background: #2563eb;
 }
-.yd-chat-page__send-btn[data-v-281b025e]:disabled {
+.yd-chat-page__send-btn[data-v-35629158]:disabled {
   background: #d1d5db;
   cursor: not-allowed;
 }
 
 /* Size variants */
-.yd-chat-page--xs .yd-chat-page__header[data-v-281b025e] {
+.yd-chat-page--xs .yd-chat-page__header[data-v-35629158] {
   height: 40px;
 }
-.yd-chat-page--xs .yd-chat-page__sidebar[data-v-281b025e] {
+.yd-chat-page--xs .yd-chat-page__sidebar[data-v-35629158] {
   width: 200px !important;
 }
-.yd-chat-page--sm .yd-chat-page__header[data-v-281b025e] {
+.yd-chat-page--sm .yd-chat-page__header[data-v-35629158] {
   height: 48px;
 }
-.yd-chat-page--sm .yd-chat-page__sidebar[data-v-281b025e] {
+.yd-chat-page--sm .yd-chat-page__sidebar[data-v-35629158] {
   width: 240px !important;
 }
-.yd-chat-page--lg .yd-chat-page__header[data-v-281b025e] {
+.yd-chat-page--lg .yd-chat-page__header[data-v-35629158] {
   height: 64px;
 }
-.yd-chat-page--lg .yd-chat-page__sidebar[data-v-281b025e] {
+.yd-chat-page--lg .yd-chat-page__sidebar[data-v-35629158] {
   width: 320px !important;
 }
-.yd-chat-page--xl .yd-chat-page__header[data-v-281b025e] {
+.yd-chat-page--xl .yd-chat-page__header[data-v-35629158] {
   height: 72px;
 }
-.yd-chat-page--xl .yd-chat-page__sidebar[data-v-281b025e] {
+.yd-chat-page--xl .yd-chat-page__sidebar[data-v-35629158] {
   width: 360px !important;
 }
 
@@ -5428,12 +5773,12 @@ to {
   display: none;
 }
 
-.yd-tabs[data-v-783bcbbc] {
+.yd-tabs[data-v-c08e5670] {
   display: flex;
   flex-direction: column;
   position: relative;
 }
-.yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs__header[data-v-c08e5670] {
   position: relative;
   display: flex;
   align-items: center;
@@ -5443,10 +5788,10 @@ to {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.yd-tabs__header[data-v-783bcbbc]::-webkit-scrollbar {
+.yd-tabs__header[data-v-c08e5670]::-webkit-scrollbar {
   display: none; /* Chrome/Safari/Opera */
 }
-.yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs__nav[data-v-c08e5670] {
   display: flex;
   align-items: center;
   gap: var(--yd-spacing-xs);
@@ -5454,7 +5799,7 @@ to {
   padding-left: 24px;
   padding-right: 24px;
 }
-.yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs__tab[data-v-c08e5670] {
   display: inline-flex;
   align-items: center;
   gap: var(--yd-spacing-xs);
@@ -5465,26 +5810,26 @@ to {
   border-bottom: 2px solid transparent;
   transition: all var(--yd-transition-fast);
 }
-.yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs__tab[data-v-c08e5670]:hover {
   color: var(--yd-color-fg);
 }
-.yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs__tab--active[data-v-c08e5670] {
   color: var(--yd-color-primary-600);
   border-bottom-color: var(--yd-color-primary-500);
   font-weight: var(--yd-font-weight-medium);
 }
-.yd-tabs__tab--disabled[data-v-783bcbbc] {
+.yd-tabs__tab--disabled[data-v-c08e5670] {
   opacity: 0.5;
   cursor: not-allowed;
   pointer-events: none;
 }
-.yd-tabs__label[data-v-783bcbbc] {
+.yd-tabs__label[data-v-c08e5670] {
   max-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.yd-tabs__close[data-v-783bcbbc] {
+.yd-tabs__close[data-v-c08e5670] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5495,11 +5840,11 @@ to {
   padding: 0;
   border-radius: var(--yd-radius-sm);
 }
-.yd-tabs__close[data-v-783bcbbc]:hover {
+.yd-tabs__close[data-v-c08e5670]:hover {
   background: var(--yd-color-muted);
   color: var(--yd-color-fg);
 }
-.yd-tabs__add[data-v-783bcbbc] {
+.yd-tabs__add[data-v-c08e5670] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5510,14 +5855,14 @@ to {
   padding: var(--yd-spacing-sm);
   border-radius: var(--yd-radius-sm);
 }
-.yd-tabs__add[data-v-783bcbbc]:hover {
+.yd-tabs__add[data-v-c08e5670]:hover {
   background: var(--yd-color-muted);
   color: var(--yd-color-fg);
 }
-.yd-tabs__content[data-v-783bcbbc] {
+.yd-tabs__content[data-v-c08e5670] {
   padding-top: var(--yd-spacing-base);
 }
-.yd-tabs__context-menu[data-v-783bcbbc] {
+.yd-tabs__context-menu[data-v-c08e5670] {
   min-width: 120px;
   padding: var(--yd-spacing-xs) 0;
   background: var(--yd-color-bg);
@@ -5525,25 +5870,25 @@ to {
   border-radius: var(--yd-radius-md);
   box-shadow: var(--yd-shadow-lg);
 }
-.yd-tabs__ctx-item[data-v-783bcbbc] {
+.yd-tabs__ctx-item[data-v-c08e5670] {
   padding: var(--yd-spacing-sm) var(--yd-spacing-base);
   cursor: pointer;
   font-size: var(--yd-font-size-sm);
   color: var(--yd-color-fg);
   transition: background var(--yd-transition-fast);
 }
-.yd-tabs__ctx-item[data-v-783bcbbc]:hover {
+.yd-tabs__ctx-item[data-v-c08e5670]:hover {
   background: var(--yd-color-muted);
 }
-.yd-tabs__tab--dragging[data-v-783bcbbc] {
+.yd-tabs__tab--dragging[data-v-c08e5670] {
   opacity: 0.5;
 }
 
 /* 拖拽占位符动画 */
-.yd-tabs__tab--placeholder[data-v-783bcbbc] {
+.yd-tabs__tab--placeholder[data-v-c08e5670] {
   position: relative;
 }
-.yd-tabs__tab--placeholder[data-v-783bcbbc]::after {
+.yd-tabs__tab--placeholder[data-v-c08e5670]::after {
   content: "";
   position: absolute;
   left: -2px;
@@ -5553,16 +5898,16 @@ to {
   height: 60%;
   background: var(--yd-color-primary-500);
   border-radius: 2px;
-  animation: yd-tabs-placeholder-pulse-783bcbbc 0.6s ease-in-out infinite;
+  animation: yd-tabs-placeholder-pulse-c08e5670 0.6s ease-in-out infinite;
 }
 
 /* 触摸拖拽样式 */
-.yd-tabs__tab--touch-dragging[data-v-783bcbbc] {
+.yd-tabs__tab--touch-dragging[data-v-c08e5670] {
   opacity: 0.8;
   transform: scale(1.02);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-@keyframes yd-tabs-placeholder-pulse-783bcbbc {
+@keyframes yd-tabs-placeholder-pulse-c08e5670 {
 0%,
   100% {
     opacity: 0.4;
@@ -5573,7 +5918,7 @@ to {
 }
 
 /* 插入指示线 */
-.yd-tabs__insert-indicator[data-v-783bcbbc] {
+.yd-tabs__insert-indicator[data-v-c08e5670] {
   position: fixed;
   pointer-events: none;
   z-index: 100;
@@ -5583,7 +5928,7 @@ to {
 }
 
 /* ====== Tooltip 样式 ====== */
-.yd-tabs__tooltip[data-v-783bcbbc] {
+.yd-tabs__tooltip[data-v-c08e5670] {
   position: fixed;
   z-index: 9999;
   min-width: 160px;
@@ -5597,44 +5942,44 @@ to {
   opacity: 0;
   transition: opacity 0.15s ease-out;
 }
-.yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-783bcbbc] {
+.yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-c08e5670] {
   opacity: 1;
 }
 
 /* 暗色主题 - 需要更强的选择器 */
 /* 注意: tooltip使用teleport到body，所以需要用:global或者直接选择器 */
-:root[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
-[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc] {
+:root[data-theme="dark"] .yd-tabs__tooltip[data-v-c08e5670],
+[data-theme="dark"] .yd-tabs__tooltip[data-v-c08e5670] {
   background: var(--yd-color-bg, #1f2937) !important;
   border-color: rgba(255, 255, 255, 0.15);
 }
 
 /* 布局暗黑主题类选择器 */
-.yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
+.yd-layout--dark .yd-tabs__tooltip[data-v-c08e5670] {
   background: var(--yd-color-bg, #1f2937) !important;
   border-color: rgba(255, 255, 255, 0.15);
 }
 
 /* 暗黑主题tooltip类 - 通过props.theme="dark"添加 */
-.yd-tabs__tooltip--dark[data-v-783bcbbc] {
+.yd-tabs__tooltip--dark[data-v-c08e5670] {
   background: #1f2937 !important;
   border-color: rgba(255, 255, 255, 0.15) !important;
 }
-.yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
+.yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-c08e5670] {
   color: #f9fafb !important;
 }
-.yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
+.yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-c08e5670] {
   color: #9ca3af !important;
 }
-.yd-tabs__tooltip--dark[data-v-783bcbbc]::before {
+.yd-tabs__tooltip--dark[data-v-c08e5670]::before {
   border-bottom-color: rgba(255, 255, 255, 0.15) !important;
 }
-.yd-tabs__tooltip--dark[data-v-783bcbbc]::after {
+.yd-tabs__tooltip--dark[data-v-c08e5670]::after {
   border-bottom-color: #1f2937 !important;
 }
 
 /* 顶部小三角指向 */
-.yd-tabs__tooltip[data-v-783bcbbc]::before {
+.yd-tabs__tooltip[data-v-c08e5670]::before {
   content: "";
   position: absolute;
   top: -6px;
@@ -5646,7 +5991,7 @@ to {
   border-right: 6px solid transparent;
   border-bottom: 6px solid var(--yd-color-border);
 }
-.yd-tabs__tooltip[data-v-783bcbbc]::after {
+.yd-tabs__tooltip[data-v-c08e5670]::after {
   content: "";
   position: absolute;
   top: -5px;
@@ -5661,23 +6006,23 @@ to {
 }
 
 /* 暗色主题 tooltip - 支持 .dark 类、data-theme 属性和 layout 类 */
-.dark .yd-tabs__tooltip[data-v-783bcbbc],
-[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
-.yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
+.dark .yd-tabs__tooltip[data-v-c08e5670],
+[data-theme="dark"] .yd-tabs__tooltip[data-v-c08e5670],
+.yd-layout--dark .yd-tabs__tooltip[data-v-c08e5670] {
   background: var(--yd-color-bg);
   border-color: rgba(255, 255, 255, 0.1);
 }
-.dark .yd-tabs__tooltip[data-v-783bcbbc]::before,
-[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::before,
-.yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::before {
+.dark .yd-tabs__tooltip[data-v-c08e5670]::before,
+[data-theme="dark"] .yd-tabs__tooltip[data-v-c08e5670]::before,
+.yd-layout--dark .yd-tabs__tooltip[data-v-c08e5670]::before {
   border-bottom-color: rgba(255, 255, 255, 0.1);
 }
-.dark .yd-tabs__tooltip[data-v-783bcbbc]::after,
-[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::after,
-.yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::after {
+.dark .yd-tabs__tooltip[data-v-c08e5670]::after,
+[data-theme="dark"] .yd-tabs__tooltip[data-v-c08e5670]::after,
+.yd-layout--dark .yd-tabs__tooltip[data-v-c08e5670]::after {
   border-bottom-color: var(--yd-color-bg);
 }
-@keyframes yd-tabs-tooltip-fade-in-783bcbbc {
+@keyframes yd-tabs-tooltip-fade-in-c08e5670 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -5687,98 +6032,131 @@ to {
     transform: translateY(0);
 }
 }
-.yd-tabs__tooltip-title[data-v-783bcbbc] {
+.yd-tabs__tooltip-title[data-v-c08e5670] {
   color: var(--yd-color-fg, #111827);
   font-size: var(--yd-font-size-sm);
   font-weight: var(--yd-font-weight-medium);
   white-space: nowrap;
 }
-.yd-tabs__tooltip-desc[data-v-783bcbbc] {
+.yd-tabs__tooltip-desc[data-v-c08e5670] {
   color: var(--yd-color-muted-fg, #6b7280);
   font-size: var(--yd-font-size-xs);
   margin-top: 4px;
   line-height: 1.4;
 }
 
+/* Tooltip 操作按钮区域 */
+.yd-tabs__tooltip-actions[data-v-c08e5670] {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px solid var(--yd-color-border);
+  pointer-events: auto;
+}
+.yd-tabs__tooltip-action[data-v-c08e5670] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  font-size: var(--yd-font-size-xs);
+  color: var(--yd-color-muted-fg);
+  background: var(--yd-color-muted);
+  border-radius: var(--yd-radius-sm);
+  cursor: pointer;
+  transition: all var(--yd-transition-fast);
+  opacity: 0.8;
+}
+.yd-tabs__tooltip-action[data-v-c08e5670]:hover {
+  opacity: 1;
+  background: var(--yd-color-primary-100);
+  color: var(--yd-color-primary-600);
+}
+.dark .yd-tabs__tooltip-action[data-v-c08e5670]:hover,
+.yd-tabs__tooltip--dark .yd-tabs__tooltip-action[data-v-c08e5670]:hover {
+  background: rgba(59, 130, 246, 0.2);
+  color: #60a5fa;
+}
+
 /* 暗色主题 tooltip 文字 */
-:root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
-[data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
-.yd-layout--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
+:root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-c08e5670],
+[data-theme="dark"] .yd-tabs__tooltip-title[data-v-c08e5670],
+.yd-layout--dark .yd-tabs__tooltip-title[data-v-c08e5670] {
   color: var(--yd-color-fg, #f9fafb);
 }
-:root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
-[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
-.yd-layout--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
+:root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-c08e5670],
+[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-c08e5670],
+.yd-layout--dark .yd-tabs__tooltip-desc[data-v-c08e5670] {
   color: var(--yd-color-muted-fg, #9ca3af);
 }
 
 /* ====== card 类型 ====== */
-.yd-tabs--card .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--card .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
 }
-.yd-tabs--card .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--card .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   background: var(--yd-color-muted);
   border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
 }
-.yd-tabs--card .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--card .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-bg);
   border-bottom: none;
   border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
 }
 
 /* ====== segment 类型 ====== */
-.yd-tabs--segment .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--segment .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
   background: var(--yd-color-muted);
   border-radius: var(--yd-radius-md);
   padding: 2px;
 }
-.yd-tabs--segment .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--segment .yd-tabs__nav[data-v-c08e5670] {
   gap: 2px;
   padding-left: 4px;
   padding-right: 4px;
 }
-.yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--segment .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-radius: var(--yd-radius-sm);
   flex: 1;
   justify-content: center;
   min-width: 60px;
 }
-.yd-tabs--segment .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--segment .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-bg);
   border-radius: var(--yd-radius-sm);
   box-shadow: var(--yd-shadow-sm);
 }
-.yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc]:hover:not(.yd-tabs__tab--active) {
+.yd-tabs--segment .yd-tabs__tab[data-v-c08e5670]:hover:not(.yd-tabs__tab--active) {
   background: rgba(255, 255, 255, 0.5);
 }
 
 /* ====== border-card 类型 ====== */
-.yd-tabs--border-card[data-v-783bcbbc] {
+.yd-tabs--border-card[data-v-c08e5670] {
   border: 1px solid var(--yd-color-border);
   border-radius: var(--yd-radius-md);
 }
-.yd-tabs--border-card .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--border-card .yd-tabs__header[data-v-c08e5670] {
   border-bottom: 1px solid var(--yd-color-border);
   background: var(--yd-color-muted);
   border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
 }
-.yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--border-card .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-right: 1px solid var(--yd-color-border);
 }
-.yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc]:last-child {
+.yd-tabs--border-card .yd-tabs__tab[data-v-c08e5670]:last-child {
   border-right: none;
 }
-.yd-tabs--border-card .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--border-card .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-bg);
   border-bottom: none;
 }
 
 /* 滚动箭头 - 悬浮侧边按钮风格 */
-.yd-tabs__arrow[data-v-783bcbbc] {
+.yd-tabs__arrow[data-v-c08e5670] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5794,28 +6172,28 @@ to {
   flex-shrink: 0;
   z-index: 1;
 }
-.yd-tabs__arrow[data-v-783bcbbc]:hover {
+.yd-tabs__arrow[data-v-c08e5670]:hover {
   color: var(--yd-color-fg);
   background: var(--yd-color-muted);
   box-shadow: var(--yd-shadow-md);
 }
 /* 暗色主题下箭头需要更高对比度 - 支持 .dark 类和 data-theme 属性 */
-.dark .yd-tabs__arrow[data-v-783bcbbc],
-[data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc] {
+.dark .yd-tabs__arrow[data-v-c08e5670],
+[data-theme="dark"] .yd-tabs__arrow[data-v-c08e5670] {
   background: rgba(30, 30, 30, 0.9);
   border-color: rgba(255, 255, 255, 0.15);
 }
-.dark .yd-tabs__arrow[data-v-783bcbbc]:hover,
-[data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc]:hover {
+.dark .yd-tabs__arrow[data-v-c08e5670]:hover,
+[data-theme="dark"] .yd-tabs__arrow[data-v-c08e5670]:hover {
   background: rgba(50, 50, 50, 0.9);
 }
-.yd-tabs__arrow--left[data-v-783bcbbc] {
+.yd-tabs__arrow--left[data-v-c08e5670] {
   position: absolute;
   left: 4px;
   top: 50%;
   transform: translateY(-50%);
 }
-.yd-tabs__arrow--right[data-v-783bcbbc] {
+.yd-tabs__arrow--right[data-v-c08e5670] {
   position: absolute;
   right: 4px;
   top: 50%;
@@ -5823,22 +6201,22 @@ to {
 }
 
 /* ====== chrome 类型 - 浏览器标签栏风格 ====== */
-.yd-tabs--chrome[data-v-783bcbbc] {
+.yd-tabs--chrome[data-v-c08e5670] {
   border-radius: var(--yd-radius-md);
   background: var(--yd-color-muted);
   padding: 8px 8px 0 8px;
 }
-.yd-tabs--chrome .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
   padding: 0;
   gap: 2px;
 }
-.yd-tabs--chrome .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__nav[data-v-c08e5670] {
   gap: 2px;
   padding-left: 0;
   padding-right: 0;
 }
-.yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
   background: transparent;
@@ -5847,7 +6225,7 @@ to {
   min-width: 100px;
   max-width: 200px;
 }
-.yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]::before {
+.yd-tabs--chrome .yd-tabs__tab[data-v-c08e5670]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -5858,86 +6236,86 @@ to {
   border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
   transition: background var(--yd-transition-fast);
 }
-.yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs--chrome .yd-tabs__tab[data-v-c08e5670]:hover {
   background: rgba(255, 255, 255, 0.5);
 }
-.yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-bg);
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
 }
-.yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc]::before {
+.yd-tabs--chrome .yd-tabs__tab--active[data-v-c08e5670]::before {
   background: var(--yd-color-primary-500);
 }
-.yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-c08e5670] {
   font-weight: var(--yd-font-weight-medium);
 }
-.yd-tabs--chrome .yd-tabs__close[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__close[data-v-c08e5670] {
   opacity: 0;
   margin-left: 4px;
   transition: opacity var(--yd-transition-fast);
 }
-.yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-783bcbbc],
-.yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-c08e5670],
+.yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-c08e5670] {
   opacity: 1;
 }
-.yd-tabs--chrome .yd-tabs__icon[data-v-783bcbbc] {
+.yd-tabs--chrome .yd-tabs__icon[data-v-c08e5670] {
   font-size: 14px;
   margin-right: 6px;
   flex-shrink: 0;
 }
 
 /* ====== rounded 类型 - 完全圆角药丸 ====== */
-.yd-tabs--rounded .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
   gap: 8px;
 }
-.yd-tabs--rounded .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__nav[data-v-c08e5670] {
   gap: 8px;
   padding-left: 0;
 }
-.yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-radius: 9999px;
   background: var(--yd-color-muted);
   padding: 8px 16px;
   transition: all var(--yd-transition-normal);
 }
-.yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs--rounded .yd-tabs__tab[data-v-c08e5670]:hover {
   background: var(--yd-color-muted-hover);
   transform: translateY(-1px);
 }
-.yd-tabs--rounded .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-primary-500);
   color: white;
   box-shadow: 0 4px 12px rgba(0, 96, 171, 0.3);
 }
-.yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__tab--disabled[data-v-c08e5670] {
   opacity: 0.5;
 }
-.yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc]:hover {
+.yd-tabs--rounded .yd-tabs__tab--disabled[data-v-c08e5670]:hover {
   transform: none;
 }
-.yd-tabs--rounded .yd-tabs__label[data-v-783bcbbc] {
+.yd-tabs--rounded .yd-tabs__label[data-v-c08e5670] {
   max-width: none;
 }
 
 /* ====== minimal 类型 - 极简纯文本 ====== */
-.yd-tabs--minimal .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__header[data-v-c08e5670] {
   border-bottom: 1px solid var(--yd-color-border);
   gap: 24px;
 }
-.yd-tabs--minimal .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__nav[data-v-c08e5670] {
   gap: 24px;
   padding-left: 0;
   padding-right: 0;
 }
-.yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   padding: 12px 0;
   position: relative;
   background: transparent;
 }
-.yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]::after {
+.yd-tabs--minimal .yd-tabs__tab[data-v-c08e5670]::after {
   content: "";
   position: absolute;
   left: 50%;
@@ -5948,47 +6326,47 @@ to {
   transition: all var(--yd-transition-normal);
   border-radius: 1px;
 }
-.yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover::after {
+.yd-tabs--minimal .yd-tabs__tab[data-v-c08e5670]:hover::after {
   left: 0;
   right: 0;
 }
-.yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc]::after {
+.yd-tabs--minimal .yd-tabs__tab--active[data-v-c08e5670]::after {
   left: 0;
   right: 0;
 }
-.yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs--minimal .yd-tabs__tab[data-v-c08e5670]:hover {
   color: var(--yd-color-primary-600);
 }
-.yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__tab--active[data-v-c08e5670] {
   color: var(--yd-color-primary-600);
 }
-.yd-tabs--minimal .yd-tabs__tab--disabled[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__tab--disabled[data-v-c08e5670] {
   opacity: 0.4;
   pointer-events: none;
 }
-.yd-tabs--minimal .yd-tabs__label[data-v-783bcbbc] {
+.yd-tabs--minimal .yd-tabs__label[data-v-c08e5670] {
   max-width: none;
   font-size: var(--yd-font-size-base);
 }
 
 /* ====== envelope 类型 - 信封/文件夹风格 ====== */
-.yd-tabs--envelope[data-v-783bcbbc] {
+.yd-tabs--envelope[data-v-c08e5670] {
   border: 1px solid var(--yd-color-border);
   border-radius: var(--yd-radius-md);
   padding: 16px 16px 0 16px;
   background: linear-gradient(to bottom, var(--yd-color-muted), var(--yd-color-bg));
 }
-.yd-tabs--envelope .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--envelope .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
   padding: 0;
   gap: 4px;
 }
-.yd-tabs--envelope .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--envelope .yd-tabs__nav[data-v-c08e5670] {
   gap: 4px;
   padding-left: 0;
   padding-right: 0;
 }
-.yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--envelope .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
   background: var(--yd-color-muted);
@@ -5996,7 +6374,7 @@ to {
   position: relative;
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
 }
-.yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]::before {
+.yd-tabs--envelope .yd-tabs__tab[data-v-c08e5670]::before {
   content: "";
   position: absolute;
   top: 0;
@@ -6006,24 +6384,24 @@ to {
   background: transparent;
   transition: background var(--yd-transition-fast);
 }
-.yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs--envelope .yd-tabs__tab[data-v-c08e5670]:hover {
   background: var(--yd-color-bg);
 }
-.yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--envelope .yd-tabs__tab--active[data-v-c08e5670] {
   background: var(--yd-color-bg);
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
 }
-.yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc]::before {
+.yd-tabs--envelope .yd-tabs__tab--active[data-v-c08e5670]::before {
   background: var(--yd-color-primary-500);
 }
-.yd-tabs--envelope .yd-tabs__content[data-v-783bcbbc] {
+.yd-tabs--envelope .yd-tabs__content[data-v-c08e5670] {
   border-top: 1px solid var(--yd-color-border);
   margin-top: 16px;
   padding-top: 16px;
 }
 
 /* ====== glass 类型 - 毛玻璃风格 ====== */
-.yd-tabs--glass[data-v-783bcbbc] {
+.yd-tabs--glass[data-v-c08e5670] {
   border-radius: var(--yd-radius-lg);
   background: rgba(255, 255, 255, 0.7);
   backdrop-filter: blur(12px);
@@ -6032,66 +6410,66 @@ to {
   padding: 8px 8px 0 8px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
 }
-.dark [class*="yd-tabs--glass"][data-v-783bcbbc] {
+.dark [class*="yd-tabs--glass"][data-v-c08e5670] {
   background: rgba(30, 30, 30, 0.7);
   border-color: rgba(255, 255, 255, 0.1);
 }
-.yd-tabs--glass .yd-tabs__header[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__header[data-v-c08e5670] {
   border-bottom: none;
   padding: 0;
   gap: 4px;
 }
-.yd-tabs--glass .yd-tabs__nav[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__nav[data-v-c08e5670] {
   gap: 4px;
   padding-left: 0;
   padding-right: 0;
 }
-.yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__tab[data-v-c08e5670] {
   border-bottom: none;
   border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
   background: transparent;
   padding: 8px 16px;
   transition: all var(--yd-transition-normal);
 }
-.yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
+.yd-tabs--glass .yd-tabs__tab[data-v-c08e5670]:hover {
   background: rgba(255, 255, 255, 0.5);
 }
-.dark .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
+.dark .yd-tabs--glass .yd-tabs__tab[data-v-c08e5670]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
-.yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__tab--active[data-v-c08e5670] {
   background: rgba(255, 255, 255, 0.9);
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
 }
-.dark .yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
+.dark .yd-tabs--glass .yd-tabs__tab--active[data-v-c08e5670] {
   background: rgba(60, 60, 60, 0.9);
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
 }
-.yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-c08e5670] {
   font-weight: var(--yd-font-weight-medium);
 }
-.yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
+.yd-tabs--glass .yd-tabs__content[data-v-c08e5670] {
   background: rgba(255, 255, 255, 0.5);
   border-radius: 0 0 var(--yd-radius-md) var(--yd-radius-md);
   margin: 8px -8px -8px -8px;
   padding: 16px;
 }
-.dark .yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
+.dark .yd-tabs--glass .yd-tabs__content[data-v-c08e5670] {
   background: rgba(255, 255, 255, 0.05);
 }
 
-.yd-dropdown[data-v-14532ff3] {
+.yd-dropdown[data-v-eeb76db2] {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-.yd-dropdown__trigger[data-v-14532ff3] {
+.yd-dropdown__trigger[data-v-eeb76db2] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.yd-dropdown__menu[data-v-14532ff3] {
+.yd-dropdown__menu[data-v-eeb76db2] {
   min-width: 120px;
   padding: var(--yd-spacing-xs) 0;
   background: var(--yd-color-bg);
@@ -6099,30 +6477,30 @@ to {
   border-radius: var(--yd-radius-md);
   box-shadow: var(--yd-shadow-lg);
 }
-.yd-dropdown__item[data-v-14532ff3] {
+.yd-dropdown__item[data-v-eeb76db2] {
   padding: var(--yd-spacing-sm) var(--yd-spacing-base);
   cursor: pointer;
   font-size: var(--yd-font-size-sm);
   color: var(--yd-color-fg);
   transition: background var(--yd-transition-fast);
 }
-.yd-dropdown__item[data-v-14532ff3]:hover:not(.yd-dropdown__item--disabled) {
+.yd-dropdown__item[data-v-eeb76db2]:hover:not(.yd-dropdown__item--disabled) {
   background: var(--yd-color-muted);
 }
-.yd-dropdown__item--disabled[data-v-14532ff3] {
+.yd-dropdown__item--disabled[data-v-eeb76db2] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.yd-dropdown-enter-active[data-v-14532ff3],
-.yd-dropdown-leave-active[data-v-14532ff3] {
+.yd-dropdown-enter-active[data-v-eeb76db2],
+.yd-dropdown-leave-active[data-v-eeb76db2] {
   transition: opacity 0.2s ease;
 }
-.yd-dropdown-enter-from[data-v-14532ff3],
-.yd-dropdown-leave-to[data-v-14532ff3] {
+.yd-dropdown-enter-from[data-v-eeb76db2],
+.yd-dropdown-leave-to[data-v-eeb76db2] {
   opacity: 0;
 }
 
-.yd-layout-header[data-v-1d3c26d9] {
+.yd-layout-header[data-v-f6d06be3] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -6137,7 +6515,7 @@ to {
 }
 
 /* 移动端菜单切换按钮 */
-.yd-layout-header__toggle[data-v-1d3c26d9] {
+.yd-layout-header__toggle[data-v-f6d06be3] {
   display: none;
   align-items: center;
   justify-content: center;
@@ -6149,44 +6527,44 @@ to {
   color: var(--yd-color-fg);
   transition: background var(--yd-transition-fast);
 }
-.yd-layout-header__toggle[data-v-1d3c26d9]:hover {
+.yd-layout-header__toggle[data-v-f6d06be3]:hover {
   background: var(--yd-color-muted);
 }
 @media (max-width: 767px) {
-.yd-layout-header__toggle[data-v-1d3c26d9] {
+.yd-layout-header__toggle[data-v-f6d06be3] {
     display: flex;
 }
 
   /* 移动端隐藏桌面版元素 */
-.yd-layout-header__tabs[data-v-1d3c26d9],
-  .yd-layout-header__actions[data-v-1d3c26d9] {
+.yd-layout-header__tabs[data-v-f6d06be3],
+  .yd-layout-header__actions[data-v-f6d06be3] {
     display: none;
 }
 
   /* 移动端显示用户头像 */
-.yd-layout-header__user[data-v-1d3c26d9] {
+.yd-layout-header__user[data-v-f6d06be3] {
     display: flex;
 }
 }
 @media (min-width: 768px) {
-.yd-layout-header__user[data-v-1d3c26d9] {
+.yd-layout-header__user[data-v-f6d06be3] {
     display: none;
 }
 }
-.yd-layout-header--dark[data-v-1d3c26d9] {
+.yd-layout-header--dark[data-v-f6d06be3] {
   --yd-layout-header-bg: #1a1a1a;
   --yd-layout-header-border: #333;
 }
 
 /* 标签页区域 */
-.yd-layout-header__tabs[data-v-1d3c26d9] {
+.yd-layout-header__tabs[data-v-f6d06be3] {
   flex: 1;
   min-width: 100px;
   overflow: visible;
 }
 
 /* 操作区 */
-.yd-layout-header__actions[data-v-1d3c26d9] {
+.yd-layout-header__actions[data-v-f6d06be3] {
   display: flex;
   align-items: center;
   flex-shrink: 0;
@@ -6195,12 +6573,12 @@ to {
 }
 
 /* 操作区内部 Space */
-.yd-layout-header__actions[data-v-1d3c26d9] > * {
+.yd-layout-header__actions[data-v-f6d06be3] > * {
   flex-shrink: 0;
 }
 
 /* 操作按钮 */
-.yd-layout-header__action-btn[data-v-1d3c26d9] {
+.yd-layout-header__action-btn[data-v-f6d06be3] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6212,22 +6590,22 @@ to {
   color: var(--yd-color-muted-fg);
   transition: all var(--yd-transition-fast);
 }
-.yd-layout-header__action-btn[data-v-1d3c26d9] > * {
+.yd-layout-header__action-btn[data-v-f6d06be3] > * {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.yd-layout-header__action-btn[data-v-1d3c26d9]:hover {
+.yd-layout-header__action-btn[data-v-f6d06be3]:hover {
   background: var(--yd-color-muted);
   color: var(--yd-color-fg);
 }
-.yd-layout-header__action-label[data-v-1d3c26d9] {
+.yd-layout-header__action-label[data-v-f6d06be3] {
   font-size: var(--yd-font-size-sm);
 }
 
 /* 用户信息 */
-.yd-layout-header__user[data-v-1d3c26d9] {
+.yd-layout-header__user[data-v-f6d06be3] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6238,20 +6616,20 @@ to {
   cursor: pointer;
   transition: background var(--yd-transition-fast);
 }
-.yd-layout-header__user[data-v-1d3c26d9] > * {
+.yd-layout-header__user[data-v-f6d06be3] > * {
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }
 
 /* 嵌套的子组件也要居中 - 通过CSS变量控制尺寸 */
-.yd-layout-header__user .yd-avatar[data-v-1d3c26d9] {
+.yd-layout-header__user .yd-avatar[data-v-f6d06be3] {
   --yd-avatar-size: 28px;
 }
-.yd-layout-header__user[data-v-1d3c26d9]:hover {
+.yd-layout-header__user[data-v-f6d06be3]:hover {
   background: var(--yd-color-muted);
 }
-.yd-layout-header__username[data-v-1d3c26d9] {
+.yd-layout-header__username[data-v-f6d06be3] {
   display: flex;
   align-items: center;
   font-size: var(--yd-font-size-sm);
@@ -6263,14 +6641,14 @@ to {
 }
 
 /* 暗色主题 */
-.yd-layout-header--dark .yd-layout-header__action-btn[data-v-1d3c26d9] {
+.yd-layout-header--dark .yd-layout-header__action-btn[data-v-f6d06be3] {
   color: rgba(255, 255, 255, 0.65);
 }
-.yd-layout-header--dark .yd-layout-header__action-btn[data-v-1d3c26d9]:hover {
+.yd-layout-header--dark .yd-layout-header__action-btn[data-v-f6d06be3]:hover {
   background: rgba(255, 255, 255, 0.1);
   color: #fff;
 }
-.yd-layout-header--dark .yd-layout-header__username[data-v-1d3c26d9] {
+.yd-layout-header--dark .yd-layout-header__username[data-v-f6d06be3] {
   color: #fff;
 }
 
@@ -6302,14 +6680,14 @@ to {
   line-height: 1.2;
 }
 
-.yd-drawer__overlay[data-v-94becd9a] {
+.yd-drawer__overlay[data-v-6c73aaee] {
   position: fixed;
   inset: 0;
   z-index: 1000;
   background: var(--yd-overlay-bg);
   display: flex;
 }
-.yd-drawer[data-v-94becd9a] {
+.yd-drawer[data-v-6c73aaee] {
   position: absolute;
   background: var(--yd-color-bg);
   box-shadow: var(--yd-shadow-lg);
@@ -6319,16 +6697,16 @@ to {
 }
 
 /* Placement: right */
-.yd-drawer--right[data-v-94becd9a] {
+.yd-drawer--right[data-v-6c73aaee] {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   border-left: 1px solid var(--yd-color-border);
   will-change: transform;
-  animation: yd-drawer-slide-right-94becd9a 0.3s ease;
+  animation: yd-drawer-slide-right-6c73aaee 0.3s ease;
 }
-@keyframes yd-drawer-slide-right-94becd9a {
+@keyframes yd-drawer-slide-right-6c73aaee {
 from {
     transform: translateX(100%);
 }
@@ -6338,16 +6716,16 @@ to {
 }
 
 /* Placement: left */
-.yd-drawer--left[data-v-94becd9a] {
+.yd-drawer--left[data-v-6c73aaee] {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   border-right: 1px solid var(--yd-color-border);
   will-change: transform;
-  animation: yd-drawer-slide-left-94becd9a 0.3s ease;
+  animation: yd-drawer-slide-left-6c73aaee 0.3s ease;
 }
-@keyframes yd-drawer-slide-left-94becd9a {
+@keyframes yd-drawer-slide-left-6c73aaee {
 from {
     transform: translateX(-100%);
 }
@@ -6357,15 +6735,15 @@ to {
 }
 
 /* Placement: top */
-.yd-drawer--top[data-v-94becd9a] {
+.yd-drawer--top[data-v-6c73aaee] {
   top: 0;
   left: 0;
   right: 0;
   border-bottom: 1px solid var(--yd-color-border);
   will-change: transform;
-  animation: yd-drawer-slide-top-94becd9a 0.3s ease;
+  animation: yd-drawer-slide-top-6c73aaee 0.3s ease;
 }
-@keyframes yd-drawer-slide-top-94becd9a {
+@keyframes yd-drawer-slide-top-6c73aaee {
 from {
     transform: translateY(-100%);
 }
@@ -6375,15 +6753,15 @@ to {
 }
 
 /* Placement: bottom */
-.yd-drawer--bottom[data-v-94becd9a] {
+.yd-drawer--bottom[data-v-6c73aaee] {
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px solid var(--yd-color-border);
   will-change: transform;
-  animation: yd-drawer-slide-bottom-94becd9a 0.3s ease;
+  animation: yd-drawer-slide-bottom-6c73aaee 0.3s ease;
 }
-@keyframes yd-drawer-slide-bottom-94becd9a {
+@keyframes yd-drawer-slide-bottom-6c73aaee {
 from {
     transform: translateY(100%);
 }
@@ -6393,20 +6771,20 @@ to {
 }
 
 /* Header */
-.yd-drawer__header[data-v-94becd9a] {
+.yd-drawer__header[data-v-6c73aaee] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: var(--yd-spacing-base) var(--yd-spacing-xl);
   border-bottom: 1px solid var(--yd-color-border);
 }
-.yd-drawer__title[data-v-94becd9a] {
+.yd-drawer__title[data-v-6c73aaee] {
   font-size: var(--yd-font-size-base);
   font-weight: var(--yd-font-weight-semibold);
   color: var(--yd-color-fg);
   margin: 0;
 }
-.yd-drawer__close[data-v-94becd9a] {
+.yd-drawer__close[data-v-6c73aaee] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -6419,36 +6797,36 @@ to {
   border-radius: var(--yd-radius-sm);
   transition: all var(--yd-transition-fast);
 }
-.yd-drawer__close[data-v-94becd9a]:hover {
+.yd-drawer__close[data-v-6c73aaee]:hover {
   background: var(--yd-color-muted);
   color: var(--yd-color-fg);
 }
 
 /* Body */
-.yd-drawer__body[data-v-94becd9a] {
+.yd-drawer__body[data-v-6c73aaee] {
   padding: var(--yd-spacing-xl);
   overflow-y: auto;
   flex: 1;
 }
 
 /* Footer */
-.yd-drawer__footer[data-v-94becd9a] {
+.yd-drawer__footer[data-v-6c73aaee] {
   padding: var(--yd-spacing-base) var(--yd-spacing-xl);
   border-top: 1px solid var(--yd-color-border);
   background: var(--yd-color-muted);
 }
 
 /* Transitions */
-.yd-drawer-fade-enter-active[data-v-94becd9a],
-.yd-drawer-fade-leave-active[data-v-94becd9a] {
+.yd-drawer-fade-enter-active[data-v-6c73aaee],
+.yd-drawer-fade-leave-active[data-v-6c73aaee] {
   transition: opacity 0.3s ease;
 }
-.yd-drawer-fade-enter-from[data-v-94becd9a],
-.yd-drawer-fade-leave-to[data-v-94becd9a] {
+.yd-drawer-fade-enter-from[data-v-6c73aaee],
+.yd-drawer-fade-leave-to[data-v-6c73aaee] {
   opacity: 0;
 }
 
-.yd-layout[data-v-2a960b8a] {
+.yd-layout[data-v-7b7fc384] {
   position: relative;
   display: flex;
   width: 100%;
@@ -6456,19 +6834,19 @@ to {
   background: var(--yd-color-bg);
   color: var(--yd-color-fg);
 }
-.yd-layout--light[data-v-2a960b8a] {
+.yd-layout--light[data-v-7b7fc384] {
   --yd-layout-sidebar-bg: #ffffff;
   --yd-layout-sidebar-border: var(--yd-color-border);
   --yd-layout-header-bg: #ffffff;
   --yd-layout-header-border: var(--yd-color-border);
 }
-.yd-layout--dark[data-v-2a960b8a] {
+.yd-layout--dark[data-v-7b7fc384] {
   --yd-layout-sidebar-bg: #141414;
   --yd-layout-sidebar-border: #303030;
   --yd-layout-header-bg: #141414;
   --yd-layout-header-border: #303030;
 }
-.yd-layout--corporate[data-v-2a960b8a] {
+.yd-layout--corporate[data-v-7b7fc384] {
   --yd-layout-sidebar-bg: #0060ab;
   --yd-layout-sidebar-border: rgba(255, 255, 255, 0.15);
   --yd-layout-header-bg: #ffffff;
@@ -6481,7 +6859,7 @@ to {
   --yd-layout-sidebar-active-bg: rgba(255, 255, 255, 0.2);
   --yd-layout-sidebar-active-fg: #ffffff;
 }
-.yd-layout__main[data-v-2a960b8a] {
+.yd-layout__main[data-v-7b7fc384] {
   position: relative;
   flex: 1;
   display: flex;
@@ -6493,7 +6871,7 @@ to {
 }
 
 /* 移动端遮罩层 */
-.yd-layout__mask[data-v-2a960b8a] {
+.yd-layout__mask[data-v-7b7fc384] {
   position: fixed;
   top: 0;
   left: 0;
@@ -6504,20 +6882,20 @@ to {
 }
 
 /* 设置抽屉内容 */
-.yd-layout-settings[data-v-2a960b8a] {
+.yd-layout-settings[data-v-7b7fc384] {
   display: flex;
   flex-direction: column;
   gap: var(--yd-spacing-lg);
 }
-.yd-layout-settings__item[data-v-2a960b8a] {
+.yd-layout-settings__item[data-v-7b7fc384] {
   padding: var(--yd-spacing-sm) 0;
 }
-.yd-layout-settings__row[data-v-2a960b8a] {
+.yd-layout-settings__row[data-v-7b7fc384] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.yd-layout-settings__label[data-v-2a960b8a] {
+.yd-layout-settings__label[data-v-7b7fc384] {
   font-size: var(--yd-font-size-base);
   color: var(--yd-color-fg);
 }
@@ -7950,7 +8328,7 @@ to {
   color: var(--yd-color-primary-500);
 }
 
-.yd-modal-overlay[data-v-9c8fa661] {
+.yd-modal-overlay[data-v-23e0a13d] {
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -7959,7 +8337,7 @@ to {
   justify-content: center;
   background: var(--yd-overlay-bg);
 }
-.yd-modal[data-v-9c8fa661] {
+.yd-modal[data-v-23e0a13d] {
   background: var(--yd-color-bg);
   border-radius: var(--yd-radius-lg);
   box-shadow: var(--yd-shadow-lg);
@@ -7967,9 +8345,9 @@ to {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  animation: yd-modal-zoom-9c8fa661 0.2s ease;
+  animation: yd-modal-zoom-23e0a13d 0.2s ease;
 }
-@keyframes yd-modal-zoom-9c8fa661 {
+@keyframes yd-modal-zoom-23e0a13d {
 from {
     opacity: 0;
     transform: scale(0.95);
@@ -7979,7 +8357,7 @@ to {
     transform: scale(1);
 }
 }
-.yd-modal__header[data-v-9c8fa661] {
+.yd-modal__header[data-v-23e0a13d] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -7987,13 +8365,13 @@ to {
   border-bottom: 1px solid var(--yd-color-border);
   flex-shrink: 0;
 }
-.yd-modal__title[data-v-9c8fa661] {
+.yd-modal__title[data-v-23e0a13d] {
   font-size: var(--yd-font-size-base);
   font-weight: var(--yd-font-weight-semibold);
   color: var(--yd-color-fg);
   margin: 0;
 }
-.yd-modal__close[data-v-9c8fa661] {
+.yd-modal__close[data-v-23e0a13d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -8006,17 +8384,17 @@ to {
   border-radius: var(--yd-radius-sm);
   transition: all var(--yd-transition-fast);
 }
-.yd-modal__close[data-v-9c8fa661]:hover {
+.yd-modal__close[data-v-23e0a13d]:hover {
   background: var(--yd-color-muted);
   color: var(--yd-color-fg);
 }
-.yd-modal__body[data-v-9c8fa661] {
+.yd-modal__body[data-v-23e0a13d] {
   padding: var(--yd-spacing-xl);
   overflow-y: auto;
   flex: 1;
   min-height: 0;
 }
-.yd-modal__footer[data-v-9c8fa661] {
+.yd-modal__footer[data-v-23e0a13d] {
   display: flex;
   justify-content: flex-end;
   gap: var(--yd-spacing-sm);
@@ -8027,25 +8405,25 @@ to {
 }
 
 /* Transitions */
-.yd-modal-fade-enter-active[data-v-9c8fa661],
-.yd-modal-fade-leave-active[data-v-9c8fa661] {
+.yd-modal-fade-enter-active[data-v-23e0a13d],
+.yd-modal-fade-leave-active[data-v-23e0a13d] {
   transition: opacity 0.2s ease;
 }
-.yd-modal-fade-enter-active .yd-modal[data-v-9c8fa661],
-.yd-modal-fade-leave-active .yd-modal[data-v-9c8fa661] {
+.yd-modal-fade-enter-active .yd-modal[data-v-23e0a13d],
+.yd-modal-fade-leave-active .yd-modal[data-v-23e0a13d] {
   will-change: transform, opacity;
   transition:
     transform 0.2s ease,
     opacity 0.2s ease;
 }
-.yd-modal-fade-enter-from[data-v-9c8fa661],
-.yd-modal-fade-leave-to[data-v-9c8fa661] {
+.yd-modal-fade-enter-from[data-v-23e0a13d],
+.yd-modal-fade-leave-to[data-v-23e0a13d] {
   opacity: 0;
 }
-.yd-modal-fade-enter-from .yd-modal[data-v-9c8fa661] {
+.yd-modal-fade-enter-from .yd-modal[data-v-23e0a13d] {
   transform: scale(0.95);
 }
-.yd-modal-fade-leave-to .yd-modal[data-v-9c8fa661] {
+.yd-modal-fade-leave-to .yd-modal[data-v-23e0a13d] {
   transform: scale(0.95);
 }