yd-admin 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +372 -327
  2. package/dist/index.js +3106 -496
  3. package/dist/style.css +2709 -1032
  4. package/package.json +81 -81
  5. package/dist/chunk-pbuEa-1d.js +0 -13
  6. package/dist/index.d.ts +0 -4588
package/dist/style.css CHANGED
@@ -1,117 +1,117 @@
1
1
 
2
- .yd-button[data-v-8a9a80ea] {
3
- display: inline-flex;
4
- align-items: center;
5
- justify-content: center;
6
- gap: 8px;
7
- padding: 8px 16px;
8
- font-size: 14px;
9
- font-weight: 500;
10
- line-height: 1.5;
11
- border: 1px solid transparent;
12
- border-radius: 6px;
13
- cursor: pointer;
14
- transition: all 200ms ease;
2
+ .yd-button[data-v-08fa2dc1] {
3
+ display: inline-flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ gap: 8px;
7
+ padding: 8px 16px;
8
+ font-size: 14px;
9
+ font-weight: 500;
10
+ line-height: 1.5;
11
+ border: 1px solid transparent;
12
+ border-radius: 6px;
13
+ cursor: pointer;
14
+ transition: all 200ms ease;
15
15
  user-select: none;
16
16
  }
17
- .yd-button[data-v-8a9a80ea]:disabled {
18
- cursor: not-allowed;
17
+ .yd-button[data-v-08fa2dc1]:disabled {
18
+ cursor: not-allowed;
19
19
  opacity: 0.6;
20
20
  }
21
- .yd-button--primary[data-v-8a9a80ea] {
22
- color: var(--yd-color-btn-primary-color);
23
- background-color: var(--yd-color-btn-primary-bg);
21
+ .yd-button--primary[data-v-08fa2dc1] {
22
+ color: var(--yd-color-btn-primary-color);
23
+ background-color: var(--yd-color-btn-primary-bg);
24
24
  border-color: var(--yd-color-btn-primary-bg);
25
25
  }
26
- .yd-button--primary[data-v-8a9a80ea]:hover:not(:disabled) {
26
+ .yd-button--primary[data-v-08fa2dc1]:hover:not(:disabled) {
27
27
  background-color: var(--yd-color-btn-primary-bg-hover);
28
28
  }
29
- .yd-button--success[data-v-8a9a80ea] {
30
- color: var(--yd-color-btn-success-color);
31
- background-color: var(--yd-color-btn-success-bg);
29
+ .yd-button--success[data-v-08fa2dc1] {
30
+ color: var(--yd-color-btn-success-color);
31
+ background-color: var(--yd-color-btn-success-bg);
32
32
  border-color: var(--yd-color-btn-success-bg);
33
33
  }
34
- .yd-button--success[data-v-8a9a80ea]:hover:not(:disabled) {
34
+ .yd-button--success[data-v-08fa2dc1]:hover:not(:disabled) {
35
35
  background-color: var(--yd-color-btn-success-bg-hover);
36
36
  }
37
- .yd-button--warning[data-v-8a9a80ea] {
38
- color: var(--yd-color-btn-warning-color);
39
- background-color: var(--yd-color-btn-warning-bg);
37
+ .yd-button--warning[data-v-08fa2dc1] {
38
+ color: var(--yd-color-btn-warning-color);
39
+ background-color: var(--yd-color-btn-warning-bg);
40
40
  border-color: var(--yd-color-btn-warning-bg);
41
41
  }
42
- .yd-button--warning[data-v-8a9a80ea]:hover:not(:disabled) {
42
+ .yd-button--warning[data-v-08fa2dc1]:hover:not(:disabled) {
43
43
  background-color: var(--yd-color-btn-warning-bg-hover);
44
44
  }
45
- .yd-button--error[data-v-8a9a80ea] {
46
- color: var(--yd-color-btn-error-color);
47
- background-color: var(--yd-color-btn-error-bg);
45
+ .yd-button--error[data-v-08fa2dc1] {
46
+ color: var(--yd-color-btn-error-color);
47
+ background-color: var(--yd-color-btn-error-bg);
48
48
  border-color: var(--yd-color-btn-error-bg);
49
49
  }
50
- .yd-button--error[data-v-8a9a80ea]:hover:not(:disabled) {
50
+ .yd-button--error[data-v-08fa2dc1]:hover:not(:disabled) {
51
51
  background-color: var(--yd-color-btn-error-bg-hover);
52
52
  }
53
- .yd-button--default[data-v-8a9a80ea] {
54
- color: var(--yd-color-btn-default-color);
55
- background-color: var(--yd-color-btn-default-bg);
53
+ .yd-button--default[data-v-08fa2dc1] {
54
+ color: var(--yd-color-btn-default-color);
55
+ background-color: var(--yd-color-btn-default-bg);
56
56
  border-color: var(--yd-color-btn-default-border);
57
57
  }
58
- .yd-button--default[data-v-8a9a80ea]:hover:not(:disabled) {
58
+ .yd-button--default[data-v-08fa2dc1]:hover:not(:disabled) {
59
59
  background-color: var(--yd-color-btn-default-bg-hover);
60
60
  }
61
- .yd-button--plain[data-v-8a9a80ea] {
61
+ .yd-button--plain[data-v-08fa2dc1] {
62
62
  background-color: transparent;
63
63
  }
64
- .yd-button--plain.yd-button--primary[data-v-8a9a80ea] {
65
- color: var(--yd-color-btn-primary-bg);
64
+ .yd-button--plain.yd-button--primary[data-v-08fa2dc1] {
65
+ color: var(--yd-color-btn-primary-bg);
66
66
  border-color: var(--yd-color-btn-primary-bg);
67
67
  }
68
- .yd-button--plain.yd-button--success[data-v-8a9a80ea] {
69
- color: var(--yd-color-btn-success-bg);
68
+ .yd-button--plain.yd-button--success[data-v-08fa2dc1] {
69
+ color: var(--yd-color-btn-success-bg);
70
70
  border-color: var(--yd-color-btn-success-bg);
71
71
  }
72
- .yd-button--plain.yd-button--warning[data-v-8a9a80ea] {
73
- color: var(--yd-color-btn-warning-bg);
72
+ .yd-button--plain.yd-button--warning[data-v-08fa2dc1] {
73
+ color: var(--yd-color-btn-warning-bg);
74
74
  border-color: var(--yd-color-btn-warning-bg);
75
75
  }
76
- .yd-button--plain.yd-button--error[data-v-8a9a80ea] {
77
- color: var(--yd-color-btn-error-bg);
76
+ .yd-button--plain.yd-button--error[data-v-08fa2dc1] {
77
+ color: var(--yd-color-btn-error-bg);
78
78
  border-color: var(--yd-color-btn-error-bg);
79
79
  }
80
- .yd-button--round[data-v-8a9a80ea] {
80
+ .yd-button--round[data-v-08fa2dc1] {
81
81
  border-radius: 20px;
82
82
  }
83
- .yd-button--circle[data-v-8a9a80ea] {
84
- border-radius: 50%;
85
- padding: 8px;
86
- width: 36px;
83
+ .yd-button--circle[data-v-08fa2dc1] {
84
+ border-radius: 50%;
85
+ padding: 8px;
86
+ width: 36px;
87
87
  height: 36px;
88
88
  }
89
- .yd-button--xs[data-v-8a9a80ea] {
90
- padding: 4px 8px;
89
+ .yd-button--xs[data-v-08fa2dc1] {
90
+ padding: 4px 8px;
91
91
  font-size: 12px;
92
92
  }
93
- .yd-button--sm[data-v-8a9a80ea] {
94
- padding: 6px 12px;
93
+ .yd-button--sm[data-v-08fa2dc1] {
94
+ padding: 6px 12px;
95
95
  font-size: 13px;
96
96
  }
97
- .yd-button--lg[data-v-8a9a80ea] {
98
- padding: 10px 20px;
97
+ .yd-button--lg[data-v-08fa2dc1] {
98
+ padding: 10px 20px;
99
99
  font-size: 16px;
100
100
  }
101
- .yd-button--xl[data-v-8a9a80ea] {
102
- padding: 12px 24px;
101
+ .yd-button--xl[data-v-08fa2dc1] {
102
+ padding: 12px 24px;
103
103
  font-size: 18px;
104
104
  }
105
- .yd-button__loading[data-v-8a9a80ea] {
106
- display: inline-flex;
105
+ .yd-button__loading[data-v-08fa2dc1] {
106
+ display: inline-flex;
107
107
  align-items: center;
108
108
  }
109
- .yd-button__spinner[data-v-8a9a80ea] {
110
- width: 16px;
111
- height: 16px;
112
- will-change: transform;
109
+ .yd-button__spinner[data-v-08fa2dc1] {
110
+ width: 16px;
111
+ height: 16px;
112
+ will-change: transform;
113
113
  animation: yd-spin 1s linear infinite;
114
- }
114
+ }
115
115
 
116
116
  .yd-icon[data-v-20774ae9] {
117
117
  display: inline-flex;
@@ -1761,700 +1761,700 @@ to {
1761
1761
  object-fit: contain;
1762
1762
  }
1763
1763
 
1764
- .yd-login[data-v-a965dc29] {
1765
- position: relative;
1766
- width: 100%;
1767
- min-height: 100vh;
1768
- display: flex;
1769
- align-items: center;
1770
- justify-content: center;
1771
- background: var(--yd-color-muted);
1764
+ .yd-login[data-v-6981722d] {
1765
+ position: relative;
1766
+ width: 100%;
1767
+ min-height: 100vh;
1768
+ display: flex;
1769
+ align-items: center;
1770
+ justify-content: center;
1771
+ background: var(--yd-color-muted);
1772
1772
  overflow: hidden;
1773
1773
  }
1774
- .yd-login__bg[data-v-a965dc29] {
1775
- position: absolute;
1776
- inset: 0;
1777
- overflow: hidden;
1774
+ .yd-login__bg[data-v-6981722d] {
1775
+ position: absolute;
1776
+ inset: 0;
1777
+ overflow: hidden;
1778
1778
  pointer-events: none;
1779
1779
  }
1780
- .yd-login__bg-circle[data-v-a965dc29] {
1781
- position: absolute;
1782
- width: 400px;
1783
- height: 400px;
1784
- border-radius: 50%;
1785
- background: linear-gradient(135deg, var(--yd-color-primary-100), var(--yd-color-primary-50));
1786
- opacity: 0.6;
1787
- filter: blur(60px);
1788
- will-change: transform, opacity;
1789
- right: -100px;
1780
+ .yd-login__bg-circle[data-v-6981722d] {
1781
+ position: absolute;
1782
+ width: 400px;
1783
+ height: 400px;
1784
+ border-radius: 50%;
1785
+ background: linear-gradient(135deg, var(--yd-color-primary-100), var(--yd-color-primary-50));
1786
+ opacity: 0.6;
1787
+ filter: blur(60px);
1788
+ will-change: transform, opacity;
1789
+ right: -100px;
1790
1790
  bottom: -100px;
1791
1791
  }
1792
- .yd-login__container[data-v-a965dc29] {
1793
- position: relative;
1794
- z-index: 1;
1795
- display: flex;
1796
- width: 100%;
1797
- max-width: 1200px;
1798
- min-height: 600px;
1799
- background: var(--yd-color-bg);
1800
- border-radius: var(--yd-radius-lg);
1801
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
1792
+ .yd-login__container[data-v-6981722d] {
1793
+ position: relative;
1794
+ z-index: 1;
1795
+ display: flex;
1796
+ width: 100%;
1797
+ max-width: 1200px;
1798
+ min-height: 600px;
1799
+ background: var(--yd-color-bg);
1800
+ border-radius: var(--yd-radius-lg);
1801
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
1802
1802
  overflow: hidden;
1803
1803
  }
1804
- .yd-login__brand[data-v-a965dc29] {
1805
- flex: 1;
1806
- background: linear-gradient(135deg, var(--yd-color-primary-600), var(--yd-color-primary-800));
1807
- color: #fff;
1808
- display: flex;
1809
- align-items: center;
1810
- justify-content: center;
1804
+ .yd-login__brand[data-v-6981722d] {
1805
+ flex: 1;
1806
+ background: linear-gradient(135deg, var(--yd-color-primary-600), var(--yd-color-primary-800));
1807
+ color: #fff;
1808
+ display: flex;
1809
+ align-items: center;
1810
+ justify-content: center;
1811
1811
  padding: var(--yd-spacing-xl);
1812
1812
  }
1813
- .yd-login__brand-content[data-v-a965dc29] {
1813
+ .yd-login__brand-content[data-v-6981722d] {
1814
1814
  max-width: 400px;
1815
1815
  }
1816
- .yd-login__logo[data-v-a965dc29] {
1816
+ .yd-login__logo[data-v-6981722d] {
1817
1817
  margin-bottom: var(--yd-spacing-lg);
1818
1818
  }
1819
- .yd-login__logo-icon[data-v-a965dc29] {
1819
+ .yd-login__logo-icon[data-v-6981722d] {
1820
1820
  font-size: 48px;
1821
1821
  }
1822
- .yd-login__title[data-v-a965dc29] {
1823
- font-size: 32px;
1824
- font-weight: 700;
1822
+ .yd-login__title[data-v-6981722d] {
1823
+ font-size: 32px;
1824
+ font-weight: 700;
1825
1825
  margin: 0 0 var(--yd-spacing-sm);
1826
1826
  }
1827
- .yd-login__subtitle[data-v-a965dc29] {
1828
- font-size: var(--yd-font-size-base);
1829
- opacity: 0.8;
1827
+ .yd-login__subtitle[data-v-6981722d] {
1828
+ font-size: var(--yd-font-size-base);
1829
+ opacity: 0.8;
1830
1830
  margin: 0 0 var(--yd-spacing-xl);
1831
1831
  }
1832
- .yd-login__features[data-v-a965dc29] {
1833
- display: flex;
1834
- flex-direction: column;
1832
+ .yd-login__features[data-v-6981722d] {
1833
+ display: flex;
1834
+ flex-direction: column;
1835
1835
  gap: var(--yd-spacing-md);
1836
1836
  }
1837
- .yd-login__feature[data-v-a965dc29] {
1838
- display: flex;
1839
- align-items: center;
1840
- gap: var(--yd-spacing-sm);
1841
- font-size: var(--yd-font-size-sm);
1837
+ .yd-login__feature[data-v-6981722d] {
1838
+ display: flex;
1839
+ align-items: center;
1840
+ gap: var(--yd-spacing-sm);
1841
+ font-size: var(--yd-font-size-sm);
1842
1842
  opacity: 0.9;
1843
1843
  }
1844
- .yd-login__feature-icon[data-v-a965dc29] {
1844
+ .yd-login__feature-icon[data-v-6981722d] {
1845
1845
  font-size: 20px;
1846
1846
  }
1847
- .yd-login__form-section[data-v-a965dc29] {
1848
- flex: 1;
1849
- display: flex;
1850
- align-items: center;
1851
- justify-content: center;
1847
+ .yd-login__form-section[data-v-6981722d] {
1848
+ flex: 1;
1849
+ display: flex;
1850
+ align-items: center;
1851
+ justify-content: center;
1852
1852
  padding: var(--yd-spacing-xl);
1853
1853
  }
1854
- .yd-login__form-card[data-v-a965dc29] {
1855
- width: 100%;
1854
+ .yd-login__form-card[data-v-6981722d] {
1855
+ width: 100%;
1856
1856
  max-width: 400px;
1857
1857
  }
1858
- .yd-login__form-title[data-v-a965dc29] {
1859
- font-size: 24px;
1860
- font-weight: 600;
1861
- color: var(--yd-color-fg);
1858
+ .yd-login__form-title[data-v-6981722d] {
1859
+ font-size: 24px;
1860
+ font-weight: 600;
1861
+ color: var(--yd-color-fg);
1862
1862
  margin: 0 0 var(--yd-spacing-lg);
1863
1863
  }
1864
- .yd-login__tabs[data-v-a965dc29] {
1865
- display: flex;
1866
- gap: var(--yd-spacing-lg);
1867
- margin-bottom: var(--yd-spacing-lg);
1864
+ .yd-login__tabs[data-v-6981722d] {
1865
+ display: flex;
1866
+ gap: var(--yd-spacing-lg);
1867
+ margin-bottom: var(--yd-spacing-lg);
1868
1868
  border-bottom: 1px solid var(--yd-color-border);
1869
1869
  }
1870
- .yd-login__tab[data-v-a965dc29] {
1871
- padding: var(--yd-spacing-sm) 0;
1872
- border: none;
1873
- background: none;
1874
- font-size: var(--yd-font-size-base);
1875
- color: var(--yd-color-muted-fg);
1876
- cursor: pointer;
1877
- position: relative;
1870
+ .yd-login__tab[data-v-6981722d] {
1871
+ padding: var(--yd-spacing-sm) 0;
1872
+ border: none;
1873
+ background: none;
1874
+ font-size: var(--yd-font-size-base);
1875
+ color: var(--yd-color-muted-fg);
1876
+ cursor: pointer;
1877
+ position: relative;
1878
1878
  transition: color var(--yd-transition-fast);
1879
1879
  }
1880
- .yd-login__tab[data-v-a965dc29]:hover {
1880
+ .yd-login__tab[data-v-6981722d]:hover {
1881
1881
  color: var(--yd-color-fg);
1882
1882
  }
1883
- .yd-login__tab--active[data-v-a965dc29] {
1884
- color: var(--yd-color-primary-600);
1883
+ .yd-login__tab--active[data-v-6981722d] {
1884
+ color: var(--yd-color-primary-600);
1885
1885
  font-weight: var(--yd-font-weight-medium);
1886
1886
  }
1887
- .yd-login__tab--active[data-v-a965dc29]::after {
1888
- content: "";
1889
- position: absolute;
1890
- bottom: -1px;
1891
- left: 0;
1892
- right: 0;
1893
- height: 2px;
1887
+ .yd-login__tab--active[data-v-6981722d]::after {
1888
+ content: "";
1889
+ position: absolute;
1890
+ bottom: -1px;
1891
+ left: 0;
1892
+ right: 0;
1893
+ height: 2px;
1894
1894
  background: var(--yd-color-primary-500);
1895
1895
  }
1896
- .yd-login__form[data-v-a965dc29] {
1897
- display: flex;
1898
- flex-direction: column;
1896
+ .yd-login__form[data-v-6981722d] {
1897
+ display: flex;
1898
+ flex-direction: column;
1899
1899
  gap: var(--yd-spacing-md);
1900
1900
  }
1901
- .yd-login__field[data-v-a965dc29] {
1902
- display: flex;
1901
+ .yd-login__field[data-v-6981722d] {
1902
+ display: flex;
1903
1903
  flex-direction: column;
1904
1904
  }
1905
- .yd-login__input-wrapper[data-v-a965dc29] {
1906
- display: flex;
1907
- align-items: center;
1908
- border: 1px solid var(--yd-color-border);
1909
- border-radius: var(--yd-radius-base);
1910
- padding: 0 var(--yd-spacing-sm);
1911
- transition: border-color var(--yd-transition-fast);
1905
+ .yd-login__input-wrapper[data-v-6981722d] {
1906
+ display: flex;
1907
+ align-items: center;
1908
+ border: 1px solid var(--yd-color-border);
1909
+ border-radius: var(--yd-radius-base);
1910
+ padding: 0 var(--yd-spacing-sm);
1911
+ transition: border-color var(--yd-transition-fast);
1912
1912
  background: var(--yd-color-bg);
1913
1913
  }
1914
- .yd-login__input-wrapper[data-v-a965dc29]:focus-within {
1915
- border-color: var(--yd-color-primary-500);
1914
+ .yd-login__input-wrapper[data-v-6981722d]:focus-within {
1915
+ border-color: var(--yd-color-primary-500);
1916
1916
  box-shadow: 0 0 0 3px var(--yd-color-primary-100);
1917
1917
  }
1918
- .yd-login__input-icon[data-v-a965dc29] {
1919
- font-size: 16px;
1918
+ .yd-login__input-icon[data-v-6981722d] {
1919
+ font-size: 16px;
1920
1920
  flex-shrink: 0;
1921
1921
  }
1922
- .yd-login__input[data-v-a965dc29] {
1923
- flex: 1;
1924
- border: none;
1925
- outline: none;
1926
- padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
1927
- font-size: var(--yd-font-size-base);
1928
- background: transparent;
1922
+ .yd-login__input[data-v-6981722d] {
1923
+ flex: 1;
1924
+ border: none;
1925
+ outline: none;
1926
+ padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
1927
+ font-size: var(--yd-font-size-base);
1928
+ background: transparent;
1929
1929
  color: var(--yd-color-fg);
1930
1930
  }
1931
- .yd-login__input[data-v-a965dc29]::placeholder {
1931
+ .yd-login__input[data-v-6981722d]::placeholder {
1932
1932
  color: var(--yd-color-muted-fg);
1933
1933
  }
1934
- .yd-login__toggle-pwd[data-v-a965dc29] {
1935
- background: none;
1936
- border: none;
1937
- cursor: pointer;
1938
- font-size: 16px;
1934
+ .yd-login__toggle-pwd[data-v-6981722d] {
1935
+ background: none;
1936
+ border: none;
1937
+ cursor: pointer;
1938
+ font-size: 16px;
1939
1939
  padding: 4px;
1940
1940
  }
1941
- .yd-login__send-code[data-v-a965dc29] {
1942
- background: none;
1943
- border: none;
1944
- cursor: pointer;
1945
- font-size: var(--yd-font-size-sm);
1946
- color: var(--yd-color-primary-500);
1947
- padding: 4px var(--yd-spacing-xs);
1948
- white-space: nowrap;
1941
+ .yd-login__send-code[data-v-6981722d] {
1942
+ background: none;
1943
+ border: none;
1944
+ cursor: pointer;
1945
+ font-size: var(--yd-font-size-sm);
1946
+ color: var(--yd-color-primary-500);
1947
+ padding: 4px var(--yd-spacing-xs);
1948
+ white-space: nowrap;
1949
1949
  flex-shrink: 0;
1950
1950
  }
1951
- .yd-login__send-code[data-v-a965dc29]:hover:not(:disabled) {
1951
+ .yd-login__send-code[data-v-6981722d]:hover:not(:disabled) {
1952
1952
  color: var(--yd-color-primary-600);
1953
1953
  }
1954
- .yd-login__send-code--disabled[data-v-a965dc29] {
1955
- color: var(--yd-color-muted-fg);
1954
+ .yd-login__send-code--disabled[data-v-6981722d] {
1955
+ color: var(--yd-color-muted-fg);
1956
1956
  cursor: not-allowed;
1957
1957
  }
1958
- .yd-login__captcha-row[data-v-a965dc29] {
1959
- display: flex;
1960
- gap: var(--yd-spacing-sm);
1958
+ .yd-login__captcha-row[data-v-6981722d] {
1959
+ display: flex;
1960
+ gap: var(--yd-spacing-sm);
1961
1961
  align-items: center;
1962
1962
  }
1963
- .yd-login__captcha-img[data-v-a965dc29] {
1963
+ .yd-login__captcha-img[data-v-6981722d] {
1964
1964
  flex-shrink: 0;
1965
1965
  }
1966
- .yd-login__options[data-v-a965dc29] {
1967
- display: flex;
1968
- align-items: center;
1969
- justify-content: space-between;
1966
+ .yd-login__options[data-v-6981722d] {
1967
+ display: flex;
1968
+ align-items: center;
1969
+ justify-content: space-between;
1970
1970
  font-size: var(--yd-font-size-sm);
1971
1971
  }
1972
- .yd-login__remember[data-v-a965dc29] {
1973
- display: flex;
1974
- align-items: center;
1975
- gap: var(--yd-spacing-xs);
1976
- color: var(--yd-color-muted-fg);
1972
+ .yd-login__remember[data-v-6981722d] {
1973
+ display: flex;
1974
+ align-items: center;
1975
+ gap: var(--yd-spacing-xs);
1976
+ color: var(--yd-color-muted-fg);
1977
1977
  cursor: pointer;
1978
1978
  }
1979
- .yd-login__forgot[data-v-a965dc29] {
1980
- color: var(--yd-color-primary-500);
1981
- text-decoration: none;
1979
+ .yd-login__forgot[data-v-6981722d] {
1980
+ color: var(--yd-color-primary-500);
1981
+ text-decoration: none;
1982
1982
  transition: color var(--yd-transition-fast);
1983
1983
  }
1984
- .yd-login__forgot[data-v-a965dc29]:hover {
1985
- color: var(--yd-color-primary-600);
1984
+ .yd-login__forgot[data-v-6981722d]:hover {
1985
+ color: var(--yd-color-primary-600);
1986
1986
  text-decoration: underline;
1987
1987
  }
1988
- .yd-login__error[data-v-a965dc29] {
1989
- display: flex;
1990
- align-items: center;
1991
- gap: var(--yd-spacing-xs);
1992
- padding: var(--yd-spacing-sm);
1993
- background: var(--yd-color-error-50, #fef2f2);
1994
- color: var(--yd-color-error);
1995
- border-radius: var(--yd-radius-sm);
1988
+ .yd-login__error[data-v-6981722d] {
1989
+ display: flex;
1990
+ align-items: center;
1991
+ gap: var(--yd-spacing-xs);
1992
+ padding: var(--yd-spacing-sm);
1993
+ background: var(--yd-color-error-50, #fef2f2);
1994
+ color: var(--yd-color-error);
1995
+ border-radius: var(--yd-radius-sm);
1996
1996
  font-size: var(--yd-font-size-sm);
1997
1997
  }
1998
- .yd-login__submit[data-v-a965dc29] {
1999
- width: 100%;
2000
- padding: var(--yd-spacing-sm);
2001
- border: none;
2002
- border-radius: var(--yd-radius-base);
2003
- background: var(--yd-color-primary-500);
2004
- color: #fff;
2005
- font-size: var(--yd-font-size-base);
2006
- font-weight: var(--yd-font-weight-medium);
2007
- cursor: pointer;
2008
- transition: all var(--yd-transition-fast);
2009
- display: flex;
2010
- align-items: center;
2011
- justify-content: center;
1998
+ .yd-login__submit[data-v-6981722d] {
1999
+ width: 100%;
2000
+ padding: var(--yd-spacing-sm);
2001
+ border: none;
2002
+ border-radius: var(--yd-radius-base);
2003
+ background: var(--yd-color-primary-500);
2004
+ color: #fff;
2005
+ font-size: var(--yd-font-size-base);
2006
+ font-weight: var(--yd-font-weight-medium);
2007
+ cursor: pointer;
2008
+ transition: all var(--yd-transition-fast);
2009
+ display: flex;
2010
+ align-items: center;
2011
+ justify-content: center;
2012
2012
  gap: var(--yd-spacing-xs);
2013
2013
  }
2014
- .yd-login__submit[data-v-a965dc29]:hover:not(:disabled) {
2014
+ .yd-login__submit[data-v-6981722d]:hover:not(:disabled) {
2015
2015
  background: var(--yd-color-primary-600);
2016
2016
  }
2017
- .yd-login__submit[data-v-a965dc29]:disabled {
2018
- opacity: 0.7;
2017
+ .yd-login__submit[data-v-6981722d]:disabled {
2018
+ opacity: 0.7;
2019
2019
  cursor: not-allowed;
2020
2020
  }
2021
- .yd-login__spinner[data-v-a965dc29] {
2022
- width: 16px;
2023
- height: 16px;
2024
- border: 2px solid rgba(255, 255, 255, 0.3);
2025
- border-top-color: #fff;
2026
- border-radius: 50%;
2021
+ .yd-login__spinner[data-v-6981722d] {
2022
+ width: 16px;
2023
+ height: 16px;
2024
+ border: 2px solid rgba(255, 255, 255, 0.3);
2025
+ border-top-color: #fff;
2026
+ border-radius: 50%;
2027
2027
  animation: yd-spin 0.6s linear infinite;
2028
2028
  }
2029
- .yd-login__divider[data-v-a965dc29] {
2030
- display: flex;
2031
- align-items: center;
2032
- gap: var(--yd-spacing-sm);
2033
- margin: var(--yd-spacing-md) 0;
2034
- color: var(--yd-color-muted-fg);
2029
+ .yd-login__divider[data-v-6981722d] {
2030
+ display: flex;
2031
+ align-items: center;
2032
+ gap: var(--yd-spacing-sm);
2033
+ margin: var(--yd-spacing-md) 0;
2034
+ color: var(--yd-color-muted-fg);
2035
2035
  font-size: var(--yd-font-size-xs);
2036
2036
  }
2037
- .yd-login__divider[data-v-a965dc29]::before,
2038
- .yd-login__divider[data-v-a965dc29]::after {
2039
- content: "";
2040
- flex: 1;
2041
- height: 1px;
2037
+ .yd-login__divider[data-v-6981722d]::before,
2038
+ .yd-login__divider[data-v-6981722d]::after {
2039
+ content: "";
2040
+ flex: 1;
2041
+ height: 1px;
2042
2042
  background: var(--yd-color-border);
2043
2043
  }
2044
- .yd-login__social[data-v-a965dc29] {
2045
- display: flex;
2046
- justify-content: center;
2044
+ .yd-login__social[data-v-6981722d] {
2045
+ display: flex;
2046
+ justify-content: center;
2047
2047
  gap: var(--yd-spacing-md);
2048
2048
  }
2049
- .yd-login__social-btn[data-v-a965dc29] {
2050
- width: 40px;
2051
- height: 40px;
2052
- border: 1px solid var(--yd-color-border);
2053
- border-radius: 50%;
2054
- background: var(--yd-color-bg);
2055
- cursor: pointer;
2056
- font-size: 18px;
2057
- display: flex;
2058
- align-items: center;
2059
- justify-content: center;
2049
+ .yd-login__social-btn[data-v-6981722d] {
2050
+ width: 40px;
2051
+ height: 40px;
2052
+ border: 1px solid var(--yd-color-border);
2053
+ border-radius: 50%;
2054
+ background: var(--yd-color-bg);
2055
+ cursor: pointer;
2056
+ font-size: 18px;
2057
+ display: flex;
2058
+ align-items: center;
2059
+ justify-content: center;
2060
2060
  transition: all var(--yd-transition-fast);
2061
2061
  }
2062
- .yd-login__social-btn[data-v-a965dc29]:hover {
2063
- border-color: var(--yd-color-primary-300);
2062
+ .yd-login__social-btn[data-v-6981722d]:hover {
2063
+ border-color: var(--yd-color-primary-300);
2064
2064
  background: var(--yd-color-primary-50);
2065
2065
  }
2066
- .yd-login__footer-links[data-v-a965dc29] {
2067
- text-align: center;
2068
- margin-top: var(--yd-spacing-xl);
2069
- font-size: var(--yd-font-size-xs);
2066
+ .yd-login__footer-links[data-v-6981722d] {
2067
+ text-align: center;
2068
+ margin-top: var(--yd-spacing-xl);
2069
+ font-size: var(--yd-font-size-xs);
2070
2070
  color: var(--yd-color-muted-fg);
2071
2071
  }
2072
2072
  @media (max-width: 768px) {
2073
- .yd-login__brand[data-v-a965dc29] {
2073
+ .yd-login__brand[data-v-6981722d] {
2074
2074
  display: none;
2075
2075
  }
2076
- .yd-login__container[data-v-a965dc29] {
2077
- max-width: 400px;
2078
- min-height: auto;
2076
+ .yd-login__container[data-v-6981722d] {
2077
+ max-width: 400px;
2078
+ min-height: auto;
2079
2079
  margin: var(--yd-spacing-lg);
2080
2080
  }
2081
- }
2082
-
2081
+ }
2082
+
2083
2083
  /* Dark theme - 使用全局 data-theme 属性 */
2084
- [data-theme="dark"] {
2084
+ [data-theme="dark"] {
2085
2085
  background: var(--yd-color-bg);
2086
2086
  }
2087
- [data-theme="dark"] {
2088
- background: var(--yd-color-bg-elevated);
2087
+ [data-theme="dark"] {
2088
+ background: var(--yd-color-bg-elevated);
2089
2089
  border-color: var(--yd-color-border);
2090
2090
  }
2091
- [data-theme="dark"] {
2091
+ [data-theme="dark"] {
2092
2092
  background: linear-gradient(135deg, #1e3a8a, #1e40af);
2093
2093
  }
2094
- [data-theme="dark"],[data-theme="dark"],[data-theme="dark"] {
2094
+ [data-theme="dark"],[data-theme="dark"],[data-theme="dark"] {
2095
2095
  color: var(--yd-color-fg);
2096
2096
  }
2097
- [data-theme="dark"],[data-theme="dark"] {
2098
- background: var(--yd-color-bg);
2097
+ [data-theme="dark"],[data-theme="dark"] {
2098
+ background: var(--yd-color-bg);
2099
2099
  border-color: var(--yd-color-border);
2100
2100
  }
2101
- [data-theme="dark"] {
2101
+ [data-theme="dark"] {
2102
2102
  color: var(--yd-color-fg);
2103
2103
  }
2104
- [data-theme="dark"] {
2104
+ [data-theme="dark"] {
2105
2105
  color: var(--yd-color-fg-muted);
2106
2106
  }
2107
- [data-theme="dark"],[data-theme="dark"] {
2107
+ [data-theme="dark"],[data-theme="dark"] {
2108
2108
  color: var(--yd-color-fg-muted);
2109
2109
  }
2110
- [data-theme="dark"] {
2111
- background: var(--yd-color-bg);
2110
+ [data-theme="dark"] {
2111
+ background: var(--yd-color-bg);
2112
2112
  border-color: var(--yd-color-border);
2113
2113
  }
2114
- [data-theme="dark"] {
2114
+ [data-theme="dark"] {
2115
2115
  background: var(--yd-color-muted);
2116
2116
  }
2117
- [data-theme="dark"] {
2117
+ [data-theme="dark"] {
2118
2118
  color: var(--yd-color-fg-muted);
2119
- }
2120
-
2121
- .yd-login-centered[data-v-be643e6b] {
2122
- position: relative;
2123
- width: 100%;
2124
- min-height: 100vh;
2125
- display: flex;
2126
- align-items: center;
2127
- justify-content: center;
2128
- padding: var(--yd-spacing-xl);
2119
+ }
2120
+
2121
+ .yd-login-centered[data-v-267a78de] {
2122
+ position: relative;
2123
+ width: 100%;
2124
+ min-height: 100vh;
2125
+ display: flex;
2126
+ align-items: center;
2127
+ justify-content: center;
2128
+ padding: var(--yd-spacing-xl);
2129
2129
  overflow: hidden;
2130
2130
  }
2131
- .yd-login-centered__bg-pattern[data-v-be643e6b] {
2132
- position: absolute;
2133
- inset: 0;
2134
- pointer-events: none;
2131
+ .yd-login-centered__bg-pattern[data-v-267a78de] {
2132
+ position: absolute;
2133
+ inset: 0;
2134
+ pointer-events: none;
2135
2135
  overflow: hidden;
2136
2136
  }
2137
- .yd-login-centered__bg-shape[data-v-be643e6b] {
2138
- position: absolute;
2139
- border-radius: 50%;
2140
- opacity: 0.08;
2141
- will-change: transform;
2142
- animation: yd-login-float-be643e6b 20s ease-in-out infinite;
2137
+ .yd-login-centered__bg-shape[data-v-267a78de] {
2138
+ position: absolute;
2139
+ border-radius: 50%;
2140
+ opacity: 0.08;
2141
+ will-change: transform;
2142
+ animation: yd-login-float-267a78de 20s ease-in-out infinite;
2143
2143
  }
2144
- @keyframes yd-login-float-be643e6b {
2145
- 0%,
2146
- 100% {
2144
+ @keyframes yd-login-float-267a78de {
2145
+ 0%,
2146
+ 100% {
2147
2147
  transform: translate3d(0, 0, 0) rotate(0deg);
2148
2148
  }
2149
- 50% {
2149
+ 50% {
2150
2150
  transform: translate3d(0, -20px, 0) rotate(180deg);
2151
2151
  }
2152
2152
  }
2153
- .yd-login-centered__theme--default[data-v-be643e6b] {
2153
+ .yd-login-centered__theme--default[data-v-267a78de] {
2154
2154
  background: var(--yd-color-muted);
2155
2155
  }
2156
- .yd-login-centered__theme--default .yd-login-centered__bg-shape[data-v-be643e6b] {
2156
+ .yd-login-centered__theme--default .yd-login-centered__bg-shape[data-v-267a78de] {
2157
2157
  background: var(--yd-color-primary-500);
2158
2158
  }
2159
- .yd-login-centered__theme--default .yd-login-centered__card[data-v-be643e6b] {
2160
- background: var(--yd-color-bg);
2159
+ .yd-login-centered__theme--default .yd-login-centered__card[data-v-267a78de] {
2160
+ background: var(--yd-color-bg);
2161
2161
  border: 1px solid var(--yd-color-border);
2162
2162
  }
2163
- .yd-login-centered__theme--gradient[data-v-be643e6b] {
2163
+ .yd-login-centered__theme--gradient[data-v-267a78de] {
2164
2164
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
2165
2165
  }
2166
- .yd-login-centered__theme--gradient .yd-login-centered__bg-shape[data-v-be643e6b] {
2166
+ .yd-login-centered__theme--gradient .yd-login-centered__bg-shape[data-v-267a78de] {
2167
2167
  background: rgba(255, 255, 255, 0.1);
2168
2168
  }
2169
- .yd-login-centered__theme--gradient .yd-login-centered__card[data-v-be643e6b] {
2170
- background: rgba(255, 255, 255, 0.95);
2171
- backdrop-filter: blur(20px);
2169
+ .yd-login-centered__theme--gradient .yd-login-centered__card[data-v-267a78de] {
2170
+ background: rgba(255, 255, 255, 0.95);
2171
+ backdrop-filter: blur(20px);
2172
2172
  border: 1px solid rgba(255, 255, 255, 0.2);
2173
2173
  }
2174
- [data-theme="dark"] {
2175
- background: rgba(30, 30, 30, 0.95);
2174
+ [data-theme="dark"] {
2175
+ background: rgba(30, 30, 30, 0.95);
2176
2176
  border: 1px solid rgba(255, 255, 255, 0.1);
2177
2177
  }
2178
- .yd-login-centered__theme--minimal[data-v-be643e6b] {
2178
+ .yd-login-centered__theme--minimal[data-v-267a78de] {
2179
2179
  background: var(--yd-color-bg);
2180
2180
  }
2181
- .yd-login-centered__theme--minimal .yd-login-centered__card[data-v-be643e6b] {
2182
- background: transparent;
2183
- border: none;
2184
- box-shadow: none;
2181
+ .yd-login-centered__theme--minimal .yd-login-centered__card[data-v-267a78de] {
2182
+ background: transparent;
2183
+ border: none;
2184
+ box-shadow: none;
2185
2185
  max-width: 360px;
2186
2186
  }
2187
- .yd-login-centered__theme--minimal .yd-login-centered__title[data-v-be643e6b],
2188
- .yd-login-centered__theme--minimal .yd-login-centered__subtitle[data-v-be643e6b] {
2187
+ .yd-login-centered__theme--minimal .yd-login-centered__title[data-v-267a78de],
2188
+ .yd-login-centered__theme--minimal .yd-login-centered__subtitle[data-v-267a78de] {
2189
2189
  text-align: center;
2190
2190
  }
2191
- .yd-login-centered__card[data-v-be643e6b] {
2192
- position: relative;
2193
- z-index: 1;
2194
- width: 100%;
2195
- max-width: 420px;
2196
- padding: var(--yd-spacing-2xl);
2197
- border-radius: var(--yd-radius-lg);
2191
+ .yd-login-centered__card[data-v-267a78de] {
2192
+ position: relative;
2193
+ z-index: 1;
2194
+ width: 100%;
2195
+ max-width: 420px;
2196
+ padding: var(--yd-spacing-2xl);
2197
+ border-radius: var(--yd-radius-lg);
2198
2198
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
2199
2199
  }
2200
- .yd-login-centered__header[data-v-be643e6b] {
2201
- text-align: left;
2200
+ .yd-login-centered__header[data-v-267a78de] {
2201
+ text-align: left;
2202
2202
  margin-bottom: var(--yd-spacing-xl);
2203
2203
  }
2204
- .yd-login-centered__logo[data-v-be643e6b] {
2204
+ .yd-login-centered__logo[data-v-267a78de] {
2205
2205
  margin-bottom: var(--yd-spacing-md);
2206
2206
  }
2207
- .yd-login-centered__logo-svg[data-v-be643e6b] {
2208
- width: 40px;
2207
+ .yd-login-centered__logo-svg[data-v-267a78de] {
2208
+ width: 40px;
2209
2209
  height: 40px;
2210
2210
  }
2211
- .yd-login-centered__title[data-v-be643e6b] {
2212
- font-size: 24px;
2213
- font-weight: 700;
2214
- color: var(--yd-color-fg);
2211
+ .yd-login-centered__title[data-v-267a78de] {
2212
+ font-size: 24px;
2213
+ font-weight: 700;
2214
+ color: var(--yd-color-fg);
2215
2215
  margin: 0 0 var(--yd-spacing-xs);
2216
2216
  }
2217
- .yd-login-centered__subtitle[data-v-be643e6b] {
2218
- font-size: var(--yd-font-size-sm);
2219
- color: var(--yd-color-muted-fg);
2217
+ .yd-login-centered__subtitle[data-v-267a78de] {
2218
+ font-size: var(--yd-font-size-sm);
2219
+ color: var(--yd-color-muted-fg);
2220
2220
  margin: 0;
2221
2221
  }
2222
- .yd-login-centered__tabs[data-v-be643e6b] {
2223
- display: flex;
2224
- gap: var(--yd-spacing-lg);
2225
- margin-bottom: var(--yd-spacing-lg);
2222
+ .yd-login-centered__tabs[data-v-267a78de] {
2223
+ display: flex;
2224
+ gap: var(--yd-spacing-lg);
2225
+ margin-bottom: var(--yd-spacing-lg);
2226
2226
  border-bottom: 1px solid var(--yd-color-border);
2227
2227
  }
2228
- .yd-login-centered__tab[data-v-be643e6b] {
2229
- padding: var(--yd-spacing-sm) 0;
2230
- border: none;
2231
- background: none;
2232
- font-size: var(--yd-font-size-base);
2233
- color: var(--yd-color-muted-fg);
2234
- cursor: pointer;
2235
- position: relative;
2228
+ .yd-login-centered__tab[data-v-267a78de] {
2229
+ padding: var(--yd-spacing-sm) 0;
2230
+ border: none;
2231
+ background: none;
2232
+ font-size: var(--yd-font-size-base);
2233
+ color: var(--yd-color-muted-fg);
2234
+ cursor: pointer;
2235
+ position: relative;
2236
2236
  transition: color var(--yd-transition-fast);
2237
2237
  }
2238
- .yd-login-centered__tab[data-v-be643e6b]:hover {
2238
+ .yd-login-centered__tab[data-v-267a78de]:hover {
2239
2239
  color: var(--yd-color-fg);
2240
2240
  }
2241
- .yd-login-centered__tab--active[data-v-be643e6b] {
2242
- color: var(--yd-color-primary-600);
2241
+ .yd-login-centered__tab--active[data-v-267a78de] {
2242
+ color: var(--yd-color-primary-600);
2243
2243
  font-weight: var(--yd-font-weight-medium);
2244
2244
  }
2245
- .yd-login-centered__tab--active[data-v-be643e6b]::after {
2246
- content: "";
2247
- position: absolute;
2248
- bottom: -1px;
2249
- left: 0;
2250
- right: 0;
2251
- height: 2px;
2245
+ .yd-login-centered__tab--active[data-v-267a78de]::after {
2246
+ content: "";
2247
+ position: absolute;
2248
+ bottom: -1px;
2249
+ left: 0;
2250
+ right: 0;
2251
+ height: 2px;
2252
2252
  background: var(--yd-color-primary-500);
2253
2253
  }
2254
- .yd-login-centered__form[data-v-be643e6b] {
2255
- display: flex;
2256
- flex-direction: column;
2254
+ .yd-login-centered__form[data-v-267a78de] {
2255
+ display: flex;
2256
+ flex-direction: column;
2257
2257
  gap: var(--yd-spacing-md);
2258
2258
  }
2259
- .yd-login-centered__field[data-v-be643e6b] {
2260
- display: flex;
2261
- flex-direction: column;
2259
+ .yd-login-centered__field[data-v-267a78de] {
2260
+ display: flex;
2261
+ flex-direction: column;
2262
2262
  gap: 6px;
2263
2263
  }
2264
- .yd-login-centered__label[data-v-be643e6b] {
2265
- font-size: var(--yd-font-size-sm);
2266
- font-weight: var(--yd-font-weight-medium);
2264
+ .yd-login-centered__label[data-v-267a78de] {
2265
+ font-size: var(--yd-font-size-sm);
2266
+ font-weight: var(--yd-font-weight-medium);
2267
2267
  color: var(--yd-color-fg);
2268
2268
  }
2269
- .yd-login-centered__input-group[data-v-be643e6b] {
2270
- display: flex;
2271
- align-items: center;
2272
- border: 1px solid var(--yd-color-border);
2273
- border-radius: var(--yd-radius-base);
2274
- padding: 0 var(--yd-spacing-sm);
2275
- background: var(--yd-color-bg);
2269
+ .yd-login-centered__input-group[data-v-267a78de] {
2270
+ display: flex;
2271
+ align-items: center;
2272
+ border: 1px solid var(--yd-color-border);
2273
+ border-radius: var(--yd-radius-base);
2274
+ padding: 0 var(--yd-spacing-sm);
2275
+ background: var(--yd-color-bg);
2276
2276
  transition: all var(--yd-transition-fast);
2277
2277
  }
2278
- .yd-login-centered__input-group[data-v-be643e6b]:focus-within {
2279
- border-color: var(--yd-color-primary-500);
2278
+ .yd-login-centered__input-group[data-v-267a78de]:focus-within {
2279
+ border-color: var(--yd-color-primary-500);
2280
2280
  box-shadow: 0 0 0 3px var(--yd-color-primary-100);
2281
2281
  }
2282
- .yd-login-centered__input-prefix[data-v-be643e6b],
2283
- .yd-login-centered__input-suffix[data-v-be643e6b] {
2284
- display: flex;
2285
- align-items: center;
2286
- color: var(--yd-color-muted-fg);
2282
+ .yd-login-centered__input-prefix[data-v-267a78de],
2283
+ .yd-login-centered__input-suffix[data-v-267a78de] {
2284
+ display: flex;
2285
+ align-items: center;
2286
+ color: var(--yd-color-muted-fg);
2287
2287
  flex-shrink: 0;
2288
2288
  }
2289
- .yd-login-centered__input-suffix[data-v-be643e6b] {
2290
- background: none;
2291
- border: none;
2292
- cursor: pointer;
2289
+ .yd-login-centered__input-suffix[data-v-267a78de] {
2290
+ background: none;
2291
+ border: none;
2292
+ cursor: pointer;
2293
2293
  padding: 4px;
2294
2294
  }
2295
- .yd-login-centered__input-suffix[data-v-be643e6b]:hover {
2295
+ .yd-login-centered__input-suffix[data-v-267a78de]:hover {
2296
2296
  color: var(--yd-color-fg);
2297
2297
  }
2298
- .yd-login-centered__send-code[data-v-be643e6b] {
2299
- background: none;
2300
- border: none;
2301
- cursor: pointer;
2302
- font-size: var(--yd-font-size-sm);
2303
- color: var(--yd-color-primary-500);
2304
- padding: 4px var(--yd-spacing-xs);
2305
- white-space: nowrap;
2298
+ .yd-login-centered__send-code[data-v-267a78de] {
2299
+ background: none;
2300
+ border: none;
2301
+ cursor: pointer;
2302
+ font-size: var(--yd-font-size-sm);
2303
+ color: var(--yd-color-primary-500);
2304
+ padding: 4px var(--yd-spacing-xs);
2305
+ white-space: nowrap;
2306
2306
  flex-shrink: 0;
2307
2307
  }
2308
- .yd-login-centered__send-code[data-v-be643e6b]:hover:not(:disabled) {
2308
+ .yd-login-centered__send-code[data-v-267a78de]:hover:not(:disabled) {
2309
2309
  color: var(--yd-color-primary-600);
2310
2310
  }
2311
- .yd-login-centered__send-code--disabled[data-v-be643e6b] {
2312
- color: var(--yd-color-muted-fg);
2311
+ .yd-login-centered__send-code--disabled[data-v-267a78de] {
2312
+ color: var(--yd-color-muted-fg);
2313
2313
  cursor: not-allowed;
2314
2314
  }
2315
- .yd-login-centered__send-code--disabled[data-v-be643e6b] {
2316
- color: var(--yd-color-muted-fg);
2315
+ .yd-login-centered__send-code--disabled[data-v-267a78de] {
2316
+ color: var(--yd-color-muted-fg);
2317
2317
  cursor: not-allowed;
2318
2318
  }
2319
- .yd-login-centered__captcha-img[data-v-be643e6b] {
2320
- flex-shrink: 0;
2319
+ .yd-login-centered__captcha-img[data-v-267a78de] {
2320
+ flex-shrink: 0;
2321
2321
  margin-left: var(--yd-spacing-xs);
2322
2322
  }
2323
- .yd-login-centered__input[data-v-be643e6b] {
2324
- flex: 1;
2325
- border: none;
2326
- outline: none;
2327
- padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
2328
- font-size: var(--yd-font-size-base);
2329
- background: transparent;
2323
+ .yd-login-centered__input[data-v-267a78de] {
2324
+ flex: 1;
2325
+ border: none;
2326
+ outline: none;
2327
+ padding: var(--yd-spacing-sm) var(--yd-spacing-xs);
2328
+ font-size: var(--yd-font-size-base);
2329
+ background: transparent;
2330
2330
  color: var(--yd-color-fg);
2331
2331
  }
2332
- .yd-login-centered__input[data-v-be643e6b]::placeholder {
2332
+ .yd-login-centered__input[data-v-267a78de]::placeholder {
2333
2333
  color: var(--yd-color-muted-fg);
2334
2334
  }
2335
- .yd-login-centered__options-row[data-v-be643e6b] {
2336
- display: flex;
2337
- align-items: center;
2338
- justify-content: space-between;
2335
+ .yd-login-centered__options-row[data-v-267a78de] {
2336
+ display: flex;
2337
+ align-items: center;
2338
+ justify-content: space-between;
2339
2339
  font-size: var(--yd-font-size-sm);
2340
2340
  }
2341
- .yd-login-centered__checkbox-label[data-v-be643e6b] {
2342
- display: flex;
2343
- align-items: center;
2344
- gap: var(--yd-spacing-xs);
2345
- color: var(--yd-color-muted-fg);
2341
+ .yd-login-centered__checkbox-label[data-v-267a78de] {
2342
+ display: flex;
2343
+ align-items: center;
2344
+ gap: var(--yd-spacing-xs);
2345
+ color: var(--yd-color-muted-fg);
2346
2346
  cursor: pointer;
2347
2347
  }
2348
- .yd-login-centered__checkbox[data-v-be643e6b] {
2348
+ .yd-login-centered__checkbox[data-v-267a78de] {
2349
2349
  accent-color: var(--yd-color-primary-500);
2350
2350
  }
2351
- .yd-login-centered__forgot-link[data-v-be643e6b] {
2352
- color: var(--yd-color-primary-500);
2351
+ .yd-login-centered__forgot-link[data-v-267a78de] {
2352
+ color: var(--yd-color-primary-500);
2353
2353
  text-decoration: none;
2354
2354
  }
2355
- .yd-login-centered__forgot-link[data-v-be643e6b]:hover {
2355
+ .yd-login-centered__forgot-link[data-v-267a78de]:hover {
2356
2356
  text-decoration: underline;
2357
2357
  }
2358
- .yd-login-centered__error-msg[data-v-be643e6b] {
2359
- display: flex;
2360
- align-items: center;
2361
- gap: var(--yd-spacing-xs);
2362
- padding: var(--yd-spacing-sm);
2363
- background: var(--yd-color-error-50, #fef2f2);
2364
- color: var(--yd-color-error);
2365
- border-radius: var(--yd-radius-sm);
2366
- font-size: var(--yd-font-size-sm);
2367
- }
2368
- .yd-login-centered__submit-btn[data-v-be643e6b] {
2369
- width: 100%;
2370
- padding: var(--yd-spacing-sm);
2371
- border: none;
2372
- border-radius: var(--yd-radius-base);
2373
- background: var(--yd-color-primary-500);
2374
- color: #fff;
2375
- font-size: var(--yd-font-size-base);
2376
- font-weight: var(--yd-font-weight-medium);
2377
- cursor: pointer;
2378
- transition: all var(--yd-transition-fast);
2379
- display: flex;
2380
- align-items: center;
2381
- justify-content: center;
2358
+ .yd-login-centered__error-msg[data-v-267a78de] {
2359
+ display: flex;
2360
+ align-items: center;
2382
2361
  gap: var(--yd-spacing-xs);
2362
+ padding: var(--yd-spacing-sm);
2363
+ background: var(--yd-color-error-50, #fef2f2);
2364
+ color: var(--yd-color-error);
2365
+ border-radius: var(--yd-radius-sm);
2366
+ font-size: var(--yd-font-size-sm);
2383
2367
  }
2384
- .yd-login-centered__submit-btn[data-v-be643e6b]:hover:not(:disabled) {
2385
- background: var(--yd-color-primary-600);
2386
- transform: translateY(-1px);
2387
- box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
2368
+ .yd-login-centered__submit-btn[data-v-267a78de] {
2369
+ width: 100%;
2370
+ padding: var(--yd-spacing-sm);
2371
+ border: none;
2372
+ border-radius: var(--yd-radius-base);
2373
+ background: var(--yd-color-primary-500);
2374
+ color: #fff;
2375
+ font-size: var(--yd-font-size-base);
2376
+ font-weight: var(--yd-font-weight-medium);
2377
+ cursor: pointer;
2378
+ transition: all var(--yd-transition-fast);
2379
+ display: flex;
2380
+ align-items: center;
2381
+ justify-content: center;
2382
+ gap: var(--yd-spacing-xs);
2383
+ }
2384
+ .yd-login-centered__submit-btn[data-v-267a78de]:hover:not(:disabled) {
2385
+ background: var(--yd-color-primary-600);
2386
+ transform: translateY(-1px);
2387
+ box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
2388
2388
  }
2389
- .yd-login-centered__submit-btn[data-v-be643e6b]:disabled {
2390
- opacity: 0.7;
2389
+ .yd-login-centered__submit-btn[data-v-267a78de]:disabled {
2390
+ opacity: 0.7;
2391
2391
  cursor: not-allowed;
2392
2392
  }
2393
- .yd-login-centered__submit-btn--loading[data-v-be643e6b] {
2393
+ .yd-login-centered__submit-btn--loading[data-v-267a78de] {
2394
2394
  pointer-events: none;
2395
2395
  }
2396
- .yd-login-centered__spinner[data-v-be643e6b] {
2397
- width: 16px;
2398
- height: 16px;
2399
- border: 2px solid rgba(255, 255, 255, 0.3);
2400
- border-top-color: #fff;
2401
- border-radius: 50%;
2396
+ .yd-login-centered__spinner[data-v-267a78de] {
2397
+ width: 16px;
2398
+ height: 16px;
2399
+ border: 2px solid rgba(255, 255, 255, 0.3);
2400
+ border-top-color: #fff;
2401
+ border-radius: 50%;
2402
2402
  animation: yd-spin 0.6s linear infinite;
2403
2403
  }
2404
- .yd-login-centered__social-section[data-v-be643e6b] {
2404
+ .yd-login-centered__social-section[data-v-267a78de] {
2405
2405
  margin-top: var(--yd-spacing-lg);
2406
2406
  }
2407
- .yd-login-centered__divider-line[data-v-be643e6b] {
2408
- display: flex;
2409
- align-items: center;
2410
- gap: var(--yd-spacing-sm);
2411
- margin-bottom: var(--yd-spacing-md);
2412
- color: var(--yd-color-muted-fg);
2407
+ .yd-login-centered__divider-line[data-v-267a78de] {
2408
+ display: flex;
2409
+ align-items: center;
2410
+ gap: var(--yd-spacing-sm);
2411
+ margin-bottom: var(--yd-spacing-md);
2412
+ color: var(--yd-color-muted-fg);
2413
2413
  font-size: var(--yd-font-size-xs);
2414
2414
  }
2415
- .yd-login-centered__divider-line[data-v-be643e6b]::before,
2416
- .yd-login-centered__divider-line[data-v-be643e6b]::after {
2417
- content: "";
2418
- flex: 1;
2419
- height: 1px;
2415
+ .yd-login-centered__divider-line[data-v-267a78de]::before,
2416
+ .yd-login-centered__divider-line[data-v-267a78de]::after {
2417
+ content: "";
2418
+ flex: 1;
2419
+ height: 1px;
2420
2420
  background: var(--yd-color-border);
2421
2421
  }
2422
- .yd-login-centered__social-icons[data-v-be643e6b] {
2423
- display: flex;
2424
- justify-content: center;
2422
+ .yd-login-centered__social-icons[data-v-267a78de] {
2423
+ display: flex;
2424
+ justify-content: center;
2425
2425
  gap: var(--yd-spacing-md);
2426
2426
  }
2427
- .yd-login-centered__social-icon[data-v-be643e6b] {
2428
- width: 40px;
2429
- height: 40px;
2430
- border: 1px solid var(--yd-color-border);
2431
- border-radius: var(--yd-radius-base);
2432
- background: var(--yd-color-bg);
2433
- cursor: pointer;
2434
- font-size: 18px;
2435
- display: flex;
2436
- align-items: center;
2437
- justify-content: center;
2427
+ .yd-login-centered__social-icon[data-v-267a78de] {
2428
+ width: 40px;
2429
+ height: 40px;
2430
+ border: 1px solid var(--yd-color-border);
2431
+ border-radius: var(--yd-radius-base);
2432
+ background: var(--yd-color-bg);
2433
+ cursor: pointer;
2434
+ font-size: 18px;
2435
+ display: flex;
2436
+ align-items: center;
2437
+ justify-content: center;
2438
2438
  transition: all var(--yd-transition-fast);
2439
2439
  }
2440
- .yd-login-centered__social-icon[data-v-be643e6b]:hover {
2441
- border-color: var(--yd-color-primary-300);
2442
- background: var(--yd-color-primary-50);
2440
+ .yd-login-centered__social-icon[data-v-267a78de]:hover {
2441
+ border-color: var(--yd-color-primary-300);
2442
+ background: var(--yd-color-primary-50);
2443
2443
  transform: translateY(-2px);
2444
2444
  }
2445
- .yd-login-centered__footer-text[data-v-be643e6b] {
2446
- text-align: center;
2447
- margin-top: var(--yd-spacing-xl);
2448
- font-size: var(--yd-font-size-xs);
2445
+ .yd-login-centered__footer-text[data-v-267a78de] {
2446
+ text-align: center;
2447
+ margin-top: var(--yd-spacing-xl);
2448
+ font-size: var(--yd-font-size-xs);
2449
2449
  color: var(--yd-color-muted-fg);
2450
2450
  }
2451
- [data-theme="dark"] {
2451
+ [data-theme="dark"] {
2452
2452
  background: #0f172a;
2453
2453
  }
2454
- [data-theme="dark"] {
2455
- background: #1e293b;
2454
+ [data-theme="dark"] {
2455
+ background: #1e293b;
2456
2456
  border-color: #334155;
2457
- }
2457
+ }
2458
2458
 
2459
2459
  .yd-pin-input[data-v-fd187d50] {
2460
2460
  display: inline-flex;
@@ -2853,53 +2853,1452 @@ to {
2853
2853
  gap: var(--yd-spacing-xs);
2854
2854
  margin-top: var(--yd-spacing-sm);
2855
2855
  }
2856
- .yd-color-picker__value-item[data-v-24772c45] {
2856
+ .yd-color-picker__value-item[data-v-24772c45] {
2857
+ display: flex;
2858
+ flex-direction: column;
2859
+ gap: 2px;
2860
+ }
2861
+ .yd-color-picker__value-label[data-v-24772c45] {
2862
+ font-size: 10px;
2863
+ color: var(--yd-color-muted-fg);
2864
+ }
2865
+ .yd-color-picker__value-input[data-v-24772c45] {
2866
+ width: 100%;
2867
+ padding: var(--yd-spacing-xs);
2868
+ font-size: var(--yd-font-size-xs);
2869
+ border: 1px solid var(--yd-color-border);
2870
+ border-radius: var(--yd-radius-sm);
2871
+ text-align: center;
2872
+ }
2873
+ .yd-color-picker__value-input[data-v-24772c45]:focus {
2874
+ outline: none;
2875
+ border-color: var(--yd-color-primary-500);
2876
+ }
2877
+ .yd-color-picker__presets[data-v-24772c45] {
2878
+ display: grid;
2879
+ grid-template-columns: repeat(6, 1fr);
2880
+ gap: var(--yd-spacing-xs);
2881
+ margin-top: var(--yd-spacing-sm);
2882
+ padding-top: var(--yd-spacing-sm);
2883
+ border-top: 1px solid var(--yd-color-border);
2884
+ }
2885
+ .yd-color-picker__preset-item[data-v-24772c45] {
2886
+ width: 24px;
2887
+ height: 24px;
2888
+ border-radius: var(--yd-radius-sm);
2889
+ border: 1px solid var(--yd-color-border);
2890
+ cursor: pointer;
2891
+ transition: transform var(--yd-transition-fast);
2892
+ }
2893
+ .yd-color-picker__preset-item[data-v-24772c45]:hover {
2894
+ transform: scale(1.1);
2895
+ }
2896
+ .yd-color-picker-dropdown-enter-active[data-v-24772c45],
2897
+ .yd-color-picker-dropdown-leave-active[data-v-24772c45] {
2898
+ will-change: opacity;
2899
+ transition: opacity 0.2s ease;
2900
+ }
2901
+ .yd-color-picker-dropdown-enter-from[data-v-24772c45],
2902
+ .yd-color-picker-dropdown-leave-to[data-v-24772c45] {
2903
+ opacity: 0;
2904
+ }
2905
+
2906
+ .yd-calendar[data-v-b7db4b77] {
2907
+ --calendar-padding: 12px;
2908
+ --calendar-bg: #fff;
2909
+ --calendar-border: #e5e5e5;
2910
+ --calendar-text: #333;
2911
+ --calendar-text-secondary: #999;
2912
+ --calendar-accent: #1890ff;
2913
+ --calendar-accent-light: rgba(24, 144, 255, 0.1);
2914
+ --calendar-hover: #f5f5f5;
2915
+
2916
+ width: 280px;
2917
+ padding: var(--calendar-padding);
2918
+ background: var(--calendar-bg);
2919
+ border: 1px solid var(--calendar-border);
2920
+ border-radius: 8px;
2921
+ user-select: none;
2922
+ }
2923
+ .yd-calendar__header[data-v-b7db4b77] {
2924
+ display: flex;
2925
+ align-items: center;
2926
+ justify-content: space-between;
2927
+ padding-bottom: 12px;
2928
+ }
2929
+ .yd-calendar__nav-btn[data-v-b7db4b77] {
2930
+ width: 28px;
2931
+ height: 28px;
2932
+ border: none;
2933
+ background: transparent;
2934
+ cursor: pointer;
2935
+ border-radius: 4px;
2936
+ color: var(--calendar-text);
2937
+ }
2938
+ .yd-calendar__nav-btn[data-v-b7db4b77]:hover {
2939
+ background: var(--calendar-hover);
2940
+ }
2941
+ .yd-calendar__title[data-v-b7db4b77] {
2942
+ display: flex;
2943
+ gap: 8px;
2944
+ font-weight: 500;
2945
+ }
2946
+ .yd-calendar__year[data-v-b7db4b77],
2947
+ .yd-calendar__month[data-v-b7db4b77] {
2948
+ cursor: pointer;
2949
+ padding: 2px 6px;
2950
+ border-radius: 4px;
2951
+ }
2952
+ .yd-calendar__year[data-v-b7db4b77]:hover,
2953
+ .yd-calendar__month[data-v-b7db4b77]:hover {
2954
+ background: var(--calendar-hover);
2955
+ }
2956
+ .yd-calendar__view[data-v-b7db4b77] {
2957
+ padding: 8px 0;
2958
+ }
2959
+ .yd-calendar__weekdays[data-v-b7db4b77] {
2960
+ display: grid;
2961
+ grid-template-columns: repeat(7, 1fr);
2962
+ text-align: center;
2963
+ font-size: 12px;
2964
+ color: var(--calendar-text-secondary);
2965
+ padding-bottom: 8px;
2966
+ }
2967
+ .yd-calendar__days[data-v-b7db4b77] {
2968
+ display: grid;
2969
+ grid-template-columns: repeat(7, 1fr);
2970
+ gap: 2px;
2971
+ }
2972
+ .yd-calendar__day[data-v-b7db4b77] {
2973
+ display: flex;
2974
+ align-items: center;
2975
+ justify-content: center;
2976
+ min-width: 32px;
2977
+ min-height: 32px;
2978
+ padding: 4px;
2979
+ border: none;
2980
+ background: transparent;
2981
+ cursor: pointer;
2982
+ border-radius: 50%;
2983
+ font-size: 14px;
2984
+ color: var(--calendar-text);
2985
+ transition: background 0.2s;
2986
+ }
2987
+ .yd-calendar__day[data-v-b7db4b77]:hover {
2988
+ background: var(--calendar-hover);
2989
+ }
2990
+ .yd-calendar__day--other[data-v-b7db4b77] {
2991
+ color: var(--calendar-text-secondary);
2992
+ }
2993
+ .yd-calendar__day--today[data-v-b7db4b77] {
2994
+ color: var(--calendar-accent);
2995
+ font-weight: 600;
2996
+ }
2997
+ .yd-calendar__day--selected[data-v-b7db4b77] {
2998
+ background: var(--calendar-accent) !important;
2999
+ color: #fff !important;
3000
+ }
3001
+ .yd-calendar__day--disabled[data-v-b7db4b77] {
3002
+ opacity: 0.3;
3003
+ cursor: not-allowed;
3004
+ }
3005
+
3006
+ /* Year view */
3007
+ .yd-calendar__year-grid[data-v-b7db4b77] {
3008
+ display: grid;
3009
+ grid-template-columns: repeat(4, 1fr);
3010
+ gap: 8px;
3011
+ }
3012
+ .yd-calendar__year-cell[data-v-b7db4b77] {
3013
+ padding: 8px;
3014
+ border: none;
3015
+ background: transparent;
3016
+ cursor: pointer;
3017
+ border-radius: 4px;
3018
+ font-size: 14px;
3019
+ }
3020
+ .yd-calendar__year-cell[data-v-b7db4b77]:hover {
3021
+ background: var(--calendar-hover);
3022
+ }
3023
+ .yd-calendar__year-cell--selected[data-v-b7db4b77] {
3024
+ background: var(--calendar-accent);
3025
+ color: #fff;
3026
+ }
3027
+ .yd-calendar__year-cell--today[data-v-b7db4b77] {
3028
+ color: var(--calendar-accent);
3029
+ font-weight: 600;
3030
+ }
3031
+
3032
+ /* Month view */
3033
+ .yd-calendar__month-grid[data-v-b7db4b77] {
3034
+ display: grid;
3035
+ grid-template-columns: repeat(4, 1fr);
3036
+ gap: 8px;
3037
+ }
3038
+ .yd-calendar__month-cell[data-v-b7db4b77] {
3039
+ padding: 12px;
3040
+ border: none;
3041
+ background: transparent;
3042
+ cursor: pointer;
3043
+ border-radius: 4px;
3044
+ font-size: 14px;
3045
+ }
3046
+ .yd-calendar__month-cell[data-v-b7db4b77]:hover {
3047
+ background: var(--calendar-hover);
3048
+ }
3049
+ .yd-calendar__month-cell--selected[data-v-b7db4b77] {
3050
+ background: var(--calendar-accent);
3051
+ color: #fff;
3052
+ }
3053
+ .yd-calendar__month-cell--today[data-v-b7db4b77] {
3054
+ color: var(--calendar-accent);
3055
+ font-weight: 600;
3056
+ }
3057
+
3058
+ /* Footer */
3059
+ .yd-calendar__footer[data-v-b7db4b77] {
3060
+ padding-top: 12px;
3061
+ border-top: 1px solid var(--calendar-border);
3062
+ text-align: center;
3063
+ }
3064
+ .yd-calendar__today-btn[data-v-b7db4b77] {
3065
+ padding: 4px 12px;
3066
+ border: 1px solid var(--calendar-border);
3067
+ background: transparent;
3068
+ cursor: pointer;
3069
+ border-radius: 4px;
3070
+ font-size: 12px;
3071
+ }
3072
+ .yd-calendar__today-btn[data-v-b7db4b77]:hover {
3073
+ background: var(--calendar-hover);
3074
+ }
3075
+
3076
+ .yd-chat-page[data-v-281b025e] {
3077
+ display: flex;
3078
+ flex-direction: column;
3079
+ height: 100%;
3080
+ background: #fff;
3081
+ }
3082
+ .yd-chat-page__header[data-v-281b025e] {
3083
+ display: flex;
3084
+ align-items: center;
3085
+ justify-content: space-between;
3086
+ height: 56px;
3087
+ padding: 0 16px;
3088
+ border-bottom: 1px solid #e5e7eb;
3089
+ background: #fff;
3090
+ }
3091
+ .yd-chat-page__header-left[data-v-281b025e] {
3092
+ display: flex;
3093
+ align-items: center;
3094
+ gap: 12px;
3095
+ }
3096
+ .yd-chat-page__menu-btn[data-v-281b025e] {
3097
+ display: flex;
3098
+ align-items: center;
3099
+ justify-content: center;
3100
+ width: 36px;
3101
+ height: 36px;
3102
+ border: none;
3103
+ background: transparent;
3104
+ border-radius: 8px;
3105
+ cursor: pointer;
3106
+ color: #374151;
3107
+ }
3108
+ .yd-chat-page__menu-btn[data-v-281b025e]:hover {
3109
+ background: #f3f4f6;
3110
+ }
3111
+ .yd-chat-page__title[data-v-281b025e] {
3112
+ font-size: 18px;
3113
+ font-weight: 600;
3114
+ color: #111827;
3115
+ margin: 0;
3116
+ }
3117
+ .yd-chat-page__header-right[data-v-281b025e] {
3118
+ display: flex;
3119
+ align-items: center;
3120
+ gap: 12px;
3121
+ }
3122
+ .yd-chat-page__model-btn[data-v-281b025e] {
3123
+ display: flex;
3124
+ align-items: center;
3125
+ gap: 8px;
3126
+ padding: 8px 12px;
3127
+ border: 1px solid #e5e7eb;
3128
+ background: #fff;
3129
+ border-radius: 8px;
3130
+ font-size: 14px;
3131
+ color: #374151;
3132
+ cursor: pointer;
3133
+ }
3134
+ .yd-chat-page__model-btn[data-v-281b025e]:hover {
3135
+ background: #f9fafb;
3136
+ }
3137
+ .yd-chat-page__user-menu[data-v-281b025e] {
3138
+ display: flex;
3139
+ align-items: center;
3140
+ gap: 4px;
3141
+ }
3142
+ .yd-chat-page__user-btn[data-v-281b025e] {
3143
+ display: flex;
3144
+ align-items: center;
3145
+ justify-content: center;
3146
+ width: 36px;
3147
+ height: 36px;
3148
+ border: none;
3149
+ background: transparent;
3150
+ border-radius: 8px;
3151
+ cursor: pointer;
3152
+ color: #6b7280;
3153
+ }
3154
+ .yd-chat-page__user-btn[data-v-281b025e]:hover {
3155
+ background: #f3f4f6;
3156
+ color: #374151;
3157
+ }
3158
+ .yd-chat-page__main[data-v-281b025e] {
3159
+ display: flex;
3160
+ flex: 1;
3161
+ overflow: hidden;
3162
+ }
3163
+ .yd-chat-page__sidebar[data-v-281b025e] {
3164
+ display: flex;
3165
+ flex-direction: column;
3166
+ border-right: 1px solid #e5e7eb;
3167
+ background: #f9fafb;
3168
+ }
3169
+ .yd-chat-page__sidebar-header[data-v-281b025e] {
3170
+ padding: 16px;
3171
+ }
3172
+ .yd-chat-page__new-chat-btn[data-v-281b025e] {
3173
+ display: flex;
3174
+ align-items: center;
3175
+ justify-content: center;
3176
+ gap: 8px;
3177
+ width: 100%;
3178
+ padding: 10px 16px;
3179
+ border: none;
3180
+ background: #3b82f6;
3181
+ color: #fff;
3182
+ border-radius: 8px;
3183
+ font-size: 14px;
3184
+ font-weight: 500;
3185
+ cursor: pointer;
3186
+ transition: background 0.2s;
3187
+ }
3188
+ .yd-chat-page__new-chat-btn[data-v-281b025e]:hover {
3189
+ background: #2563eb;
3190
+ }
3191
+ .yd-chat-page__conversation-list[data-v-281b025e] {
3192
+ flex: 1;
3193
+ overflow-y: auto;
3194
+ padding: 8px;
3195
+ }
3196
+ .yd-chat-page__conversation-item[data-v-281b025e] {
3197
+ display: flex;
3198
+ align-items: center;
3199
+ gap: 12px;
3200
+ padding: 12px;
3201
+ border-radius: 8px;
3202
+ cursor: pointer;
3203
+ transition: background 0.2s;
3204
+ }
3205
+ .yd-chat-page__conversation-item[data-v-281b025e]:hover {
3206
+ background: #e5e7eb;
3207
+ }
3208
+ .yd-chat-page__conversation-item.active[data-v-281b025e] {
3209
+ background: #dbeafe;
3210
+ }
3211
+ .yd-chat-page__conv-icon[data-v-281b025e] {
3212
+ display: flex;
3213
+ align-items: center;
3214
+ justify-content: center;
3215
+ width: 32px;
3216
+ height: 32px;
3217
+ background: #e5e7eb;
3218
+ border-radius: 8px;
3219
+ color: #6b7280;
3220
+ }
3221
+ .yd-chat-page__conv-info[data-v-281b025e] {
3222
+ flex: 1;
3223
+ min-width: 0;
3224
+ }
3225
+ .yd-chat-page__conv-title[data-v-281b025e] {
3226
+ font-size: 14px;
3227
+ color: #111827;
3228
+ white-space: nowrap;
3229
+ overflow: hidden;
3230
+ text-overflow: ellipsis;
3231
+ }
3232
+ .yd-chat-page__conv-delete[data-v-281b025e] {
3233
+ display: flex;
3234
+ align-items: center;
3235
+ justify-content: center;
3236
+ width: 24px;
3237
+ height: 24px;
3238
+ border: none;
3239
+ background: transparent;
3240
+ border-radius: 4px;
3241
+ cursor: pointer;
3242
+ color: #9ca3af;
3243
+ opacity: 0;
3244
+ transition: opacity 0.2s;
3245
+ }
3246
+ .yd-chat-page__conversation-item:hover .yd-chat-page__conv-delete[data-v-281b025e] {
3247
+ opacity: 1;
3248
+ }
3249
+ .yd-chat-page__conv-delete[data-v-281b025e]:hover {
3250
+ background: #fee2e2;
3251
+ color: #ef4444;
3252
+ }
3253
+ .yd-chat-page__content[data-v-281b025e] {
3254
+ flex: 1;
3255
+ display: flex;
3256
+ flex-direction: column;
3257
+ overflow: hidden;
3258
+ }
3259
+ .yd-chat-page__messages[data-v-281b025e] {
3260
+ flex: 1;
3261
+ overflow-y: auto;
3262
+ padding: 24px;
3263
+ }
3264
+ .yd-chat-page__welcome[data-v-281b025e] {
3265
+ display: flex;
3266
+ flex-direction: column;
3267
+ align-items: center;
3268
+ justify-content: center;
3269
+ height: 100%;
3270
+ text-align: center;
3271
+ }
3272
+ .yd-chat-page__welcome-icon[data-v-281b025e] {
3273
+ color: #d1d5db;
3274
+ margin-bottom: 24px;
3275
+ }
3276
+ .yd-chat-page__welcome-title[data-v-281b025e] {
3277
+ font-size: 24px;
3278
+ font-weight: 600;
3279
+ color: #111827;
3280
+ margin: 0 0 24px;
3281
+ }
3282
+ .yd-chat-page__welcome-suggestions[data-v-281b025e] {
3283
+ display: flex;
3284
+ flex-wrap: wrap;
3285
+ gap: 12px;
3286
+ justify-content: center;
3287
+ max-width: 500px;
3288
+ }
3289
+ .yd-chat-page__suggestion-btn[data-v-281b025e] {
3290
+ padding: 10px 16px;
3291
+ border: 1px solid #e5e7eb;
3292
+ background: #fff;
3293
+ border-radius: 8px;
3294
+ font-size: 14px;
3295
+ color: #374151;
3296
+ cursor: pointer;
3297
+ transition: all 0.2s;
3298
+ }
3299
+ .yd-chat-page__suggestion-btn[data-v-281b025e]:hover {
3300
+ background: #f3f4f6;
3301
+ border-color: #d1d5db;
3302
+ }
3303
+ .yd-chat-page__message[data-v-281b025e] {
3304
+ display: flex;
3305
+ gap: 12px;
3306
+ margin-bottom: 24px;
3307
+ }
3308
+ .yd-chat-page__message--user[data-v-281b025e] {
3309
+ flex-direction: row-reverse;
3310
+ }
3311
+ .yd-chat-page__message-avatar[data-v-281b025e] {
3312
+ display: flex;
3313
+ align-items: center;
3314
+ justify-content: center;
3315
+ width: 36px;
3316
+ height: 36px;
3317
+ background: #e0e7ff;
3318
+ border-radius: 50%;
3319
+ color: #4f46e5;
3320
+ flex-shrink: 0;
3321
+ }
3322
+ .yd-chat-page__message-content[data-v-281b025e] {
3323
+ max-width: 70%;
3324
+ }
3325
+ .yd-chat-page__message-text[data-v-281b025e] {
3326
+ padding: 12px 16px;
3327
+ background: #f3f4f6;
3328
+ border-radius: 12px;
3329
+ font-size: 14px;
3330
+ line-height: 1.6;
3331
+ color: #111827;
3332
+ }
3333
+ .yd-chat-page__message--user .yd-chat-page__message-text[data-v-281b025e] {
3334
+ background: #3b82f6;
3335
+ color: #fff;
3336
+ }
3337
+ .yd-chat-page__reasoning[data-v-281b025e] {
3338
+ padding: 8px 12px;
3339
+ margin-bottom: 8px;
3340
+ background: #fef3c7;
3341
+ border-radius: 8px;
3342
+ font-size: 12px;
3343
+ color: #92400e;
3344
+ }
3345
+ .yd-chat-page__loading[data-v-281b025e] {
3346
+ padding: 16px;
3347
+ color: #6b7280;
3348
+ font-size: 14px;
3349
+ }
3350
+ .yd-chat-page__input-area[data-v-281b025e] {
3351
+ padding: 16px 24px;
3352
+ border-top: 1px solid #e5e7eb;
3353
+ }
3354
+ .yd-chat-page__input-wrapper[data-v-281b025e] {
3355
+ display: flex;
3356
+ align-items: flex-end;
3357
+ gap: 12px;
3358
+ padding: 12px;
3359
+ border: 1px solid #e5e7eb;
3360
+ border-radius: 12px;
3361
+ background: #fff;
3362
+ }
3363
+ .yd-chat-page__input[data-v-281b025e] {
3364
+ flex: 1;
3365
+ border: none;
3366
+ outline: none;
3367
+ resize: none;
3368
+ font-size: 14px;
3369
+ line-height: 1.5;
3370
+ max-height: 120px;
3371
+ font-family: inherit;
3372
+ }
3373
+ .yd-chat-page__send-btn[data-v-281b025e] {
3374
+ display: flex;
3375
+ align-items: center;
3376
+ justify-content: center;
3377
+ width: 36px;
3378
+ height: 36px;
3379
+ border: none;
3380
+ background: #3b82f6;
3381
+ border-radius: 8px;
3382
+ color: #fff;
3383
+ cursor: pointer;
3384
+ transition: background 0.2s;
3385
+ }
3386
+ .yd-chat-page__send-btn[data-v-281b025e]:hover:not(:disabled) {
3387
+ background: #2563eb;
3388
+ }
3389
+ .yd-chat-page__send-btn[data-v-281b025e]:disabled {
3390
+ background: #d1d5db;
3391
+ cursor: not-allowed;
3392
+ }
3393
+
3394
+ /* Size variants */
3395
+ .yd-chat-page--xs .yd-chat-page__header[data-v-281b025e] {
3396
+ height: 40px;
3397
+ }
3398
+ .yd-chat-page--xs .yd-chat-page__sidebar[data-v-281b025e] {
3399
+ width: 200px !important;
3400
+ }
3401
+ .yd-chat-page--sm .yd-chat-page__header[data-v-281b025e] {
3402
+ height: 48px;
3403
+ }
3404
+ .yd-chat-page--sm .yd-chat-page__sidebar[data-v-281b025e] {
3405
+ width: 240px !important;
3406
+ }
3407
+ .yd-chat-page--lg .yd-chat-page__header[data-v-281b025e] {
3408
+ height: 64px;
3409
+ }
3410
+ .yd-chat-page--lg .yd-chat-page__sidebar[data-v-281b025e] {
3411
+ width: 320px !important;
3412
+ }
3413
+ .yd-chat-page--xl .yd-chat-page__header[data-v-281b025e] {
3414
+ height: 72px;
3415
+ }
3416
+ .yd-chat-page--xl .yd-chat-page__sidebar[data-v-281b025e] {
3417
+ width: 360px !important;
3418
+ }
3419
+
3420
+ .yd-chat-bubble[data-v-b5476935] {
3421
+ display: flex;
3422
+ gap: 12px;
3423
+ max-width: 80%;
3424
+ }
3425
+ .yd-chat-bubble--user[data-v-b5476935] {
3426
+ flex-direction: row-reverse;
3427
+ margin-left: auto;
3428
+ }
3429
+ .yd-chat-bubble--system[data-v-b5476935] {
3430
+ justify-content: center;
3431
+ max-width: 100%;
3432
+ }
3433
+ .yd-chat-bubble__avatar[data-v-b5476935] {
3434
+ flex-shrink: 0;
3435
+ }
3436
+ .yd-chat-bubble__content[data-v-b5476935] {
3437
+ display: flex;
3438
+ flex-direction: column;
3439
+ gap: 4px;
3440
+ }
3441
+ .yd-chat-bubble--user .yd-chat-bubble__content[data-v-b5476935] {
3442
+ align-items: flex-end;
3443
+ }
3444
+ .yd-chat-bubble__name[data-v-b5476935] {
3445
+ font-size: 12px;
3446
+ font-weight: 500;
3447
+ color: var(--yd-color-text-secondary);
3448
+ }
3449
+ .yd-chat-bubble__bubble[data-v-b5476935] {
3450
+ padding: 10px 14px;
3451
+ border-radius: 12px;
3452
+ font-size: 14px;
3453
+ line-height: 1.5;
3454
+ word-wrap: break-word;
3455
+ }
3456
+ .yd-chat-bubble--assistant .yd-chat-bubble__bubble[data-v-b5476935] {
3457
+ background-color: var(--yd-color-bg-secondary);
3458
+ color: var(--yd-color-text-primary);
3459
+ border-bottom-left-radius: 4px;
3460
+ }
3461
+ .yd-chat-bubble--user .yd-chat-bubble__bubble[data-v-b5476935] {
3462
+ background-color: var(--yd-color-primary);
3463
+ color: white;
3464
+ border-bottom-right-radius: 4px;
3465
+ }
3466
+ .yd-chat-bubble--system .yd-chat-bubble__bubble[data-v-b5476935] {
3467
+ background-color: transparent;
3468
+ color: var(--yd-color-text-secondary);
3469
+ font-size: 13px;
3470
+ font-style: italic;
3471
+ }
3472
+ .yd-chat-bubble__time[data-v-b5476935] {
3473
+ font-size: 11px;
3474
+ color: var(--yd-color-text-tertiary);
3475
+ }
3476
+
3477
+ /* Size variants */
3478
+ .yd-chat-bubble--xs .yd-chat-bubble__bubble[data-v-b5476935] {
3479
+ padding: 6px 10px;
3480
+ font-size: 12px;
3481
+ }
3482
+ .yd-chat-bubble--sm .yd-chat-bubble__bubble[data-v-b5476935] {
3483
+ padding: 8px 12px;
3484
+ font-size: 13px;
3485
+ }
3486
+ .yd-chat-bubble--lg .yd-chat-bubble__bubble[data-v-b5476935] {
3487
+ padding: 12px 16px;
3488
+ font-size: 15px;
3489
+ }
3490
+ .yd-chat-bubble--xl .yd-chat-bubble__bubble[data-v-b5476935] {
3491
+ padding: 14px 18px;
3492
+ font-size: 16px;
3493
+ }
3494
+
3495
+ .yd-conversation[data-v-8fa39578] {
3496
+ position: relative;
3497
+ overflow-y: auto;
3498
+ overflow-x: hidden;
3499
+ }
3500
+ .yd-conversation__scroll-btn[data-v-8fa39578] {
3501
+ position: absolute;
3502
+ bottom: 16px;
3503
+ right: 16px;
3504
+ display: flex;
3505
+ align-items: center;
3506
+ justify-content: center;
3507
+ width: 36px;
3508
+ height: 36px;
3509
+ background-color: var(--yd-color-bg-primary);
3510
+ border: 1px solid var(--yd-color-border);
3511
+ border-radius: 50%;
3512
+ cursor: pointer;
3513
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
3514
+ transition: all 200ms ease;
3515
+ z-index: 10;
3516
+ }
3517
+ .yd-conversation__scroll-btn[data-v-8fa39578]:hover {
3518
+ background-color: var(--yd-color-bg-secondary);
3519
+ transform: scale(1.05);
3520
+ }
3521
+ .yd-conversation__scroll-btn svg[data-v-8fa39578] {
3522
+ color: var(--yd-color-text-secondary);
3523
+ }
3524
+
3525
+ /* Size variants */
3526
+ .yd-conversation--xs[data-v-8fa39578] {
3527
+ padding: 8px;
3528
+ }
3529
+ .yd-conversation--sm[data-v-8fa39578] {
3530
+ padding: 12px;
3531
+ }
3532
+ .yd-conversation--md[data-v-8fa39578] {
3533
+ padding: 16px;
3534
+ }
3535
+ .yd-conversation--lg[data-v-8fa39578] {
3536
+ padding: 20px;
3537
+ }
3538
+ .yd-conversation--xl[data-v-8fa39578] {
3539
+ padding: 24px;
3540
+ }
3541
+
3542
+ /* Transition */
3543
+ .fade-enter-active[data-v-8fa39578],
3544
+ .fade-leave-active[data-v-8fa39578] {
3545
+ transition: opacity 200ms ease;
3546
+ }
3547
+ .fade-enter-from[data-v-8fa39578],
3548
+ .fade-leave-to[data-v-8fa39578] {
3549
+ opacity: 0;
3550
+ }
3551
+
3552
+ .yd-prompt-input[data-v-1bd77b28] {
3553
+ position: relative;
3554
+ display: flex;
3555
+ flex-direction: column;
3556
+ gap: 8px;
3557
+ }
3558
+ .yd-prompt-input__attachments[data-v-1bd77b28] {
3559
+ display: flex;
3560
+ flex-wrap: wrap;
3561
+ gap: 8px;
3562
+ padding: 8px 12px;
3563
+ background-color: var(--yd-color-bg-secondary);
3564
+ border-radius: 8px;
3565
+ }
3566
+ .yd-prompt-input__attachment[data-v-1bd77b28] {
3567
+ display: flex;
3568
+ align-items: center;
3569
+ gap: 6px;
3570
+ padding: 4px 8px 4px 10px;
3571
+ background-color: var(--yd-color-bg-primary);
3572
+ border: 1px solid var(--yd-color-border);
3573
+ border-radius: 16px;
3574
+ font-size: 13px;
3575
+ }
3576
+ .yd-prompt-input__attachment svg[data-v-1bd77b28] {
3577
+ color: var(--yd-color-text-secondary);
3578
+ }
3579
+ .yd-prompt-input__attachment-name[data-v-1bd77b28] {
3580
+ max-width: 120px;
3581
+ overflow: hidden;
3582
+ text-overflow: ellipsis;
3583
+ white-space: nowrap;
3584
+ }
3585
+ .yd-prompt-input__attachment-remove[data-v-1bd77b28] {
3586
+ display: flex;
3587
+ align-items: center;
3588
+ justify-content: center;
3589
+ padding: 0;
3590
+ background: none;
3591
+ border: none;
3592
+ cursor: pointer;
3593
+ opacity: 0.6;
3594
+ transition: opacity 150ms;
3595
+ }
3596
+ .yd-prompt-input__attachment-remove[data-v-1bd77b28]:hover {
3597
+ opacity: 1;
3598
+ }
3599
+ .yd-prompt-input__container[data-v-1bd77b28] {
3600
+ display: flex;
3601
+ align-items: flex-end;
3602
+ gap: 8px;
3603
+ padding: 8px 12px;
3604
+ background-color: var(--yd-color-bg-secondary);
3605
+ border: 1px solid var(--yd-color-border);
3606
+ border-radius: 12px;
3607
+ transition:
3608
+ border-color 200ms,
3609
+ box-shadow 200ms;
3610
+ }
3611
+ .yd-prompt-input__container[data-v-1bd77b28]:focus-within {
3612
+ border-color: var(--yd-color-primary);
3613
+ box-shadow: 0 0 0 2px var(--yd-color-primary-alpha-10);
3614
+ }
3615
+ .yd-prompt-input--disabled .yd-prompt-input__container[data-v-1bd77b28] {
3616
+ opacity: 0.6;
3617
+ cursor: not-allowed;
3618
+ }
3619
+ .yd-prompt-input__action[data-v-1bd77b28] {
3620
+ display: flex;
3621
+ align-items: center;
3622
+ justify-content: center;
3623
+ width: 32px;
3624
+ height: 32px;
3625
+ padding: 0;
3626
+ background: none;
3627
+ border: none;
3628
+ border-radius: 6px;
3629
+ cursor: pointer;
3630
+ transition: background-color 150ms;
3631
+ }
3632
+ .yd-prompt-input__action[data-v-1bd77b28]:hover:not(:disabled) {
3633
+ background-color: var(--yd-color-bg-tertiary);
3634
+ }
3635
+ .yd-prompt-input__action[data-v-1bd77b28]:disabled {
3636
+ cursor: not-allowed;
3637
+ opacity: 0.5;
3638
+ }
3639
+ .yd-prompt-input__action svg[data-v-1bd77b28] {
3640
+ width: 20px;
3641
+ height: 20px;
3642
+ color: var(--yd-color-text-secondary);
3643
+ }
3644
+ .yd-prompt-input__textarea[data-v-1bd77b28] {
3645
+ flex: 1;
3646
+ min-height: 24px;
3647
+ padding: 4px 0;
3648
+ background: transparent;
3649
+ border: none;
3650
+ outline: none;
3651
+ resize: none;
3652
+ font-family: inherit;
3653
+ font-size: 14px;
3654
+ line-height: 1.5;
3655
+ color: var(--yd-color-text-primary);
3656
+ }
3657
+ .yd-prompt-input__textarea[data-v-1bd77b28]::placeholder {
3658
+ color: var(--yd-color-text-placeholder);
3659
+ }
3660
+ .yd-prompt-input__textarea--xs[data-v-1bd77b28] {
3661
+ font-size: 12px;
3662
+ }
3663
+ .yd-prompt-input__textarea--sm[data-v-1bd77b28] {
3664
+ font-size: 13px;
3665
+ }
3666
+ .yd-prompt-input__textarea--lg[data-v-1bd77b28] {
3667
+ font-size: 15px;
3668
+ }
3669
+ .yd-prompt-input__textarea--xl[data-v-1bd77b28] {
3670
+ font-size: 16px;
3671
+ }
3672
+ .yd-prompt-input__streaming[data-v-1bd77b28] {
3673
+ display: flex;
3674
+ align-items: center;
3675
+ gap: 3px;
3676
+ padding: 4px;
3677
+ }
3678
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28] {
3679
+ width: 4px;
3680
+ height: 4px;
3681
+ background-color: var(--yd-color-text-secondary);
3682
+ border-radius: 50%;
3683
+ animation: yd-prompt-input__bounce-1bd77b28 1.4s infinite ease-in-out both;
3684
+ }
3685
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28]:nth-child(1) {
3686
+ animation-delay: -0.32s;
3687
+ }
3688
+ .yd-prompt-input__streaming-dot[data-v-1bd77b28]:nth-child(2) {
3689
+ animation-delay: -0.16s;
3690
+ }
3691
+ @keyframes yd-prompt-input__bounce-1bd77b28 {
3692
+ 0%,
3693
+ 80%,
3694
+ 100% {
3695
+ transform: scale(0.8);
3696
+ opacity: 0.5;
3697
+ }
3698
+ 40% {
3699
+ transform: scale(1);
3700
+ opacity: 1;
3701
+ }
3702
+ }
3703
+ .yd-prompt-input__submit[data-v-1bd77b28] {
3704
+ display: flex;
3705
+ align-items: center;
3706
+ justify-content: center;
3707
+ width: 32px;
3708
+ height: 32px;
3709
+ padding: 0;
3710
+ background-color: var(--yd-color-primary);
3711
+ border: none;
3712
+ border-radius: 8px;
3713
+ cursor: pointer;
3714
+ transition: all 150ms;
3715
+ }
3716
+ .yd-prompt-input__submit[data-v-1bd77b28]:hover:not(:disabled) {
3717
+ background-color: var(--yd-color-primary-hover);
3718
+ transform: scale(1.05);
3719
+ }
3720
+ .yd-prompt-input__submit[data-v-1bd77b28]:disabled {
3721
+ background-color: var(--yd-color-bg-tertiary);
3722
+ cursor: not-allowed;
3723
+ }
3724
+ .yd-prompt-input__submit svg[data-v-1bd77b28] {
3725
+ width: 18px;
3726
+ height: 18px;
3727
+ color: white;
3728
+ }
3729
+ .yd-prompt-input__spinner[data-v-1bd77b28] {
3730
+ animation: yd-spin 1s linear infinite;
3731
+ }
3732
+ .yd-prompt-input__file-input[data-v-1bd77b28] {
3733
+ display: none;
3734
+ }
3735
+
3736
+ .yd-reasoning[data-v-8cc82c4a] {
3737
+ position: relative;
3738
+ }
3739
+ .yd-reasoning__trigger[data-v-8cc82c4a] {
3740
+ display: flex;
3741
+ align-items: center;
3742
+ gap: 8px;
3743
+ padding: 6px 12px;
3744
+ background-color: var(--yd-color-bg-tertiary);
3745
+ border-radius: 8px;
3746
+ cursor: pointer;
3747
+ transition: background-color 150ms;
3748
+ }
3749
+ .yd-reasoning__trigger[data-v-8cc82c4a]:hover {
3750
+ background-color: var(--yd-color-bg-quaternary);
3751
+ }
3752
+ .yd-reasoning__icon[data-v-8cc82c4a] {
3753
+ color: var(--yd-color-text-secondary);
3754
+ }
3755
+ .yd-reasoning__trigger-text[data-v-8cc82c4a] {
3756
+ font-size: 13px;
3757
+ color: var(--yd-color-text-secondary);
3758
+ font-style: italic;
3759
+ }
3760
+ .yd-reasoning__trigger-badge[data-v-8cc82c4a] {
3761
+ padding: 2px 6px;
3762
+ background-color: var(--yd-color-primary-alpha-10);
3763
+ border-radius: 4px;
3764
+ font-size: 11px;
3765
+ font-weight: 500;
3766
+ color: var(--yd-color-primary);
3767
+ }
3768
+ .yd-reasoning__header[data-v-8cc82c4a] {
3769
+ display: flex;
3770
+ align-items: center;
3771
+ gap: 8px;
3772
+ padding: 6px 12px;
3773
+ background-color: var(--yd-color-bg-tertiary);
3774
+ border-radius: 8px 8px 0 0;
3775
+ cursor: pointer;
3776
+ transition: background-color 150ms;
3777
+ }
3778
+ .yd-reasoning__header[data-v-8cc82c4a]:hover {
3779
+ background-color: var(--yd-color-bg-quaternary);
3780
+ }
3781
+ .yd-reasoning__label[data-v-8cc82c4a] {
3782
+ flex: 1;
3783
+ font-size: 13px;
3784
+ font-weight: 500;
3785
+ color: var(--yd-color-text-primary);
3786
+ }
3787
+ .yd-reasoning__collapse-icon[data-v-8cc82c4a] {
3788
+ color: var(--yd-color-text-secondary);
3789
+ transition: transform 200ms;
3790
+ }
3791
+ .yd-reasoning__text[data-v-8cc82c4a] {
3792
+ padding: 12px;
3793
+ background-color: var(--yd-color-bg-secondary);
3794
+ border-radius: 0 8px 8px 8px;
3795
+ font-size: 13px;
3796
+ line-height: 1.6;
3797
+ color: var(--yd-color-text-secondary);
3798
+ white-space: pre-wrap;
3799
+ word-break: break-word;
3800
+ }
3801
+
3802
+ /* Animation */
3803
+ .expand-enter-active[data-v-8cc82c4a],
3804
+ .expand-leave-active[data-v-8cc82c4a] {
3805
+ transition: all 200ms ease;
3806
+ overflow: hidden;
3807
+ }
3808
+ .expand-enter-from[data-v-8cc82c4a],
3809
+ .expand-leave-to[data-v-8cc82c4a] {
3810
+ opacity: 0;
3811
+ transform: translateY(-10px);
3812
+ }
3813
+
3814
+ /* Size variants */
3815
+ .yd-reasoning--xs .yd-reasoning__trigger[data-v-8cc82c4a],
3816
+ .yd-reasoning--xs .yd-reasoning__header[data-v-8cc82c4a] {
3817
+ padding: 4px 8px;
3818
+ }
3819
+ .yd-reasoning--xs .yd-reasoning__text[data-v-8cc82c4a] {
3820
+ padding: 8px;
3821
+ font-size: 12px;
3822
+ }
3823
+ .yd-reasoning--sm .yd-reasoning__trigger[data-v-8cc82c4a],
3824
+ .yd-reasoning--sm .yd-reasoning__header[data-v-8cc82c4a] {
3825
+ padding: 5px 10px;
3826
+ }
3827
+ .yd-reasoning--sm .yd-reasoning__text[data-v-8cc82c4a] {
3828
+ padding: 10px;
3829
+ font-size: 12px;
3830
+ }
3831
+ .yd-reasoning--lg .yd-reasoning__trigger[data-v-8cc82c4a],
3832
+ .yd-reasoning--lg .yd-reasoning__header[data-v-8cc82c4a] {
3833
+ padding: 8px 14px;
3834
+ }
3835
+ .yd-reasoning--lg .yd-reasoning__text[data-v-8cc82c4a] {
3836
+ padding: 14px;
3837
+ font-size: 14px;
3838
+ }
3839
+ .yd-reasoning--xl .yd-reasoning__trigger[data-v-8cc82c4a],
3840
+ .yd-reasoning--xl .yd-reasoning__header[data-v-8cc82c4a] {
3841
+ padding: 10px 16px;
3842
+ }
3843
+ .yd-reasoning--xl .yd-reasoning__text[data-v-8cc82c4a] {
3844
+ padding: 16px;
3845
+ font-size: 15px;
3846
+ }
3847
+
3848
+ .yd-code-block[data-v-35b3e680] {
3849
+ position: relative;
3850
+ overflow: hidden;
3851
+ background-color: #1e1e1e;
3852
+ border-radius: 8px;
3853
+ }
3854
+ .yd-code-block__header[data-v-35b3e680] {
3855
+ display: flex;
3856
+ align-items: center;
3857
+ gap: 12px;
3858
+ padding: 8px 12px;
3859
+ background-color: #2d2d2d;
3860
+ border-bottom: 1px solid #3d3d3d;
3861
+ }
3862
+ .yd-code-block__language[data-v-35b3e680] {
3863
+ padding: 2px 8px;
3864
+ background-color: #4a4a4a;
3865
+ border-radius: 4px;
3866
+ font-size: 12px;
3867
+ font-weight: 500;
3868
+ color: #9d9d9d;
3869
+ text-transform: uppercase;
3870
+ }
3871
+ .yd-code-block__filename[data-v-35b3e680] {
3872
+ flex: 1;
3873
+ font-size: 13px;
3874
+ color: #d4d4d4;
3875
+ }
3876
+ .yd-code-block__copy[data-v-35b3e680] {
3877
+ display: flex;
3878
+ align-items: center;
3879
+ gap: 6px;
3880
+ padding: 4px 10px;
3881
+ background-color: transparent;
3882
+ border: 1px solid #4a4a4a;
3883
+ border-radius: 4px;
3884
+ font-size: 12px;
3885
+ color: #9d9d9d;
3886
+ cursor: pointer;
3887
+ transition: all 150ms;
3888
+ }
3889
+ .yd-code-block__copy[data-v-35b3e680]:hover {
3890
+ background-color: #4a4a4a;
3891
+ color: #d4d4d4;
3892
+ }
3893
+ .yd-code-block__pre[data-v-35b3e680] {
3894
+ margin: 0;
3895
+ padding: 12px;
3896
+ overflow-x: auto;
3897
+ }
3898
+ .yd-code-block__code[data-v-35b3e680] {
3899
+ font-family: "SF Mono", "Fira Code", "Consolas", monospace;
3900
+ font-size: 13px;
3901
+ line-height: 1.6;
3902
+ color: #d4d4d4;
3903
+ white-space: pre;
3904
+ tab-size: 2;
3905
+ }
3906
+
3907
+ /* Size variants */
3908
+ .yd-code-block--xs .yd-code-block__code[data-v-35b3e680] {
3909
+ font-size: 11px;
3910
+ }
3911
+ .yd-code-block--sm .yd-code-block__code[data-v-35b3e680] {
3912
+ font-size: 12px;
3913
+ }
3914
+ .yd-code-block--lg .yd-code-block__code[data-v-35b3e680] {
3915
+ font-size: 14px;
3916
+ }
3917
+ .yd-code-block--xl .yd-code-block__code[data-v-35b3e680] {
3918
+ font-size: 15px;
3919
+ }
3920
+
3921
+ .yd-streaming-text[data-v-dfda321d] {
3922
+ display: inline;
3923
+ color: var(--yd-color-text-primary);
3924
+ line-height: 1.6;
3925
+ }
3926
+ .yd-streaming-text[data-v-dfda321d]::after {
3927
+ content: "|";
3928
+ margin-left: 2px;
3929
+ animation: yd-blink-dfda321d 1s step-end infinite;
3930
+ }
3931
+ @keyframes yd-blink-dfda321d {
3932
+ 0%,
3933
+ 50% {
3934
+ opacity: 1;
3935
+ }
3936
+ 51%,
3937
+ 100% {
3938
+ opacity: 0;
3939
+ }
3940
+ }
3941
+
3942
+ .yd-ai-loader[data-v-15ae3772] {
3943
+ display: inline-flex;
3944
+ align-items: center;
3945
+ gap: 8px;
3946
+ }
3947
+
3948
+ /* Spinner */
3949
+ .yd-ai-loader__spinner[data-v-15ae3772] {
3950
+ width: 20px;
3951
+ height: 20px;
3952
+ animation: yd-spin 1s linear infinite;
3953
+ color: var(--yd-color-text-secondary);
3954
+ }
3955
+
3956
+ /* Shimmer */
3957
+ .yd-ai-loader__shimmer-wrapper[data-v-15ae3772] {
3958
+ overflow: hidden;
3959
+ }
3960
+ .yd-ai-loader__shimmer[data-v-15ae3772] {
3961
+ width: 100px;
3962
+ height: 16px;
3963
+ background: linear-gradient(
3964
+ 90deg,
3965
+ var(--yd-color-bg-tertiary) 25%,
3966
+ var(--yd-color-bg-quaternary) 50%,
3967
+ var(--yd-color-bg-tertiary) 75%
3968
+ );
3969
+ background-size: 200% 100%;
3970
+ animation: yd-shimmer-15ae3772 1.5s ease-in-out infinite;
3971
+ border-radius: 4px;
3972
+ }
3973
+ @keyframes yd-shimmer-15ae3772 {
3974
+ 0% {
3975
+ background-position: 200% 0;
3976
+ }
3977
+ 100% {
3978
+ background-position: -200% 0;
3979
+ }
3980
+ }
3981
+
3982
+ /* Dots */
3983
+ .yd-ai-loader__dots[data-v-15ae3772] {
3984
+ display: flex;
3985
+ gap: 4px;
3986
+ }
3987
+ .yd-ai-loader__dot[data-v-15ae3772] {
3988
+ width: 8px;
3989
+ height: 8px;
3990
+ background-color: var(--yd-color-text-secondary);
3991
+ border-radius: 50%;
3992
+ animation: yd-bounce-15ae3772 1.4s infinite ease-in-out both;
3993
+ }
3994
+ @keyframes yd-bounce-15ae3772 {
3995
+ 0%,
3996
+ 80%,
3997
+ 100% {
3998
+ transform: scale(0);
3999
+ }
4000
+ 40% {
4001
+ transform: scale(1);
4002
+ }
4003
+ }
4004
+
4005
+ /* Pulse */
4006
+ .yd-ai-loader__pulse[data-v-15ae3772] {
4007
+ width: 32px;
4008
+ height: 32px;
4009
+ background-color: var(--yd-color-primary);
4010
+ border-radius: 50%;
4011
+ animation: yd-pulse-15ae3772 1.5s infinite;
4012
+ }
4013
+ @keyframes yd-pulse-15ae3772 {
4014
+ 0% {
4015
+ transform: scale(0);
4016
+ opacity: 1;
4017
+ }
4018
+ 100% {
4019
+ transform: scale(1);
4020
+ opacity: 0;
4021
+ }
4022
+ }
4023
+
4024
+ /* Typing */
4025
+ .yd-ai-loader__typing[data-v-15ae3772] {
4026
+ display: flex;
4027
+ gap: 3px;
4028
+ }
4029
+ .yd-ai-loader__typing-dot[data-v-15ae3772] {
4030
+ width: 4px;
4031
+ height: 4px;
4032
+ background-color: var(--yd-color-text-secondary);
4033
+ border-radius: 50%;
4034
+ animation: yd-typing-15ae3772 1.4s infinite ease-in-out both;
4035
+ }
4036
+ @keyframes yd-typing-15ae3772 {
4037
+ 0%,
4038
+ 80%,
4039
+ 100% {
4040
+ transform: translateY(0);
4041
+ }
4042
+ 40% {
4043
+ transform: translateY(-4px);
4044
+ }
4045
+ }
4046
+ .yd-ai-loader__text[data-v-15ae3772] {
4047
+ font-size: 13px;
4048
+ color: var(--yd-color-text-secondary);
4049
+ }
4050
+
4051
+ /* Size variants */
4052
+ .yd-ai-loader--xs .yd-ai-loader__dot[data-v-15ae3772],
4053
+ .yd-ai-loader--xs .yd-ai-loader__typing-dot[data-v-15ae3772] {
4054
+ width: 4px;
4055
+ height: 4px;
4056
+ }
4057
+ .yd-ai-loader--sm .yd-ai-loader__dot[data-v-15ae3772],
4058
+ .yd-ai-loader--sm .yd-ai-loader__typing-dot[data-v-15ae3772] {
4059
+ width: 6px;
4060
+ height: 6px;
4061
+ }
4062
+ .yd-ai-loader--lg .yd-ai-loader__dot[data-v-15ae3772],
4063
+ .yd-ai-loader--lg .yd-ai-loader__typing-dot[data-v-15ae3772] {
4064
+ width: 10px;
4065
+ height: 10px;
4066
+ }
4067
+ .yd-ai-loader--xl .yd-ai-loader__dot[data-v-15ae3772],
4068
+ .yd-ai-loader--xl .yd-ai-loader__typing-dot[data-v-15ae3772] {
4069
+ width: 12px;
4070
+ height: 12px;
4071
+ }
4072
+
4073
+ .yd-suggestion[data-v-74cdfdbd] {
4074
+ display: flex;
4075
+ flex-direction: column;
4076
+ gap: 8px;
4077
+ }
4078
+ .yd-suggestion__label[data-v-74cdfdbd] {
4079
+ font-size: 12px;
4080
+ font-weight: 500;
4081
+ color: var(--yd-color-text-secondary);
4082
+ text-transform: uppercase;
4083
+ letter-spacing: 0.5px;
4084
+ }
4085
+ .yd-suggestion__list[data-v-74cdfdbd] {
4086
+ display: flex;
4087
+ flex-wrap: wrap;
4088
+ gap: 8px;
4089
+ }
4090
+ .yd-suggestion__item[data-v-74cdfdbd] {
4091
+ display: flex;
4092
+ align-items: center;
4093
+ gap: 6px;
4094
+ padding: 8px 12px;
4095
+ background-color: var(--yd-color-bg-secondary);
4096
+ border: 1px solid var(--yd-color-border);
4097
+ border-radius: 8px;
4098
+ font-size: 13px;
4099
+ color: var(--yd-color-text-primary);
4100
+ cursor: pointer;
4101
+ transition: all 150ms;
4102
+ }
4103
+ .yd-suggestion__item[data-v-74cdfdbd]:hover:not(:disabled) {
4104
+ background-color: var(--yd-color-bg-tertiary);
4105
+ border-color: var(--yd-color-primary);
4106
+ color: var(--yd-color-primary);
4107
+ }
4108
+ .yd-suggestion__item[data-v-74cdfdbd]:disabled {
4109
+ opacity: 0.5;
4110
+ cursor: not-allowed;
4111
+ }
4112
+ .yd-suggestion__item-icon[data-v-74cdfdbd] {
4113
+ width: 16px;
4114
+ height: 16px;
4115
+ }
4116
+ .yd-suggestion__item-text[data-v-74cdfdbd] {
4117
+ white-space: nowrap;
4118
+ }
4119
+
4120
+ /* Size variants */
4121
+ .yd-suggestion--xs .yd-suggestion__item[data-v-74cdfdbd] {
4122
+ padding: 4px 8px;
4123
+ font-size: 11px;
4124
+ }
4125
+ .yd-suggestion--sm .yd-suggestion__item[data-v-74cdfdbd] {
4126
+ padding: 6px 10px;
4127
+ font-size: 12px;
4128
+ }
4129
+ .yd-suggestion--lg .yd-suggestion__item[data-v-74cdfdbd] {
4130
+ padding: 10px 14px;
4131
+ font-size: 14px;
4132
+ }
4133
+ .yd-suggestion--xl .yd-suggestion__item[data-v-74cdfdbd] {
4134
+ padding: 12px 16px;
4135
+ font-size: 15px;
4136
+ }
4137
+
4138
+ .yd-sources[data-v-db326a6c] {
4139
+ display: flex;
4140
+ flex-direction: column;
4141
+ gap: 8px;
4142
+ }
4143
+ .yd-sources__header[data-v-db326a6c] {
4144
+ display: flex;
4145
+ align-items: center;
4146
+ gap: 6px;
4147
+ padding: 8px 12px;
4148
+ background-color: var(--yd-color-bg-tertiary);
4149
+ border-radius: 8px;
4150
+ }
4151
+ .yd-sources__header svg[data-v-db326a6c] {
4152
+ color: var(--yd-color-text-secondary);
4153
+ }
4154
+ .yd-sources__label[data-v-db326a6c] {
4155
+ font-size: 13px;
4156
+ font-weight: 500;
4157
+ color: var(--yd-color-text-primary);
4158
+ }
4159
+ .yd-sources__count[data-v-db326a6c] {
4160
+ padding: 2px 6px;
4161
+ background-color: var(--yd-color-primary-alpha-10);
4162
+ border-radius: 10px;
4163
+ font-size: 11px;
4164
+ font-weight: 600;
4165
+ color: var(--yd-color-primary);
4166
+ }
4167
+ .yd-sources__list[data-v-db326a6c] {
4168
+ display: flex;
4169
+ flex-direction: column;
4170
+ gap: 4px;
4171
+ margin: 0;
4172
+ padding: 0;
4173
+ list-style: none;
4174
+ }
4175
+ .yd-sources__item[data-v-db326a6c] {
4176
+ display: flex;
4177
+ }
4178
+ .yd-sources__link[data-v-db326a6c] {
4179
+ display: flex;
4180
+ align-items: center;
4181
+ gap: 8px;
4182
+ width: 100%;
4183
+ padding: 8px 12px;
4184
+ background-color: var(--yd-color-bg-secondary);
4185
+ border-radius: 6px;
4186
+ text-decoration: none;
4187
+ color: var(--yd-color-text-primary);
4188
+ transition: background-color 150ms;
4189
+ }
4190
+ .yd-sources__link[data-v-db326a6c]:hover {
4191
+ background-color: var(--yd-color-bg-tertiary);
4192
+ }
4193
+ .yd-sources__index[data-v-db326a6c] {
4194
+ display: flex;
4195
+ align-items: center;
4196
+ justify-content: center;
4197
+ width: 20px;
4198
+ height: 20px;
4199
+ background-color: var(--yd-color-bg-tertiary);
4200
+ border-radius: 50%;
4201
+ font-size: 11px;
4202
+ font-weight: 600;
4203
+ color: var(--yd-color-text-secondary);
4204
+ }
4205
+ .yd-sources__title[data-v-db326a6c] {
4206
+ flex: 1;
4207
+ font-size: 13px;
4208
+ overflow: hidden;
4209
+ text-overflow: ellipsis;
4210
+ white-space: nowrap;
4211
+ }
4212
+ .yd-sources__external[data-v-db326a6c] {
4213
+ flex-shrink: 0;
4214
+ color: var(--yd-color-text-tertiary);
4215
+ }
4216
+
4217
+ /* Size variants */
4218
+ .yd-sources--xs .yd-sources__link[data-v-db326a6c] {
4219
+ padding: 6px 10px;
4220
+ }
4221
+ .yd-sources--xs .yd-sources__title[data-v-db326a6c] {
4222
+ font-size: 12px;
4223
+ }
4224
+ .yd-sources--sm .yd-sources__link[data-v-db326a6c] {
4225
+ padding: 7px 11px;
4226
+ }
4227
+ .yd-sources--sm .yd-sources__title[data-v-db326a6c] {
4228
+ font-size: 12px;
4229
+ }
4230
+ .yd-sources--lg .yd-sources__link[data-v-db326a6c] {
4231
+ padding: 10px 14px;
4232
+ }
4233
+ .yd-sources--lg .yd-sources__title[data-v-db326a6c] {
4234
+ font-size: 14px;
4235
+ }
4236
+ .yd-sources--xl .yd-sources__link[data-v-db326a6c] {
4237
+ padding: 12px 16px;
4238
+ }
4239
+ .yd-sources--xl .yd-sources__title[data-v-db326a6c] {
4240
+ font-size: 15px;
4241
+ }
4242
+
4243
+ .yd-model-selector[data-v-ccf0f8fe] {
4244
+ display: flex;
4245
+ flex-direction: column;
4246
+ gap: 8px;
4247
+ }
4248
+ .yd-model-selector__prefix[data-v-ccf0f8fe] {
4249
+ display: flex;
4250
+ align-items: center;
4251
+ gap: 6px;
4252
+ }
4253
+ .yd-model-selector__prefix svg[data-v-ccf0f8fe] {
4254
+ color: var(--yd-color-text-secondary);
4255
+ }
4256
+ .yd-model-selector__model-icon[data-v-ccf0f8fe] {
4257
+ font-size: 14px;
4258
+ }
4259
+ .yd-model-selector__info[data-v-ccf0f8fe] {
2857
4260
  display: flex;
2858
4261
  flex-direction: column;
2859
- gap: 2px;
2860
- }
2861
- .yd-color-picker__value-label[data-v-24772c45] {
2862
- font-size: 10px;
2863
- color: var(--yd-color-muted-fg);
4262
+ gap: 4px;
4263
+ padding: 12px;
4264
+ background-color: var(--yd-color-bg-secondary);
4265
+ border-radius: 8px;
2864
4266
  }
2865
- .yd-color-picker__value-input[data-v-24772c45] {
2866
- width: 100%;
2867
- padding: var(--yd-spacing-xs);
2868
- font-size: var(--yd-font-size-xs);
2869
- border: 1px solid var(--yd-color-border);
2870
- border-radius: var(--yd-radius-sm);
2871
- text-align: center;
4267
+ .yd-model-selector__info-header[data-v-ccf0f8fe] {
4268
+ display: flex;
4269
+ flex-direction: column;
4270
+ gap: 2px;
2872
4271
  }
2873
- .yd-color-picker__value-input[data-v-24772c45]:focus {
2874
- outline: none;
2875
- border-color: var(--yd-color-primary-500);
4272
+ .yd-model-selector__info-name[data-v-ccf0f8fe] {
4273
+ font-size: 14px;
4274
+ font-weight: 500;
4275
+ color: var(--yd-color-text-primary);
2876
4276
  }
2877
- .yd-color-picker__presets[data-v-24772c45] {
2878
- display: grid;
2879
- grid-template-columns: repeat(6, 1fr);
2880
- gap: var(--yd-spacing-xs);
2881
- margin-top: var(--yd-spacing-sm);
2882
- padding-top: var(--yd-spacing-sm);
2883
- border-top: 1px solid var(--yd-color-border);
4277
+ .yd-model-selector__info-desc[data-v-ccf0f8fe] {
4278
+ font-size: 13px;
4279
+ color: var(--yd-color-text-secondary);
2884
4280
  }
2885
- .yd-color-picker__preset-item[data-v-24772c45] {
2886
- width: 24px;
2887
- height: 24px;
2888
- border-radius: var(--yd-radius-sm);
2889
- border: 1px solid var(--yd-color-border);
2890
- cursor: pointer;
2891
- transition: transform var(--yd-transition-fast);
4281
+ .yd-model-selector__info-meta[data-v-ccf0f8fe] {
4282
+ display: flex;
4283
+ flex-wrap: wrap;
4284
+ gap: 6px;
4285
+ margin-top: 4px;
2892
4286
  }
2893
- .yd-color-picker__preset-item[data-v-24772c45]:hover {
2894
- transform: scale(1.1);
4287
+ .yd-model-selector__info-tag[data-v-ccf0f8fe] {
4288
+ padding: 2px 8px;
4289
+ background-color: var(--yd-color-bg-tertiary);
4290
+ border-radius: 4px;
4291
+ font-size: 11px;
4292
+ color: var(--yd-color-text-secondary);
2895
4293
  }
2896
- .yd-color-picker-dropdown-enter-active[data-v-24772c45],
2897
- .yd-color-picker-dropdown-leave-active[data-v-24772c45] {
2898
- will-change: opacity;
2899
- transition: opacity 0.2s ease;
4294
+
4295
+ /* Animation */
4296
+ .fade-enter-active[data-v-ccf0f8fe],
4297
+ .fade-leave-active[data-v-ccf0f8fe] {
4298
+ transition: opacity 200ms ease;
2900
4299
  }
2901
- .yd-color-picker-dropdown-enter-from[data-v-24772c45],
2902
- .yd-color-picker-dropdown-leave-to[data-v-24772c45] {
4300
+ .fade-enter-from[data-v-ccf0f8fe],
4301
+ .fade-leave-to[data-v-ccf0f8fe] {
2903
4302
  opacity: 0;
2904
4303
  }
2905
4304
 
@@ -2950,51 +4349,51 @@ to {
2950
4349
  border-color: var(--yd-color-error);
2951
4350
  }
2952
4351
 
2953
- .yd-schema-form__row[data-v-624e5d24] {
2954
- display: flex;
4352
+ .yd-schema-form__row[data-v-b97ed267] {
4353
+ display: flex;
2955
4354
  flex-wrap: wrap;
2956
4355
  }
2957
- .yd-schema-form__group[data-v-624e5d24] {
2958
- border: 1px solid var(--yd-color-border);
2959
- border-radius: var(--yd-radius-base);
2960
- padding: var(--yd-spacing-md);
4356
+ .yd-schema-form__group[data-v-b97ed267] {
4357
+ border: 1px solid var(--yd-color-border);
4358
+ border-radius: var(--yd-radius-base);
4359
+ padding: var(--yd-spacing-md);
2961
4360
  margin: 0;
2962
4361
  }
2963
- .yd-schema-form__group-title[data-v-624e5d24] {
2964
- font-size: var(--yd-font-size-base);
2965
- font-weight: var(--yd-font-weight-semibold);
2966
- color: var(--yd-color-fg);
4362
+ .yd-schema-form__group-title[data-v-b97ed267] {
4363
+ font-size: var(--yd-font-size-base);
4364
+ font-weight: var(--yd-font-weight-semibold);
4365
+ color: var(--yd-color-fg);
2967
4366
  padding: 0 var(--yd-spacing-sm);
2968
4367
  }
2969
- .yd-schema-form__group-desc[data-v-624e5d24] {
2970
- font-size: var(--yd-font-size-sm);
4368
+ .yd-schema-form__group-desc[data-v-b97ed267] {
4369
+ font-size: var(--yd-font-size-sm);
2971
4370
  color: var(--yd-color-muted-fg);
2972
- }
4371
+ }
2973
4372
 
2974
- .yd-space[data-v-e6e2e015] {
4373
+ .yd-space[data-v-2671e34e] {
2975
4374
  display: inline-flex;
2976
4375
  }
2977
- .yd-space--horizontal[data-v-e6e2e015] {
4376
+ .yd-space--horizontal[data-v-2671e34e] {
2978
4377
  flex-direction: row;
2979
4378
  }
2980
- .yd-space--vertical[data-v-e6e2e015] {
4379
+ .yd-space--vertical[data-v-2671e34e] {
2981
4380
  flex-direction: column;
2982
4381
  }
2983
- .yd-space--wrap[data-v-e6e2e015] {
4382
+ .yd-space--wrap[data-v-2671e34e] {
2984
4383
  flex-wrap: wrap;
2985
4384
  }
2986
- .yd-space--align-start[data-v-e6e2e015] {
4385
+ .yd-space--align-start[data-v-2671e34e] {
2987
4386
  align-items: flex-start;
2988
4387
  }
2989
- .yd-space--align-end[data-v-e6e2e015] {
4388
+ .yd-space--align-end[data-v-2671e34e] {
2990
4389
  align-items: flex-end;
2991
4390
  }
2992
- .yd-space--align-center[data-v-e6e2e015] {
4391
+ .yd-space--align-center[data-v-2671e34e] {
2993
4392
  align-items: center;
2994
4393
  }
2995
- .yd-space--align-baseline[data-v-e6e2e015] {
4394
+ .yd-space--align-baseline[data-v-2671e34e] {
2996
4395
  align-items: baseline;
2997
- }
4396
+ }
2998
4397
 
2999
4398
  .yd-divider[data-v-5aaf3736] {
3000
4399
  display: flex;
@@ -3043,6 +4442,74 @@ to {
3043
4442
  white-space: nowrap;
3044
4443
  }
3045
4444
 
4445
+ .yd-crud-page[data-v-40a22073] {
4446
+ display: flex;
4447
+ flex-direction: column;
4448
+ height: 100%;
4449
+ min-height: 100%;
4450
+ background-color: var(--yd-crud-page-bg, #fff);
4451
+ border-radius: var(--yd-crud-page-radius, 8px);
4452
+ }
4453
+
4454
+ /* Toolbar (Layer 1) */
4455
+ .yd-crud-page__toolbar[data-v-40a22073] {
4456
+ display: flex;
4457
+ align-items: center;
4458
+ justify-content: space-between;
4459
+ padding: var(--yd-crud-page-toolbar-padding, 16px 16px 0);
4460
+ flex-shrink: 0;
4461
+ }
4462
+ .yd-crud-page__toolbar-left[data-v-40a22073] {
4463
+ display: flex;
4464
+ align-items: center;
4465
+ gap: 12px;
4466
+ flex: 1;
4467
+ }
4468
+ .yd-crud-page__toolbar-right[data-v-40a22073] {
4469
+ display: flex;
4470
+ align-items: center;
4471
+ gap: 8px;
4472
+ margin-left: auto;
4473
+ }
4474
+
4475
+ /* Filters (Layer 2) */
4476
+ .yd-crud-page__filters[data-v-40a22073] {
4477
+ display: flex;
4478
+ flex-wrap: wrap;
4479
+ align-items: center;
4480
+ gap: 16px;
4481
+ padding: var(--yd-crud-page-filters-padding, 16px);
4482
+ flex-shrink: 0;
4483
+ }
4484
+ .yd-crud-page__filter-item[data-v-40a22073] {
4485
+ display: flex;
4486
+ align-items: center;
4487
+ gap: 8px;
4488
+ }
4489
+
4490
+ /* Content (Layer 3) */
4491
+ .yd-crud-page__content[data-v-40a22073] {
4492
+ display: flex;
4493
+ flex-direction: column;
4494
+ flex: 1;
4495
+ min-height: 0;
4496
+ padding: 0 var(--yd-crud-page-content-padding, 16px) var(--yd-crud-page-content-padding, 16px);
4497
+ }
4498
+ .yd-crud-page__table-wrapper[data-v-40a22073] {
4499
+ flex: 1;
4500
+ min-height: 0;
4501
+ overflow: auto;
4502
+ }
4503
+
4504
+ /* Pagination */
4505
+ .yd-crud-page__pagination[data-v-40a22073] {
4506
+ display: flex;
4507
+ justify-content: flex-end;
4508
+ align-items: center;
4509
+ padding: var(--yd-crud-page-pagination-padding, 16px 0 0);
4510
+ flex-shrink: 0;
4511
+ }
4512
+
3046
4513
  .yd-menu[data-v-9dfb9940] {
3047
4514
  display: flex;
3048
4515
  }
@@ -3961,657 +5428,657 @@ to {
3961
5428
  display: none;
3962
5429
  }
3963
5430
 
3964
- .yd-tabs[data-v-65b74196] {
3965
- display: flex;
3966
- flex-direction: column;
5431
+ .yd-tabs[data-v-783bcbbc] {
5432
+ display: flex;
5433
+ flex-direction: column;
3967
5434
  position: relative;
3968
5435
  }
3969
- .yd-tabs__header[data-v-65b74196] {
3970
- position: relative;
3971
- display: flex;
3972
- align-items: center;
3973
- border-bottom: 1px solid var(--yd-color-border);
3974
- overflow-x: auto;
3975
- overflow-y: hidden;
3976
- scrollbar-width: none; /* Firefox */
5436
+ .yd-tabs__header[data-v-783bcbbc] {
5437
+ position: relative;
5438
+ display: flex;
5439
+ align-items: center;
5440
+ border-bottom: 1px solid var(--yd-color-border);
5441
+ overflow-x: auto;
5442
+ overflow-y: hidden;
5443
+ scrollbar-width: none; /* Firefox */
3977
5444
  -ms-overflow-style: none; /* IE/Edge */
3978
5445
  }
3979
- .yd-tabs__header[data-v-65b74196]::-webkit-scrollbar {
5446
+ .yd-tabs__header[data-v-783bcbbc]::-webkit-scrollbar {
3980
5447
  display: none; /* Chrome/Safari/Opera */
3981
5448
  }
3982
- .yd-tabs__nav[data-v-65b74196] {
3983
- display: flex;
3984
- align-items: center;
3985
- gap: var(--yd-spacing-xs);
3986
- white-space: nowrap;
3987
- padding-left: 24px;
5449
+ .yd-tabs__nav[data-v-783bcbbc] {
5450
+ display: flex;
5451
+ align-items: center;
5452
+ gap: var(--yd-spacing-xs);
5453
+ white-space: nowrap;
5454
+ padding-left: 24px;
3988
5455
  padding-right: 24px;
3989
5456
  }
3990
- .yd-tabs__tab[data-v-65b74196] {
3991
- display: inline-flex;
3992
- align-items: center;
3993
- gap: var(--yd-spacing-xs);
3994
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
3995
- cursor: pointer;
3996
- color: var(--yd-color-muted-fg);
3997
- font-size: var(--yd-font-size-sm);
3998
- border-bottom: 2px solid transparent;
5457
+ .yd-tabs__tab[data-v-783bcbbc] {
5458
+ display: inline-flex;
5459
+ align-items: center;
5460
+ gap: var(--yd-spacing-xs);
5461
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5462
+ cursor: pointer;
5463
+ color: var(--yd-color-muted-fg);
5464
+ font-size: var(--yd-font-size-sm);
5465
+ border-bottom: 2px solid transparent;
3999
5466
  transition: all var(--yd-transition-fast);
4000
5467
  }
4001
- .yd-tabs__tab[data-v-65b74196]:hover {
5468
+ .yd-tabs__tab[data-v-783bcbbc]:hover {
4002
5469
  color: var(--yd-color-fg);
4003
5470
  }
4004
- .yd-tabs__tab--active[data-v-65b74196] {
4005
- color: var(--yd-color-primary-600);
4006
- border-bottom-color: var(--yd-color-primary-500);
5471
+ .yd-tabs__tab--active[data-v-783bcbbc] {
5472
+ color: var(--yd-color-primary-600);
5473
+ border-bottom-color: var(--yd-color-primary-500);
4007
5474
  font-weight: var(--yd-font-weight-medium);
4008
5475
  }
4009
- .yd-tabs__tab--disabled[data-v-65b74196] {
4010
- opacity: 0.5;
4011
- cursor: not-allowed;
5476
+ .yd-tabs__tab--disabled[data-v-783bcbbc] {
5477
+ opacity: 0.5;
5478
+ cursor: not-allowed;
4012
5479
  pointer-events: none;
4013
5480
  }
4014
- .yd-tabs__label[data-v-65b74196] {
4015
- max-width: 120px;
4016
- overflow: hidden;
4017
- text-overflow: ellipsis;
5481
+ .yd-tabs__label[data-v-783bcbbc] {
5482
+ max-width: 120px;
5483
+ overflow: hidden;
5484
+ text-overflow: ellipsis;
4018
5485
  white-space: nowrap;
4019
5486
  }
4020
- .yd-tabs__close[data-v-65b74196] {
4021
- display: inline-flex;
4022
- align-items: center;
4023
- justify-content: center;
4024
- background: transparent;
4025
- border: none;
4026
- cursor: pointer;
4027
- color: var(--yd-color-muted-fg);
4028
- padding: 0;
5487
+ .yd-tabs__close[data-v-783bcbbc] {
5488
+ display: inline-flex;
5489
+ align-items: center;
5490
+ justify-content: center;
5491
+ background: transparent;
5492
+ border: none;
5493
+ cursor: pointer;
5494
+ color: var(--yd-color-muted-fg);
5495
+ padding: 0;
4029
5496
  border-radius: var(--yd-radius-sm);
4030
5497
  }
4031
- .yd-tabs__close[data-v-65b74196]:hover {
4032
- background: var(--yd-color-muted);
5498
+ .yd-tabs__close[data-v-783bcbbc]:hover {
5499
+ background: var(--yd-color-muted);
4033
5500
  color: var(--yd-color-fg);
4034
5501
  }
4035
- .yd-tabs__add[data-v-65b74196] {
4036
- display: inline-flex;
4037
- align-items: center;
4038
- justify-content: center;
4039
- background: transparent;
4040
- border: none;
4041
- cursor: pointer;
4042
- color: var(--yd-color-muted-fg);
4043
- padding: var(--yd-spacing-sm);
5502
+ .yd-tabs__add[data-v-783bcbbc] {
5503
+ display: inline-flex;
5504
+ align-items: center;
5505
+ justify-content: center;
5506
+ background: transparent;
5507
+ border: none;
5508
+ cursor: pointer;
5509
+ color: var(--yd-color-muted-fg);
5510
+ padding: var(--yd-spacing-sm);
4044
5511
  border-radius: var(--yd-radius-sm);
4045
5512
  }
4046
- .yd-tabs__add[data-v-65b74196]:hover {
4047
- background: var(--yd-color-muted);
5513
+ .yd-tabs__add[data-v-783bcbbc]:hover {
5514
+ background: var(--yd-color-muted);
4048
5515
  color: var(--yd-color-fg);
4049
5516
  }
4050
- .yd-tabs__content[data-v-65b74196] {
5517
+ .yd-tabs__content[data-v-783bcbbc] {
4051
5518
  padding-top: var(--yd-spacing-base);
4052
5519
  }
4053
- .yd-tabs__context-menu[data-v-65b74196] {
4054
- min-width: 120px;
4055
- padding: var(--yd-spacing-xs) 0;
4056
- background: var(--yd-color-bg);
4057
- border: 1px solid var(--yd-color-border);
4058
- border-radius: var(--yd-radius-md);
5520
+ .yd-tabs__context-menu[data-v-783bcbbc] {
5521
+ min-width: 120px;
5522
+ padding: var(--yd-spacing-xs) 0;
5523
+ background: var(--yd-color-bg);
5524
+ border: 1px solid var(--yd-color-border);
5525
+ border-radius: var(--yd-radius-md);
4059
5526
  box-shadow: var(--yd-shadow-lg);
4060
5527
  }
4061
- .yd-tabs__ctx-item[data-v-65b74196] {
4062
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4063
- cursor: pointer;
4064
- font-size: var(--yd-font-size-sm);
4065
- color: var(--yd-color-fg);
5528
+ .yd-tabs__ctx-item[data-v-783bcbbc] {
5529
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5530
+ cursor: pointer;
5531
+ font-size: var(--yd-font-size-sm);
5532
+ color: var(--yd-color-fg);
4066
5533
  transition: background var(--yd-transition-fast);
4067
5534
  }
4068
- .yd-tabs__ctx-item[data-v-65b74196]:hover {
5535
+ .yd-tabs__ctx-item[data-v-783bcbbc]:hover {
4069
5536
  background: var(--yd-color-muted);
4070
5537
  }
4071
- .yd-tabs__tab--dragging[data-v-65b74196] {
5538
+ .yd-tabs__tab--dragging[data-v-783bcbbc] {
4072
5539
  opacity: 0.5;
4073
- }
4074
-
5540
+ }
5541
+
4075
5542
  /* 拖拽占位符动画 */
4076
- .yd-tabs__tab--placeholder[data-v-65b74196] {
5543
+ .yd-tabs__tab--placeholder[data-v-783bcbbc] {
4077
5544
  position: relative;
4078
5545
  }
4079
- .yd-tabs__tab--placeholder[data-v-65b74196]::after {
4080
- content: "";
4081
- position: absolute;
4082
- left: -2px;
4083
- top: 50%;
4084
- transform: translateY(-50%);
4085
- width: 3px;
4086
- height: 60%;
4087
- background: var(--yd-color-primary-500);
4088
- border-radius: 2px;
4089
- animation: yd-tabs-placeholder-pulse-65b74196 0.6s ease-in-out infinite;
4090
- }
4091
-
5546
+ .yd-tabs__tab--placeholder[data-v-783bcbbc]::after {
5547
+ content: "";
5548
+ position: absolute;
5549
+ left: -2px;
5550
+ top: 50%;
5551
+ transform: translateY(-50%);
5552
+ width: 3px;
5553
+ height: 60%;
5554
+ background: var(--yd-color-primary-500);
5555
+ border-radius: 2px;
5556
+ animation: yd-tabs-placeholder-pulse-783bcbbc 0.6s ease-in-out infinite;
5557
+ }
5558
+
4092
5559
  /* 触摸拖拽样式 */
4093
- .yd-tabs__tab--touch-dragging[data-v-65b74196] {
4094
- opacity: 0.8;
4095
- transform: scale(1.02);
5560
+ .yd-tabs__tab--touch-dragging[data-v-783bcbbc] {
5561
+ opacity: 0.8;
5562
+ transform: scale(1.02);
4096
5563
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
4097
5564
  }
4098
- @keyframes yd-tabs-placeholder-pulse-65b74196 {
4099
- 0%,
4100
- 100% {
5565
+ @keyframes yd-tabs-placeholder-pulse-783bcbbc {
5566
+ 0%,
5567
+ 100% {
4101
5568
  opacity: 0.4;
4102
5569
  }
4103
- 50% {
5570
+ 50% {
4104
5571
  opacity: 1;
4105
5572
  }
4106
- }
4107
-
5573
+ }
5574
+
4108
5575
  /* 插入指示线 */
4109
- .yd-tabs__insert-indicator[data-v-65b74196] {
4110
- position: fixed;
4111
- pointer-events: none;
4112
- z-index: 100;
4113
- transition:
4114
- left 0.15s ease-out,
5576
+ .yd-tabs__insert-indicator[data-v-783bcbbc] {
5577
+ position: fixed;
5578
+ pointer-events: none;
5579
+ z-index: 100;
5580
+ transition:
5581
+ left 0.15s ease-out,
4115
5582
  height 0.15s ease-out;
4116
- }
4117
-
5583
+ }
5584
+
4118
5585
  /* ====== Tooltip 样式 ====== */
4119
- .yd-tabs__tooltip[data-v-65b74196] {
4120
- position: fixed;
4121
- z-index: 9999;
4122
- min-width: 160px;
4123
- max-width: 280px;
4124
- padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4125
- background: var(--yd-color-bg, #ffffff);
4126
- border: 1px solid var(--yd-color-border);
4127
- border-radius: var(--yd-radius-md);
4128
- box-shadow: var(--yd-shadow-lg);
4129
- pointer-events: none;
4130
- opacity: 0;
5586
+ .yd-tabs__tooltip[data-v-783bcbbc] {
5587
+ position: fixed;
5588
+ z-index: 9999;
5589
+ min-width: 160px;
5590
+ max-width: 280px;
5591
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
5592
+ background: var(--yd-color-bg, #ffffff);
5593
+ border: 1px solid var(--yd-color-border);
5594
+ border-radius: var(--yd-radius-md);
5595
+ box-shadow: var(--yd-shadow-lg);
5596
+ pointer-events: none;
5597
+ opacity: 0;
4131
5598
  transition: opacity 0.15s ease-out;
4132
5599
  }
4133
- .yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-65b74196] {
5600
+ .yd-tabs__tooltip.yd-tabs__tooltip--visible[data-v-783bcbbc] {
4134
5601
  opacity: 1;
4135
- }
4136
-
4137
- /* 暗色主题 - 需要更强的选择器 */
5602
+ }
5603
+
5604
+ /* 暗色主题 - 需要更强的选择器 */
4138
5605
  /* 注意: tooltip使用teleport到body，所以需要用:global或者直接选择器 */
4139
- :root[data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196],
4140
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196] {
4141
- background: var(--yd-color-bg, #1f2937) !important;
5606
+ :root[data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
5607
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc] {
5608
+ background: var(--yd-color-bg, #1f2937) !important;
4142
5609
  border-color: rgba(255, 255, 255, 0.15);
4143
- }
4144
-
5610
+ }
5611
+
4145
5612
  /* 布局暗黑主题类选择器 */
4146
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196] {
4147
- background: var(--yd-color-bg, #1f2937) !important;
5613
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
5614
+ background: var(--yd-color-bg, #1f2937) !important;
4148
5615
  border-color: rgba(255, 255, 255, 0.15);
4149
- }
4150
-
5616
+ }
5617
+
4151
5618
  /* 暗黑主题tooltip类 - 通过props.theme="dark"添加 */
4152
- .yd-tabs__tooltip--dark[data-v-65b74196] {
4153
- background: #1f2937 !important;
5619
+ .yd-tabs__tooltip--dark[data-v-783bcbbc] {
5620
+ background: #1f2937 !important;
4154
5621
  border-color: rgba(255, 255, 255, 0.15) !important;
4155
5622
  }
4156
- .yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-65b74196] {
5623
+ .yd-tabs__tooltip--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
4157
5624
  color: #f9fafb !important;
4158
5625
  }
4159
- .yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-65b74196] {
5626
+ .yd-tabs__tooltip--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
4160
5627
  color: #9ca3af !important;
4161
5628
  }
4162
- .yd-tabs__tooltip--dark[data-v-65b74196]::before {
5629
+ .yd-tabs__tooltip--dark[data-v-783bcbbc]::before {
4163
5630
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
4164
5631
  }
4165
- .yd-tabs__tooltip--dark[data-v-65b74196]::after {
5632
+ .yd-tabs__tooltip--dark[data-v-783bcbbc]::after {
4166
5633
  border-bottom-color: #1f2937 !important;
4167
- }
4168
-
5634
+ }
5635
+
4169
5636
  /* 顶部小三角指向 */
4170
- .yd-tabs__tooltip[data-v-65b74196]::before {
4171
- content: "";
4172
- position: absolute;
4173
- top: -6px;
4174
- left: 50%;
4175
- margin-left: -6px;
4176
- width: 0;
4177
- height: 0;
4178
- border-left: 6px solid transparent;
4179
- border-right: 6px solid transparent;
5637
+ .yd-tabs__tooltip[data-v-783bcbbc]::before {
5638
+ content: "";
5639
+ position: absolute;
5640
+ top: -6px;
5641
+ left: 50%;
5642
+ margin-left: -6px;
5643
+ width: 0;
5644
+ height: 0;
5645
+ border-left: 6px solid transparent;
5646
+ border-right: 6px solid transparent;
4180
5647
  border-bottom: 6px solid var(--yd-color-border);
4181
5648
  }
4182
- .yd-tabs__tooltip[data-v-65b74196]::after {
4183
- content: "";
4184
- position: absolute;
4185
- top: -5px;
4186
- left: 50%;
4187
- margin-left: -5px;
4188
- width: 0;
4189
- height: 0;
4190
- border-left: 5px solid transparent;
4191
- border-right: 5px solid transparent;
4192
- border-bottom: 5px solid var(--yd-color-bg);
5649
+ .yd-tabs__tooltip[data-v-783bcbbc]::after {
5650
+ content: "";
5651
+ position: absolute;
5652
+ top: -5px;
5653
+ left: 50%;
5654
+ margin-left: -5px;
5655
+ width: 0;
5656
+ height: 0;
5657
+ border-left: 5px solid transparent;
5658
+ border-right: 5px solid transparent;
5659
+ border-bottom: 5px solid var(--yd-color-bg);
4193
5660
  z-index: 1;
4194
- }
4195
-
5661
+ }
5662
+
4196
5663
  /* 暗色主题 tooltip - 支持 .dark 类、data-theme 属性和 layout 类 */
4197
- .dark .yd-tabs__tooltip[data-v-65b74196],
4198
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196],
4199
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196] {
4200
- background: var(--yd-color-bg);
5664
+ .dark .yd-tabs__tooltip[data-v-783bcbbc],
5665
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc],
5666
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc] {
5667
+ background: var(--yd-color-bg);
4201
5668
  border-color: rgba(255, 255, 255, 0.1);
4202
5669
  }
4203
- .dark .yd-tabs__tooltip[data-v-65b74196]::before,
4204
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196]::before,
4205
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196]::before {
5670
+ .dark .yd-tabs__tooltip[data-v-783bcbbc]::before,
5671
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::before,
5672
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::before {
4206
5673
  border-bottom-color: rgba(255, 255, 255, 0.1);
4207
5674
  }
4208
- .dark .yd-tabs__tooltip[data-v-65b74196]::after,
4209
- [data-theme="dark"] .yd-tabs__tooltip[data-v-65b74196]::after,
4210
- .yd-layout--dark .yd-tabs__tooltip[data-v-65b74196]::after {
5675
+ .dark .yd-tabs__tooltip[data-v-783bcbbc]::after,
5676
+ [data-theme="dark"] .yd-tabs__tooltip[data-v-783bcbbc]::after,
5677
+ .yd-layout--dark .yd-tabs__tooltip[data-v-783bcbbc]::after {
4211
5678
  border-bottom-color: var(--yd-color-bg);
4212
5679
  }
4213
- @keyframes yd-tabs-tooltip-fade-in-65b74196 {
4214
- from {
4215
- opacity: 0;
5680
+ @keyframes yd-tabs-tooltip-fade-in-783bcbbc {
5681
+ from {
5682
+ opacity: 0;
4216
5683
  transform: translateY(4px);
4217
5684
  }
4218
- to {
4219
- opacity: 1;
5685
+ to {
5686
+ opacity: 1;
4220
5687
  transform: translateY(0);
4221
5688
  }
4222
5689
  }
4223
- .yd-tabs__tooltip-title[data-v-65b74196] {
4224
- color: var(--yd-color-fg, #111827);
4225
- font-size: var(--yd-font-size-sm);
4226
- font-weight: var(--yd-font-weight-medium);
5690
+ .yd-tabs__tooltip-title[data-v-783bcbbc] {
5691
+ color: var(--yd-color-fg, #111827);
5692
+ font-size: var(--yd-font-size-sm);
5693
+ font-weight: var(--yd-font-weight-medium);
4227
5694
  white-space: nowrap;
4228
5695
  }
4229
- .yd-tabs__tooltip-desc[data-v-65b74196] {
4230
- color: var(--yd-color-muted-fg, #6b7280);
4231
- font-size: var(--yd-font-size-xs);
4232
- margin-top: 4px;
5696
+ .yd-tabs__tooltip-desc[data-v-783bcbbc] {
5697
+ color: var(--yd-color-muted-fg, #6b7280);
5698
+ font-size: var(--yd-font-size-xs);
5699
+ margin-top: 4px;
4233
5700
  line-height: 1.4;
4234
- }
4235
-
5701
+ }
5702
+
4236
5703
  /* 暗色主题 tooltip 文字 */
4237
- :root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-65b74196],
4238
- [data-theme="dark"] .yd-tabs__tooltip-title[data-v-65b74196],
4239
- .yd-layout--dark .yd-tabs__tooltip-title[data-v-65b74196] {
5704
+ :root[data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
5705
+ [data-theme="dark"] .yd-tabs__tooltip-title[data-v-783bcbbc],
5706
+ .yd-layout--dark .yd-tabs__tooltip-title[data-v-783bcbbc] {
4240
5707
  color: var(--yd-color-fg, #f9fafb);
4241
5708
  }
4242
- :root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-65b74196],
4243
- [data-theme="dark"] .yd-tabs__tooltip-desc[data-v-65b74196],
4244
- .yd-layout--dark .yd-tabs__tooltip-desc[data-v-65b74196] {
5709
+ :root[data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
5710
+ [data-theme="dark"] .yd-tabs__tooltip-desc[data-v-783bcbbc],
5711
+ .yd-layout--dark .yd-tabs__tooltip-desc[data-v-783bcbbc] {
4245
5712
  color: var(--yd-color-muted-fg, #9ca3af);
4246
- }
4247
-
5713
+ }
5714
+
4248
5715
  /* ====== card 类型 ====== */
4249
- .yd-tabs--card .yd-tabs__header[data-v-65b74196] {
5716
+ .yd-tabs--card .yd-tabs__header[data-v-783bcbbc] {
4250
5717
  border-bottom: none;
4251
5718
  }
4252
- .yd-tabs--card .yd-tabs__tab[data-v-65b74196] {
4253
- border-bottom: none;
4254
- background: var(--yd-color-muted);
5719
+ .yd-tabs--card .yd-tabs__tab[data-v-783bcbbc] {
5720
+ border-bottom: none;
5721
+ background: var(--yd-color-muted);
4255
5722
  border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4256
5723
  }
4257
- .yd-tabs--card .yd-tabs__tab--active[data-v-65b74196] {
4258
- background: var(--yd-color-bg);
4259
- border-bottom: none;
5724
+ .yd-tabs--card .yd-tabs__tab--active[data-v-783bcbbc] {
5725
+ background: var(--yd-color-bg);
5726
+ border-bottom: none;
4260
5727
  border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4261
- }
4262
-
5728
+ }
5729
+
4263
5730
  /* ====== segment 类型 ====== */
4264
- .yd-tabs--segment .yd-tabs__header[data-v-65b74196] {
4265
- border-bottom: none;
4266
- background: var(--yd-color-muted);
4267
- border-radius: var(--yd-radius-md);
5731
+ .yd-tabs--segment .yd-tabs__header[data-v-783bcbbc] {
5732
+ border-bottom: none;
5733
+ background: var(--yd-color-muted);
5734
+ border-radius: var(--yd-radius-md);
4268
5735
  padding: 2px;
4269
5736
  }
4270
- .yd-tabs--segment .yd-tabs__nav[data-v-65b74196] {
4271
- gap: 2px;
4272
- padding-left: 4px;
5737
+ .yd-tabs--segment .yd-tabs__nav[data-v-783bcbbc] {
5738
+ gap: 2px;
5739
+ padding-left: 4px;
4273
5740
  padding-right: 4px;
4274
5741
  }
4275
- .yd-tabs--segment .yd-tabs__tab[data-v-65b74196] {
4276
- border-bottom: none;
4277
- border-radius: var(--yd-radius-sm);
4278
- flex: 1;
4279
- justify-content: center;
5742
+ .yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc] {
5743
+ border-bottom: none;
5744
+ border-radius: var(--yd-radius-sm);
5745
+ flex: 1;
5746
+ justify-content: center;
4280
5747
  min-width: 60px;
4281
5748
  }
4282
- .yd-tabs--segment .yd-tabs__tab--active[data-v-65b74196] {
4283
- background: var(--yd-color-bg);
4284
- border-radius: var(--yd-radius-sm);
5749
+ .yd-tabs--segment .yd-tabs__tab--active[data-v-783bcbbc] {
5750
+ background: var(--yd-color-bg);
5751
+ border-radius: var(--yd-radius-sm);
4285
5752
  box-shadow: var(--yd-shadow-sm);
4286
5753
  }
4287
- .yd-tabs--segment .yd-tabs__tab[data-v-65b74196]:hover:not(.yd-tabs__tab--active) {
5754
+ .yd-tabs--segment .yd-tabs__tab[data-v-783bcbbc]:hover:not(.yd-tabs__tab--active) {
4288
5755
  background: rgba(255, 255, 255, 0.5);
4289
- }
4290
-
5756
+ }
5757
+
4291
5758
  /* ====== border-card 类型 ====== */
4292
- .yd-tabs--border-card[data-v-65b74196] {
4293
- border: 1px solid var(--yd-color-border);
5759
+ .yd-tabs--border-card[data-v-783bcbbc] {
5760
+ border: 1px solid var(--yd-color-border);
4294
5761
  border-radius: var(--yd-radius-md);
4295
5762
  }
4296
- .yd-tabs--border-card .yd-tabs__header[data-v-65b74196] {
4297
- border-bottom: 1px solid var(--yd-color-border);
4298
- background: var(--yd-color-muted);
5763
+ .yd-tabs--border-card .yd-tabs__header[data-v-783bcbbc] {
5764
+ border-bottom: 1px solid var(--yd-color-border);
5765
+ background: var(--yd-color-muted);
4299
5766
  border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4300
5767
  }
4301
- .yd-tabs--border-card .yd-tabs__tab[data-v-65b74196] {
4302
- border-bottom: none;
5768
+ .yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc] {
5769
+ border-bottom: none;
4303
5770
  border-right: 1px solid var(--yd-color-border);
4304
5771
  }
4305
- .yd-tabs--border-card .yd-tabs__tab[data-v-65b74196]:last-child {
5772
+ .yd-tabs--border-card .yd-tabs__tab[data-v-783bcbbc]:last-child {
4306
5773
  border-right: none;
4307
5774
  }
4308
- .yd-tabs--border-card .yd-tabs__tab--active[data-v-65b74196] {
4309
- background: var(--yd-color-bg);
5775
+ .yd-tabs--border-card .yd-tabs__tab--active[data-v-783bcbbc] {
5776
+ background: var(--yd-color-bg);
4310
5777
  border-bottom: none;
4311
- }
4312
-
5778
+ }
5779
+
4313
5780
  /* 滚动箭头 - 悬浮侧边按钮风格 */
4314
- .yd-tabs__arrow[data-v-65b74196] {
4315
- display: flex;
4316
- align-items: center;
4317
- justify-content: center;
4318
- width: 20px;
4319
- height: 24px;
4320
- cursor: pointer;
4321
- color: var(--yd-color-muted-fg);
4322
- background: var(--yd-color-bg);
4323
- border: 1px solid var(--yd-color-border);
4324
- border-radius: var(--yd-radius-sm);
4325
- box-shadow: var(--yd-shadow-sm);
4326
- transition: all var(--yd-transition-fast);
4327
- flex-shrink: 0;
5781
+ .yd-tabs__arrow[data-v-783bcbbc] {
5782
+ display: flex;
5783
+ align-items: center;
5784
+ justify-content: center;
5785
+ width: 20px;
5786
+ height: 24px;
5787
+ cursor: pointer;
5788
+ color: var(--yd-color-muted-fg);
5789
+ background: var(--yd-color-bg);
5790
+ border: 1px solid var(--yd-color-border);
5791
+ border-radius: var(--yd-radius-sm);
5792
+ box-shadow: var(--yd-shadow-sm);
5793
+ transition: all var(--yd-transition-fast);
5794
+ flex-shrink: 0;
4328
5795
  z-index: 1;
4329
5796
  }
4330
- .yd-tabs__arrow[data-v-65b74196]:hover {
4331
- color: var(--yd-color-fg);
4332
- background: var(--yd-color-muted);
5797
+ .yd-tabs__arrow[data-v-783bcbbc]:hover {
5798
+ color: var(--yd-color-fg);
5799
+ background: var(--yd-color-muted);
4333
5800
  box-shadow: var(--yd-shadow-md);
4334
- }
5801
+ }
4335
5802
  /* 暗色主题下箭头需要更高对比度 - 支持 .dark 类和 data-theme 属性 */
4336
- .dark .yd-tabs__arrow[data-v-65b74196],
4337
- [data-theme="dark"] .yd-tabs__arrow[data-v-65b74196] {
4338
- background: rgba(30, 30, 30, 0.9);
5803
+ .dark .yd-tabs__arrow[data-v-783bcbbc],
5804
+ [data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc] {
5805
+ background: rgba(30, 30, 30, 0.9);
4339
5806
  border-color: rgba(255, 255, 255, 0.15);
4340
5807
  }
4341
- .dark .yd-tabs__arrow[data-v-65b74196]:hover,
4342
- [data-theme="dark"] .yd-tabs__arrow[data-v-65b74196]:hover {
5808
+ .dark .yd-tabs__arrow[data-v-783bcbbc]:hover,
5809
+ [data-theme="dark"] .yd-tabs__arrow[data-v-783bcbbc]:hover {
4343
5810
  background: rgba(50, 50, 50, 0.9);
4344
5811
  }
4345
- .yd-tabs__arrow--left[data-v-65b74196] {
4346
- position: absolute;
4347
- left: 4px;
4348
- top: 50%;
5812
+ .yd-tabs__arrow--left[data-v-783bcbbc] {
5813
+ position: absolute;
5814
+ left: 4px;
5815
+ top: 50%;
4349
5816
  transform: translateY(-50%);
4350
5817
  }
4351
- .yd-tabs__arrow--right[data-v-65b74196] {
4352
- position: absolute;
4353
- right: 4px;
4354
- top: 50%;
5818
+ .yd-tabs__arrow--right[data-v-783bcbbc] {
5819
+ position: absolute;
5820
+ right: 4px;
5821
+ top: 50%;
4355
5822
  transform: translateY(-50%);
4356
- }
4357
-
5823
+ }
5824
+
4358
5825
  /* ====== chrome 类型 - 浏览器标签栏风格 ====== */
4359
- .yd-tabs--chrome[data-v-65b74196] {
4360
- border-radius: var(--yd-radius-md);
4361
- background: var(--yd-color-muted);
5826
+ .yd-tabs--chrome[data-v-783bcbbc] {
5827
+ border-radius: var(--yd-radius-md);
5828
+ background: var(--yd-color-muted);
4362
5829
  padding: 8px 8px 0 8px;
4363
5830
  }
4364
- .yd-tabs--chrome .yd-tabs__header[data-v-65b74196] {
4365
- border-bottom: none;
4366
- padding: 0;
5831
+ .yd-tabs--chrome .yd-tabs__header[data-v-783bcbbc] {
5832
+ border-bottom: none;
5833
+ padding: 0;
4367
5834
  gap: 2px;
4368
5835
  }
4369
- .yd-tabs--chrome .yd-tabs__nav[data-v-65b74196] {
4370
- gap: 2px;
4371
- padding-left: 0;
5836
+ .yd-tabs--chrome .yd-tabs__nav[data-v-783bcbbc] {
5837
+ gap: 2px;
5838
+ padding-left: 0;
4372
5839
  padding-right: 0;
4373
5840
  }
4374
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196] {
4375
- border-bottom: none;
4376
- border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4377
- background: transparent;
4378
- padding: 6px 12px;
4379
- position: relative;
4380
- min-width: 100px;
5841
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc] {
5842
+ border-bottom: none;
5843
+ border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
5844
+ background: transparent;
5845
+ padding: 6px 12px;
5846
+ position: relative;
5847
+ min-width: 100px;
4381
5848
  max-width: 200px;
4382
5849
  }
4383
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196]::before {
4384
- content: "";
4385
- position: absolute;
4386
- left: 0;
4387
- right: 0;
4388
- top: 0;
4389
- height: 3px;
4390
- background: transparent;
4391
- border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
5850
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]::before {
5851
+ content: "";
5852
+ position: absolute;
5853
+ left: 0;
5854
+ right: 0;
5855
+ top: 0;
5856
+ height: 3px;
5857
+ background: transparent;
5858
+ border-radius: var(--yd-radius-sm) var(--yd-radius-sm) 0 0;
4392
5859
  transition: background var(--yd-transition-fast);
4393
5860
  }
4394
- .yd-tabs--chrome .yd-tabs__tab[data-v-65b74196]:hover {
5861
+ .yd-tabs--chrome .yd-tabs__tab[data-v-783bcbbc]:hover {
4395
5862
  background: rgba(255, 255, 255, 0.5);
4396
5863
  }
4397
- .yd-tabs--chrome .yd-tabs__tab--active[data-v-65b74196] {
4398
- background: var(--yd-color-bg);
5864
+ .yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc] {
5865
+ background: var(--yd-color-bg);
4399
5866
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
4400
5867
  }
4401
- .yd-tabs--chrome .yd-tabs__tab--active[data-v-65b74196]::before {
5868
+ .yd-tabs--chrome .yd-tabs__tab--active[data-v-783bcbbc]::before {
4402
5869
  background: var(--yd-color-primary-500);
4403
5870
  }
4404
- .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-65b74196] {
5871
+ .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
4405
5872
  font-weight: var(--yd-font-weight-medium);
4406
5873
  }
4407
- .yd-tabs--chrome .yd-tabs__close[data-v-65b74196] {
4408
- opacity: 0;
4409
- margin-left: 4px;
5874
+ .yd-tabs--chrome .yd-tabs__close[data-v-783bcbbc] {
5875
+ opacity: 0;
5876
+ margin-left: 4px;
4410
5877
  transition: opacity var(--yd-transition-fast);
4411
5878
  }
4412
- .yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-65b74196],
4413
- .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-65b74196] {
5879
+ .yd-tabs--chrome .yd-tabs__tab:hover .yd-tabs__close[data-v-783bcbbc],
5880
+ .yd-tabs--chrome .yd-tabs__tab--active .yd-tabs__close[data-v-783bcbbc] {
4414
5881
  opacity: 1;
4415
5882
  }
4416
- .yd-tabs--chrome .yd-tabs__icon[data-v-65b74196] {
4417
- font-size: 14px;
4418
- margin-right: 6px;
5883
+ .yd-tabs--chrome .yd-tabs__icon[data-v-783bcbbc] {
5884
+ font-size: 14px;
5885
+ margin-right: 6px;
4419
5886
  flex-shrink: 0;
4420
- }
4421
-
5887
+ }
5888
+
4422
5889
  /* ====== rounded 类型 - 完全圆角药丸 ====== */
4423
- .yd-tabs--rounded .yd-tabs__header[data-v-65b74196] {
4424
- border-bottom: none;
5890
+ .yd-tabs--rounded .yd-tabs__header[data-v-783bcbbc] {
5891
+ border-bottom: none;
4425
5892
  gap: 8px;
4426
5893
  }
4427
- .yd-tabs--rounded .yd-tabs__nav[data-v-65b74196] {
4428
- gap: 8px;
5894
+ .yd-tabs--rounded .yd-tabs__nav[data-v-783bcbbc] {
5895
+ gap: 8px;
4429
5896
  padding-left: 0;
4430
5897
  }
4431
- .yd-tabs--rounded .yd-tabs__tab[data-v-65b74196] {
4432
- border-bottom: none;
4433
- border-radius: 9999px;
4434
- background: var(--yd-color-muted);
4435
- padding: 8px 16px;
5898
+ .yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc] {
5899
+ border-bottom: none;
5900
+ border-radius: 9999px;
5901
+ background: var(--yd-color-muted);
5902
+ padding: 8px 16px;
4436
5903
  transition: all var(--yd-transition-normal);
4437
5904
  }
4438
- .yd-tabs--rounded .yd-tabs__tab[data-v-65b74196]:hover {
4439
- background: var(--yd-color-muted-hover);
5905
+ .yd-tabs--rounded .yd-tabs__tab[data-v-783bcbbc]:hover {
5906
+ background: var(--yd-color-muted-hover);
4440
5907
  transform: translateY(-1px);
4441
5908
  }
4442
- .yd-tabs--rounded .yd-tabs__tab--active[data-v-65b74196] {
4443
- background: var(--yd-color-primary-500);
4444
- color: white;
5909
+ .yd-tabs--rounded .yd-tabs__tab--active[data-v-783bcbbc] {
5910
+ background: var(--yd-color-primary-500);
5911
+ color: white;
4445
5912
  box-shadow: 0 4px 12px rgba(0, 96, 171, 0.3);
4446
5913
  }
4447
- .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-65b74196] {
5914
+ .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc] {
4448
5915
  opacity: 0.5;
4449
5916
  }
4450
- .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-65b74196]:hover {
5917
+ .yd-tabs--rounded .yd-tabs__tab--disabled[data-v-783bcbbc]:hover {
4451
5918
  transform: none;
4452
5919
  }
4453
- .yd-tabs--rounded .yd-tabs__label[data-v-65b74196] {
5920
+ .yd-tabs--rounded .yd-tabs__label[data-v-783bcbbc] {
4454
5921
  max-width: none;
4455
- }
4456
-
5922
+ }
5923
+
4457
5924
  /* ====== minimal 类型 - 极简纯文本 ====== */
4458
- .yd-tabs--minimal .yd-tabs__header[data-v-65b74196] {
4459
- border-bottom: 1px solid var(--yd-color-border);
5925
+ .yd-tabs--minimal .yd-tabs__header[data-v-783bcbbc] {
5926
+ border-bottom: 1px solid var(--yd-color-border);
4460
5927
  gap: 24px;
4461
5928
  }
4462
- .yd-tabs--minimal .yd-tabs__nav[data-v-65b74196] {
4463
- gap: 24px;
4464
- padding-left: 0;
5929
+ .yd-tabs--minimal .yd-tabs__nav[data-v-783bcbbc] {
5930
+ gap: 24px;
5931
+ padding-left: 0;
4465
5932
  padding-right: 0;
4466
5933
  }
4467
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196] {
4468
- border-bottom: none;
4469
- padding: 12px 0;
4470
- position: relative;
5934
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc] {
5935
+ border-bottom: none;
5936
+ padding: 12px 0;
5937
+ position: relative;
4471
5938
  background: transparent;
4472
5939
  }
4473
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]::after {
4474
- content: "";
4475
- position: absolute;
4476
- left: 50%;
4477
- right: 50%;
4478
- bottom: -1px;
4479
- height: 2px;
4480
- background: var(--yd-color-primary-500);
4481
- transition: all var(--yd-transition-normal);
5940
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]::after {
5941
+ content: "";
5942
+ position: absolute;
5943
+ left: 50%;
5944
+ right: 50%;
5945
+ bottom: -1px;
5946
+ height: 2px;
5947
+ background: var(--yd-color-primary-500);
5948
+ transition: all var(--yd-transition-normal);
4482
5949
  border-radius: 1px;
4483
5950
  }
4484
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]:hover::after {
4485
- left: 0;
5951
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover::after {
5952
+ left: 0;
4486
5953
  right: 0;
4487
5954
  }
4488
- .yd-tabs--minimal .yd-tabs__tab--active[data-v-65b74196]::after {
4489
- left: 0;
5955
+ .yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc]::after {
5956
+ left: 0;
4490
5957
  right: 0;
4491
5958
  }
4492
- .yd-tabs--minimal .yd-tabs__tab[data-v-65b74196]:hover {
5959
+ .yd-tabs--minimal .yd-tabs__tab[data-v-783bcbbc]:hover {
4493
5960
  color: var(--yd-color-primary-600);
4494
5961
  }
4495
- .yd-tabs--minimal .yd-tabs__tab--active[data-v-65b74196] {
5962
+ .yd-tabs--minimal .yd-tabs__tab--active[data-v-783bcbbc] {
4496
5963
  color: var(--yd-color-primary-600);
4497
5964
  }
4498
- .yd-tabs--minimal .yd-tabs__tab--disabled[data-v-65b74196] {
4499
- opacity: 0.4;
5965
+ .yd-tabs--minimal .yd-tabs__tab--disabled[data-v-783bcbbc] {
5966
+ opacity: 0.4;
4500
5967
  pointer-events: none;
4501
5968
  }
4502
- .yd-tabs--minimal .yd-tabs__label[data-v-65b74196] {
4503
- max-width: none;
5969
+ .yd-tabs--minimal .yd-tabs__label[data-v-783bcbbc] {
5970
+ max-width: none;
4504
5971
  font-size: var(--yd-font-size-base);
4505
- }
4506
-
5972
+ }
5973
+
4507
5974
  /* ====== envelope 类型 - 信封/文件夹风格 ====== */
4508
- .yd-tabs--envelope[data-v-65b74196] {
4509
- border: 1px solid var(--yd-color-border);
4510
- border-radius: var(--yd-radius-md);
4511
- padding: 16px 16px 0 16px;
5975
+ .yd-tabs--envelope[data-v-783bcbbc] {
5976
+ border: 1px solid var(--yd-color-border);
5977
+ border-radius: var(--yd-radius-md);
5978
+ padding: 16px 16px 0 16px;
4512
5979
  background: linear-gradient(to bottom, var(--yd-color-muted), var(--yd-color-bg));
4513
5980
  }
4514
- .yd-tabs--envelope .yd-tabs__header[data-v-65b74196] {
4515
- border-bottom: none;
4516
- padding: 0;
5981
+ .yd-tabs--envelope .yd-tabs__header[data-v-783bcbbc] {
5982
+ border-bottom: none;
5983
+ padding: 0;
4517
5984
  gap: 4px;
4518
5985
  }
4519
- .yd-tabs--envelope .yd-tabs__nav[data-v-65b74196] {
4520
- gap: 4px;
4521
- padding-left: 0;
5986
+ .yd-tabs--envelope .yd-tabs__nav[data-v-783bcbbc] {
5987
+ gap: 4px;
5988
+ padding-left: 0;
4522
5989
  padding-right: 0;
4523
5990
  }
4524
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196] {
4525
- border-bottom: none;
4526
- border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4527
- background: var(--yd-color-muted);
4528
- padding: 10px 16px;
4529
- position: relative;
5991
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc] {
5992
+ border-bottom: none;
5993
+ border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
5994
+ background: var(--yd-color-muted);
5995
+ padding: 10px 16px;
5996
+ position: relative;
4530
5997
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
4531
5998
  }
4532
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196]::before {
4533
- content: "";
4534
- position: absolute;
4535
- top: 0;
4536
- left: 0;
4537
- right: 0;
4538
- height: 2px;
4539
- background: transparent;
5999
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]::before {
6000
+ content: "";
6001
+ position: absolute;
6002
+ top: 0;
6003
+ left: 0;
6004
+ right: 0;
6005
+ height: 2px;
6006
+ background: transparent;
4540
6007
  transition: background var(--yd-transition-fast);
4541
6008
  }
4542
- .yd-tabs--envelope .yd-tabs__tab[data-v-65b74196]:hover {
6009
+ .yd-tabs--envelope .yd-tabs__tab[data-v-783bcbbc]:hover {
4543
6010
  background: var(--yd-color-bg);
4544
6011
  }
4545
- .yd-tabs--envelope .yd-tabs__tab--active[data-v-65b74196] {
4546
- background: var(--yd-color-bg);
6012
+ .yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc] {
6013
+ background: var(--yd-color-bg);
4547
6014
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
4548
6015
  }
4549
- .yd-tabs--envelope .yd-tabs__tab--active[data-v-65b74196]::before {
6016
+ .yd-tabs--envelope .yd-tabs__tab--active[data-v-783bcbbc]::before {
4550
6017
  background: var(--yd-color-primary-500);
4551
6018
  }
4552
- .yd-tabs--envelope .yd-tabs__content[data-v-65b74196] {
4553
- border-top: 1px solid var(--yd-color-border);
4554
- margin-top: 16px;
6019
+ .yd-tabs--envelope .yd-tabs__content[data-v-783bcbbc] {
6020
+ border-top: 1px solid var(--yd-color-border);
6021
+ margin-top: 16px;
4555
6022
  padding-top: 16px;
4556
- }
4557
-
6023
+ }
6024
+
4558
6025
  /* ====== glass 类型 - 毛玻璃风格 ====== */
4559
- .yd-tabs--glass[data-v-65b74196] {
4560
- border-radius: var(--yd-radius-lg);
4561
- background: rgba(255, 255, 255, 0.7);
4562
- backdrop-filter: blur(12px);
4563
- -webkit-backdrop-filter: blur(12px);
4564
- border: 1px solid rgba(255, 255, 255, 0.5);
4565
- padding: 8px 8px 0 8px;
6026
+ .yd-tabs--glass[data-v-783bcbbc] {
6027
+ border-radius: var(--yd-radius-lg);
6028
+ background: rgba(255, 255, 255, 0.7);
6029
+ backdrop-filter: blur(12px);
6030
+ -webkit-backdrop-filter: blur(12px);
6031
+ border: 1px solid rgba(255, 255, 255, 0.5);
6032
+ padding: 8px 8px 0 8px;
4566
6033
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
4567
6034
  }
4568
- .dark [class*="yd-tabs--glass"][data-v-65b74196] {
4569
- background: rgba(30, 30, 30, 0.7);
6035
+ .dark [class*="yd-tabs--glass"][data-v-783bcbbc] {
6036
+ background: rgba(30, 30, 30, 0.7);
4570
6037
  border-color: rgba(255, 255, 255, 0.1);
4571
6038
  }
4572
- .yd-tabs--glass .yd-tabs__header[data-v-65b74196] {
4573
- border-bottom: none;
4574
- padding: 0;
6039
+ .yd-tabs--glass .yd-tabs__header[data-v-783bcbbc] {
6040
+ border-bottom: none;
6041
+ padding: 0;
4575
6042
  gap: 4px;
4576
6043
  }
4577
- .yd-tabs--glass .yd-tabs__nav[data-v-65b74196] {
4578
- gap: 4px;
4579
- padding-left: 0;
6044
+ .yd-tabs--glass .yd-tabs__nav[data-v-783bcbbc] {
6045
+ gap: 4px;
6046
+ padding-left: 0;
4580
6047
  padding-right: 0;
4581
6048
  }
4582
- .yd-tabs--glass .yd-tabs__tab[data-v-65b74196] {
4583
- border-bottom: none;
4584
- border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
4585
- background: transparent;
4586
- padding: 8px 16px;
6049
+ .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc] {
6050
+ border-bottom: none;
6051
+ border-radius: var(--yd-radius-md) var(--yd-radius-md) 0 0;
6052
+ background: transparent;
6053
+ padding: 8px 16px;
4587
6054
  transition: all var(--yd-transition-normal);
4588
6055
  }
4589
- .yd-tabs--glass .yd-tabs__tab[data-v-65b74196]:hover {
6056
+ .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
4590
6057
  background: rgba(255, 255, 255, 0.5);
4591
6058
  }
4592
- .dark .yd-tabs--glass .yd-tabs__tab[data-v-65b74196]:hover {
6059
+ .dark .yd-tabs--glass .yd-tabs__tab[data-v-783bcbbc]:hover {
4593
6060
  background: rgba(255, 255, 255, 0.1);
4594
6061
  }
4595
- .yd-tabs--glass .yd-tabs__tab--active[data-v-65b74196] {
4596
- background: rgba(255, 255, 255, 0.9);
6062
+ .yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
6063
+ background: rgba(255, 255, 255, 0.9);
4597
6064
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
4598
6065
  }
4599
- .dark .yd-tabs--glass .yd-tabs__tab--active[data-v-65b74196] {
4600
- background: rgba(60, 60, 60, 0.9);
6066
+ .dark .yd-tabs--glass .yd-tabs__tab--active[data-v-783bcbbc] {
6067
+ background: rgba(60, 60, 60, 0.9);
4601
6068
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
4602
6069
  }
4603
- .yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-65b74196] {
6070
+ .yd-tabs--glass .yd-tabs__tab--active .yd-tabs__label[data-v-783bcbbc] {
4604
6071
  font-weight: var(--yd-font-weight-medium);
4605
6072
  }
4606
- .yd-tabs--glass .yd-tabs__content[data-v-65b74196] {
4607
- background: rgba(255, 255, 255, 0.5);
4608
- border-radius: 0 0 var(--yd-radius-md) var(--yd-radius-md);
4609
- margin: 8px -8px -8px -8px;
6073
+ .yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
6074
+ background: rgba(255, 255, 255, 0.5);
6075
+ border-radius: 0 0 var(--yd-radius-md) var(--yd-radius-md);
6076
+ margin: 8px -8px -8px -8px;
4610
6077
  padding: 16px;
4611
6078
  }
4612
- .dark .yd-tabs--glass .yd-tabs__content[data-v-65b74196] {
6079
+ .dark .yd-tabs--glass .yd-tabs__content[data-v-783bcbbc] {
4613
6080
  background: rgba(255, 255, 255, 0.05);
4614
- }
6081
+ }
4615
6082
 
4616
6083
  .yd-dropdown[data-v-14532ff3] {
4617
6084
  position: relative;
@@ -5036,65 +6503,65 @@ to {
5036
6503
  color: var(--yd-color-fg);
5037
6504
  }
5038
6505
 
5039
- .yd-card[data-v-264319fe] {
5040
- background: var(--yd-color-bg);
5041
- border-radius: var(--yd-radius-lg);
6506
+ .yd-card[data-v-7b36c1f3] {
6507
+ background: var(--yd-color-bg);
6508
+ border-radius: var(--yd-radius-lg);
5042
6509
  transition: all var(--yd-transition-base);
5043
6510
  }
5044
- .yd-card--bordered[data-v-264319fe] {
6511
+ .yd-card--bordered[data-v-7b36c1f3] {
5045
6512
  border: 1px solid var(--yd-color-border);
5046
6513
  }
5047
- .yd-card--shadow[data-v-264319fe] {
6514
+ .yd-card--shadow[data-v-7b36c1f3] {
5048
6515
  box-shadow: var(--yd-shadow-md);
5049
6516
  }
5050
- .yd-card--shadow-hover[data-v-264319fe]:hover {
6517
+ .yd-card--shadow-hover[data-v-7b36c1f3]:hover {
5051
6518
  box-shadow: var(--yd-shadow-lg);
5052
- }
5053
-
6519
+ }
6520
+
5054
6521
  /* Padding variants */
5055
- .yd-card--padding-xs[data-v-264319fe] {
6522
+ .yd-card--padding-xs[data-v-7b36c1f3] {
5056
6523
  padding: var(--yd-spacing-xs);
5057
6524
  }
5058
- .yd-card--padding-sm[data-v-264319fe] {
6525
+ .yd-card--padding-sm[data-v-7b36c1f3] {
5059
6526
  padding: var(--yd-spacing-sm);
5060
6527
  }
5061
- .yd-card--padding-md[data-v-264319fe] {
6528
+ .yd-card--padding-md[data-v-7b36c1f3] {
5062
6529
  padding: var(--yd-spacing-base);
5063
6530
  }
5064
- .yd-card--padding-lg[data-v-264319fe] {
6531
+ .yd-card--padding-lg[data-v-7b36c1f3] {
5065
6532
  padding: var(--yd-spacing-lg);
5066
6533
  }
5067
- .yd-card--padding-none[data-v-264319fe] {
6534
+ .yd-card--padding-none[data-v-7b36c1f3] {
5068
6535
  padding: 0;
5069
- }
5070
-
6536
+ }
6537
+
5071
6538
  /* Header */
5072
- .yd-card__header[data-v-264319fe] {
5073
- display: flex;
5074
- align-items: center;
5075
- justify-content: space-between;
5076
- padding: var(--yd-spacing-base) var(--yd-spacing-lg);
6539
+ .yd-card__header[data-v-7b36c1f3] {
6540
+ display: flex;
6541
+ align-items: center;
6542
+ justify-content: space-between;
6543
+ padding: var(--yd-spacing-base) var(--yd-spacing-lg);
5077
6544
  border-bottom: 1px solid var(--yd-color-border);
5078
6545
  }
5079
- .yd-card__title[data-v-264319fe] {
5080
- font-size: var(--yd-font-size-base);
5081
- font-weight: var(--yd-font-weight-semibold);
5082
- color: var(--yd-color-fg);
6546
+ .yd-card__title[data-v-7b36c1f3] {
6547
+ font-size: var(--yd-font-size-base);
6548
+ font-weight: var(--yd-font-weight-semibold);
6549
+ color: var(--yd-color-fg);
5083
6550
  margin: 0;
5084
- }
5085
-
6551
+ }
6552
+
5086
6553
  /* Body */
5087
- .yd-card__body[data-v-264319fe] {
6554
+ .yd-card__body[data-v-7b36c1f3] {
5088
6555
  padding: inherit;
5089
- }
5090
-
6556
+ }
6557
+
5091
6558
  /* Footer */
5092
- .yd-card__footer[data-v-264319fe] {
5093
- padding: var(--yd-spacing-base) var(--yd-spacing-lg);
5094
- border-top: 1px solid var(--yd-color-border);
5095
- background: var(--yd-color-muted);
6559
+ .yd-card__footer[data-v-7b36c1f3] {
6560
+ padding: var(--yd-spacing-base) var(--yd-spacing-lg);
6561
+ border-top: 1px solid var(--yd-color-border);
6562
+ background: var(--yd-color-muted);
5096
6563
  border-radius: 0 0 var(--yd-radius-lg) var(--yd-radius-lg);
5097
- }
6564
+ }
5098
6565
 
5099
6566
  .yd-tooltip__wrapper[data-v-65560d25] {
5100
6567
  position: relative;
@@ -6012,6 +7479,69 @@ to {
6012
7479
  gap: var(--yd-spacing-sm);
6013
7480
  }
6014
7481
 
7482
+ .flow-chart[data-v-1054bcc0] {
7483
+ --fd-bg: var(--yd-bg-color, #fff);
7484
+ --fd-border: var(--yd-border-color, #d9d9d9);
7485
+ --fd-text: var(--yd-text-color, #262626);
7486
+ --fd-text-secondary: var(--yd-text-color-secondary, #8c8c8c);
7487
+ --fd-primary: var(--yd-primary-color, #1890ff);
7488
+ --fd-node-bg: #fff;
7489
+ --fd-connection: #d9d9d9;
7490
+ --fd-connection-label-bg: var(--yd-bg-color, #fff);
7491
+
7492
+ display: inline-block;
7493
+ background: var(--fd-bg);
7494
+ border: 1px solid var(--fd-border);
7495
+ border-radius: 4px;
7496
+ }
7497
+ .flow-chart__svg[data-v-1054bcc0] {
7498
+ display: block;
7499
+ }
7500
+ .flow-chart__node-shape[data-v-1054bcc0] {
7501
+ stroke-width: 1.5;
7502
+ transition: all 0.2s;
7503
+ }
7504
+ .flow-chart__node-text[data-v-1054bcc0] {
7505
+ font-size: 14px;
7506
+ fill: var(--fd-text);
7507
+ pointer-events: none;
7508
+ }
7509
+ .flow-chart__connection-label[data-v-1054bcc0] {
7510
+ font-size: 12px;
7511
+ fill: var(--fd-text-secondary);
7512
+ }
7513
+ .flow-chart--editable .flow-chart__node[data-v-1054bcc0] {
7514
+ cursor: pointer;
7515
+ }
7516
+ .flow-chart--editable .flow-chart__node:hover .flow-chart__node-shape[data-v-1054bcc0] {
7517
+ stroke: var(--fd-primary);
7518
+ stroke-width: 2;
7519
+ }
7520
+ .flow-chart__node--selected .flow-chart__node-shape[data-v-1054bcc0] {
7521
+ stroke: var(--fd-primary);
7522
+ stroke-width: 2;
7523
+ filter: drop-shadow(0 2px 4px rgba(24, 144, 255, 0.3));
7524
+ }
7525
+
7526
+ .yd-watermark[data-v-7040979a] {
7527
+ position: relative;
7528
+ }
7529
+ .yd-watermark__overlay[data-v-7040979a] {
7530
+ display: block;
7531
+ }
7532
+ .yd-watermark__item[data-v-7040979a] {
7533
+ position: absolute;
7534
+ display: flex;
7535
+ align-items: center;
7536
+ justify-content: center;
7537
+ }
7538
+ .yd-watermark__image[data-v-7040979a] {
7539
+ display: block;
7540
+ }
7541
+ .yd-watermark__text[data-v-7040979a] {
7542
+ line-height: 1.2;
7543
+ }
7544
+
6015
7545
  .yd-breadcrumb__nav[data-v-5ce89066] {
6016
7546
  display: inline-block;
6017
7547
  }
@@ -6229,6 +7759,153 @@ to {
6229
7759
  margin-top: 2px;
6230
7760
  }
6231
7761
 
7762
+ .yd-stepper[data-v-774c1ca4] {
7763
+ display: flex;
7764
+ }
7765
+
7766
+ /* Horizontal */
7767
+ .yd-stepper--horizontal[data-v-774c1ca4] {
7768
+ flex-direction: row;
7769
+ }
7770
+ .yd-stepper--horizontal .yd-stepper__item[data-v-774c1ca4] {
7771
+ display: flex;
7772
+ flex: 1;
7773
+ flex-direction: column;
7774
+ align-items: center;
7775
+ position: relative;
7776
+ }
7777
+ .yd-stepper--horizontal .yd-stepper__icon[data-v-774c1ca4] {
7778
+ display: flex;
7779
+ align-items: center;
7780
+ justify-content: center;
7781
+ width: 28px;
7782
+ height: 28px;
7783
+ border: 1px solid var(--yd-color-border);
7784
+ border-radius: 50%;
7785
+ font-size: var(--yd-font-size-sm);
7786
+ color: var(--yd-color-muted-fg);
7787
+ background: var(--yd-color-bg);
7788
+ z-index: 1;
7789
+ flex-shrink: 0;
7790
+ transition: all 0.2s ease;
7791
+ }
7792
+ .yd-stepper--horizontal .yd-stepper__line[data-v-774c1ca4] {
7793
+ position: absolute;
7794
+ top: 14px;
7795
+ left: calc(50% + 16px);
7796
+ right: calc(-50% + 16px);
7797
+ height: 2px;
7798
+ background: var(--yd-color-border);
7799
+ transition: background 0.2s ease;
7800
+ }
7801
+ .yd-stepper--horizontal .yd-stepper__item:last-child .yd-stepper__line[data-v-774c1ca4] {
7802
+ display: none;
7803
+ }
7804
+ .yd-stepper--horizontal .yd-stepper__item--finish .yd-stepper__line[data-v-774c1ca4] {
7805
+ background: var(--yd-color-primary-500);
7806
+ }
7807
+ .yd-stepper--horizontal .yd-stepper__content[data-v-774c1ca4] {
7808
+ margin-top: var(--yd-spacing-sm);
7809
+ text-align: center;
7810
+ width: 100%;
7811
+ }
7812
+
7813
+ /* Vertical */
7814
+ .yd-stepper--vertical[data-v-774c1ca4] {
7815
+ flex-direction: column;
7816
+ }
7817
+ .yd-stepper--vertical .yd-stepper__item[data-v-774c1ca4] {
7818
+ display: flex;
7819
+ flex-direction: row;
7820
+ align-items: flex-start;
7821
+ padding-bottom: var(--yd-spacing-xl);
7822
+ position: relative;
7823
+ }
7824
+ .yd-stepper--vertical .yd-stepper__icon[data-v-774c1ca4] {
7825
+ display: flex;
7826
+ align-items: center;
7827
+ justify-content: center;
7828
+ width: 28px;
7829
+ height: 28px;
7830
+ border: 1px solid var(--yd-color-border);
7831
+ border-radius: 50%;
7832
+ font-size: var(--yd-font-size-sm);
7833
+ color: var(--yd-color-muted-fg);
7834
+ background: var(--yd-color-bg);
7835
+ z-index: 1;
7836
+ flex-shrink: 0;
7837
+ transition: all 0.2s ease;
7838
+ }
7839
+ .yd-stepper--vertical .yd-stepper__line[data-v-774c1ca4] {
7840
+ position: absolute;
7841
+ top: 32px;
7842
+ bottom: -16px;
7843
+ left: 13px;
7844
+ width: 2px;
7845
+ background: var(--yd-color-border);
7846
+ transition: background 0.2s ease;
7847
+ }
7848
+ .yd-stepper--vertical .yd-stepper__item:last-child .yd-stepper__line[data-v-774c1ca4] {
7849
+ display: none;
7850
+ }
7851
+ .yd-stepper--vertical .yd-stepper__item--finish .yd-stepper__line[data-v-774c1ca4] {
7852
+ background: var(--yd-color-primary-500);
7853
+ }
7854
+ .yd-stepper--vertical .yd-stepper__content[data-v-774c1ca4] {
7855
+ margin-left: var(--yd-spacing-md);
7856
+ text-align: left;
7857
+ }
7858
+
7859
+ /* Status styles */
7860
+ .yd-stepper__item--active .yd-stepper__icon[data-v-774c1ca4] {
7861
+ border-color: var(--yd-color-primary-500);
7862
+ color: var(--yd-color-primary-500);
7863
+ background: var(--yd-color-primary-50);
7864
+ }
7865
+ .yd-stepper__item--finish .yd-stepper__icon[data-v-774c1ca4] {
7866
+ background: var(--yd-color-primary-500);
7867
+ border-color: var(--yd-color-primary-500);
7868
+ color: #fff;
7869
+ }
7870
+ .yd-stepper__item--error .yd-stepper__icon[data-v-774c1ca4] {
7871
+ border-color: var(--yd-color-error);
7872
+ color: var(--yd-color-error);
7873
+ }
7874
+
7875
+ /* Clickable styles */
7876
+ .yd-stepper--clickable .yd-stepper__item--clickable[data-v-774c1ca4] {
7877
+ cursor: pointer;
7878
+ }
7879
+ .yd-stepper--clickable .yd-stepper__item--clickable:hover .yd-stepper__icon[data-v-774c1ca4] {
7880
+ transform: scale(1.1);
7881
+ }
7882
+ .yd-stepper--clickable .yd-stepper__item--active .yd-stepper__icon[data-v-774c1ca4] {
7883
+ box-shadow: 0 0 0 4px var(--yd-color-primary-100);
7884
+ }
7885
+
7886
+ /* Small size */
7887
+ .yd-stepper--small .yd-stepper__icon[data-v-774c1ca4] {
7888
+ width: 22px;
7889
+ height: 22px;
7890
+ font-size: var(--yd-font-size-xs);
7891
+ }
7892
+ .yd-stepper--small.yd-stepper--horizontal .yd-stepper__line[data-v-774c1ca4] {
7893
+ top: 11px;
7894
+ }
7895
+ .yd-stepper--small.yd-stepper--vertical .yd-stepper__line[data-v-774c1ca4] {
7896
+ top: 26px;
7897
+ }
7898
+ .yd-stepper__title[data-v-774c1ca4] {
7899
+ font-size: var(--yd-font-size-sm);
7900
+ font-weight: var(--yd-font-weight-medium);
7901
+ color: var(--yd-color-fg);
7902
+ }
7903
+ .yd-stepper__description[data-v-774c1ca4] {
7904
+ font-size: var(--yd-font-size-xs);
7905
+ color: var(--yd-color-muted-fg);
7906
+ margin-top: 2px;
7907
+ }
7908
+
6232
7909
  .yd-anchor[data-v-120824da] {
6233
7910
  position: relative;
6234
7911
  padding-left: 16px;