fantasia-ui 0.3.2 → 0.4.0

package/dist/fantasia-ui.css

@@ -2887,10 +2887,16 @@
 :root {
   --f-collapse-border-color: #333338;
   --f-collapse-radius: 8px;
+  --f-collapse-add-button-bg: #2a2a2f;
+  --f-collapse-add-button-color: #a1a1aa;
+  --f-collapse-add-button-hover-bg: #35353a;
 }
 
 :root.light {
   --f-collapse-border-color: #e4e4e7;
+  --f-collapse-add-button-bg: #f5f5f7;
+  --f-collapse-add-button-color: #52525b;
+  --f-collapse-add-button-hover-bg: #e8e8eb;
 }
 
 .f-collapse {
@@ -2898,6 +2904,43 @@
   border-radius: var(--f-collapse-radius);
   overflow: hidden;
 }
+.f-collapse__add-button {
+  padding: 12px 16px;
+  background: var(--f-collapse-add-button-bg);
+  border-top: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button--top {
+  border-top: none;
+  border-bottom: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button--bottom {
+  border-top: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button-inner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 12px;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  color: var(--f-collapse-add-button-color);
+  font-size: 13px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.f-collapse__add-button-inner:hover {
+  background: var(--f-collapse-add-button-hover-bg);
+}
+.f-collapse__add-button-inner:focus {
+  outline: 2px solid #3b82f6;
+  outline-offset: 2px;
+}
+.f-collapse__add-button-inner .f-icon {
+  font-size: 16px;
+}
 
 :root {
   --f-collapse-item-header-bg: #1a1a1e;
@@ -3341,6 +3384,160 @@
     height: 300px;
   }
 }
+.f-date-picker {
+  position: relative;
+  width: 100%;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+  cursor: pointer;
+}
+.f-date-picker__inner {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  gap: 8px;
+}
+.f-date-picker__icon {
+  color: #94a3b8;
+  flex-shrink: 0;
+}
+.f-date-picker__input {
+  flex: 1;
+  padding: 10px 0;
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  color: #1e293b;
+  outline: none;
+  cursor: pointer;
+}
+.f-date-picker__input::placeholder {
+  color: #94a3b8;
+}
+.f-date-picker__input:disabled {
+  cursor: not-allowed;
+}
+.f-date-picker__clear {
+  color: #94a3b8;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: color 0.2s;
+}
+.f-date-picker__clear:hover {
+  color: #64748b;
+}
+.f-date-picker:hover:not(.is-disabled) {
+  border-color: #ec4899;
+}
+.f-date-picker.is-focus {
+  background: #fff;
+  border-color: #ec4899;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-date-picker.is-error {
+  border-color: #f43f5e;
+  background: #fff1f2;
+}
+.f-date-picker.is-error.is-focus {
+  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
+}
+.f-date-picker.is-disabled {
+  cursor: not-allowed;
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+  opacity: 0.8;
+}
+.f-date-picker.is-disabled .f-date-picker__input,
+.f-date-picker.is-disabled .f-date-picker__icon {
+  cursor: not-allowed;
+}
+
+.f-date-picker-panel {
+  min-width: 280px;
+  padding: 12px;
+  user-select: none;
+}
+.f-date-picker-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  padding: 0 4px;
+}
+.f-date-picker-panel__header .panel-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  color: #64748b;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.f-date-picker-panel__header .panel-btn:hover {
+  background: #f1f5f9;
+  color: #1e293b;
+}
+.f-date-picker-panel__header .panel-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #1e293b;
+}
+.f-date-picker-panel__body .week-header {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+  margin-bottom: 4px;
+}
+.f-date-picker-panel__body .week-header .week-day {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #94a3b8;
+}
+.f-date-picker-panel__body .calendar-grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  font-size: 13px;
+  color: #1e293b;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell:hover {
+  background: #f1f5f9;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-prev-month, .f-date-picker-panel__body .calendar-grid .calendar-cell.is-next-month {
+  color: #cbd5e1;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-today {
+  color: #ec4899;
+  font-weight: 600;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-selected {
+  background: #ec4899;
+  color: #fff;
+  font-weight: 600;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-selected:hover {
+  background: #db2777;
+}
+
 .f-dialog-overlay {
   position: fixed;
   top: 0;
@@ -3425,11 +3622,17 @@
 }
 .f-dialog__body {
   flex: 1;
+  min-height: 0;
   padding: 20px;
   color: #606266;
   font-size: 14px;
   line-height: 1.6;
-  overflow-y: auto;
+}
+.f-dialog__body :deep(.f-scrollbar) {
+  height: 100%;
+}
+.f-dialog__body :deep(.f-scrollbar__view) {
+  padding: 0;
 }
 .f-dialog__body p {
   margin: 0;
@@ -3605,9 +3808,14 @@
 .f-drawer__body {
   flex: 1;
   min-height: 0;
-  overflow-y: auto;
   padding: 20px;
 }
+.f-drawer__body :deep(.f-scrollbar) {
+  height: 100%;
+}
+.f-drawer__body :deep(.f-scrollbar__view) {
+  padding: 0;
+}
 .f-drawer__footer {
   padding: 20px;
   border-top: 1px solid #e4e7ed;
@@ -3707,6 +3915,16 @@
   opacity: 0.35;
   cursor: not-allowed;
 }
+.f-dropdown-content .f-dropdown-option.is-selected {
+  color: var(--primary);
+}
+.f-dropdown-content .f-dropdown-option.is-selected .opt-icon {
+  color: var(--primary);
+}
+.f-dropdown-content .f-dropdown-option .opt-checkbox {
+  flex-shrink: 0;
+  pointer-events: none;
+}
 .f-dropdown-content .f-dropdown-option .opt-icon {
   display: inline-flex;
   align-items: center;
@@ -5259,15 +5477,15 @@
 }
 
 :root {
-  --f-scrollbar-thumb-bg: rgba(255, 255, 255, 0.25);
-  --f-scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.4);
-  --f-scrollbar-size: 8px;
+  --f-scrollbar-thumb-bg: rgba(255, 255, 255, 0.12);
+  --f-scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.2);
+  --f-scrollbar-size: 5px;
   --f-scrollbar-transition-duration: 0.2s;
 }
 
 :root.light {
-  --f-scrollbar-thumb-bg: rgba(0, 0, 0, 0.2);
-  --f-scrollbar-thumb-hover-bg: rgba(0, 0, 0, 0.35);
+  --f-scrollbar-thumb-bg: rgba(0, 0, 0, 0.08);
+  --f-scrollbar-thumb-hover-bg: rgba(0, 0, 0, 0.15);
 }
 
 .f-scrollbar {
@@ -5350,6 +5568,7 @@
   cursor: pointer;
   user-select: none;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  /* ---------- 多选：标签 ---------- */
 }
 .f-select:hover:not(.is-disabled) {
   border-color: #ec4899;
@@ -5375,6 +5594,9 @@
 .f-select.is-disabled .f-select__arrow {
   cursor: not-allowed;
 }
+.f-select.is-disabled .f-select__tag {
+  opacity: 0.6;
+}
 .f-select--small {
   height: 32px;
   font-size: 13px;
@@ -5393,6 +5615,20 @@
 .f-select--large .f-select__label {
   font-size: 16px;
 }
+.f-select.is-multiple {
+  height: auto;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.f-select.is-multiple.f-select--small {
+  min-height: 32px;
+}
+.f-select.is-multiple.f-select--medium {
+  min-height: 36px;
+}
+.f-select.is-multiple.f-select--large {
+  min-height: 40px;
+}
 .f-select__label {
   font-size: 14px;
   line-height: 1.5;
@@ -5407,16 +5643,22 @@
   color: #94a3b8;
 }
 .f-select__suffix {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+  display: grid;
+  place-items: center;
+  width: 14px;
+  height: 14px;
   flex-shrink: 0;
 }
+.f-select__suffix > * {
+  grid-area: 1/1;
+}
 .f-select__clear {
   font-size: 14px;
   color: #94a3b8;
-  transition: color 0.2s;
   cursor: pointer;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s, color 0.2s;
 }
 .f-select__clear:hover {
   color: #64748b;
@@ -5424,11 +5666,80 @@
 .f-select__arrow {
   font-size: 14px;
   color: #94a3b8;
-  transition: transform 0.3s, color 0.2s;
+  transition: transform 0.3s, color 0.2s, opacity 0.2s;
 }
 .f-select:hover:not(.is-disabled) .f-select__arrow {
   color: #64748b;
 }
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__clear {
+  opacity: 1;
+  pointer-events: auto;
+}
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__arrow {
+  opacity: 0;
+}
+.f-select__input {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  font: inherit;
+  line-height: 1.5;
+  color: #1e293b;
+}
+.f-select__input::placeholder {
+  color: #94a3b8;
+}
+.f-select__input.has-value::placeholder {
+  color: #64748b;
+}
+.f-select__input.is-multiple {
+  min-width: 60px;
+}
+.f-select__tags {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.f-select__tag {
+  max-width: 200px;
+}
+.f-select__tag :deep(.f-tag) {
+  max-width: 100%;
+}
+
+@media (hover: none) {
+  .f-select.is-clearable .f-select__clear {
+    opacity: 1;
+    pointer-events: auto;
+  }
+  .f-select.is-clearable .f-select__arrow {
+    opacity: 0;
+  }
+}
+/* ---------- 新增选项按钮 ---------- */
+.f-select__add-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  color: #ec4899;
+  cursor: pointer;
+  font-size: 14px;
+  border-top: 1px solid #e0e0e6;
+  transition: all 0.2s ease;
+}
+.f-select__add-option:hover {
+  background-color: #fdf2f8;
+}
+.f-select__add-option:active {
+  background-color: #fce7f3;
+}
 
 :root {
   --f-slider-track-color: #333338;
@@ -5859,46 +6170,41 @@
 
 .f-table {
   position: relative;
+  display: flex;
+  flex-direction: column;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   overflow: hidden;
   min-height: 14rem;
 }
-.f-table__loading {
-  position: absolute;
-  inset: 0;
-  background: rgba(255, 255, 255, 0.7);
-  backdrop-filter: blur(2px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  gap: 0.625rem;
-  z-index: 10;
-}
 .f-table__scroll {
   position: relative;
+  flex: 1;
+  min-height: 0;
   width: 100%;
-  height: 100%;
   overflow: auto;
 }
 .f-table__inner {
   width: 100%;
+  min-width: 100%;
   border-collapse: collapse;
   font-size: 0.75rem;
   text-align: left;
   table-layout: auto;
-  min-width: 100%;
 }
 .f-table__inner th,
 .f-table__inner td {
-  padding: 0.625rem;
+  padding: 0 0.625rem;
   border-right: 1px solid #e2e8f0;
 }
 .f-table__inner th:last-child,
 .f-table__inner td:last-child {
   border-right: none;
 }
+.f-table__inner th {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
 .f-table__col--index {
   width: 3rem;
 }
@@ -5946,6 +6252,12 @@
   font-weight: 800;
   color: #64748b;
 }
+.f-table__text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .f-table__spacer td {
   padding: 0;
   border: none;
@@ -5957,6 +6269,26 @@
   font-weight: 700;
   background: rgba(248, 250, 252, 0.5);
 }
+.f-table__tip {
+  position: fixed;
+  z-index: 3000;
+  max-width: 320px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: rgba(15, 23, 42, 0.96);
+  color: #f8fafc;
+  font-size: 12px;
+  line-height: 1.5;
+  word-break: break-all;
+  pointer-events: none;
+  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+}
+.f-table__tip.is-top {
+  transform: translate(-50%, -100%);
+}
+.f-table__tip.is-bottom {
+  transform: translate(-50%, 0);
+}
 
 .f-tabs {
   width: 100%;
@@ -6309,13 +6641,325 @@
   font-style: italic;
 }
 
-.f-tooltip {
-  display: contents;
+.f-textarea {
+  position: relative;
+  width: 100%;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
+  border-radius: 4px;
+  transition: all 0.2s ease;
 }
-
-.f-tooltip-wrapper {
-  position: fixed;
-  z-index: 999;
+.f-textarea__inner {
+  width: 100%;
+  padding: 10px 12px;
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #1e293b;
+  outline: none;
+  font-family: inherit;
+  resize: vertical;
+  min-height: 80px;
+}
+.f-textarea__inner::placeholder {
+  color: #94a3b8;
+}
+.f-textarea__inner:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.f-textarea__count {
+  position: absolute;
+  right: 12px;
+  bottom: 8px;
+  font-size: 12px;
+  color: #94a3b8;
+  pointer-events: none;
+}
+.f-textarea.has-count .f-textarea__inner {
+  padding-bottom: 28px;
+}
+.f-textarea:hover:not(.is-disabled) {
+  border-color: #ec4899;
+}
+.f-textarea.is-focus {
+  background: #fff;
+  border-color: #ec4899;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-textarea.is-error {
+  border-color: #f43f5e;
+  background: #fff1f2;
+}
+.f-textarea.is-error.is-focus {
+  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
+}
+.f-textarea.is-disabled {
+  cursor: not-allowed;
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+  opacity: 0.8;
+}
+
+.f-timeline {
+  position: relative;
+  padding: 0;
+  list-style: none;
+}
+.f-timeline--vertical {
+  display: flex;
+  flex-direction: column;
+}
+.f-timeline--horizontal {
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  align-items: flex-start;
+  overflow-x: auto;
+  padding-bottom: 10px;
+}
+.f-timeline--horizontal .f-timeline-item {
+  flex-shrink: 0;
+  min-width: 150px;
+}
+.f-timeline--left.f-timeline--vertical .f-timeline-item__wrapper, .f-timeline--right.f-timeline--vertical .f-timeline-item__wrapper {
+  padding-left: 32px;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(odd) .f-timeline-item__wrapper {
+  padding-left: 32px;
+  padding-right: 0;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__node {
+  left: auto;
+  right: 0;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__tail {
+  left: auto;
+  right: 9px;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__wrapper {
+  padding-left: 0;
+  padding-right: 32px;
+  text-align: right;
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item {
+  text-align: center;
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__node {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__tail {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__wrapper {
+  padding: 0;
+  margin-top: 10px;
+}
+
+.f-timeline-item {
+  position: relative;
+  padding-bottom: 20px;
+}
+.f-timeline-item:last-child {
+  padding-bottom: 0;
+}
+.f-timeline-item:last-child .f-timeline-item__tail {
+  display: none;
+}
+.f-timeline--horizontal .f-timeline-item {
+  padding-bottom: 0;
+  padding-right: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.f-timeline--horizontal .f-timeline-item:last-child {
+  padding-right: 0;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__tail {
+  display: none;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__node {
+  position: static;
+  margin-bottom: 12px;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__wrapper {
+  padding-left: 0;
+  text-align: center;
+}
+.f-timeline-item__tail {
+  position: absolute;
+  top: 20px;
+  left: 9px;
+  height: calc(100% - 20px);
+  border-left: 2px solid #e0e0e6;
+  transition: border-color 0.3s;
+}
+.f-timeline-item__node {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: #fff;
+  border-radius: 50%;
+  color: #94a3b8;
+  transition: all 0.3s;
+  z-index: 1;
+}
+.f-timeline-item__node:hover {
+  transform: scale(1.1);
+}
+.f-timeline-item__dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #cbd5e1;
+  border: 2px solid #fff;
+  transition: all 0.3s;
+}
+.f-timeline-item__collapse-icon {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-radius: 50%;
+  color: #64748b;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  transition: all 0.3s;
+}
+.f-timeline-item__wrapper {
+  padding-left: 32px;
+}
+.f-timeline-item__header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+.f-timeline-item__header.is-clickable {
+  cursor: pointer;
+  user-select: none;
+}
+.f-timeline-item__header.is-clickable:hover .f-timeline-item__timestamp {
+  color: #1e293b;
+}
+.f-timeline-item__timestamp {
+  font-size: 13px;
+  color: #94a3b8;
+  transition: color 0.3s;
+}
+.f-timeline-item__content {
+  font-size: 14px;
+  color: #1e293b;
+  line-height: 1.6;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__node {
+  cursor: pointer;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__node:hover .f-timeline-item__collapse-icon {
+  opacity: 1;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__collapse-icon {
+  opacity: 0.6;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__tail {
+  border-color: #f1f5f9;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__dot {
+  background: #e2e8f0;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__timestamp {
+  color: #cbd5e1;
+}
+.f-timeline-item .timeline-collapse-enter-active,
+.f-timeline-item .timeline-collapse-leave-active {
+  transition: all 0.3s ease;
+  overflow: hidden;
+}
+.f-timeline-item .timeline-collapse-enter-from,
+.f-timeline-item .timeline-collapse-leave-to {
+  opacity: 0;
+  max-height: 0;
+  margin-top: 0;
+}
+.f-timeline-item .timeline-collapse-enter-to,
+.f-timeline-item .timeline-collapse-leave-from {
+  opacity: 1;
+  max-height: 500px;
+  margin-top: 4px;
+}
+.f-timeline-item--primary .f-timeline-item__dot {
+  background: #ec4899;
+  border-color: rgba(236, 72, 153, 0.1254901961);
+}
+.f-timeline-item--primary .f-timeline-item__node {
+  color: #ec4899;
+}
+.f-timeline-item--primary .f-timeline-item__tail {
+  border-color: rgba(236, 72, 153, 0.2509803922);
+}
+.f-timeline-item--success .f-timeline-item__dot {
+  background: #10b981;
+  border-color: rgba(16, 185, 129, 0.1254901961);
+}
+.f-timeline-item--success .f-timeline-item__node {
+  color: #10b981;
+}
+.f-timeline-item--success .f-timeline-item__tail {
+  border-color: rgba(16, 185, 129, 0.2509803922);
+}
+.f-timeline-item--warning .f-timeline-item__dot {
+  background: #f59e0b;
+  border-color: rgba(245, 158, 11, 0.1254901961);
+}
+.f-timeline-item--warning .f-timeline-item__node {
+  color: #f59e0b;
+}
+.f-timeline-item--warning .f-timeline-item__tail {
+  border-color: rgba(245, 158, 11, 0.2509803922);
+}
+.f-timeline-item--danger .f-timeline-item__dot {
+  background: #ef4444;
+  border-color: rgba(239, 68, 68, 0.1254901961);
+}
+.f-timeline-item--danger .f-timeline-item__node {
+  color: #ef4444;
+}
+.f-timeline-item--danger .f-timeline-item__tail {
+  border-color: rgba(239, 68, 68, 0.2509803922);
+}
+.f-timeline-item--large .f-timeline-item__node {
+  width: 24px;
+  height: 24px;
+}
+.f-timeline-item--large .f-timeline-item__dot {
+  width: 12px;
+  height: 12px;
+}
+.f-timeline-item--large .f-timeline-item__tail {
+  left: 11px;
+}
+
+.f-tooltip {
+  display: contents;
+}
+
+.f-tooltip-wrapper {
+  position: fixed;
+  z-index: 999;
   padding: 5px 9px;
   border-radius: 6px;
   font-size: 12px;
@@ -7032,6 +7676,65 @@ to {
 }
 .f-input.is-error[data-v-e5e139ea]:focus-within {
   box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
+}.f-textarea[data-v-436805a0] {
+  position: relative;
+  width: 100%;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+}
+.f-textarea__inner[data-v-436805a0] {
+  width: 100%;
+  padding: 10px 12px;
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #1e293b;
+  outline: none;
+  font-family: inherit;
+  resize: vertical;
+  min-height: 80px;
+}
+.f-textarea__inner[data-v-436805a0]::placeholder {
+  color: #94a3b8;
+}
+.f-textarea__inner[data-v-436805a0]:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.f-textarea__count[data-v-436805a0] {
+  position: absolute;
+  right: 12px;
+  bottom: 8px;
+  font-size: 12px;
+  color: #94a3b8;
+  pointer-events: none;
+}
+.f-textarea.has-count .f-textarea__inner[data-v-436805a0] {
+  padding-bottom: 28px;
+}
+.f-textarea[data-v-436805a0]:hover:not(.is-disabled) {
+  border-color: #ec4899;
+}
+.f-textarea.is-focus[data-v-436805a0] {
+  background: #fff;
+  border-color: #ec4899;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-textarea.is-error[data-v-436805a0] {
+  border-color: #f43f5e;
+  background: #fff1f2;
+}
+.f-textarea.is-error.is-focus[data-v-436805a0] {
+  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
+}
+.f-textarea.is-disabled[data-v-436805a0] {
+  cursor: not-allowed;
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+  opacity: 0.8;
 }.f-rate[data-v-b6e077c9] {
   display: inline-flex;
   align-items: center;
@@ -7056,29 +7759,172 @@ to {
 }
 .f-rate--readonly .f-rate__item[data-v-b6e077c9]:hover {
   transform: none;
-}.f-dropdown-trigger-wrapper[data-v-9ba0c959] {
-  display: contents;
+}[data-v-b0e3c8ea]:root {
+  --f-scrollbar-thumb-bg: rgba(255, 255, 255, 0.12);
+  --f-scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.2);
+  --f-scrollbar-size: 5px;
+  --f-scrollbar-transition-duration: 0.2s;
 }
-.f-dropdown-item[data-v-9ba0c959] {
-  position: fixed;
-  pointer-events: auto;
+:root.light[data-v-b0e3c8ea] {
+  --f-scrollbar-thumb-bg: rgba(0, 0, 0, 0.08);
+  --f-scrollbar-thumb-hover-bg: rgba(0, 0, 0, 0.15);
 }
-.f-dropdown-bridge[data-v-9ba0c959] {
-  position: absolute;
-  background: transparent;
+.f-scrollbar[data-v-b0e3c8ea] {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
 }
-.f-dropdown-content[data-v-9ba0c959] {
-  background: rgba(255, 255, 255, 0.96);
-  border-radius: 8px;
-  border: 1px solid rgba(148, 163, 184, 0.2);
-  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
-  padding: 4px;
-  min-width: 140px;
-  width: fit-content;
-  backdrop-filter: blur(6px);
+.f-scrollbar__wrap[data-v-b0e3c8ea] {
+  height: 100%;
+  overflow: auto;
 }
-.f-dropdown-content .f-dropdown-option[data-v-9ba0c959] {
-  display: flex;
+.f-scrollbar__wrap--hidden-bar[data-v-b0e3c8ea] {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.f-scrollbar__wrap--hidden-bar[data-v-b0e3c8ea]::-webkit-scrollbar {
+  display: none;
+}
+.f-scrollbar__view[data-v-b0e3c8ea] {
+  display: inline-block;
+  min-width: 100%;
+}
+.f-scrollbar__bar[data-v-b0e3c8ea] {
+  position: absolute;
+  z-index: 1;
+  opacity: 0;
+  transition: opacity var(--f-scrollbar-transition-duration);
+  pointer-events: none;
+}
+.f-scrollbar__bar--visible[data-v-b0e3c8ea] {
+  opacity: 1;
+  pointer-events: auto;
+}
+.f-scrollbar__bar--vertical[data-v-b0e3c8ea] {
+  top: 2px;
+  right: 2px;
+  bottom: 2px;
+  width: var(--f-scrollbar-size);
+}
+.f-scrollbar__bar--horizontal[data-v-b0e3c8ea] {
+  left: 2px;
+  right: 2px;
+  bottom: 2px;
+  height: var(--f-scrollbar-size);
+}
+.f-scrollbar__thumb[data-v-b0e3c8ea] {
+  position: absolute;
+  border-radius: calc(var(--f-scrollbar-size) / 2);
+  background: var(--f-scrollbar-thumb-bg);
+  cursor: pointer;
+  transition: background var(--f-scrollbar-transition-duration);
+}
+.f-scrollbar__bar--vertical .f-scrollbar__thumb[data-v-b0e3c8ea] {
+  width: 100%;
+}
+.f-scrollbar__bar--horizontal .f-scrollbar__thumb[data-v-b0e3c8ea] {
+  height: 100%;
+}
+.f-scrollbar__thumb[data-v-b0e3c8ea]:hover {
+  background: var(--f-scrollbar-thumb-hover-bg);
+}
+.f-scrollbar--native[data-v-b0e3c8ea] {
+  overflow: auto;
+}.f-checkbox[data-v-eeeb70b5] {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  user-select: none;
+  transition: opacity 0.2s;
+}
+.f-checkbox.is-disabled[data-v-eeeb70b5] {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.f-checkbox__wrapper[data-v-eeeb70b5] {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.f-checkbox__wrapper input[data-v-eeeb70b5] {
+  position: absolute;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+.f-checkbox__wrapper input[data-v-eeeb70b5]:disabled {
+  cursor: not-allowed;
+}
+.f-checkbox__checkmark[data-v-eeeb70b5] {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
+  border-radius: 2px;
+  transition: all 0.2s ease;
+}
+.f-checkbox__checkmark[data-v-eeeb70b5]::after {
+  content: "";
+  position: absolute;
+  display: none;
+  left: 4px;
+  width: 5px;
+  height: 9px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+.f-checkbox:hover .f-checkbox__checkmark[data-v-eeeb70b5] {
+  border-color: #ec4899;
+  background: #fef2ff;
+}
+.f-checkbox input:checked + .f-checkbox__checkmark[data-v-eeeb70b5] {
+  background: #ec4899;
+  border-color: #ec4899;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-checkbox input:checked + .f-checkbox__checkmark[data-v-eeeb70b5]::after {
+  display: block;
+}
+.f-checkbox input:focus-visible + .f-checkbox__checkmark[data-v-eeeb70b5] {
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-checkbox__label[data-v-eeeb70b5] {
+  font-size: 14px;
+  color: #1e293b;
+  line-height: 1;
+}.f-dropdown-trigger-wrapper[data-v-4f7ae74f] {
+  display: contents;
+}
+.f-dropdown-item[data-v-4f7ae74f] {
+  position: fixed;
+  pointer-events: auto;
+}
+.f-dropdown-bridge[data-v-4f7ae74f] {
+  position: absolute;
+  background: transparent;
+}
+.f-dropdown-content[data-v-4f7ae74f] {
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 8px;
+  border: 1px solid rgba(148, 163, 184, 0.2);
+  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
+  padding: 4px;
+  min-width: 140px;
+  width: fit-content;
+  backdrop-filter: blur(6px);
+}
+.f-dropdown-content .f-dropdown-option[data-v-4f7ae74f] {
+  display: flex;
   align-items: center;
   padding: 7px 10px;
   gap: 8px;
@@ -7088,15 +7934,25 @@ to {
   font-size: 13px;
   transition: background 0.15s ease, color 0.15s ease;
 }
-.f-dropdown-content .f-dropdown-option[data-v-9ba0c959]:hover:not(.is-disabled) {
+.f-dropdown-content .f-dropdown-option[data-v-4f7ae74f]:hover:not(.is-disabled) {
   background: var(--surface3);
   color: var(--text);
 }
-.f-dropdown-content .f-dropdown-option.is-disabled[data-v-9ba0c959] {
+.f-dropdown-content .f-dropdown-option.is-disabled[data-v-4f7ae74f] {
   opacity: 0.35;
   cursor: not-allowed;
 }
-.f-dropdown-content .f-dropdown-option .opt-icon[data-v-9ba0c959] {
+.f-dropdown-content .f-dropdown-option.is-selected[data-v-4f7ae74f] {
+  color: var(--primary);
+}
+.f-dropdown-content .f-dropdown-option.is-selected .opt-icon[data-v-4f7ae74f] {
+  color: var(--primary);
+}
+.f-dropdown-content .f-dropdown-option .opt-checkbox[data-v-4f7ae74f] {
+  flex-shrink: 0;
+  pointer-events: none;
+}
+.f-dropdown-content .f-dropdown-option .opt-icon[data-v-4f7ae74f] {
   display: inline-flex;
   align-items: center;
   width: 16px;
@@ -7104,23 +7960,148 @@ to {
   flex-shrink: 0;
   color: var(--text-dim);
 }
-.f-dropdown-content .f-dropdown-option .opt-icon[data-v-9ba0c959] svg {
+.f-dropdown-content .f-dropdown-option .opt-icon[data-v-4f7ae74f] svg {
   width: 100%;
   height: 100%;
 }
-.f-dropdown-content .f-dropdown-option .opt-label[data-v-9ba0c959] {
+.f-dropdown-content .f-dropdown-option .opt-label[data-v-4f7ae74f] {
   flex: 1;
   white-space: nowrap;
 }
-.f-dropdown-motion-enter-active[data-v-9ba0c959],
-.f-dropdown-motion-leave-active[data-v-9ba0c959] {
+.f-dropdown-motion-enter-active[data-v-4f7ae74f],
+.f-dropdown-motion-leave-active[data-v-4f7ae74f] {
   transition: opacity 0.18s ease, transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
 }
-.f-dropdown-motion-enter-from[data-v-9ba0c959],
-.f-dropdown-motion-leave-to[data-v-9ba0c959] {
+.f-dropdown-motion-enter-from[data-v-4f7ae74f],
+.f-dropdown-motion-leave-to[data-v-4f7ae74f] {
   opacity: 0;
   transform: scale(0.92);
-}.f-select[data-v-2b219c49] {
+}.f-tag[data-v-19e20dd3] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 10px;
+  padding: 2px 8px;
+  letter-spacing: 0.05em;
+  white-space: nowrap;
+  line-height: 1.6;
+}
+.f-tag__close[data-v-19e20dd3] {
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+  opacity: 0.6;
+  transition: opacity 0.15s;
+}
+.f-tag__close[data-v-19e20dd3]:hover {
+  opacity: 1;
+}
+.f-tag--round[data-v-19e20dd3] {
+  border-radius: 10px;
+}
+.f-tag--square[data-v-19e20dd3] {
+  border-radius: 4px;
+}
+.f-tag--dot[data-v-19e20dd3] {
+  border-radius: 10px;
+  gap: 6px;
+}
+.f-tag--dot .f-tag__dot[data-v-19e20dd3] {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: currentColor;
+  flex-shrink: 0;
+}
+.f-tag--bookmark[data-v-19e20dd3] {
+  border-radius: 0 3px 3px 0;
+  padding: 2px 14px 2px 10px;
+  position: relative;
+  clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);
+  border: none !important;
+  margin-left: 8px;
+}
+.f-tag--bookmark[data-v-19e20dd3]::after {
+  content: "";
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--bg);
+}
+.f-tag.purple[data-v-19e20dd3] {
+  --_color: var(--accent);
+  --_dim: rgba(192, 132, 252, .15);
+}
+.f-tag.pink[data-v-19e20dd3] {
+  --_color: var(--accent2);
+  --_dim: rgba(244, 114, 182, .15);
+}
+.f-tag.cyan[data-v-19e20dd3] {
+  --_color: var(--accent3);
+  --_dim: rgba(103, 232, 249, .15);
+}
+.f-tag.blue[data-v-19e20dd3] {
+  --_color: var(--blue);
+  --_dim: var(--blue-dim);
+}
+.f-tag.green[data-v-19e20dd3] {
+  --_color: var(--green);
+  --_dim: var(--green-dim);
+}
+.f-tag.gold[data-v-19e20dd3] {
+  --_color: var(--gold);
+  --_dim: var(--gold-dim);
+}
+.f-tag.orange[data-v-19e20dd3] {
+  --_color: var(--orange);
+  --_dim: var(--orange-dim);
+}
+.f-tag.black[data-v-19e20dd3] {
+  --_color: rgba(0, 0, 0, .7);
+  --_dim: var(--gold) ;
+}
+.f-tag.red[data-v-19e20dd3] {
+  --_color: var(--red);
+  --_dim: var(--red-dim);
+}
+.f-tag.default[data-v-19e20dd3] {
+  --_color: var(--text-muted);
+  --_dim: var(--surface3);
+}
+.f-tag--light[data-v-19e20dd3] {
+  background: var(--_dim);
+  color: var(--_color);
+  border: 1px solid color-mix(in srgb, var(--_color) 30%, transparent);
+}
+.f-tag--light.default[data-v-19e20dd3] {
+  background: var(--surface3);
+  border: 1px solid var(--border2);
+}
+.f-tag--dark[data-v-19e20dd3] {
+  background: var(--_color);
+  color: var(--_dim);
+  border: 1px solid var(--_color);
+}
+.f-tag--dark.default[data-v-19e20dd3] {
+  background: var(--surface3);
+  color: var(--text-muted);
+  border: 1px solid var(--border2);
+}
+.f-tag--plain[data-v-19e20dd3] {
+  background: transparent;
+  color: var(--_color);
+  border: 1px solid color-mix(in srgb, var(--_color) 50%, transparent);
+}
+.f-tag--plain.default[data-v-19e20dd3] {
+  color: var(--text-muted);
+  border: 1px solid var(--border2);
+}
+.f-select[data-v-f556487f] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -7137,84 +8118,327 @@ to {
   cursor: pointer;
   user-select: none;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  /* ---------- 多选：标签 ---------- */
 }
-.f-select[data-v-2b219c49]:hover:not(.is-disabled) {
+.f-select[data-v-f556487f]:hover:not(.is-disabled) {
   border-color: #ec4899;
 }
-.f-select.is-open[data-v-2b219c49]:not(.is-disabled), .f-select[data-v-2b219c49]:focus-within:not(.is-disabled) {
+.f-select.is-open[data-v-f556487f]:not(.is-disabled), .f-select[data-v-f556487f]:focus-within:not(.is-disabled) {
   border-color: #ec4899;
   background: #fff;
   box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
 }
-.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-2b219c49], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-2b219c49] {
+.f-select.is-open:not(.is-disabled) .f-select__arrow[data-v-f556487f], .f-select:focus-within:not(.is-disabled) .f-select__arrow[data-v-f556487f] {
   transform: rotate(180deg);
 }
-.f-select.is-active .f-select__label[data-v-2b219c49] {
+.f-select.is-active .f-select__label[data-v-f556487f] {
   color: #1e293b;
 }
-.f-select.is-disabled[data-v-2b219c49] {
+.f-select.is-disabled[data-v-f556487f] {
   cursor: not-allowed;
   background-color: #f5f7fa;
   border-color: #e4e7ed;
   color: #c0c4cc;
 }
-.f-select.is-disabled .f-select__label[data-v-2b219c49],
-.f-select.is-disabled .f-select__arrow[data-v-2b219c49] {
+.f-select.is-disabled .f-select__label[data-v-f556487f],
+.f-select.is-disabled .f-select__arrow[data-v-f556487f] {
   cursor: not-allowed;
 }
-.f-select--small[data-v-2b219c49] {
+.f-select.is-disabled .f-select__tag[data-v-f556487f] {
+  opacity: 0.6;
+}
+.f-select--small[data-v-f556487f] {
   height: 32px;
   font-size: 13px;
 }
-.f-select--small .f-select__label[data-v-2b219c49] {
+.f-select--small .f-select__label[data-v-f556487f] {
   font-size: 13px;
 }
-.f-select--medium[data-v-2b219c49] {
+.f-select--medium[data-v-f556487f] {
   height: 36px;
   font-size: 14px;
 }
-.f-select--large[data-v-2b219c49] {
+.f-select--large[data-v-f556487f] {
   height: 40px;
   font-size: 16px;
 }
-.f-select--large .f-select__label[data-v-2b219c49] {
+.f-select--large .f-select__label[data-v-f556487f] {
   font-size: 16px;
 }
-.f-select__label[data-v-2b219c49] {
+.f-select.is-multiple[data-v-f556487f] {
+  height: auto;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.f-select.is-multiple.f-select--small[data-v-f556487f] {
+  min-height: 32px;
+}
+.f-select.is-multiple.f-select--medium[data-v-f556487f] {
+  min-height: 36px;
+}
+.f-select.is-multiple.f-select--large[data-v-f556487f] {
+  min-height: 40px;
+}
+.f-select__label[data-v-f556487f] {
+  font-size: 14px;
+  line-height: 1.5;
+  color: #1e293b;
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: color 0.2s;
+}
+.f-select__label.is-placeholder[data-v-f556487f] {
+  color: #94a3b8;
+}
+.f-select__suffix[data-v-f556487f] {
+  display: grid;
+  place-items: center;
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}
+.f-select__suffix[data-v-f556487f] > * {
+  grid-area: 1/1;
+}
+.f-select__clear[data-v-f556487f] {
+  font-size: 14px;
+  color: #94a3b8;
+  cursor: pointer;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s, color 0.2s;
+}
+.f-select__clear[data-v-f556487f]:hover {
+  color: #64748b;
+}
+.f-select__arrow[data-v-f556487f] {
+  font-size: 14px;
+  color: #94a3b8;
+  transition: transform 0.3s, color 0.2s, opacity 0.2s;
+}
+.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-f556487f] {
+  color: #64748b;
+}
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__clear[data-v-f556487f] {
+  opacity: 1;
+  pointer-events: auto;
+}
+.f-select.is-clearable:hover:not(.is-disabled) .f-select__arrow[data-v-f556487f] {
+  opacity: 0;
+}
+.f-select__input[data-v-f556487f] {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  font: inherit;
+  line-height: 1.5;
+  color: #1e293b;
+}
+.f-select__input[data-v-f556487f]::placeholder {
+  color: #94a3b8;
+}
+.f-select__input.has-value[data-v-f556487f]::placeholder {
+  color: #64748b;
+}
+.f-select__input.is-multiple[data-v-f556487f] {
+  min-width: 60px;
+}
+.f-select__tags[data-v-f556487f] {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.f-select__tag[data-v-f556487f] {
+  max-width: 200px;
+}
+.f-select__tag[data-v-f556487f] .f-tag {
+  max-width: 100%;
+}
+@media (hover: none) {
+.f-select.is-clearable .f-select__clear[data-v-f556487f] {
+    opacity: 1;
+    pointer-events: auto;
+}
+.f-select.is-clearable .f-select__arrow[data-v-f556487f] {
+    opacity: 0;
+}
+}
+/* ---------- 新增选项按钮 ---------- */
+.f-select__add-option[data-v-f556487f] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  color: #ec4899;
+  cursor: pointer;
+  font-size: 14px;
+  border-top: 1px solid #e0e0e6;
+  transition: all 0.2s ease;
+}
+.f-select__add-option[data-v-f556487f]:hover {
+  background-color: #fdf2f8;
+}
+.f-select__add-option[data-v-f556487f]:active {
+  background-color: #fce7f3;
+}.f-date-picker[data-v-0f901824] {
+  position: relative;
+  width: 100%;
+  background: #f8fafc;
+  border: 1px solid #e0e0e6;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+  cursor: pointer;
+}
+.f-date-picker__inner[data-v-0f901824] {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  gap: 8px;
+}
+.f-date-picker__icon[data-v-0f901824] {
+  color: #94a3b8;
+  flex-shrink: 0;
+}
+.f-date-picker__input[data-v-0f901824] {
+  flex: 1;
+  padding: 10px 0;
+  background: transparent;
+  border: none;
+  font-size: 14px;
+  color: #1e293b;
+  outline: none;
+  cursor: pointer;
+}
+.f-date-picker__input[data-v-0f901824]::placeholder {
+  color: #94a3b8;
+}
+.f-date-picker__input[data-v-0f901824]:disabled {
+  cursor: not-allowed;
+}
+.f-date-picker__clear[data-v-0f901824] {
+  color: #94a3b8;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: color 0.2s;
+}
+.f-date-picker__clear[data-v-0f901824]:hover {
+  color: #64748b;
+}
+.f-date-picker[data-v-0f901824]:hover:not(.is-disabled) {
+  border-color: #ec4899;
+}
+.f-date-picker.is-focus[data-v-0f901824] {
+  background: #fff;
+  border-color: #ec4899;
+  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
+}
+.f-date-picker.is-error[data-v-0f901824] {
+  border-color: #f43f5e;
+  background: #fff1f2;
+}
+.f-date-picker.is-error.is-focus[data-v-0f901824] {
+  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1647058824);
+}
+.f-date-picker.is-disabled[data-v-0f901824] {
+  cursor: not-allowed;
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+  opacity: 0.8;
+}
+.f-date-picker.is-disabled .f-date-picker__input[data-v-0f901824],
+.f-date-picker.is-disabled .f-date-picker__icon[data-v-0f901824] {
+  cursor: not-allowed;
+}
+.f-date-picker-panel[data-v-0f901824] {
+  min-width: 280px;
+  padding: 12px;
+  user-select: none;
+}
+.f-date-picker-panel__header[data-v-0f901824] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  padding: 0 4px;
+}
+.f-date-picker-panel__header .panel-btn[data-v-0f901824] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  color: #64748b;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.f-date-picker-panel__header .panel-btn[data-v-0f901824]:hover {
+  background: #f1f5f9;
+  color: #1e293b;
+}
+.f-date-picker-panel__header .panel-title[data-v-0f901824] {
   font-size: 14px;
-  line-height: 1.5;
+  font-weight: 600;
   color: #1e293b;
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  transition: color 0.2s;
 }
-.f-select__label.is-placeholder[data-v-2b219c49] {
-  color: #94a3b8;
+.f-date-picker-panel__body .week-header[data-v-0f901824] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 4px;
+  margin-bottom: 4px;
 }
-.f-select__suffix[data-v-2b219c49] {
+.f-date-picker-panel__body .week-header .week-day[data-v-0f901824] {
   display: flex;
   align-items: center;
+  justify-content: center;
+  height: 32px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #94a3b8;
+}
+.f-date-picker-panel__body .calendar-grid[data-v-0f901824] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
   gap: 4px;
-  flex-shrink: 0;
 }
-.f-select__clear[data-v-2b219c49] {
-  font-size: 14px;
-  color: #94a3b8;
-  transition: color 0.2s;
+.f-date-picker-panel__body .calendar-grid .calendar-cell[data-v-0f901824] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  font-size: 13px;
+  color: #1e293b;
+  border-radius: 4px;
   cursor: pointer;
+  transition: all 0.2s;
 }
-.f-select__clear[data-v-2b219c49]:hover {
-  color: #64748b;
+.f-date-picker-panel__body .calendar-grid .calendar-cell[data-v-0f901824]:hover {
+  background: #f1f5f9;
 }
-.f-select__arrow[data-v-2b219c49] {
-  font-size: 14px;
-  color: #94a3b8;
-  transition: transform 0.3s, color 0.2s;
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-prev-month[data-v-0f901824], .f-date-picker-panel__body .calendar-grid .calendar-cell.is-next-month[data-v-0f901824] {
+  color: #cbd5e1;
 }
-.f-select:hover:not(.is-disabled) .f-select__arrow[data-v-2b219c49] {
-  color: #64748b;
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-today[data-v-0f901824] {
+  color: #ec4899;
+  font-weight: 600;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-selected[data-v-0f901824] {
+  background: #ec4899;
+  color: #fff;
+  font-weight: 600;
+}
+.f-date-picker-panel__body .calendar-grid .calendar-cell.is-selected[data-v-0f901824]:hover {
+  background: #db2777;
 }.f-pagination[data-v-a9438fb8] {
   display: flex;
   justify-content: center;
@@ -7397,134 +8621,10 @@ to {
 .f-card--horizontal .f-card__content .f-card__body[data-v-59b9e149] {
   flex: 1;
   padding: 12px 16px;
-}.f-tag[data-v-19e20dd3] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 10px;
-  padding: 2px 8px;
-  letter-spacing: 0.05em;
-  white-space: nowrap;
-  line-height: 1.6;
-}
-.f-tag__close[data-v-19e20dd3] {
-  font-size: 12px;
-  line-height: 1;
-  cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 0.15s;
-}
-.f-tag__close[data-v-19e20dd3]:hover {
-  opacity: 1;
-}
-.f-tag--round[data-v-19e20dd3] {
-  border-radius: 10px;
-}
-.f-tag--square[data-v-19e20dd3] {
-  border-radius: 4px;
-}
-.f-tag--dot[data-v-19e20dd3] {
-  border-radius: 10px;
-  gap: 6px;
-}
-.f-tag--dot .f-tag__dot[data-v-19e20dd3] {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: currentColor;
-  flex-shrink: 0;
-}
-.f-tag--bookmark[data-v-19e20dd3] {
-  border-radius: 0 3px 3px 0;
-  padding: 2px 14px 2px 10px;
-  position: relative;
-  clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);
-  border: none !important;
-  margin-left: 8px;
-}
-.f-tag--bookmark[data-v-19e20dd3]::after {
-  content: "";
-  position: absolute;
-  right: 6px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--bg);
-}
-.f-tag.purple[data-v-19e20dd3] {
-  --_color: var(--accent);
-  --_dim: rgba(192, 132, 252, .15);
-}
-.f-tag.pink[data-v-19e20dd3] {
-  --_color: var(--accent2);
-  --_dim: rgba(244, 114, 182, .15);
-}
-.f-tag.cyan[data-v-19e20dd3] {
-  --_color: var(--accent3);
-  --_dim: rgba(103, 232, 249, .15);
-}
-.f-tag.blue[data-v-19e20dd3] {
-  --_color: var(--blue);
-  --_dim: var(--blue-dim);
-}
-.f-tag.green[data-v-19e20dd3] {
-  --_color: var(--green);
-  --_dim: var(--green-dim);
-}
-.f-tag.gold[data-v-19e20dd3] {
-  --_color: var(--gold);
-  --_dim: var(--gold-dim);
-}
-.f-tag.orange[data-v-19e20dd3] {
-  --_color: var(--orange);
-  --_dim: var(--orange-dim);
-}
-.f-tag.black[data-v-19e20dd3] {
-  --_color: rgba(0, 0, 0, .7);
-  --_dim: var(--gold) ;
-}
-.f-tag.red[data-v-19e20dd3] {
-  --_color: var(--red);
-  --_dim: var(--red-dim);
-}
-.f-tag.default[data-v-19e20dd3] {
-  --_color: var(--text-muted);
-  --_dim: var(--surface3);
-}
-.f-tag--light[data-v-19e20dd3] {
-  background: var(--_dim);
-  color: var(--_color);
-  border: 1px solid color-mix(in srgb, var(--_color) 30%, transparent);
-}
-.f-tag--light.default[data-v-19e20dd3] {
-  background: var(--surface3);
-  border: 1px solid var(--border2);
-}
-.f-tag--dark[data-v-19e20dd3] {
-  background: var(--_color);
-  color: var(--_dim);
-  border: 1px solid var(--_color);
-}
-.f-tag--dark.default[data-v-19e20dd3] {
-  background: var(--surface3);
-  color: var(--text-muted);
-  border: 1px solid var(--border2);
-}
-.f-tag--plain[data-v-19e20dd3] {
-  background: transparent;
-  color: var(--_color);
-  border: 1px solid color-mix(in srgb, var(--_color) 50%, transparent);
-}
-.f-tag--plain.default[data-v-19e20dd3] {
-  color: var(--text-muted);
-  border: 1px solid var(--border2);
-}.f-tooltip[data-v-37ae9256] {
+}.f-tooltip[data-v-398a5be6] {
   display: contents;
 }
-.f-tooltip-wrapper[data-v-37ae9256] {
+.f-tooltip-wrapper[data-v-398a5be6] {
   position: fixed;
   z-index: 999;
   padding: 5px 9px;
@@ -7539,7 +8639,7 @@ to {
   word-break: break-word;
   white-space: pre-wrap;
 }
-.f-tooltip-wrapper .f-tooltip-arrow[data-v-37ae9256] {
+.f-tooltip-wrapper .f-tooltip-arrow[data-v-398a5be6] {
   position: absolute;
   width: 6px;
   height: 6px;
@@ -7548,32 +8648,32 @@ to {
   border-bottom: 1px solid rgba(148, 163, 184, 0.2);
   transform: rotate(45deg);
 }
-.f-tooltip-wrapper.is-top .f-tooltip-arrow[data-v-37ae9256] {
+.f-tooltip-wrapper.is-top .f-tooltip-arrow[data-v-398a5be6] {
   bottom: -3px;
   left: 50%;
   translate: -50% 0;
 }
-.f-tooltip-wrapper.is-bottom .f-tooltip-arrow[data-v-37ae9256] {
+.f-tooltip-wrapper.is-bottom .f-tooltip-arrow[data-v-398a5be6] {
   top: -3px;
   left: 50%;
   translate: -50% 0;
 }
-.f-tooltip-wrapper.is-left .f-tooltip-arrow[data-v-37ae9256] {
+.f-tooltip-wrapper.is-left .f-tooltip-arrow[data-v-398a5be6] {
   right: -3px;
   top: 50%;
   translate: 0 -50%;
 }
-.f-tooltip-wrapper.is-right .f-tooltip-arrow[data-v-37ae9256] {
+.f-tooltip-wrapper.is-right .f-tooltip-arrow[data-v-398a5be6] {
   left: -3px;
   top: 50%;
   translate: 0 -50%;
 }
-.f-tooltip-enter-active[data-v-37ae9256],
-.f-tooltip-leave-active[data-v-37ae9256] {
+.f-tooltip-enter-active[data-v-398a5be6],
+.f-tooltip-leave-active[data-v-398a5be6] {
   transition: opacity 0.15s ease, transform 0.15s ease;
 }
-.f-tooltip-enter-from[data-v-37ae9256],
-.f-tooltip-leave-to[data-v-37ae9256] {
+.f-tooltip-enter-from[data-v-398a5be6],
+.f-tooltip-leave-to[data-v-398a5be6] {
   opacity: 0;
   transform: scale(0.92);
 }.f-progress[data-v-95060470] {
@@ -10568,78 +11668,6 @@ to {
 .err-slide-leave-to[data-v-c1ead052] {
   opacity: 0;
   transform: translateY(-4px);
-}.f-checkbox[data-v-eeeb70b5] {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  user-select: none;
-  transition: opacity 0.2s;
-}
-.f-checkbox.is-disabled[data-v-eeeb70b5] {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.f-checkbox__wrapper[data-v-eeeb70b5] {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-}
-.f-checkbox__wrapper input[data-v-eeeb70b5] {
-  position: absolute;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  cursor: pointer;
-  z-index: 1;
-}
-.f-checkbox__wrapper input[data-v-eeeb70b5]:disabled {
-  cursor: not-allowed;
-}
-.f-checkbox__checkmark[data-v-eeeb70b5] {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  background: #f8fafc;
-  border: 1px solid #e0e0e6;
-  border-radius: 2px;
-  transition: all 0.2s ease;
-}
-.f-checkbox__checkmark[data-v-eeeb70b5]::after {
-  content: "";
-  position: absolute;
-  display: none;
-  left: 4px;
-  width: 5px;
-  height: 9px;
-  border: solid white;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-.f-checkbox:hover .f-checkbox__checkmark[data-v-eeeb70b5] {
-  border-color: #ec4899;
-  background: #fef2ff;
-}
-.f-checkbox input:checked + .f-checkbox__checkmark[data-v-eeeb70b5] {
-  background: #ec4899;
-  border-color: #ec4899;
-  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
-}
-.f-checkbox input:checked + .f-checkbox__checkmark[data-v-eeeb70b5]::after {
-  display: block;
-}
-.f-checkbox input:focus-visible + .f-checkbox__checkmark[data-v-eeeb70b5] {
-  box-shadow: 0 0 0 2px rgba(236, 72, 153, 0.2274509804);
-}
-.f-checkbox__label[data-v-eeeb70b5] {
-  font-size: 14px;
-  color: #1e293b;
-  line-height: 1;
 }.f-radio[data-v-b06cba07] {
   display: inline-flex;
   align-items: center;
@@ -11242,105 +12270,126 @@ to {
 .f-editor__textarea[data-v-48883044]::placeholder {
   color: #475569;
   opacity: 0.7;
-}.f-table[data-v-ce2c2d93] {
+}.f-table[data-v-5ae2ec2c] {
   position: relative;
+  display: flex;
+  flex-direction: column;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   overflow: hidden;
   min-height: 14rem;
 }
-.f-table__loading[data-v-ce2c2d93] {
-  position: absolute;
-  inset: 0;
-  background: rgba(255, 255, 255, 0.7);
-  backdrop-filter: blur(2px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  gap: 0.625rem;
-  z-index: 10;
-}
-.f-table__scroll[data-v-ce2c2d93] {
+.f-table__scroll[data-v-5ae2ec2c] {
   position: relative;
+  flex: 1;
+  min-height: 0;
   width: 100%;
-  height: 100%;
   overflow: auto;
 }
-.f-table__inner[data-v-ce2c2d93] {
+.f-table__inner[data-v-5ae2ec2c] {
   width: 100%;
+  min-width: 100%;
   border-collapse: collapse;
   font-size: 0.75rem;
   text-align: left;
   table-layout: auto;
-  min-width: 100%;
 }
-.f-table__inner th[data-v-ce2c2d93],
-.f-table__inner td[data-v-ce2c2d93] {
-  padding: 0.625rem;
+.f-table__inner th[data-v-5ae2ec2c],
+.f-table__inner td[data-v-5ae2ec2c] {
+  padding: 0 0.625rem;
   border-right: 1px solid #e2e8f0;
 }
-.f-table__inner th[data-v-ce2c2d93]:last-child,
-.f-table__inner td[data-v-ce2c2d93]:last-child {
+.f-table__inner th[data-v-5ae2ec2c]:last-child,
+.f-table__inner td[data-v-5ae2ec2c]:last-child {
   border-right: none;
 }
-.f-table__col--index[data-v-ce2c2d93] {
+.f-table__inner th[data-v-5ae2ec2c] {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+.f-table__col--index[data-v-5ae2ec2c] {
   width: 3rem;
 }
-.f-table__head[data-v-ce2c2d93] {
+.f-table__head[data-v-5ae2ec2c] {
   position: sticky;
   top: 0;
   z-index: 2;
   background: #1e293b;
   color: #ffffff;
 }
-.f-table__th[data-v-ce2c2d93] {
+.f-table__th[data-v-5ae2ec2c] {
   font-weight: 700;
   text-align: center;
 }
-.f-table__th--index[data-v-ce2c2d93] {
+.f-table__th--index[data-v-5ae2ec2c] {
   background: #0f172a;
   width: 3rem;
 }
-.f-table__th-inner[data-v-ce2c2d93] {
+.f-table__th-inner[data-v-5ae2ec2c] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.25rem;
 }
-.f-table__row[data-v-ce2c2d93] {
+.f-table__row[data-v-5ae2ec2c] {
   border-bottom: 1px solid #e2e8f0;
 }
-.f-table__row[data-v-ce2c2d93]:hover {
+.f-table__row[data-v-5ae2ec2c]:hover {
   background: rgba(248, 250, 252, 0.7);
 }
-.f-table__td[data-v-ce2c2d93] {
+.f-table__td[data-v-5ae2ec2c] {
   text-align: center;
   font-size: 0.6875rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.f-table__td--muted[data-v-ce2c2d93] {
+.f-table__td--muted[data-v-5ae2ec2c] {
   color: #94a3b8;
   text-decoration: line-through;
   opacity: 0.6;
 }
-.f-table__td--index[data-v-ce2c2d93] {
+.f-table__td--index[data-v-5ae2ec2c] {
   background: rgba(248, 250, 252, 0.5);
   font-weight: 800;
   color: #64748b;
 }
-.f-table__spacer td[data-v-ce2c2d93] {
+.f-table__text[data-v-5ae2ec2c] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.f-table__spacer td[data-v-5ae2ec2c] {
   padding: 0;
   border: none;
 }
-.f-table__empty[data-v-ce2c2d93] {
+.f-table__empty[data-v-5ae2ec2c] {
   padding: 3rem 0;
   text-align: center;
   color: #94a3b8;
   font-weight: 700;
   background: rgba(248, 250, 252, 0.5);
+}
+.f-table__tip[data-v-5ae2ec2c] {
+  position: fixed;
+  z-index: 3000;
+  max-width: 320px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: rgba(15, 23, 42, 0.96);
+  color: #f8fafc;
+  font-size: 12px;
+  line-height: 1.5;
+  word-break: break-all;
+  pointer-events: none;
+  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
+}
+.f-table__tip.is-top[data-v-5ae2ec2c] {
+  transform: translate(-50%, -100%);
+}
+.f-table__tip.is-bottom[data-v-5ae2ec2c] {
+  transform: translate(-50%, 0);
 }.f-upload[data-v-45a5af2d] {
   display: flex;
   flex-direction: column;
@@ -11479,17 +12528,60 @@ to {
 }
 .f-button-group--vertical[data-v-a1a51140] >  *:last-child .f-button {
   border-radius: 0 0 4px 4px;
-}[data-v-4ec8bde6]:root {
+}[data-v-4615c116]:root {
   --f-collapse-border-color: #333338;
   --f-collapse-radius: 8px;
+  --f-collapse-add-button-bg: #2a2a2f;
+  --f-collapse-add-button-color: #a1a1aa;
+  --f-collapse-add-button-hover-bg: #35353a;
 }
-:root.light[data-v-4ec8bde6] {
+:root.light[data-v-4615c116] {
   --f-collapse-border-color: #e4e4e7;
+  --f-collapse-add-button-bg: #f5f5f7;
+  --f-collapse-add-button-color: #52525b;
+  --f-collapse-add-button-hover-bg: #e8e8eb;
 }
-.f-collapse[data-v-4ec8bde6] {
+.f-collapse[data-v-4615c116] {
   border: 1px solid var(--f-collapse-border-color);
   border-radius: var(--f-collapse-radius);
   overflow: hidden;
+}
+.f-collapse__add-button[data-v-4615c116] {
+  padding: 12px 16px;
+  background: var(--f-collapse-add-button-bg);
+  border-top: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button--top[data-v-4615c116] {
+  border-top: none;
+  border-bottom: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button--bottom[data-v-4615c116] {
+  border-top: 1px solid var(--f-collapse-border-color);
+}
+.f-collapse__add-button-inner[data-v-4615c116] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 12px;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  color: var(--f-collapse-add-button-color);
+  font-size: 13px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.f-collapse__add-button-inner[data-v-4615c116]:hover {
+  background: var(--f-collapse-add-button-hover-bg);
+}
+.f-collapse__add-button-inner[data-v-4615c116]:focus {
+  outline: 2px solid #3b82f6;
+  outline-offset: 2px;
+}
+.f-collapse__add-button-inner .f-icon[data-v-4615c116] {
+  font-size: 16px;
 }[data-v-d69a6c2b]:root {
   --f-collapse-item-header-bg: #1a1a1e;
   --f-collapse-item-header-color: #e4e4e7;
@@ -11889,77 +12981,6 @@ to {
 .f-slider-tooltip-fade-enter-from[data-v-ac11d4e9],
 .f-slider-tooltip-fade-leave-to[data-v-ac11d4e9] {
   opacity: 0;
-}[data-v-b0e3c8ea]:root {
-  --f-scrollbar-thumb-bg: rgba(255, 255, 255, 0.25);
-  --f-scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.4);
-  --f-scrollbar-size: 8px;
-  --f-scrollbar-transition-duration: 0.2s;
-}
-:root.light[data-v-b0e3c8ea] {
-  --f-scrollbar-thumb-bg: rgba(0, 0, 0, 0.2);
-  --f-scrollbar-thumb-hover-bg: rgba(0, 0, 0, 0.35);
-}
-.f-scrollbar[data-v-b0e3c8ea] {
-  position: relative;
-  overflow: hidden;
-  height: 100%;
-}
-.f-scrollbar__wrap[data-v-b0e3c8ea] {
-  height: 100%;
-  overflow: auto;
-}
-.f-scrollbar__wrap--hidden-bar[data-v-b0e3c8ea] {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.f-scrollbar__wrap--hidden-bar[data-v-b0e3c8ea]::-webkit-scrollbar {
-  display: none;
-}
-.f-scrollbar__view[data-v-b0e3c8ea] {
-  display: inline-block;
-  min-width: 100%;
-}
-.f-scrollbar__bar[data-v-b0e3c8ea] {
-  position: absolute;
-  z-index: 1;
-  opacity: 0;
-  transition: opacity var(--f-scrollbar-transition-duration);
-  pointer-events: none;
-}
-.f-scrollbar__bar--visible[data-v-b0e3c8ea] {
-  opacity: 1;
-  pointer-events: auto;
-}
-.f-scrollbar__bar--vertical[data-v-b0e3c8ea] {
-  top: 2px;
-  right: 2px;
-  bottom: 2px;
-  width: var(--f-scrollbar-size);
-}
-.f-scrollbar__bar--horizontal[data-v-b0e3c8ea] {
-  left: 2px;
-  right: 2px;
-  bottom: 2px;
-  height: var(--f-scrollbar-size);
-}
-.f-scrollbar__thumb[data-v-b0e3c8ea] {
-  position: absolute;
-  border-radius: calc(var(--f-scrollbar-size) / 2);
-  background: var(--f-scrollbar-thumb-bg);
-  cursor: pointer;
-  transition: background var(--f-scrollbar-transition-duration);
-}
-.f-scrollbar__bar--vertical .f-scrollbar__thumb[data-v-b0e3c8ea] {
-  width: 100%;
-}
-.f-scrollbar__bar--horizontal .f-scrollbar__thumb[data-v-b0e3c8ea] {
-  height: 100%;
-}
-.f-scrollbar__thumb[data-v-b0e3c8ea]:hover {
-  background: var(--f-scrollbar-thumb-hover-bg);
-}
-.f-scrollbar--native[data-v-b0e3c8ea] {
-  overflow: auto;
 }.f-input-number[data-v-3a928408] {
   position: relative;
   display: inline-flex;
@@ -12267,7 +13288,254 @@ to {
   margin-top: 4px;
   font-size: 12px;
   color: #64748b;
-}.f-dialog-overlay[data-v-32296f2f] {
+}.f-timeline[data-v-05989a62] {
+  position: relative;
+  padding: 0;
+  list-style: none;
+}
+.f-timeline--vertical[data-v-05989a62] {
+  display: flex;
+  flex-direction: column;
+}
+.f-timeline--horizontal[data-v-05989a62] {
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  align-items: flex-start;
+  overflow-x: auto;
+  padding-bottom: 10px;
+}
+.f-timeline--horizontal .f-timeline-item[data-v-05989a62] {
+  flex-shrink: 0;
+  min-width: 150px;
+}
+.f-timeline--left.f-timeline--vertical .f-timeline-item__wrapper[data-v-05989a62], .f-timeline--right.f-timeline--vertical .f-timeline-item__wrapper[data-v-05989a62] {
+  padding-left: 32px;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(odd) .f-timeline-item__wrapper[data-v-05989a62] {
+  padding-left: 32px;
+  padding-right: 0;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__node[data-v-05989a62] {
+  left: auto;
+  right: 0;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__tail[data-v-05989a62] {
+  left: auto;
+  right: 9px;
+}
+.f-timeline--alternate.f-timeline--vertical .f-timeline-item:nth-child(even) .f-timeline-item__wrapper[data-v-05989a62] {
+  padding-left: 0;
+  padding-right: 32px;
+  text-align: right;
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item[data-v-05989a62] {
+  text-align: center;
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__node[data-v-05989a62] {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__tail[data-v-05989a62] {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.f-timeline--center.f-timeline--vertical .f-timeline-item .f-timeline-item__wrapper[data-v-05989a62] {
+  padding: 0;
+  margin-top: 10px;
+}.f-timeline-item[data-v-d4425329] {
+  position: relative;
+  padding-bottom: 20px;
+}
+.f-timeline-item[data-v-d4425329]:last-child {
+  padding-bottom: 0;
+}
+.f-timeline-item:last-child .f-timeline-item__tail[data-v-d4425329] {
+  display: none;
+}
+.f-timeline--horizontal .f-timeline-item[data-v-d4425329] {
+  padding-bottom: 0;
+  padding-right: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.f-timeline--horizontal .f-timeline-item[data-v-d4425329]:last-child {
+  padding-right: 0;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__tail[data-v-d4425329] {
+  display: none;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__node[data-v-d4425329] {
+  position: static;
+  margin-bottom: 12px;
+}
+.f-timeline--horizontal .f-timeline-item .f-timeline-item__wrapper[data-v-d4425329] {
+  padding-left: 0;
+  text-align: center;
+}
+.f-timeline-item__tail[data-v-d4425329] {
+  position: absolute;
+  top: 20px;
+  left: 9px;
+  height: calc(100% - 20px);
+  border-left: 2px solid #e0e0e6;
+  transition: border-color 0.3s;
+}
+.f-timeline-item__node[data-v-d4425329] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: #fff;
+  border-radius: 50%;
+  color: #94a3b8;
+  transition: all 0.3s;
+  z-index: 1;
+}
+.f-timeline-item__node[data-v-d4425329]:hover {
+  transform: scale(1.1);
+}
+.f-timeline-item__dot[data-v-d4425329] {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #cbd5e1;
+  border: 2px solid #fff;
+  transition: all 0.3s;
+}
+.f-timeline-item__collapse-icon[data-v-d4425329] {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border-radius: 50%;
+  color: #64748b;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  transition: all 0.3s;
+}
+.f-timeline-item__wrapper[data-v-d4425329] {
+  padding-left: 32px;
+}
+.f-timeline-item__header[data-v-d4425329] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+.f-timeline-item__header.is-clickable[data-v-d4425329] {
+  cursor: pointer;
+  user-select: none;
+}
+.f-timeline-item__header.is-clickable:hover .f-timeline-item__timestamp[data-v-d4425329] {
+  color: #1e293b;
+}
+.f-timeline-item__timestamp[data-v-d4425329] {
+  font-size: 13px;
+  color: #94a3b8;
+  transition: color 0.3s;
+}
+.f-timeline-item__content[data-v-d4425329] {
+  font-size: 14px;
+  color: #1e293b;
+  line-height: 1.6;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__node[data-v-d4425329] {
+  cursor: pointer;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__node:hover .f-timeline-item__collapse-icon[data-v-d4425329] {
+  opacity: 1;
+}
+.f-timeline-item.is-collapsible .f-timeline-item__collapse-icon[data-v-d4425329] {
+  opacity: 0.6;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__tail[data-v-d4425329] {
+  border-color: #f1f5f9;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__dot[data-v-d4425329] {
+  background: #e2e8f0;
+}
+.f-timeline-item.is-collapsed .f-timeline-item__timestamp[data-v-d4425329] {
+  color: #cbd5e1;
+}
+.f-timeline-item .timeline-collapse-enter-active[data-v-d4425329],
+.f-timeline-item .timeline-collapse-leave-active[data-v-d4425329] {
+  transition: all 0.3s ease;
+  overflow: hidden;
+}
+.f-timeline-item .timeline-collapse-enter-from[data-v-d4425329],
+.f-timeline-item .timeline-collapse-leave-to[data-v-d4425329] {
+  opacity: 0;
+  max-height: 0;
+  margin-top: 0;
+}
+.f-timeline-item .timeline-collapse-enter-to[data-v-d4425329],
+.f-timeline-item .timeline-collapse-leave-from[data-v-d4425329] {
+  opacity: 1;
+  max-height: 500px;
+  margin-top: 4px;
+}
+.f-timeline-item--primary .f-timeline-item__dot[data-v-d4425329] {
+  background: #ec4899;
+  border-color: rgba(236, 72, 153, 0.1254901961);
+}
+.f-timeline-item--primary .f-timeline-item__node[data-v-d4425329] {
+  color: #ec4899;
+}
+.f-timeline-item--primary .f-timeline-item__tail[data-v-d4425329] {
+  border-color: rgba(236, 72, 153, 0.2509803922);
+}
+.f-timeline-item--success .f-timeline-item__dot[data-v-d4425329] {
+  background: #10b981;
+  border-color: rgba(16, 185, 129, 0.1254901961);
+}
+.f-timeline-item--success .f-timeline-item__node[data-v-d4425329] {
+  color: #10b981;
+}
+.f-timeline-item--success .f-timeline-item__tail[data-v-d4425329] {
+  border-color: rgba(16, 185, 129, 0.2509803922);
+}
+.f-timeline-item--warning .f-timeline-item__dot[data-v-d4425329] {
+  background: #f59e0b;
+  border-color: rgba(245, 158, 11, 0.1254901961);
+}
+.f-timeline-item--warning .f-timeline-item__node[data-v-d4425329] {
+  color: #f59e0b;
+}
+.f-timeline-item--warning .f-timeline-item__tail[data-v-d4425329] {
+  border-color: rgba(245, 158, 11, 0.2509803922);
+}
+.f-timeline-item--danger .f-timeline-item__dot[data-v-d4425329] {
+  background: #ef4444;
+  border-color: rgba(239, 68, 68, 0.1254901961);
+}
+.f-timeline-item--danger .f-timeline-item__node[data-v-d4425329] {
+  color: #ef4444;
+}
+.f-timeline-item--danger .f-timeline-item__tail[data-v-d4425329] {
+  border-color: rgba(239, 68, 68, 0.2509803922);
+}
+.f-timeline-item--large .f-timeline-item__node[data-v-d4425329] {
+  width: 24px;
+  height: 24px;
+}
+.f-timeline-item--large .f-timeline-item__dot[data-v-d4425329] {
+  width: 12px;
+  height: 12px;
+}
+.f-timeline-item--large .f-timeline-item__tail[data-v-d4425329] {
+  left: 11px;
+}.f-dialog-overlay[data-v-26ecd364] {
   position: fixed;
   top: 0;
   left: 0;
@@ -12282,7 +13550,7 @@ to {
   backdrop-filter: blur(2px);
   transition: background-color 0.25s ease;
 }
-.f-dialog[data-v-32296f2f] {
+.f-dialog[data-v-26ecd364] {
   position: relative;
   background: #fff;
   border-radius: 8px;
@@ -12296,7 +13564,7 @@ to {
   will-change: transform, opacity;
   transform-origin: center;
 }
-.f-dialog__close[data-v-32296f2f] {
+.f-dialog__close[data-v-26ecd364] {
   position: absolute;
   top: 16px;
   right: 16px;
@@ -12314,20 +13582,20 @@ to {
   z-index: 1;
   padding: 0;
 }
-.f-dialog__close[data-v-32296f2f]:hover {
+.f-dialog__close[data-v-26ecd364]:hover {
   background: #f5f7fa;
   color: #606266;
 }
-.f-dialog__header[data-v-32296f2f] {
+.f-dialog__header[data-v-26ecd364] {
   padding: 20px 20px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.f-dialog__header.has-divider[data-v-32296f2f] {
+.f-dialog__header.has-divider[data-v-26ecd364] {
   border-bottom: 1px solid #e4e7ed;
 }
-.f-dialog__icon[data-v-32296f2f] {
+.f-dialog__icon[data-v-26ecd364] {
   flex-shrink: 0;
   width: 28px;
   height: 28px;
@@ -12336,11 +13604,11 @@ to {
   justify-content: center;
   border-radius: 50%;
 }
-.f-dialog__icon[data-v-32296f2f] svg {
+.f-dialog__icon[data-v-26ecd364] svg {
   width: 20px;
   height: 20px;
 }
-.f-dialog__title[data-v-32296f2f] {
+.f-dialog__title[data-v-26ecd364] {
   flex: 1;
   margin: 0;
   font-size: 18px;
@@ -12348,76 +13616,82 @@ to {
   color: #303133;
   line-height: 1.4;
 }
-.f-dialog__body[data-v-32296f2f] {
+.f-dialog__body[data-v-26ecd364] {
   flex: 1;
+  min-height: 0;
   padding: 20px;
   color: #606266;
   font-size: 14px;
   line-height: 1.6;
-  overflow-y: auto;
 }
-.f-dialog__body p[data-v-32296f2f] {
+.f-dialog__body[data-v-26ecd364] .f-scrollbar {
+  height: 100%;
+}
+.f-dialog__body[data-v-26ecd364] .f-scrollbar__view {
+  padding: 0;
+}
+.f-dialog__body p[data-v-26ecd364] {
   margin: 0;
 }
-.f-dialog__footer[data-v-32296f2f] {
+.f-dialog__footer[data-v-26ecd364] {
   padding: 16px 20px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 12px;
 }
-.f-dialog__footer.has-divider[data-v-32296f2f] {
+.f-dialog__footer.has-divider[data-v-26ecd364] {
   border-top: 1px solid #e4e7ed;
 }
-.f-dialog--info .f-dialog__icon[data-v-32296f2f] {
+.f-dialog--info .f-dialog__icon[data-v-26ecd364] {
   background: #ecf5ff;
   color: #409eff;
 }
-.f-dialog--success .f-dialog__icon[data-v-32296f2f] {
+.f-dialog--success .f-dialog__icon[data-v-26ecd364] {
   background: #f0f9ff;
   color: #67c23a;
 }
-.f-dialog--warning .f-dialog__icon[data-v-32296f2f] {
+.f-dialog--warning .f-dialog__icon[data-v-26ecd364] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.f-dialog--error .f-dialog__icon[data-v-32296f2f] {
+.f-dialog--error .f-dialog__icon[data-v-26ecd364] {
   background: #fef0f0;
   color: #f56c6c;
 }
-.f-dialog--confirm .f-dialog__icon[data-v-32296f2f] {
+.f-dialog--confirm .f-dialog__icon[data-v-26ecd364] {
   background: #fef0e6;
   color: #e6a23c;
 }
-.dialog-fade-enter-active[data-v-32296f2f],
-.dialog-fade-leave-active[data-v-32296f2f] {
+.dialog-fade-enter-active[data-v-26ecd364],
+.dialog-fade-leave-active[data-v-26ecd364] {
   transition: opacity 0.25s ease;
 }
-.dialog-fade-enter-from[data-v-32296f2f],
-.dialog-fade-leave-to[data-v-32296f2f] {
+.dialog-fade-enter-from[data-v-26ecd364],
+.dialog-fade-leave-to[data-v-26ecd364] {
   opacity: 0;
 }
-.dialog-enter-active[data-v-32296f2f],
-.dialog-leave-active[data-v-32296f2f] {
+.dialog-enter-active[data-v-26ecd364],
+.dialog-leave-active[data-v-26ecd364] {
   transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
 }
-.dialog-enter-from[data-v-32296f2f],
-.dialog-leave-to[data-v-32296f2f] {
+.dialog-enter-from[data-v-26ecd364],
+.dialog-leave-to[data-v-26ecd364] {
   opacity: 0;
   transform: scale(0.88) translateY(6px);
 }
-.dialog-enter-to[data-v-32296f2f],
-.dialog-leave-from[data-v-32296f2f] {
+.dialog-enter-to[data-v-26ecd364],
+.dialog-leave-from[data-v-26ecd364] {
   opacity: 1;
   transform: scale(1) translateY(0);
-}.f-drawer-backdrop[data-v-8f7155b9] {
+}.f-drawer-backdrop[data-v-c7209ade] {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1100;
   backdrop-filter: blur(2px);
 }
-.f-drawer[data-v-8f7155b9] {
+.f-drawer[data-v-c7209ade] {
   position: fixed;
   background: #fff;
   z-index: 1101;
@@ -12425,27 +13699,27 @@ to {
   flex-direction: column;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
 }
-.f-drawer--left[data-v-8f7155b9] {
+.f-drawer--left[data-v-c7209ade] {
   top: 0;
   bottom: 0;
   left: 0;
 }
-.f-drawer--right[data-v-8f7155b9] {
+.f-drawer--right[data-v-c7209ade] {
   top: 0;
   bottom: 0;
   right: 0;
 }
-.f-drawer--top[data-v-8f7155b9] {
+.f-drawer--top[data-v-c7209ade] {
   top: 0;
   left: 0;
   right: 0;
 }
-.f-drawer--bottom[data-v-8f7155b9] {
+.f-drawer--bottom[data-v-c7209ade] {
   bottom: 0;
   left: 0;
   right: 0;
 }
-.f-drawer__header[data-v-8f7155b9] {
+.f-drawer__header[data-v-c7209ade] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12453,13 +13727,13 @@ to {
   border-bottom: 1px solid #e4e7ed;
   flex-shrink: 0;
 }
-.f-drawer__title[data-v-8f7155b9] {
+.f-drawer__title[data-v-c7209ade] {
   font-size: 18px;
   font-weight: 600;
   margin: 0;
   color: #303133;
 }
-.f-drawer__close[data-v-8f7155b9] {
+.f-drawer__close[data-v-c7209ade] {
   width: 40px;
   height: 40px;
   display: flex;
@@ -12473,59 +13747,64 @@ to {
   padding: 0;
   transition: all 0.2s;
 }
-.f-drawer__close[data-v-8f7155b9]:hover {
+.f-drawer__close[data-v-c7209ade]:hover {
   background: #f5f7fa;
   color: #606266;
 }
-.f-drawer__body[data-v-8f7155b9] {
+.f-drawer__body[data-v-c7209ade] {
   flex: 1;
   min-height: 0;
-  overflow-y: auto;
   padding: 20px;
 }
-.f-drawer__footer[data-v-8f7155b9] {
+.f-drawer__body[data-v-c7209ade] .f-scrollbar {
+  height: 100%;
+}
+.f-drawer__body[data-v-c7209ade] .f-scrollbar__view {
+  padding: 0;
+}
+.f-drawer__footer[data-v-c7209ade] {
   padding: 20px;
   border-top: 1px solid #e4e7ed;
   flex-shrink: 0;
 }
-.drawer-fade-enter-active[data-v-8f7155b9],
-.drawer-fade-leave-active[data-v-8f7155b9] {
+.drawer-fade-enter-active[data-v-c7209ade],
+.drawer-fade-leave-active[data-v-c7209ade] {
   transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-fade-enter-from[data-v-8f7155b9],
-.drawer-fade-leave-to[data-v-8f7155b9] {
+.drawer-fade-enter-from[data-v-c7209ade],
+.drawer-fade-leave-to[data-v-c7209ade] {
   opacity: 0;
 }
-.drawer-left-enter-active[data-v-8f7155b9],
-.drawer-left-leave-active[data-v-8f7155b9] {
+.drawer-left-enter-active[data-v-c7209ade],
+.drawer-left-leave-active[data-v-c7209ade] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-left-enter-from[data-v-8f7155b9],
-.drawer-left-leave-to[data-v-8f7155b9] {
+.drawer-left-enter-from[data-v-c7209ade],
+.drawer-left-leave-to[data-v-c7209ade] {
   transform: translateX(-100%);
 }
-.drawer-right-enter-active[data-v-8f7155b9],
-.drawer-right-leave-active[data-v-8f7155b9] {
+.drawer-right-enter-active[data-v-c7209ade],
+.drawer-right-leave-active[data-v-c7209ade] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-right-enter-from[data-v-8f7155b9],
-.drawer-right-leave-to[data-v-8f7155b9] {
+.drawer-right-enter-from[data-v-c7209ade],
+.drawer-right-leave-to[data-v-c7209ade] {
   transform: translateX(100%);
 }
-.drawer-top-enter-active[data-v-8f7155b9],
-.drawer-top-leave-active[data-v-8f7155b9] {
+.drawer-top-enter-active[data-v-c7209ade],
+.drawer-top-leave-active[data-v-c7209ade] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-top-enter-from[data-v-8f7155b9],
-.drawer-top-leave-to[data-v-8f7155b9] {
+.drawer-top-enter-from[data-v-c7209ade],
+.drawer-top-leave-to[data-v-c7209ade] {
   transform: translateY(-100%);
 }
-.drawer-bottom-enter-active[data-v-8f7155b9],
-.drawer-bottom-leave-active[data-v-8f7155b9] {
+.drawer-bottom-enter-active[data-v-c7209ade],
+.drawer-bottom-leave-active[data-v-c7209ade] {
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.drawer-bottom-enter-from[data-v-8f7155b9],
-.drawer-bottom-leave-to[data-v-8f7155b9] {
+.drawer-bottom-enter-from[data-v-c7209ade],
+.drawer-bottom-leave-to[data-v-c7209ade] {
   transform: translateY(100%);
 }.crop-box[data-v-54852b1f] {
   width: 100%;