sky-ui-kit 0.0.0-stage → 0.1.0
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.
- package/README.md +97 -3
- package/dist/components/AppSelect.vue.d.ts +28 -0
- package/dist/components/AtlasMapTitle.vue.d.ts +11 -0
- package/dist/components/AtlasRightToggleButton.vue.d.ts +16 -0
- package/dist/components/MapSideMenu.vue.d.ts +30 -0
- package/dist/components/MapTimeline.vue.d.ts +87 -0
- package/dist/components/MapTools.vue.d.ts +21 -0
- package/dist/components/ProcessDataTable.vue.d.ts +11 -0
- package/dist/components/ProjectMenu.vue.d.ts +31 -0
- package/dist/components/TimeRangeQuickSelect.vue.d.ts +22 -0
- package/dist/components/TreeSelectPanel.vue.d.ts +57 -0
- package/dist/components/element-plus.d.ts +371 -0
- package/dist/components/index.d.ts +383 -0
- package/dist/components.js +1550 -0
- package/dist/global.css +670 -0
- package/dist/style.css +671 -0
- package/docs/COMPONENT-LIBRARY.md +79 -0
- package/docs/CSS-THEME.md +59 -0
- package/docs/INTEGRATION.md +71 -0
- package/package.json +60 -6
package/dist/style.css
ADDED
|
@@ -0,0 +1,671 @@
|
|
|
1
|
+
@layer userssite-defaults {
|
|
2
|
+
:where(.userssite-theme) {
|
|
3
|
+
--cp-size-1: calc(1px * var(--cp-vfit-scale, 1));
|
|
4
|
+
--cp-size-2: calc(2px * var(--cp-vfit-scale, 1));
|
|
5
|
+
--cp-size-3: calc(3px * var(--cp-vfit-scale, 1));
|
|
6
|
+
--cp-size-4: calc(4px * var(--cp-vfit-scale, 1));
|
|
7
|
+
--cp-size-5: calc(5px * var(--cp-vfit-scale, 1));
|
|
8
|
+
--cp-size-6: calc(6px * var(--cp-vfit-scale, 1));
|
|
9
|
+
--cp-size-7: calc(7px * var(--cp-vfit-scale, 1));
|
|
10
|
+
--cp-size-8: calc(8px * var(--cp-vfit-scale, 1));
|
|
11
|
+
--cp-size-9: calc(9px * var(--cp-vfit-scale, 1));
|
|
12
|
+
--cp-size-10: calc(10px * var(--cp-vfit-scale, 1));
|
|
13
|
+
--cp-size-11: calc(11px * var(--cp-vfit-scale, 1));
|
|
14
|
+
--cp-size-12: calc(12px * var(--cp-vfit-scale, 1));
|
|
15
|
+
--cp-size-13: calc(13px * var(--cp-vfit-scale, 1));
|
|
16
|
+
--cp-size-14: calc(14px * var(--cp-vfit-scale, 1));
|
|
17
|
+
--cp-size-15: calc(15px * var(--cp-vfit-scale, 1));
|
|
18
|
+
--cp-size-16: calc(16px * var(--cp-vfit-scale, 1));
|
|
19
|
+
--cp-size-17: calc(17px * var(--cp-vfit-scale, 1));
|
|
20
|
+
--cp-size-18: calc(18px * var(--cp-vfit-scale, 1));
|
|
21
|
+
--cp-size-19: calc(19px * var(--cp-vfit-scale, 1));
|
|
22
|
+
--cp-size-20: calc(20px * var(--cp-vfit-scale, 1));
|
|
23
|
+
--cp-size-21: calc(21px * var(--cp-vfit-scale, 1));
|
|
24
|
+
--cp-size-22: calc(22px * var(--cp-vfit-scale, 1));
|
|
25
|
+
--cp-size-23: calc(23px * var(--cp-vfit-scale, 1));
|
|
26
|
+
--cp-size-24: calc(24px * var(--cp-vfit-scale, 1));
|
|
27
|
+
--cp-size-25: calc(25px * var(--cp-vfit-scale, 1));
|
|
28
|
+
--cp-size-26: calc(26px * var(--cp-vfit-scale, 1));
|
|
29
|
+
--cp-size-27: calc(27px * var(--cp-vfit-scale, 1));
|
|
30
|
+
--cp-size-28: calc(28px * var(--cp-vfit-scale, 1));
|
|
31
|
+
--cp-size-29: calc(29px * var(--cp-vfit-scale, 1));
|
|
32
|
+
--cp-size-30: calc(30px * var(--cp-vfit-scale, 1));
|
|
33
|
+
--cp-size-31: calc(31px * var(--cp-vfit-scale, 1));
|
|
34
|
+
--cp-size-32: calc(32px * var(--cp-vfit-scale, 1));
|
|
35
|
+
--cp-size-33: calc(33px * var(--cp-vfit-scale, 1));
|
|
36
|
+
--cp-size-34: calc(34px * var(--cp-vfit-scale, 1));
|
|
37
|
+
--cp-size-35: calc(35px * var(--cp-vfit-scale, 1));
|
|
38
|
+
--cp-size-36: calc(36px * var(--cp-vfit-scale, 1));
|
|
39
|
+
--cp-size-37: calc(37px * var(--cp-vfit-scale, 1));
|
|
40
|
+
--cp-size-38: calc(38px * var(--cp-vfit-scale, 1));
|
|
41
|
+
--cp-size-39: calc(39px * var(--cp-vfit-scale, 1));
|
|
42
|
+
--cp-size-40: calc(40px * var(--cp-vfit-scale, 1));
|
|
43
|
+
--cp-size-41: calc(41px * var(--cp-vfit-scale, 1));
|
|
44
|
+
--cp-size-42: calc(42px * var(--cp-vfit-scale, 1));
|
|
45
|
+
--cp-size-43: calc(43px * var(--cp-vfit-scale, 1));
|
|
46
|
+
--cp-size-44: calc(44px * var(--cp-vfit-scale, 1));
|
|
47
|
+
--cp-size-45: calc(45px * var(--cp-vfit-scale, 1));
|
|
48
|
+
--cp-size-46: calc(46px * var(--cp-vfit-scale, 1));
|
|
49
|
+
--cp-size-47: calc(47px * var(--cp-vfit-scale, 1));
|
|
50
|
+
--cp-size-48: calc(48px * var(--cp-vfit-scale, 1));
|
|
51
|
+
--cp-size-49: calc(49px * var(--cp-vfit-scale, 1));
|
|
52
|
+
--cp-size-50: calc(50px * var(--cp-vfit-scale, 1));
|
|
53
|
+
--cp-size-51: calc(51px * var(--cp-vfit-scale, 1));
|
|
54
|
+
--cp-size-52: calc(52px * var(--cp-vfit-scale, 1));
|
|
55
|
+
--cp-size-53: calc(53px * var(--cp-vfit-scale, 1));
|
|
56
|
+
--cp-size-54: calc(54px * var(--cp-vfit-scale, 1));
|
|
57
|
+
--cp-size-55: calc(55px * var(--cp-vfit-scale, 1));
|
|
58
|
+
--cp-size-56: calc(56px * var(--cp-vfit-scale, 1));
|
|
59
|
+
--cp-size-57: calc(57px * var(--cp-vfit-scale, 1));
|
|
60
|
+
--cp-size-58: calc(58px * var(--cp-vfit-scale, 1));
|
|
61
|
+
--cp-size-59: calc(59px * var(--cp-vfit-scale, 1));
|
|
62
|
+
--cp-size-60: calc(60px * var(--cp-vfit-scale, 1));
|
|
63
|
+
--cp-size-61: calc(61px * var(--cp-vfit-scale, 1));
|
|
64
|
+
--cp-size-62: calc(62px * var(--cp-vfit-scale, 1));
|
|
65
|
+
--cp-size-63: calc(63px * var(--cp-vfit-scale, 1));
|
|
66
|
+
--cp-size-64: calc(64px * var(--cp-vfit-scale, 1));
|
|
67
|
+
--cp-size-65: calc(65px * var(--cp-vfit-scale, 1));
|
|
68
|
+
--cp-size-66: calc(66px * var(--cp-vfit-scale, 1));
|
|
69
|
+
--cp-size-67: calc(67px * var(--cp-vfit-scale, 1));
|
|
70
|
+
--cp-size-68: calc(68px * var(--cp-vfit-scale, 1));
|
|
71
|
+
--cp-size-69: calc(69px * var(--cp-vfit-scale, 1));
|
|
72
|
+
--cp-size-70: calc(70px * var(--cp-vfit-scale, 1));
|
|
73
|
+
--cp-size-71: calc(71px * var(--cp-vfit-scale, 1));
|
|
74
|
+
--cp-size-72: calc(72px * var(--cp-vfit-scale, 1));
|
|
75
|
+
--cp-size-73: calc(73px * var(--cp-vfit-scale, 1));
|
|
76
|
+
--cp-size-74: calc(74px * var(--cp-vfit-scale, 1));
|
|
77
|
+
--cp-size-75: calc(75px * var(--cp-vfit-scale, 1));
|
|
78
|
+
--cp-size-76: calc(76px * var(--cp-vfit-scale, 1));
|
|
79
|
+
--cp-size-77: calc(77px * var(--cp-vfit-scale, 1));
|
|
80
|
+
--cp-size-78: calc(78px * var(--cp-vfit-scale, 1));
|
|
81
|
+
--cp-size-79: calc(79px * var(--cp-vfit-scale, 1));
|
|
82
|
+
--cp-size-80: calc(80px * var(--cp-vfit-scale, 1));
|
|
83
|
+
--cp-size-81: calc(81px * var(--cp-vfit-scale, 1));
|
|
84
|
+
--cp-size-82: calc(82px * var(--cp-vfit-scale, 1));
|
|
85
|
+
--cp-size-83: calc(83px * var(--cp-vfit-scale, 1));
|
|
86
|
+
--cp-size-84: calc(84px * var(--cp-vfit-scale, 1));
|
|
87
|
+
--cp-size-85: calc(85px * var(--cp-vfit-scale, 1));
|
|
88
|
+
--cp-size-86: calc(86px * var(--cp-vfit-scale, 1));
|
|
89
|
+
--cp-size-87: calc(87px * var(--cp-vfit-scale, 1));
|
|
90
|
+
--cp-size-88: calc(88px * var(--cp-vfit-scale, 1));
|
|
91
|
+
--cp-size-89: calc(89px * var(--cp-vfit-scale, 1));
|
|
92
|
+
--cp-size-90: calc(90px * var(--cp-vfit-scale, 1));
|
|
93
|
+
--cp-size-91: calc(91px * var(--cp-vfit-scale, 1));
|
|
94
|
+
--cp-size-92: calc(92px * var(--cp-vfit-scale, 1));
|
|
95
|
+
--cp-size-93: calc(93px * var(--cp-vfit-scale, 1));
|
|
96
|
+
--cp-size-94: calc(94px * var(--cp-vfit-scale, 1));
|
|
97
|
+
--cp-size-95: calc(95px * var(--cp-vfit-scale, 1));
|
|
98
|
+
--cp-size-96: calc(96px * var(--cp-vfit-scale, 1));
|
|
99
|
+
--cp-size-97: calc(97px * var(--cp-vfit-scale, 1));
|
|
100
|
+
--cp-size-98: calc(98px * var(--cp-vfit-scale, 1));
|
|
101
|
+
--cp-size-99: calc(99px * var(--cp-vfit-scale, 1));
|
|
102
|
+
--cp-size-100: calc(100px * var(--cp-vfit-scale, 1));
|
|
103
|
+
--cp-size-101: calc(101px * var(--cp-vfit-scale, 1));
|
|
104
|
+
--cp-size-102: calc(102px * var(--cp-vfit-scale, 1));
|
|
105
|
+
--cp-size-103: calc(103px * var(--cp-vfit-scale, 1));
|
|
106
|
+
--cp-size-104: calc(104px * var(--cp-vfit-scale, 1));
|
|
107
|
+
--cp-size-105: calc(105px * var(--cp-vfit-scale, 1));
|
|
108
|
+
--cp-size-106: calc(106px * var(--cp-vfit-scale, 1));
|
|
109
|
+
--cp-size-107: calc(107px * var(--cp-vfit-scale, 1));
|
|
110
|
+
--cp-size-108: calc(108px * var(--cp-vfit-scale, 1));
|
|
111
|
+
--cp-size-109: calc(109px * var(--cp-vfit-scale, 1));
|
|
112
|
+
--cp-size-110: calc(110px * var(--cp-vfit-scale, 1));
|
|
113
|
+
--cp-size-111: calc(111px * var(--cp-vfit-scale, 1));
|
|
114
|
+
--cp-size-112: calc(112px * var(--cp-vfit-scale, 1));
|
|
115
|
+
--cp-size-113: calc(113px * var(--cp-vfit-scale, 1));
|
|
116
|
+
--cp-size-114: calc(114px * var(--cp-vfit-scale, 1));
|
|
117
|
+
--cp-size-115: calc(115px * var(--cp-vfit-scale, 1));
|
|
118
|
+
--cp-size-116: calc(116px * var(--cp-vfit-scale, 1));
|
|
119
|
+
--cp-size-117: calc(117px * var(--cp-vfit-scale, 1));
|
|
120
|
+
--cp-size-118: calc(118px * var(--cp-vfit-scale, 1));
|
|
121
|
+
--cp-size-119: calc(119px * var(--cp-vfit-scale, 1));
|
|
122
|
+
--cp-size-120: calc(120px * var(--cp-vfit-scale, 1));
|
|
123
|
+
--cp-size-121: calc(121px * var(--cp-vfit-scale, 1));
|
|
124
|
+
--cp-size-122: calc(122px * var(--cp-vfit-scale, 1));
|
|
125
|
+
--cp-size-123: calc(123px * var(--cp-vfit-scale, 1));
|
|
126
|
+
--cp-size-124: calc(124px * var(--cp-vfit-scale, 1));
|
|
127
|
+
--cp-size-125: calc(125px * var(--cp-vfit-scale, 1));
|
|
128
|
+
--cp-size-126: calc(126px * var(--cp-vfit-scale, 1));
|
|
129
|
+
--cp-size-127: calc(127px * var(--cp-vfit-scale, 1));
|
|
130
|
+
--cp-size-128: calc(128px * var(--cp-vfit-scale, 1));
|
|
131
|
+
--cp-size-129: calc(129px * var(--cp-vfit-scale, 1));
|
|
132
|
+
--cp-size-130: calc(130px * var(--cp-vfit-scale, 1));
|
|
133
|
+
--cp-size-131: calc(131px * var(--cp-vfit-scale, 1));
|
|
134
|
+
--cp-size-132: calc(132px * var(--cp-vfit-scale, 1));
|
|
135
|
+
--cp-size-133: calc(133px * var(--cp-vfit-scale, 1));
|
|
136
|
+
--cp-size-134: calc(134px * var(--cp-vfit-scale, 1));
|
|
137
|
+
--cp-size-135: calc(135px * var(--cp-vfit-scale, 1));
|
|
138
|
+
--cp-size-136: calc(136px * var(--cp-vfit-scale, 1));
|
|
139
|
+
--cp-size-137: calc(137px * var(--cp-vfit-scale, 1));
|
|
140
|
+
--cp-size-138: calc(138px * var(--cp-vfit-scale, 1));
|
|
141
|
+
--cp-size-139: calc(139px * var(--cp-vfit-scale, 1));
|
|
142
|
+
--cp-size-140: calc(140px * var(--cp-vfit-scale, 1));
|
|
143
|
+
--cp-size-141: calc(141px * var(--cp-vfit-scale, 1));
|
|
144
|
+
--cp-size-142: calc(142px * var(--cp-vfit-scale, 1));
|
|
145
|
+
--cp-size-143: calc(143px * var(--cp-vfit-scale, 1));
|
|
146
|
+
--cp-size-144: calc(144px * var(--cp-vfit-scale, 1));
|
|
147
|
+
--cp-size-145: calc(145px * var(--cp-vfit-scale, 1));
|
|
148
|
+
--cp-size-146: calc(146px * var(--cp-vfit-scale, 1));
|
|
149
|
+
--cp-size-147: calc(147px * var(--cp-vfit-scale, 1));
|
|
150
|
+
--cp-size-148: calc(148px * var(--cp-vfit-scale, 1));
|
|
151
|
+
--cp-size-149: calc(149px * var(--cp-vfit-scale, 1));
|
|
152
|
+
--cp-size-150: calc(150px * var(--cp-vfit-scale, 1));
|
|
153
|
+
--cp-size-151: calc(151px * var(--cp-vfit-scale, 1));
|
|
154
|
+
--cp-size-152: calc(152px * var(--cp-vfit-scale, 1));
|
|
155
|
+
--cp-size-153: calc(153px * var(--cp-vfit-scale, 1));
|
|
156
|
+
--cp-size-154: calc(154px * var(--cp-vfit-scale, 1));
|
|
157
|
+
--cp-size-155: calc(155px * var(--cp-vfit-scale, 1));
|
|
158
|
+
--cp-size-156: calc(156px * var(--cp-vfit-scale, 1));
|
|
159
|
+
--cp-size-157: calc(157px * var(--cp-vfit-scale, 1));
|
|
160
|
+
--cp-size-158: calc(158px * var(--cp-vfit-scale, 1));
|
|
161
|
+
--cp-size-159: calc(159px * var(--cp-vfit-scale, 1));
|
|
162
|
+
--cp-size-160: calc(160px * var(--cp-vfit-scale, 1));
|
|
163
|
+
--cp-size-161: calc(161px * var(--cp-vfit-scale, 1));
|
|
164
|
+
--cp-size-162: calc(162px * var(--cp-vfit-scale, 1));
|
|
165
|
+
--cp-size-163: calc(163px * var(--cp-vfit-scale, 1));
|
|
166
|
+
--cp-size-164: calc(164px * var(--cp-vfit-scale, 1));
|
|
167
|
+
--cp-size-165: calc(165px * var(--cp-vfit-scale, 1));
|
|
168
|
+
--cp-size-166: calc(166px * var(--cp-vfit-scale, 1));
|
|
169
|
+
--cp-size-167: calc(167px * var(--cp-vfit-scale, 1));
|
|
170
|
+
--cp-size-168: calc(168px * var(--cp-vfit-scale, 1));
|
|
171
|
+
--cp-size-169: calc(169px * var(--cp-vfit-scale, 1));
|
|
172
|
+
--cp-size-170: calc(170px * var(--cp-vfit-scale, 1));
|
|
173
|
+
--cp-size-171: calc(171px * var(--cp-vfit-scale, 1));
|
|
174
|
+
--cp-size-172: calc(172px * var(--cp-vfit-scale, 1));
|
|
175
|
+
--cp-size-173: calc(173px * var(--cp-vfit-scale, 1));
|
|
176
|
+
--cp-size-174: calc(174px * var(--cp-vfit-scale, 1));
|
|
177
|
+
--cp-size-175: calc(175px * var(--cp-vfit-scale, 1));
|
|
178
|
+
--cp-size-176: calc(176px * var(--cp-vfit-scale, 1));
|
|
179
|
+
--cp-size-177: calc(177px * var(--cp-vfit-scale, 1));
|
|
180
|
+
--cp-size-178: calc(178px * var(--cp-vfit-scale, 1));
|
|
181
|
+
--cp-size-179: calc(179px * var(--cp-vfit-scale, 1));
|
|
182
|
+
--cp-size-180: calc(180px * var(--cp-vfit-scale, 1));
|
|
183
|
+
--cp-size-181: calc(181px * var(--cp-vfit-scale, 1));
|
|
184
|
+
--cp-size-182: calc(182px * var(--cp-vfit-scale, 1));
|
|
185
|
+
--cp-size-183: calc(183px * var(--cp-vfit-scale, 1));
|
|
186
|
+
--cp-size-184: calc(184px * var(--cp-vfit-scale, 1));
|
|
187
|
+
--cp-size-185: calc(185px * var(--cp-vfit-scale, 1));
|
|
188
|
+
--cp-size-186: calc(186px * var(--cp-vfit-scale, 1));
|
|
189
|
+
--cp-size-187: calc(187px * var(--cp-vfit-scale, 1));
|
|
190
|
+
--cp-size-188: calc(188px * var(--cp-vfit-scale, 1));
|
|
191
|
+
--cp-size-189: calc(189px * var(--cp-vfit-scale, 1));
|
|
192
|
+
--cp-size-190: calc(190px * var(--cp-vfit-scale, 1));
|
|
193
|
+
--cp-size-191: calc(191px * var(--cp-vfit-scale, 1));
|
|
194
|
+
--cp-size-192: calc(192px * var(--cp-vfit-scale, 1));
|
|
195
|
+
--cp-size-193: calc(193px * var(--cp-vfit-scale, 1));
|
|
196
|
+
--cp-size-194: calc(194px * var(--cp-vfit-scale, 1));
|
|
197
|
+
--cp-size-195: calc(195px * var(--cp-vfit-scale, 1));
|
|
198
|
+
--cp-size-196: calc(196px * var(--cp-vfit-scale, 1));
|
|
199
|
+
--cp-size-197: calc(197px * var(--cp-vfit-scale, 1));
|
|
200
|
+
--cp-size-198: calc(198px * var(--cp-vfit-scale, 1));
|
|
201
|
+
--cp-size-199: calc(199px * var(--cp-vfit-scale, 1));
|
|
202
|
+
--cp-size-200: calc(200px * var(--cp-vfit-scale, 1));
|
|
203
|
+
--cp-size-201: calc(201px * var(--cp-vfit-scale, 1));
|
|
204
|
+
--cp-size-202: calc(202px * var(--cp-vfit-scale, 1));
|
|
205
|
+
--cp-size-203: calc(203px * var(--cp-vfit-scale, 1));
|
|
206
|
+
--cp-size-204: calc(204px * var(--cp-vfit-scale, 1));
|
|
207
|
+
--cp-size-205: calc(205px * var(--cp-vfit-scale, 1));
|
|
208
|
+
--cp-size-206: calc(206px * var(--cp-vfit-scale, 1));
|
|
209
|
+
--cp-size-207: calc(207px * var(--cp-vfit-scale, 1));
|
|
210
|
+
--cp-size-208: calc(208px * var(--cp-vfit-scale, 1));
|
|
211
|
+
--cp-size-209: calc(209px * var(--cp-vfit-scale, 1));
|
|
212
|
+
--cp-size-210: calc(210px * var(--cp-vfit-scale, 1));
|
|
213
|
+
--cp-size-211: calc(211px * var(--cp-vfit-scale, 1));
|
|
214
|
+
--cp-size-212: calc(212px * var(--cp-vfit-scale, 1));
|
|
215
|
+
--cp-size-213: calc(213px * var(--cp-vfit-scale, 1));
|
|
216
|
+
--cp-size-214: calc(214px * var(--cp-vfit-scale, 1));
|
|
217
|
+
--cp-size-215: calc(215px * var(--cp-vfit-scale, 1));
|
|
218
|
+
--cp-size-216: calc(216px * var(--cp-vfit-scale, 1));
|
|
219
|
+
--cp-size-217: calc(217px * var(--cp-vfit-scale, 1));
|
|
220
|
+
--cp-size-218: calc(218px * var(--cp-vfit-scale, 1));
|
|
221
|
+
--cp-size-219: calc(219px * var(--cp-vfit-scale, 1));
|
|
222
|
+
--cp-size-220: calc(220px * var(--cp-vfit-scale, 1));
|
|
223
|
+
--cp-size-221: calc(221px * var(--cp-vfit-scale, 1));
|
|
224
|
+
--cp-size-222: calc(222px * var(--cp-vfit-scale, 1));
|
|
225
|
+
--cp-size-223: calc(223px * var(--cp-vfit-scale, 1));
|
|
226
|
+
--cp-size-224: calc(224px * var(--cp-vfit-scale, 1));
|
|
227
|
+
--cp-size-225: calc(225px * var(--cp-vfit-scale, 1));
|
|
228
|
+
--cp-size-226: calc(226px * var(--cp-vfit-scale, 1));
|
|
229
|
+
--cp-size-227: calc(227px * var(--cp-vfit-scale, 1));
|
|
230
|
+
--cp-size-228: calc(228px * var(--cp-vfit-scale, 1));
|
|
231
|
+
--cp-size-229: calc(229px * var(--cp-vfit-scale, 1));
|
|
232
|
+
--cp-size-230: calc(230px * var(--cp-vfit-scale, 1));
|
|
233
|
+
--cp-size-231: calc(231px * var(--cp-vfit-scale, 1));
|
|
234
|
+
--cp-size-232: calc(232px * var(--cp-vfit-scale, 1));
|
|
235
|
+
--cp-size-233: calc(233px * var(--cp-vfit-scale, 1));
|
|
236
|
+
--cp-size-234: calc(234px * var(--cp-vfit-scale, 1));
|
|
237
|
+
--cp-size-235: calc(235px * var(--cp-vfit-scale, 1));
|
|
238
|
+
--cp-size-236: calc(236px * var(--cp-vfit-scale, 1));
|
|
239
|
+
--cp-size-237: calc(237px * var(--cp-vfit-scale, 1));
|
|
240
|
+
--cp-size-238: calc(238px * var(--cp-vfit-scale, 1));
|
|
241
|
+
--cp-size-239: calc(239px * var(--cp-vfit-scale, 1));
|
|
242
|
+
--cp-size-240: calc(240px * var(--cp-vfit-scale, 1));
|
|
243
|
+
--cp-size-241: calc(241px * var(--cp-vfit-scale, 1));
|
|
244
|
+
--cp-size-242: calc(242px * var(--cp-vfit-scale, 1));
|
|
245
|
+
--cp-size-243: calc(243px * var(--cp-vfit-scale, 1));
|
|
246
|
+
--cp-size-244: calc(244px * var(--cp-vfit-scale, 1));
|
|
247
|
+
--cp-size-245: calc(245px * var(--cp-vfit-scale, 1));
|
|
248
|
+
--cp-size-246: calc(246px * var(--cp-vfit-scale, 1));
|
|
249
|
+
--cp-size-247: calc(247px * var(--cp-vfit-scale, 1));
|
|
250
|
+
--cp-size-248: calc(248px * var(--cp-vfit-scale, 1));
|
|
251
|
+
--cp-size-249: calc(249px * var(--cp-vfit-scale, 1));
|
|
252
|
+
--cp-size-250: calc(250px * var(--cp-vfit-scale, 1));
|
|
253
|
+
--cp-size-251: calc(251px * var(--cp-vfit-scale, 1));
|
|
254
|
+
--cp-size-252: calc(252px * var(--cp-vfit-scale, 1));
|
|
255
|
+
--cp-size-253: calc(253px * var(--cp-vfit-scale, 1));
|
|
256
|
+
--cp-size-254: calc(254px * var(--cp-vfit-scale, 1));
|
|
257
|
+
--cp-size-255: calc(255px * var(--cp-vfit-scale, 1));
|
|
258
|
+
--cp-size-256: calc(256px * var(--cp-vfit-scale, 1));
|
|
259
|
+
--cp-size-257: calc(257px * var(--cp-vfit-scale, 1));
|
|
260
|
+
--cp-size-258: calc(258px * var(--cp-vfit-scale, 1));
|
|
261
|
+
--cp-size-259: calc(259px * var(--cp-vfit-scale, 1));
|
|
262
|
+
--cp-size-260: calc(260px * var(--cp-vfit-scale, 1));
|
|
263
|
+
--cp-size-261: calc(261px * var(--cp-vfit-scale, 1));
|
|
264
|
+
--cp-size-262: calc(262px * var(--cp-vfit-scale, 1));
|
|
265
|
+
--cp-size-263: calc(263px * var(--cp-vfit-scale, 1));
|
|
266
|
+
--cp-size-264: calc(264px * var(--cp-vfit-scale, 1));
|
|
267
|
+
--cp-size-265: calc(265px * var(--cp-vfit-scale, 1));
|
|
268
|
+
--cp-size-266: calc(266px * var(--cp-vfit-scale, 1));
|
|
269
|
+
--cp-size-267: calc(267px * var(--cp-vfit-scale, 1));
|
|
270
|
+
--cp-size-268: calc(268px * var(--cp-vfit-scale, 1));
|
|
271
|
+
--cp-size-269: calc(269px * var(--cp-vfit-scale, 1));
|
|
272
|
+
--cp-size-270: calc(270px * var(--cp-vfit-scale, 1));
|
|
273
|
+
--cp-size-271: calc(271px * var(--cp-vfit-scale, 1));
|
|
274
|
+
--cp-size-272: calc(272px * var(--cp-vfit-scale, 1));
|
|
275
|
+
--cp-size-273: calc(273px * var(--cp-vfit-scale, 1));
|
|
276
|
+
--cp-size-274: calc(274px * var(--cp-vfit-scale, 1));
|
|
277
|
+
--cp-size-275: calc(275px * var(--cp-vfit-scale, 1));
|
|
278
|
+
--cp-size-276: calc(276px * var(--cp-vfit-scale, 1));
|
|
279
|
+
--cp-size-277: calc(277px * var(--cp-vfit-scale, 1));
|
|
280
|
+
--cp-size-278: calc(278px * var(--cp-vfit-scale, 1));
|
|
281
|
+
--cp-size-279: calc(279px * var(--cp-vfit-scale, 1));
|
|
282
|
+
--cp-size-280: calc(280px * var(--cp-vfit-scale, 1));
|
|
283
|
+
--cp-size-281: calc(281px * var(--cp-vfit-scale, 1));
|
|
284
|
+
--cp-size-282: calc(282px * var(--cp-vfit-scale, 1));
|
|
285
|
+
--cp-size-283: calc(283px * var(--cp-vfit-scale, 1));
|
|
286
|
+
--cp-size-284: calc(284px * var(--cp-vfit-scale, 1));
|
|
287
|
+
--cp-size-285: calc(285px * var(--cp-vfit-scale, 1));
|
|
288
|
+
--cp-size-286: calc(286px * var(--cp-vfit-scale, 1));
|
|
289
|
+
--cp-size-287: calc(287px * var(--cp-vfit-scale, 1));
|
|
290
|
+
--cp-size-288: calc(288px * var(--cp-vfit-scale, 1));
|
|
291
|
+
--cp-size-289: calc(289px * var(--cp-vfit-scale, 1));
|
|
292
|
+
--cp-size-290: calc(290px * var(--cp-vfit-scale, 1));
|
|
293
|
+
--cp-size-291: calc(291px * var(--cp-vfit-scale, 1));
|
|
294
|
+
--cp-size-292: calc(292px * var(--cp-vfit-scale, 1));
|
|
295
|
+
--cp-size-293: calc(293px * var(--cp-vfit-scale, 1));
|
|
296
|
+
--cp-size-294: calc(294px * var(--cp-vfit-scale, 1));
|
|
297
|
+
--cp-size-295: calc(295px * var(--cp-vfit-scale, 1));
|
|
298
|
+
--cp-size-296: calc(296px * var(--cp-vfit-scale, 1));
|
|
299
|
+
--cp-size-297: calc(297px * var(--cp-vfit-scale, 1));
|
|
300
|
+
--cp-size-298: calc(298px * var(--cp-vfit-scale, 1));
|
|
301
|
+
--cp-size-299: calc(299px * var(--cp-vfit-scale, 1));
|
|
302
|
+
--cp-size-300: calc(300px * var(--cp-vfit-scale, 1));
|
|
303
|
+
--cp-size-301: calc(301px * var(--cp-vfit-scale, 1));
|
|
304
|
+
--cp-size-302: calc(302px * var(--cp-vfit-scale, 1));
|
|
305
|
+
--cp-size-303: calc(303px * var(--cp-vfit-scale, 1));
|
|
306
|
+
--cp-size-304: calc(304px * var(--cp-vfit-scale, 1));
|
|
307
|
+
--cp-size-305: calc(305px * var(--cp-vfit-scale, 1));
|
|
308
|
+
--cp-size-306: calc(306px * var(--cp-vfit-scale, 1));
|
|
309
|
+
--cp-size-307: calc(307px * var(--cp-vfit-scale, 1));
|
|
310
|
+
--cp-size-308: calc(308px * var(--cp-vfit-scale, 1));
|
|
311
|
+
--cp-size-309: calc(309px * var(--cp-vfit-scale, 1));
|
|
312
|
+
--cp-size-310: calc(310px * var(--cp-vfit-scale, 1));
|
|
313
|
+
--cp-size-311: calc(311px * var(--cp-vfit-scale, 1));
|
|
314
|
+
--cp-size-312: calc(312px * var(--cp-vfit-scale, 1));
|
|
315
|
+
--cp-size-313: calc(313px * var(--cp-vfit-scale, 1));
|
|
316
|
+
--cp-size-314: calc(314px * var(--cp-vfit-scale, 1));
|
|
317
|
+
--cp-size-315: calc(315px * var(--cp-vfit-scale, 1));
|
|
318
|
+
--cp-size-316: calc(316px * var(--cp-vfit-scale, 1));
|
|
319
|
+
--cp-size-317: calc(317px * var(--cp-vfit-scale, 1));
|
|
320
|
+
--cp-size-318: calc(318px * var(--cp-vfit-scale, 1));
|
|
321
|
+
--cp-size-319: calc(319px * var(--cp-vfit-scale, 1));
|
|
322
|
+
--cp-size-320: calc(320px * var(--cp-vfit-scale, 1));
|
|
323
|
+
--cp-size-321: calc(321px * var(--cp-vfit-scale, 1));
|
|
324
|
+
--cp-size-322: calc(322px * var(--cp-vfit-scale, 1));
|
|
325
|
+
--cp-size-323: calc(323px * var(--cp-vfit-scale, 1));
|
|
326
|
+
--cp-size-324: calc(324px * var(--cp-vfit-scale, 1));
|
|
327
|
+
--cp-size-325: calc(325px * var(--cp-vfit-scale, 1));
|
|
328
|
+
--cp-size-326: calc(326px * var(--cp-vfit-scale, 1));
|
|
329
|
+
--cp-size-327: calc(327px * var(--cp-vfit-scale, 1));
|
|
330
|
+
--cp-size-328: calc(328px * var(--cp-vfit-scale, 1));
|
|
331
|
+
--cp-size-329: calc(329px * var(--cp-vfit-scale, 1));
|
|
332
|
+
--cp-size-330: calc(330px * var(--cp-vfit-scale, 1));
|
|
333
|
+
--cp-size-331: calc(331px * var(--cp-vfit-scale, 1));
|
|
334
|
+
--cp-size-332: calc(332px * var(--cp-vfit-scale, 1));
|
|
335
|
+
--cp-size-333: calc(333px * var(--cp-vfit-scale, 1));
|
|
336
|
+
--cp-size-334: calc(334px * var(--cp-vfit-scale, 1));
|
|
337
|
+
--cp-size-335: calc(335px * var(--cp-vfit-scale, 1));
|
|
338
|
+
--cp-size-336: calc(336px * var(--cp-vfit-scale, 1));
|
|
339
|
+
--cp-size-337: calc(337px * var(--cp-vfit-scale, 1));
|
|
340
|
+
--cp-size-338: calc(338px * var(--cp-vfit-scale, 1));
|
|
341
|
+
--cp-size-339: calc(339px * var(--cp-vfit-scale, 1));
|
|
342
|
+
--cp-size-340: calc(340px * var(--cp-vfit-scale, 1));
|
|
343
|
+
--cp-size-341: calc(341px * var(--cp-vfit-scale, 1));
|
|
344
|
+
--cp-size-342: calc(342px * var(--cp-vfit-scale, 1));
|
|
345
|
+
--cp-size-343: calc(343px * var(--cp-vfit-scale, 1));
|
|
346
|
+
--cp-size-344: calc(344px * var(--cp-vfit-scale, 1));
|
|
347
|
+
--cp-size-345: calc(345px * var(--cp-vfit-scale, 1));
|
|
348
|
+
--cp-size-346: calc(346px * var(--cp-vfit-scale, 1));
|
|
349
|
+
--cp-size-347: calc(347px * var(--cp-vfit-scale, 1));
|
|
350
|
+
--cp-size-348: calc(348px * var(--cp-vfit-scale, 1));
|
|
351
|
+
--cp-size-349: calc(349px * var(--cp-vfit-scale, 1));
|
|
352
|
+
--cp-size-350: calc(350px * var(--cp-vfit-scale, 1));
|
|
353
|
+
--cp-size-351: calc(351px * var(--cp-vfit-scale, 1));
|
|
354
|
+
--cp-size-352: calc(352px * var(--cp-vfit-scale, 1));
|
|
355
|
+
--cp-size-353: calc(353px * var(--cp-vfit-scale, 1));
|
|
356
|
+
--cp-size-354: calc(354px * var(--cp-vfit-scale, 1));
|
|
357
|
+
--cp-size-355: calc(355px * var(--cp-vfit-scale, 1));
|
|
358
|
+
--cp-size-356: calc(356px * var(--cp-vfit-scale, 1));
|
|
359
|
+
--cp-size-357: calc(357px * var(--cp-vfit-scale, 1));
|
|
360
|
+
--cp-size-358: calc(358px * var(--cp-vfit-scale, 1));
|
|
361
|
+
--cp-size-359: calc(359px * var(--cp-vfit-scale, 1));
|
|
362
|
+
--cp-size-360: calc(360px * var(--cp-vfit-scale, 1));
|
|
363
|
+
--cp-font-1: calc(1px * var(--cp-vfit-scale, 1));
|
|
364
|
+
--cp-font-2: calc(2px * var(--cp-vfit-scale, 1));
|
|
365
|
+
--cp-font-3: calc(3px * var(--cp-vfit-scale, 1));
|
|
366
|
+
--cp-font-4: calc(4px * var(--cp-vfit-scale, 1));
|
|
367
|
+
--cp-font-5: calc(5px * var(--cp-vfit-scale, 1));
|
|
368
|
+
--cp-font-6: calc(6px * var(--cp-vfit-scale, 1));
|
|
369
|
+
--cp-font-7: calc(7px * var(--cp-vfit-scale, 1));
|
|
370
|
+
--cp-font-8: calc(8px * var(--cp-vfit-scale, 1));
|
|
371
|
+
--cp-font-9: calc(9px * var(--cp-vfit-scale, 1));
|
|
372
|
+
--cp-font-10: calc(10px * var(--cp-vfit-scale, 1));
|
|
373
|
+
--cp-font-11: calc(11px * var(--cp-vfit-scale, 1));
|
|
374
|
+
--cp-font-12: calc(12px * var(--cp-vfit-scale, 1));
|
|
375
|
+
--cp-font-13: calc(13px * var(--cp-vfit-scale, 1));
|
|
376
|
+
--cp-font-14: calc(14px * var(--cp-vfit-scale, 1));
|
|
377
|
+
--cp-font-15: calc(15px * var(--cp-vfit-scale, 1));
|
|
378
|
+
--cp-font-16: calc(16px * var(--cp-vfit-scale, 1));
|
|
379
|
+
--cp-font-17: calc(17px * var(--cp-vfit-scale, 1));
|
|
380
|
+
--cp-font-18: calc(18px * var(--cp-vfit-scale, 1));
|
|
381
|
+
--cp-font-19: calc(19px * var(--cp-vfit-scale, 1));
|
|
382
|
+
--cp-font-20: calc(20px * var(--cp-vfit-scale, 1));
|
|
383
|
+
--cp-font-21: calc(21px * var(--cp-vfit-scale, 1));
|
|
384
|
+
--cp-font-22: calc(22px * var(--cp-vfit-scale, 1));
|
|
385
|
+
--cp-font-23: calc(23px * var(--cp-vfit-scale, 1));
|
|
386
|
+
--cp-font-24: calc(24px * var(--cp-vfit-scale, 1));
|
|
387
|
+
--cp-font-25: calc(25px * var(--cp-vfit-scale, 1));
|
|
388
|
+
--cp-font-26: calc(26px * var(--cp-vfit-scale, 1));
|
|
389
|
+
--cp-font-27: calc(27px * var(--cp-vfit-scale, 1));
|
|
390
|
+
--cp-font-28: calc(28px * var(--cp-vfit-scale, 1));
|
|
391
|
+
--cp-font-29: calc(29px * var(--cp-vfit-scale, 1));
|
|
392
|
+
--cp-font-30: calc(30px * var(--cp-vfit-scale, 1));
|
|
393
|
+
--cp-font-31: calc(31px * var(--cp-vfit-scale, 1));
|
|
394
|
+
--cp-font-32: calc(32px * var(--cp-vfit-scale, 1));
|
|
395
|
+
--cp-font-33: calc(33px * var(--cp-vfit-scale, 1));
|
|
396
|
+
--cp-font-34: calc(34px * var(--cp-vfit-scale, 1));
|
|
397
|
+
--cp-font-35: calc(35px * var(--cp-vfit-scale, 1));
|
|
398
|
+
--cp-font-36: calc(36px * var(--cp-vfit-scale, 1));
|
|
399
|
+
--cp-font-37: calc(37px * var(--cp-vfit-scale, 1));
|
|
400
|
+
--cp-font-38: calc(38px * var(--cp-vfit-scale, 1));
|
|
401
|
+
--cp-font-39: calc(39px * var(--cp-vfit-scale, 1));
|
|
402
|
+
--cp-font-40: calc(40px * var(--cp-vfit-scale, 1));
|
|
403
|
+
--cp-panel-radius: var(--cp-size-8, 8px);
|
|
404
|
+
--cp-panel-gap: var(--cp-size-12, 12px);
|
|
405
|
+
--cp-left-width: calc(420px * var(--cp-vfit-scale, 1));
|
|
406
|
+
--cp-event-card-width: calc(456px * var(--cp-vfit-scale, 1));
|
|
407
|
+
--cp-dialog-width: calc(920px * var(--cp-vfit-scale, 1));
|
|
408
|
+
--cp-footer-x: calc(40px * var(--cp-vfit-scale, 1));
|
|
409
|
+
--cp-chart-height: clamp(
|
|
410
|
+
calc(182px * var(--cp-vfit-scale, 1)),
|
|
411
|
+
calc(100vh - calc(750px * var(--cp-vfit-scale, 1))),
|
|
412
|
+
calc(304px * var(--cp-vfit-scale, 1))
|
|
413
|
+
);
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
/* 库默认主题放在低优先级层，项目未分层的变量声明始终优先。 */
|
|
419
|
+
@layer userssite-defaults {
|
|
420
|
+
|
|
421
|
+
:where(.userssite-theme) {
|
|
422
|
+
--userssite-color-bg: var(--color-bg, #ffffff);
|
|
423
|
+
--userssite-color-text: var(--color-text, #1f2937);
|
|
424
|
+
--userssite-color-primary: var(--color-primary, #1677ff);
|
|
425
|
+
--userssite-color-on-primary: var(--color-on-primary, #ffffff);
|
|
426
|
+
--userssite-color-border: var(--color-border, #dbe3ef99);
|
|
427
|
+
--userssite-color-hover: var(--color-hover, color-mix(in oklab, var(--userssite-color-primary) 9%, transparent));
|
|
428
|
+
--userssite-color-surface: var(--color-surface, #ffffffd9);
|
|
429
|
+
--userssite-color-surface-strong: var(--color-surface-strong, color-mix(in oklab, var(--userssite-color-surface) 72%, var(--userssite-color-bg)));
|
|
430
|
+
--userssite-color-panel: var(--color-panel, #ffffff);
|
|
431
|
+
--userssite-shadow-color: var(--shadow-color, color-mix(in oklab, var(--userssite-color-text) 10%, transparent));
|
|
432
|
+
--userssite-color-white: var(--color-white, #ffffff);
|
|
433
|
+
--userssite-color-danger: var(--color-danger, #e5484d);
|
|
434
|
+
--userssite-map-empty-bg: var(--map-empty-bg, #d7e2ea);
|
|
435
|
+
--userssite-timeline-observed: var(--timeline-observed, #b8e7ff);
|
|
436
|
+
--userssite-timeline-observed-strong: var(--timeline-observed-strong, #4aa3df);
|
|
437
|
+
--userssite-timeline-forecast: var(--timeline-forecast, #60a5fa);
|
|
438
|
+
--userssite-timeline-forecast-strong: var(--timeline-forecast-strong, #2f8bd6);
|
|
439
|
+
--userssite-timeline-forecast-text: var(--timeline-forecast-text, #2563a7);
|
|
440
|
+
--userssite-color-muted: var(--color-muted, color-mix(in oklab, var(--userssite-color-text) 62%, transparent));
|
|
441
|
+
--userssite-color-subtle: var(--color-subtle, color-mix(in oklab, var(--userssite-color-text) 48%, transparent));
|
|
442
|
+
--userssite-color-soft-border: var(--color-soft-border, color-mix(in oklab, var(--userssite-color-border) 78%, transparent));
|
|
443
|
+
--userssite-color-inset-highlight: var(--color-inset-highlight, color-mix(in oklab, var(--userssite-color-white) 64%, transparent));
|
|
444
|
+
--userssite-surface-glass: var(--surface-glass, color-mix(in oklab, var(--userssite-color-bg) 86%, transparent));
|
|
445
|
+
--userssite-surface-raised: var(--surface-raised, color-mix(in oklab, var(--userssite-color-surface) 86%, transparent));
|
|
446
|
+
--userssite-surface-subtle: var(--surface-subtle, color-mix(in oklab, var(--userssite-color-bg) 92%, var(--userssite-color-primary)));
|
|
447
|
+
--userssite-surface-control: var(--surface-control, color-mix(in oklab, var(--userssite-color-panel) 88%, transparent));
|
|
448
|
+
--userssite-surface-control-hover: var(--surface-control-hover, color-mix(in oklab, var(--userssite-color-primary) 12%, transparent));
|
|
449
|
+
--userssite-surface-control-active: var(--surface-control-active, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
450
|
+
--userssite-focus-ring: var(--focus-ring, color-mix(in oklab, var(--userssite-color-primary) 14%, transparent));
|
|
451
|
+
--userssite-shadow-header: var(--shadow-header, 0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 28) var(--userssite-shadow-color));
|
|
452
|
+
--userssite-shadow-panel: var(--shadow-panel, 0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 22) var(--userssite-shadow-color));
|
|
453
|
+
--userssite-shadow-dropdown: var(--shadow-dropdown, 0 calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 42) var(--userssite-shadow-color));
|
|
454
|
+
--userssite-app-shell-bg: var(--app-shell-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-primary) 7%, var(--userssite-surface-subtle)), transparent 34%), var(--userssite-color-bg));
|
|
455
|
+
--userssite-app-header-bg: var(--app-header-bg, var(--userssite-surface-glass));
|
|
456
|
+
--userssite-app-content-bg: var(--app-content-bg, linear-gradient(90deg, color-mix(in oklab, var(--userssite-color-text) 4%, transparent) 0, transparent calc(var(--cp-font-1) * 16)), color-mix(in oklab, var(--userssite-color-bg) 96%, var(--userssite-surface-subtle)));
|
|
457
|
+
--userssite-app-sidebar-bg: var(--app-sidebar-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-panel) 78%, transparent), color-mix(in oklab, var(--userssite-color-bg) 88%, var(--userssite-color-white))));
|
|
458
|
+
--userssite-app-rightpanel-bg: var(--app-rightpanel-bg, color-mix(in oklab, var(--userssite-color-bg) 94%, var(--userssite-color-white)));
|
|
459
|
+
--userssite-map-title-text: var(--map-title-text, color-mix(in oklab, var(--userssite-color-text) 86%, transparent));
|
|
460
|
+
--userssite-ranking-header-bg: var(--ranking-header-bg, #2f8bd6);
|
|
461
|
+
--userssite-brand-mark-bg: var(--brand-mark-bg, color-mix(in oklab, var(--userssite-color-panel) 86%, transparent));
|
|
462
|
+
--userssite-nav-bg: var(--nav-bg, color-mix(in oklab, var(--userssite-color-bg) 72%, var(--userssite-color-white)));
|
|
463
|
+
--userssite-nav-highlight-bg: var(--nav-highlight-bg, linear-gradient(180deg, var(--userssite-color-panel), color-mix(in oklab, var(--userssite-color-primary) 10%, var(--userssite-color-panel))));
|
|
464
|
+
--userssite-nav-highlight-shadow: var(--nav-highlight-shadow, 0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 24) color-mix(in oklab, var(--userssite-color-primary) 18%, transparent), inset 0 calc(var(--cp-font-1) * 1) 0 color-mix(in oklab, var(--userssite-color-panel) 92%, transparent));
|
|
465
|
+
--userssite-dropdown-bg: var(--dropdown-bg, color-mix(in oklab, var(--userssite-color-bg) 94%, var(--userssite-color-white)));
|
|
466
|
+
--userssite-input-bg: var(--input-bg, color-mix(in oklab, var(--userssite-color-bg) 88%, var(--userssite-color-white)));
|
|
467
|
+
--userssite-input-placeholder: var(--input-placeholder, var(--userssite-color-subtle));
|
|
468
|
+
--userssite-scrollbar-track: var(--scrollbar-track, transparent);
|
|
469
|
+
--userssite-scrollbar-thumb: var(--scrollbar-thumb, color-mix(in oklab, var(--userssite-color-primary) 34%, var(--userssite-color-border)));
|
|
470
|
+
--userssite-scrollbar-thumb-hover: var(--scrollbar-thumb-hover, color-mix(in oklab, var(--userssite-color-primary) 52%, var(--userssite-color-border)));
|
|
471
|
+
--userssite-tree-trigger-bg: var(--tree-trigger-bg, color-mix(in oklab, var(--userssite-color-panel) 96%, var(--userssite-color-primary) 4%));
|
|
472
|
+
--userssite-tree-trigger-hover-bg: var(--tree-trigger-hover-bg, var(--userssite-color-panel));
|
|
473
|
+
--userssite-tree-type-bg: var(--tree-type-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-primary) 18%, var(--userssite-color-panel)), color-mix(in oklab, var(--userssite-color-primary) 10%, var(--userssite-color-panel))));
|
|
474
|
+
--userssite-tree-panel-bg: var(--tree-panel-bg, color-mix(in oklab, var(--userssite-color-bg) 96%, transparent));
|
|
475
|
+
--userssite-tree-tabs-bg: var(--tree-tabs-bg, color-mix(in oklab, var(--userssite-color-hover) 58%, transparent));
|
|
476
|
+
--userssite-map-menu-parent-bg: var(--map-menu-parent-bg, #00000080);
|
|
477
|
+
--userssite-map-menu-parent-active: var(--map-menu-parent-active, #f6a313);
|
|
478
|
+
--userssite-map-menu-child-bg: var(--map-menu-child-bg, color-mix(in oklab, #ffffff 86%, #d7f6ff));
|
|
479
|
+
--userssite-map-menu-child-border: var(--map-menu-child-border, #26b6ef);
|
|
480
|
+
--userssite-map-menu-child-text: var(--map-menu-child-text, #148cc8);
|
|
481
|
+
--userssite-map-menu-child-active: var(--map-menu-child-active, #2d9cf0);
|
|
482
|
+
--userssite-right-panel-header-bg: var(--right-panel-header-bg, #2f8bd6);
|
|
483
|
+
--userssite-right-panel-header-text: var(--right-panel-header-text, #ffffff);
|
|
484
|
+
--userssite-map-float-bg: var(--map-float-bg, color-mix(in oklab, var(--userssite-color-panel) 96%, var(--userssite-color-bg)));
|
|
485
|
+
--userssite-map-float-border: var(--map-float-border, color-mix(in oklab, var(--userssite-color-border) 82%, transparent));
|
|
486
|
+
--userssite-map-float-control-bg: var(--map-float-control-bg, color-mix(in oklab, var(--userssite-color-panel) 94%, var(--userssite-color-bg)));
|
|
487
|
+
--userssite-map-float-control-hover-bg: var(--map-float-control-hover-bg, color-mix(in oklab, var(--userssite-color-primary) 12%, var(--userssite-color-panel)));
|
|
488
|
+
--userssite-map-float-shadow: var(--map-float-shadow, 0 calc(var(--cp-font-1) * 12) calc(var(--cp-font-1) * 28) var(--userssite-shadow-color));
|
|
489
|
+
--userssite-header-height: var(--header-height, calc(var(--cp-font-1) * 58));
|
|
490
|
+
--userssite-sidebar-width: var(--sidebar-width, calc(var(--cp-font-1) * 244));
|
|
491
|
+
--userssite-rightpanel-width: var(--rightpanel-width, calc(var(--cp-font-1) * 320));
|
|
492
|
+
--userssite-layout-gutter: var(--layout-gutter, calc(var(--cp-font-1) * 10));
|
|
493
|
+
--userssite-font-family-sans: var(--font-family-sans, "HarmonyOS Sans SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif);
|
|
494
|
+
--userssite-font-size-micro: var(--font-size-micro, var(--cp-font-10));
|
|
495
|
+
--userssite-font-size-caption: var(--font-size-caption, var(--cp-font-13));
|
|
496
|
+
--userssite-font-size-body: var(--font-size-body, var(--cp-font-14));
|
|
497
|
+
--userssite-font-size-title: var(--font-size-title, var(--cp-font-16));
|
|
498
|
+
--userssite-font-size-heading: var(--font-size-heading, var(--cp-font-18));
|
|
499
|
+
--userssite-radius-s: var(--radius-s, var(--cp-font-4));
|
|
500
|
+
--userssite-radius-m: var(--radius-m, var(--cp-font-8));
|
|
501
|
+
--userssite-radius-l: var(--radius-l, var(--cp-font-12));
|
|
502
|
+
--userssite-radius-pill: var(--radius-pill, calc(var(--cp-font-1) * 999));
|
|
503
|
+
--userssite-space-s: var(--space-s, var(--cp-font-6));
|
|
504
|
+
--userssite-space-m: var(--space-m, var(--cp-font-10));
|
|
505
|
+
--userssite-space-l: var(--space-l, var(--cp-font-16));
|
|
506
|
+
--userssite-control-height-s: var(--control-height-s, var(--cp-font-28));
|
|
507
|
+
--userssite-control-height-m: var(--control-height-m, var(--cp-font-32));
|
|
508
|
+
--userssite-control-height-l: var(--control-height-l, var(--cp-font-36));
|
|
509
|
+
--userssite-font-size-l1: var(--font-size-l1, var(--cp-font-16));
|
|
510
|
+
--userssite-font-size-l2: var(--font-size-l2, var(--cp-font-14));
|
|
511
|
+
--userssite-font-size-l3: var(--font-size-l3, var(--cp-font-13));
|
|
512
|
+
--userssite-menu-level-1-color: var(--menu-level-1-color, var(--userssite-color-text));
|
|
513
|
+
--userssite-menu-level-2-color: var(--menu-level-2-color, color-mix(in oklab, var(--userssite-color-text) 82%, transparent));
|
|
514
|
+
--userssite-menu-level-3-color: var(--menu-level-3-color, color-mix(in oklab, var(--userssite-color-text) 68%, transparent));
|
|
515
|
+
--userssite-button-primary-bg: var(--button-primary-bg, var(--userssite-color-primary));
|
|
516
|
+
--userssite-button-primary-text: var(--button-primary-text, var(--userssite-color-on-primary));
|
|
517
|
+
--userssite-button-secondary-bg: var(--button-secondary-bg, var(--userssite-surface-control));
|
|
518
|
+
--userssite-button-secondary-text: var(--button-secondary-text, var(--userssite-color-text));
|
|
519
|
+
--userssite-button-ghost-bg: var(--button-ghost-bg, transparent);
|
|
520
|
+
--userssite-button-ghost-text: var(--button-ghost-text, var(--userssite-color-primary));
|
|
521
|
+
--userssite-button-danger-bg: var(--button-danger-bg, var(--userssite-color-danger));
|
|
522
|
+
--userssite-button-danger-text: var(--button-danger-text, var(--userssite-color-white));
|
|
523
|
+
--userssite-motion-fast: var(--motion-fast, 160ms);
|
|
524
|
+
--userssite-motion-base: var(--motion-base, 240ms);
|
|
525
|
+
--userssite-motion-ease: var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
|
|
526
|
+
--el-color-primary: var(--userssite-color-primary);
|
|
527
|
+
--el-bg-color: var(--userssite-color-bg);
|
|
528
|
+
--el-bg-color-overlay: var(--userssite-color-panel);
|
|
529
|
+
--el-fill-color-blank: var(--userssite-color-panel);
|
|
530
|
+
--el-text-color-primary: var(--userssite-color-text);
|
|
531
|
+
--el-text-color-regular: var(--userssite-color-muted);
|
|
532
|
+
--el-border-color: var(--userssite-color-border);
|
|
533
|
+
--el-border-radius-base: var(--userssite-radius-s);
|
|
534
|
+
--el-component-size: var(--userssite-control-height-m);
|
|
535
|
+
--el-font-size-base: var(--userssite-font-size-body);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
:where(.theme-dark .userssite-theme, .userssite-theme.theme-dark) {
|
|
539
|
+
--userssite-color-bg: var(--color-bg, #08111f);
|
|
540
|
+
--userssite-color-text: var(--color-text, #e6edf7);
|
|
541
|
+
--userssite-color-primary: var(--color-primary, #4da3ff);
|
|
542
|
+
--userssite-color-on-primary: var(--color-on-primary, #ffffff);
|
|
543
|
+
--userssite-color-border: var(--color-border, #39506f99);
|
|
544
|
+
--userssite-color-hover: var(--color-hover, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
545
|
+
--userssite-color-surface: var(--color-surface, #101b2dee);
|
|
546
|
+
--userssite-color-surface-strong: var(--color-surface-strong, color-mix(in oklab, var(--userssite-color-surface) 70%, var(--userssite-color-bg)));
|
|
547
|
+
--userssite-color-panel: var(--color-panel, #0c1525);
|
|
548
|
+
--userssite-shadow-color: var(--shadow-color, color-mix(in oklab, #020617 62%, transparent));
|
|
549
|
+
--userssite-color-inset-highlight: var(--color-inset-highlight, color-mix(in oklab, var(--userssite-color-white) 12%, transparent));
|
|
550
|
+
--userssite-surface-subtle: var(--surface-subtle, color-mix(in oklab, var(--userssite-color-surface-strong) 76%, var(--userssite-color-bg)));
|
|
551
|
+
--userssite-surface-glass: var(--surface-glass, color-mix(in oklab, var(--userssite-color-surface-strong) 84%, transparent));
|
|
552
|
+
--userssite-surface-control: var(--surface-control, color-mix(in oklab, var(--userssite-color-surface-strong) 84%, transparent));
|
|
553
|
+
--userssite-surface-control-hover: var(--surface-control-hover, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
554
|
+
--userssite-surface-control-active: var(--surface-control-active, color-mix(in oklab, var(--userssite-color-primary) 26%, transparent));
|
|
555
|
+
--userssite-focus-ring: var(--focus-ring, color-mix(in oklab, var(--userssite-color-primary) 20%, transparent));
|
|
556
|
+
--userssite-shadow-header: var(--shadow-header, 0 calc(var(--cp-font-1) * 12) calc(var(--cp-font-1) * 30) var(--userssite-shadow-color), inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight));
|
|
557
|
+
--userssite-shadow-panel: var(--shadow-panel, 0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 24) var(--userssite-shadow-color));
|
|
558
|
+
--userssite-shadow-dropdown: var(--shadow-dropdown, 0 calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 42) var(--userssite-shadow-color));
|
|
559
|
+
--userssite-app-shell-bg: var(--app-shell-bg, radial-gradient(circle at 18% 0, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent), transparent 30%), linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-primary) 8%, var(--userssite-color-bg)) 0, var(--userssite-color-bg) 42%));
|
|
560
|
+
--userssite-app-header-bg: var(--app-header-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface-strong) 86%, transparent), color-mix(in oklab, var(--userssite-color-surface) 86%, transparent)));
|
|
561
|
+
--userssite-app-content-bg: var(--app-content-bg, linear-gradient(90deg, color-mix(in oklab, var(--userssite-shadow-color) 58%, transparent) 0, transparent calc(var(--cp-font-1) * 18)), radial-gradient(circle at 64% 0, color-mix(in oklab, var(--userssite-color-primary) 12%, transparent), transparent 34%), var(--userssite-color-bg));
|
|
562
|
+
--userssite-app-sidebar-bg: var(--app-sidebar-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface) 92%, transparent), color-mix(in oklab, var(--userssite-color-bg) 92%, transparent)));
|
|
563
|
+
--userssite-app-rightpanel-bg: var(--app-rightpanel-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface) 92%, transparent), color-mix(in oklab, var(--userssite-color-bg) 92%, transparent)));
|
|
564
|
+
--userssite-map-title-text: var(--map-title-text, #1f2937);
|
|
565
|
+
--userssite-ranking-header-bg: var(--ranking-header-bg, transparent);
|
|
566
|
+
--userssite-brand-mark-bg: var(--brand-mark-bg, color-mix(in oklab, var(--userssite-color-white) 92%, var(--userssite-color-primary)));
|
|
567
|
+
--userssite-nav-bg: var(--nav-bg, color-mix(in oklab, var(--userssite-color-panel) 76%, transparent));
|
|
568
|
+
--userssite-nav-highlight-bg: var(--nav-highlight-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-primary) 36%, var(--userssite-color-inset-highlight)), color-mix(in oklab, var(--userssite-color-primary) 18%, var(--userssite-color-bg))));
|
|
569
|
+
--userssite-nav-highlight-shadow: var(--nav-highlight-shadow, 0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 24) color-mix(in oklab, var(--userssite-color-primary) 26%, transparent), inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight));
|
|
570
|
+
--userssite-dropdown-bg: var(--dropdown-bg, color-mix(in oklab, var(--userssite-color-surface) 94%, transparent));
|
|
571
|
+
--userssite-input-bg: var(--input-bg, color-mix(in oklab, var(--userssite-color-surface-strong) 88%, transparent));
|
|
572
|
+
--userssite-input-placeholder: var(--input-placeholder, color-mix(in oklab, var(--userssite-color-text) 44%, transparent));
|
|
573
|
+
--userssite-scrollbar-thumb: var(--scrollbar-thumb, color-mix(in oklab, var(--userssite-color-primary) 46%, var(--userssite-color-border)));
|
|
574
|
+
--userssite-scrollbar-thumb-hover: var(--scrollbar-thumb-hover, color-mix(in oklab, var(--userssite-color-primary) 64%, var(--userssite-color-border)));
|
|
575
|
+
--userssite-tree-trigger-bg: var(--tree-trigger-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface-strong) 84%, var(--userssite-color-primary) 16%), var(--userssite-color-panel)));
|
|
576
|
+
--userssite-tree-trigger-hover-bg: var(--tree-trigger-hover-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface-strong) 80%, var(--userssite-color-primary) 20%), color-mix(in oklab, var(--userssite-color-panel) 82%, var(--userssite-color-primary) 18%)));
|
|
577
|
+
--userssite-tree-type-bg: var(--tree-type-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-primary) 28%, var(--userssite-color-inset-highlight)), color-mix(in oklab, var(--userssite-color-primary) 12%, transparent)));
|
|
578
|
+
--userssite-tree-panel-bg: var(--tree-panel-bg, color-mix(in oklab, var(--userssite-color-panel) 94%, transparent));
|
|
579
|
+
--userssite-tree-tabs-bg: var(--tree-tabs-bg, color-mix(in oklab, var(--userssite-color-surface-strong) 78%, transparent));
|
|
580
|
+
--userssite-map-float-bg: var(--map-float-bg, linear-gradient(180deg, color-mix(in oklab, var(--userssite-color-surface) 82%, var(--userssite-color-panel)), color-mix(in oklab, var(--userssite-color-panel) 88%, #020617)));
|
|
581
|
+
--userssite-map-float-border: var(--map-float-border, color-mix(in oklab, var(--userssite-color-primary) 24%, var(--userssite-color-border)));
|
|
582
|
+
--userssite-map-float-control-bg: var(--map-float-control-bg, color-mix(in oklab, var(--userssite-color-panel) 86%, #020617));
|
|
583
|
+
--userssite-map-float-control-hover-bg: var(--map-float-control-hover-bg, color-mix(in oklab, var(--userssite-color-primary) 18%, var(--userssite-color-panel)));
|
|
584
|
+
--userssite-map-float-shadow: var(--map-float-shadow, 0 calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 30) color-mix(in oklab, #020617 64%, transparent));
|
|
585
|
+
--userssite-menu-level-1-color: var(--menu-level-1-color, #e6edf7);
|
|
586
|
+
--userssite-menu-level-2-color: var(--menu-level-2-color, #c8d4e4);
|
|
587
|
+
--userssite-menu-level-3-color: var(--menu-level-3-color, #aebed2);
|
|
588
|
+
--userssite-right-panel-header-bg: var(--right-panel-header-bg, transparent);
|
|
589
|
+
--userssite-right-panel-header-text: var(--right-panel-header-text, #e6edf7);
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
/* 补齐 Element Plus 状态变量；基础调色板来自提取的 theme.css / theme.ts。 */
|
|
596
|
+
:where(.userssite-theme) {
|
|
597
|
+
--el-color-primary-light-3: color-mix(in oklab, var(--userssite-color-primary) 70%, var(--userssite-color-panel));
|
|
598
|
+
--el-color-primary-light-5: color-mix(in oklab, var(--userssite-color-primary) 50%, var(--userssite-color-panel));
|
|
599
|
+
--el-color-primary-light-7: color-mix(in oklab, var(--userssite-color-primary) 30%, var(--userssite-color-panel));
|
|
600
|
+
--el-color-primary-light-8: color-mix(in oklab, var(--userssite-color-primary) 20%, var(--userssite-color-panel));
|
|
601
|
+
--el-color-primary-light-9: color-mix(in oklab, var(--userssite-color-primary) 10%, var(--userssite-color-panel));
|
|
602
|
+
--el-color-primary-dark-2: color-mix(in oklab, var(--userssite-color-primary) 80%, var(--userssite-color-text));
|
|
603
|
+
--el-color-danger: var(--userssite-color-danger);
|
|
604
|
+
--el-color-success: #67c23a;
|
|
605
|
+
--el-color-warning: #e6a23c;
|
|
606
|
+
--el-color-info: var(--userssite-color-muted);
|
|
607
|
+
--el-text-color-secondary: var(--userssite-color-muted);
|
|
608
|
+
--el-text-color-regular: color-mix(in oklab, var(--userssite-color-text) 82%, transparent);
|
|
609
|
+
--el-border-color-light: var(--userssite-color-soft-border);
|
|
610
|
+
--el-text-color-placeholder: var(--userssite-input-placeholder);
|
|
611
|
+
--el-text-color-disabled: var(--userssite-color-subtle);
|
|
612
|
+
--el-border-color-lighter: var(--userssite-color-soft-border);
|
|
613
|
+
--el-border-color-extra-light: var(--userssite-color-soft-border);
|
|
614
|
+
--el-border-color-dark: var(--userssite-color-border);
|
|
615
|
+
--el-border-color-darker: var(--userssite-color-border);
|
|
616
|
+
--el-fill-color: var(--userssite-surface-subtle);
|
|
617
|
+
--el-fill-color-light: var(--userssite-surface-subtle);
|
|
618
|
+
--el-fill-color-lighter: var(--userssite-surface-subtle);
|
|
619
|
+
--el-fill-color-extra-light: var(--userssite-surface-subtle);
|
|
620
|
+
--el-fill-color-dark: var(--userssite-surface-control-active);
|
|
621
|
+
--el-fill-color-darker: var(--userssite-surface-control-active);
|
|
622
|
+
--el-bg-color-page: var(--userssite-color-bg);
|
|
623
|
+
--el-disabled-bg-color: var(--userssite-surface-subtle);
|
|
624
|
+
--el-disabled-text-color: var(--userssite-color-subtle);
|
|
625
|
+
--el-disabled-border-color: var(--userssite-color-soft-border);
|
|
626
|
+
--el-mask-color: color-mix(in oklab, var(--userssite-color-text) 45%, transparent);
|
|
627
|
+
--el-mask-color-extra-light: var(--userssite-surface-glass);
|
|
628
|
+
--el-box-shadow: var(--userssite-shadow-panel);
|
|
629
|
+
--el-box-shadow-light: var(--userssite-shadow-dropdown);
|
|
630
|
+
--el-box-shadow-lighter: var(--userssite-shadow-panel);
|
|
631
|
+
--el-box-shadow-dark: var(--userssite-shadow-dropdown);
|
|
632
|
+
--el-border-radius-small: var(--userssite-radius-s);
|
|
633
|
+
--el-font-family: var(--userssite-font-family-sans);
|
|
634
|
+
--el-component-size-small: var(--userssite-control-height-s);
|
|
635
|
+
--el-component-size-large: var(--userssite-control-height-l);
|
|
636
|
+
}
|
|
637
|
+
|
|
638
|
+
/* Element Plus 语义状态色维持其原有含义，明暗状态表面均从主题面板派生。 */
|
|
639
|
+
:where(.userssite-theme) {
|
|
640
|
+
--el-color-success-light-3: color-mix(in oklab, var(--el-color-success) 70%, var(--userssite-color-panel));
|
|
641
|
+
--el-color-success-light-5: color-mix(in oklab, var(--el-color-success) 50%, var(--userssite-color-panel));
|
|
642
|
+
--el-color-success-light-7: color-mix(in oklab, var(--el-color-success) 30%, var(--userssite-color-panel));
|
|
643
|
+
--el-color-success-light-8: color-mix(in oklab, var(--el-color-success) 20%, var(--userssite-color-panel));
|
|
644
|
+
--el-color-success-light-9: color-mix(in oklab, var(--el-color-success) 10%, var(--userssite-color-panel));
|
|
645
|
+
--el-color-success-dark-2: color-mix(in oklab, var(--el-color-success) 80%, var(--userssite-color-text));
|
|
646
|
+
--el-color-warning-light-3: color-mix(in oklab, var(--el-color-warning) 70%, var(--userssite-color-panel));
|
|
647
|
+
--el-color-warning-light-5: color-mix(in oklab, var(--el-color-warning) 50%, var(--userssite-color-panel));
|
|
648
|
+
--el-color-warning-light-7: color-mix(in oklab, var(--el-color-warning) 30%, var(--userssite-color-panel));
|
|
649
|
+
--el-color-warning-light-8: color-mix(in oklab, var(--el-color-warning) 20%, var(--userssite-color-panel));
|
|
650
|
+
--el-color-warning-light-9: color-mix(in oklab, var(--el-color-warning) 10%, var(--userssite-color-panel));
|
|
651
|
+
--el-color-warning-dark-2: color-mix(in oklab, var(--el-color-warning) 80%, var(--userssite-color-text));
|
|
652
|
+
--el-color-danger-light-3: color-mix(in oklab, var(--userssite-color-danger) 70%, var(--userssite-color-panel));
|
|
653
|
+
--el-color-danger-light-5: color-mix(in oklab, var(--userssite-color-danger) 50%, var(--userssite-color-panel));
|
|
654
|
+
--el-color-danger-light-7: color-mix(in oklab, var(--userssite-color-danger) 30%, var(--userssite-color-panel));
|
|
655
|
+
--el-color-danger-light-8: color-mix(in oklab, var(--userssite-color-danger) 20%, var(--userssite-color-panel));
|
|
656
|
+
--el-color-danger-light-9: color-mix(in oklab, var(--userssite-color-danger) 10%, var(--userssite-color-panel));
|
|
657
|
+
--el-color-danger-dark-2: color-mix(in oklab, var(--userssite-color-danger) 80%, var(--userssite-color-text));
|
|
658
|
+
--el-color-info-light-3: color-mix(in oklab, var(--el-color-info) 70%, var(--userssite-color-panel));
|
|
659
|
+
--el-color-info-light-5: color-mix(in oklab, var(--el-color-info) 50%, var(--userssite-color-panel));
|
|
660
|
+
--el-color-info-light-7: color-mix(in oklab, var(--el-color-info) 30%, var(--userssite-color-panel));
|
|
661
|
+
--el-color-info-light-8: color-mix(in oklab, var(--el-color-info) 20%, var(--userssite-color-panel));
|
|
662
|
+
--el-color-info-light-9: color-mix(in oklab, var(--el-color-info) 10%, var(--userssite-color-panel));
|
|
663
|
+
--el-color-info-dark-2: var(--userssite-color-text);
|
|
664
|
+
}
|
|
665
|
+
:where(.userssite-theme) .el-button--primary , .el-button--primary:where(.userssite-theme){ --el-button-text-color: var(--userssite-color-on-primary); --el-button-hover-text-color: var(--userssite-color-on-primary); --el-button-active-text-color: var(--userssite-color-on-primary); }
|
|
666
|
+
:where(.userssite-theme) .el-button--primary.is-plain , .el-button--primary.is-plain:where(.userssite-theme){ --el-button-text-color: var(--userssite-color-primary); }
|
|
667
|
+
:where(.userssite-theme) .el-input__wrapper, .el-input__wrapper:where(.userssite-theme), :where(.userssite-theme) .el-textarea__inner, .el-textarea__inner:where(.userssite-theme), :where(.userssite-theme) .el-select__wrapper , .el-select__wrapper:where(.userssite-theme){ background: var(--userssite-input-bg); }
|
|
668
|
+
:where(.userssite-theme) .el-dialog, .el-dialog:where(.userssite-theme), :where(.userssite-theme) .el-drawer , .el-drawer:where(.userssite-theme){ border-radius: var(--userssite-radius-l); }
|
|
669
|
+
:where(.userssite-theme) .el-card , .el-card:where(.userssite-theme){ border-radius: var(--userssite-radius-m); }
|
|
670
|
+
|
|
671
|
+
.userssite-app-select{width:100%;min-width:0}.userssite-app-select .el-select__wrapper{min-height:var(--userssite-control-height-m);height:var(--userssite-control-height-m);padding:0 var(--userssite-space-m);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-input-bg);box-shadow:none;color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);font-weight:650;line-height:calc(var(--cp-font-1) * 18);transition:border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),background var(--userssite-motion-fast) var(--userssite-motion-ease)}.userssite-app-select .el-select__wrapper:hover,.userssite-app-select .el-select__wrapper.is-focused,.userssite-app-select .el-select__wrapper.is-focus{border-color:color-mix(in oklab,var(--userssite-color-primary) 46%,transparent);box-shadow:0 0 0 calc(var(--cp-font-1) * 2) var(--userssite-focus-ring)}.userssite-app-select .el-select__selected-item{color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);line-height:calc(var(--cp-font-1) * 18)}.userssite-app-select .el-select__selection,.userssite-app-select .el-select__input-wrapper{min-width:0}.userssite-app-select .el-select__input{border:0;outline:0;background:transparent;box-shadow:none}.userssite-app-select-popper.el-popper{min-width:max(100%,calc(var(--cp-font-1) * 180));max-height:min(48vh,calc(var(--cp-font-1) * 320));overflow:hidden;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-dropdown-bg);box-shadow:var(--userssite-shadow-dropdown);-webkit-backdrop-filter:blur(calc(var(--cp-font-1) * 8));backdrop-filter:blur(calc(var(--cp-font-1) * 8))}.userssite-app-select-popper .el-select-dropdown__wrap{max-height:min(48vh,calc(var(--cp-font-1) * 320));margin-bottom:0}.userssite-app-select-popper .el-select-dropdown__list{max-height:min(48vh,calc(var(--cp-font-1) * 320))}.userssite-app-select-popper .el-select-dropdown__item{min-height:var(--userssite-control-height-m);padding:0 var(--userssite-space-m);color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);font-weight:650;line-height:var(--userssite-control-height-m)}.userssite-app-select-popper .el-select-dropdown__item.is-hovering,.userssite-app-select-popper .el-select-dropdown__item:hover{background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary)}.userssite-app-select-popper .el-select-dropdown__item.is-selected{background:var(--userssite-surface-control-active);color:var(--userssite-color-primary);font-weight:800}.userssite-app-select-popper .el-select-dropdown__item.is-disabled{color:var(--userssite-color-subtle)}.theme-dark .userssite-app-select-popper.el-popper{background:var(--userssite-dropdown-bg)}.map-timeline[data-v-c0137427]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--cp-font-1) * 9);width:100%;min-height:calc(var(--cp-font-1) * 78);border-radius:var(--userssite-radius-m);color:var(--userssite-color-text);padding:calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 12);padding-bottom:calc(var(--cp-font-1) * 28)}.timeline-controls[data-v-c0137427]{display:flex;align-items:center;flex:0 0 auto;gap:calc(var(--cp-font-1) * 4);padding:calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 10);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 14%,var(--userssite-color-border));border-radius:calc(var(--cp-font-1) * 999);background:color-mix(in oklab,var(--userssite-color-panel) 82%,transparent)}.timeline-button-group[data-v-c0137427]{display:inline-flex;align-items:center;overflow:hidden;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 14%,var(--userssite-color-border));border-radius:calc(var(--cp-font-1) * 999)}.timeline-button-group .control-button[data-v-c0137427]{border:0;border-radius:0;box-shadow:none}.timeline-button-group .control-button+.control-button[data-v-c0137427]{border-left:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 12%,var(--userssite-color-border))}.control-button[data-v-c0137427],.speed-button[data-v-c0137427]{display:inline-grid;height:calc(var(--cp-font-1) * 30);place-items:center;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 22%,var(--userssite-color-border));border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.control-button[data-v-c0137427]{width:calc(var(--cp-font-1) * 30);font-size:var(--userssite-font-size-body)}.control-button.is-primary[data-v-c0137427]{width:calc(var(--cp-font-1) * 34);height:calc(var(--cp-font-1) * 34);background:var(--userssite-color-primary);color:var(--userssite-color-on-primary);box-shadow:0 calc(var(--cp-font-1) * 5) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-color-primary) 20%,transparent)}.control-button[data-v-c0137427]:hover,.speed-button[data-v-c0137427]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 50%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.control-button.is-primary[data-v-c0137427]:hover{background:color-mix(in oklab,var(--userssite-color-primary) 88%,var(--userssite-color-text));color:var(--userssite-color-on-primary)}.speed-button[data-v-c0137427]{min-width:calc(var(--cp-font-1) * 38);color:var(--userssite-color-primary);font-size:var(--userssite-font-size-micro);font-weight:800;padding:0 calc(var(--cp-font-1) * 8)}.timeline-date-slot[data-v-c0137427]{display:inline-flex;width:calc(var(--cp-font-1) * 104);height:calc(var(--cp-font-1) * 30);min-width:calc(var(--cp-font-1) * 104);max-width:calc(var(--cp-font-1) * 140);align-items:center}.timeline-date-slot[data-v-c0137427] .el-select,.timeline-date-slot[data-v-c0137427] .el-date-editor,.timeline-date-slot[data-v-c0137427] .el-input{width:100%;height:calc(var(--cp-font-1) * 30)}.timeline-date-slot[data-v-c0137427] .el-input__wrapper,.timeline-date-slot[data-v-c0137427] .el-select__wrapper{min-height:calc(var(--cp-font-1) * 30);border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-input-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 20%,var(--userssite-color-border))}.timeline-date-slot[data-v-c0137427] .el-input__inner,.timeline-date-slot[data-v-c0137427] .el-select__selected-item{color:var(--userssite-color-text);font-size:var(--userssite-font-size-micro);font-weight:800}.timeline-jump-picker[data-v-c0137427]{width:calc(var(--cp-font-1) * 104);height:calc(var(--cp-font-1) * 30);min-width:calc(var(--cp-font-1) * 104);max-width:calc(var(--cp-font-1) * 104);--el-input-bg-color: var(--userssite-input-bg);--el-input-border-color: transparent;--el-input-hover-border-color: transparent;--el-input-focus-border-color: transparent;--el-input-text-color: var(--userssite-color-text);--el-input-icon-color: var(--userssite-color-primary)}.timeline-jump-picker[data-v-c0137427] .el-input{width:100%;height:calc(var(--cp-font-1) * 30)}.timeline-jump-picker[data-v-c0137427] .el-input__wrapper{height:calc(var(--cp-font-1) * 30);border:0;border-radius:calc(var(--cp-font-1) * 999);background:var(--el-input-bg-color);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 20%,var(--userssite-color-border));cursor:pointer;padding:0 calc(var(--cp-font-1) * 8);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease)}.timeline-jump-picker[data-v-c0137427]:hover .el-input__wrapper,.timeline-jump-picker[data-v-c0137427]:focus-within .el-input__wrapper{background:var(--userssite-surface-control-hover);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent);transform:translateY(calc(var(--cp-font-1) * -1))}.map-timeline[data-v-c0137427] .timeline-jump-picker .el-input__inner{cursor:pointer;font-size:var(--userssite-font-size-micro);font-weight:500;letter-spacing:0}.timeline-jump-picker[data-v-c0137427] .el-input__prefix{display:none}.timeline-jump-picker[data-v-c0137427] .el-input__suffix{cursor:pointer}.timeline-body[data-v-c0137427]{display:grid;min-width:0}.time-kind[data-v-c0137427]{display:inline-flex;height:calc(var(--cp-font-1) * 18);align-items:center;border-radius:calc(var(--cp-font-1) * 999);font-size:var(--userssite-font-size-micro);font-weight:900;padding:0 calc(var(--cp-font-1) * 7)}.time-kind.is-observed[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-timeline-observed) 14%,transparent);color:var(--userssite-timeline-observed-strong)}.time-kind.is-now[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-color-primary) 16%,transparent);color:var(--userssite-color-primary)}.time-kind.is-forecast[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-timeline-forecast) 17%,transparent);color:var(--userssite-timeline-forecast-text)}.timeline-track[data-v-c0137427]{--timeline-segment-gap: calc(var(--cp-font-1) * 4);position:relative;height:calc(var(--cp-font-1) * 88);outline:none;touch-action:none;cursor:pointer}.timeline-track[data-v-c0137427]:focus-visible{border-radius:calc(var(--cp-font-1) * 999);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) var(--userssite-focus-ring)}.timeline-segments[data-v-c0137427]{position:absolute;inset:calc(var(--cp-font-1) * 24) 0 auto;display:grid;gap:var(--timeline-segment-gap);height:calc(var(--cp-font-1) * 20)}.now-divider[data-v-c0137427]{position:absolute;top:calc(var(--cp-font-1) * 18);bottom:calc(var(--cp-font-1) * 24);z-index:2;width:calc(var(--cp-font-1) * 2);border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-color-primary);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent),0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-color-primary) 18%,transparent);pointer-events:none;transform:translate(-50%)}.active-time-popover[data-v-c0137427]{position:absolute;bottom:0;z-index:3;display:inline-flex;height:calc(var(--cp-font-1) * 22);max-width:calc(var(--cp-font-1) * 160);align-items:center;gap:calc(var(--cp-font-1) * 6);border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-timeline-observed-strong);box-shadow:0 calc(var(--cp-font-1) * 7) calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-timeline-observed-strong) 26%,transparent);color:var(--userssite-color-on-primary);font-size:var(--userssite-font-size-micro);font-weight:900;line-height:1;overflow:hidden;padding:0 calc(var(--cp-font-1) * 9);pointer-events:none;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.active-time-popover.is-start[data-v-c0137427]{transform:translate(0)}.active-time-popover.is-end[data-v-c0137427]{transform:translate(-100%)}.active-time-popover.is-forecast[data-v-c0137427]{background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 7) calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 28%,transparent)}.active-time-popover[data-v-c0137427]:after{position:absolute;left:50%;top:calc(var(--cp-font-1) * -3);width:calc(var(--cp-font-1) * 8);height:calc(var(--cp-font-1) * 8);background:var(--userssite-timeline-observed-strong);content:"";transform:translate(-50%) rotate(45deg)}.active-time-popover.is-forecast[data-v-c0137427]:after{background:var(--userssite-timeline-forecast-strong)}.timeline-scale[data-v-c0137427]{position:absolute;inset:0 0 auto;height:calc(var(--cp-font-1) * 20);color:var(--userssite-color-muted);font-size:var(--userssite-font-size-micro);font-weight:900;pointer-events:none}.timeline-scale-item[data-v-c0137427]{position:absolute;top:0;display:inline-flex;align-items:center;gap:calc(var(--cp-font-1) * 5);white-space:nowrap}.timeline-scale-observed[data-v-c0137427]{left:0;color:color-mix(in oklab,var(--userssite-color-text) 72%,var(--userssite-color-muted))}.timeline-scale-now[data-v-c0137427]{color:var(--userssite-color-primary);transform:translate(-50%)}.timeline-scale-forecast[data-v-c0137427]{right:0;color:color-mix(in oklab,var(--userssite-timeline-forecast-text) 82%,var(--userssite-color-muted))}.timeline-scale-window-start[data-v-c0137427]{left:0}.timeline-scale-window-end[data-v-c0137427]{right:0}.timeline-scale-window-start.is-observed[data-v-c0137427],.timeline-scale-window-end.is-observed[data-v-c0137427]{color:color-mix(in oklab,var(--userssite-timeline-observed-strong) 72%,var(--userssite-color-text))}.timeline-scale-window-start.is-forecast[data-v-c0137427],.timeline-scale-window-end.is-forecast[data-v-c0137427]{color:color-mix(in oklab,var(--userssite-timeline-forecast-text) 82%,var(--userssite-color-muted))}.timeline-scale-window-start[data-v-c0137427],.timeline-scale-window-end[data-v-c0137427]{min-height:calc(var(--cp-font-1) * 22);align-items:center;border:0;border-radius:calc(var(--cp-font-1) * 6);background:transparent;box-shadow:none;color:var(--userssite-color-text);font-size:var(--userssite-font-size-micro);line-height:1;max-width:48%;overflow:hidden;padding:0 calc(var(--cp-font-1) * 8);text-overflow:ellipsis}.timeline-scale .timeline-scale-window-start .footer-kind[data-v-c0137427],.timeline-scale .timeline-scale-window-end .footer-kind[data-v-c0137427]{background:transparent}.footer-kind[data-v-c0137427]{display:inline-flex;height:calc(var(--cp-font-1) * 16);align-items:center;border-radius:calc(var(--cp-font-1) * 999);font-size:var(--userssite-font-size-micro);line-height:1;padding:0 calc(var(--cp-font-1) * 6)}.footer-kind.is-observed[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-timeline-observed) 14%,transparent);color:var(--userssite-timeline-observed-strong)}.footer-kind.is-current[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-color-primary) 16%,transparent);color:var(--userssite-color-primary)}.footer-kind.is-forecast[data-v-c0137427]{background:color-mix(in oklab,var(--userssite-timeline-forecast) 17%,transparent);color:var(--userssite-timeline-forecast-text)}.timeline-segment[data-v-c0137427]{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 62%,transparent);border-radius:calc(var(--cp-font-1) * 4);background:color-mix(in oklab,var(--userssite-surface-control) 82%,transparent);color:transparent;cursor:pointer;padding:0 calc(var(--cp-font-1) * 4);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.timeline-segment[data-v-c0137427]:before{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--userssite-color-white) 30%,transparent) 0,color-mix(in oklab,var(--userssite-color-white) 30%,transparent) calc(var(--cp-font-1) * 1),transparent calc(var(--cp-font-1) * 1),transparent calc(var(--cp-font-1) * 7));content:"";opacity:0;pointer-events:none}.timeline-segment-label[data-v-c0137427]{position:relative;z-index:1;max-width:100%;overflow:hidden;color:color-mix(in oklab,var(--userssite-color-text) 62%,var(--userssite-color-muted));font-size:var(--userssite-font-size-micro);font-weight:800;line-height:1;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap}.timeline-segment.is-observed[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-observed-strong) 24%,transparent);background:color-mix(in oklab,var(--userssite-timeline-observed) 16%,var(--userssite-surface-control))}.timeline-segment.is-forecast[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 30%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast) 12%,var(--userssite-surface-control))}.timeline-segment.is-passed[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-observed-strong) 54%,transparent);background:color-mix(in oklab,var(--userssite-timeline-observed-strong) 62%,var(--userssite-color-white));box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 30%,transparent)}.timeline-segment.is-passed .timeline-segment-label[data-v-c0137427]{color:var(--userssite-color-on-primary);font-weight:900}.timeline-segment.is-forecast.is-passed[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 54%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 62%,var(--userssite-color-white))}.timeline-segment.is-current[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-observed-strong) 72%,transparent);background:var(--userssite-timeline-observed-strong);box-shadow:0 calc(var(--cp-font-1) * 5) calc(var(--cp-font-1) * 12) color-mix(in oklab,var(--userssite-timeline-observed-strong) 18%,transparent);color:var(--userssite-color-on-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.timeline-segment.is-current .timeline-segment-label[data-v-c0137427]{color:var(--userssite-color-on-primary);font-weight:900}.timeline-segment.is-forecast.is-current[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 74%,transparent);background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 5) calc(var(--cp-font-1) * 12) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 20%,transparent)}.timeline-segment.is-current[data-v-c0137427]:before{opacity:.26}.timeline-segment[data-v-c0137427]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 50%,transparent);transform:translateY(calc(var(--cp-font-1) * -1))}.timeline-segment.is-disabled[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-color-border) 44%,transparent);background:color-mix(in oklab,var(--userssite-surface-control) 42%,transparent);box-shadow:none;cursor:not-allowed;opacity:.58;transform:none}.timeline-segment.is-disabled .timeline-segment-label[data-v-c0137427]{color:color-mix(in oklab,var(--userssite-color-muted) 72%,transparent)}.timeline-segment.is-disabled[data-v-c0137427]:hover{border-color:color-mix(in oklab,var(--userssite-color-border) 44%,transparent);transform:none}.map-timeline.is-external-points .timeline-segments[data-v-c0137427]{inset:calc(var(--cp-font-1) * 24) 0 auto;height:calc(var(--cp-font-1) * 24)}.map-timeline.is-external-points .timeline-track[data-v-c0137427]{height:calc(var(--cp-font-1) * 60)}.map-timeline.is-external-points .timeline-segment[data-v-c0137427]{height:calc(var(--cp-font-1) * 24);border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 24%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast) 8%,var(--userssite-surface-control))}.map-timeline.is-external-points .timeline-segment.is-passed[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 44%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 48%,var(--userssite-color-white));box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 30%,transparent)}.map-timeline.is-external-points .timeline-segment.is-passed .timeline-segment-label[data-v-c0137427]{color:var(--userssite-color-on-primary);font-weight:900}.map-timeline.is-external-points .timeline-segment.is-current[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 78%,transparent);background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 20%,transparent),inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 36%,transparent);transform:none}.map-timeline.is-external-points .timeline-segment.is-disabled[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-color-border) 44%,transparent);background:color-mix(in oklab,var(--userssite-surface-control) 42%,transparent);box-shadow:none;cursor:not-allowed;opacity:.58}.map-timeline.is-external-points .timeline-segment.is-disabled .timeline-segment-label[data-v-c0137427]{color:color-mix(in oklab,var(--userssite-color-muted) 72%,transparent)}.timeline-segment.is-disabled[data-v-c0137427],.timeline-segment.is-disabled.is-passed[data-v-c0137427],.timeline-segment.is-disabled.is-forecast[data-v-c0137427],.timeline-segment.is-disabled.is-forecast.is-passed[data-v-c0137427],.timeline-segment.is-disabled.is-current[data-v-c0137427],.timeline-segment.is-disabled.is-forecast.is-current[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-color-border) 72%,var(--userssite-color-primary));background:color-mix(in oklab,var(--userssite-surface-control) 92%,var(--userssite-color-panel));box-shadow:none;cursor:not-allowed;opacity:.9;transform:none}.timeline-segment.is-disabled.is-passed .timeline-segment-label[data-v-c0137427],.timeline-segment.is-disabled.is-current .timeline-segment-label[data-v-c0137427]{color:var(--userssite-color-muted);font-weight:800}.timeline-segment.is-disabled.is-forecast[data-v-c0137427],.timeline-segment.is-disabled.is-forecast.is-passed[data-v-c0137427],.timeline-segment.is-disabled.is-forecast.is-current[data-v-c0137427]{border-color:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 42%,var(--userssite-color-border));background:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 24%,var(--userssite-surface-control));color:var(--userssite-timeline-forecast-text)}.timeline-segment.is-disabled.is-forecast .timeline-segment-label[data-v-c0137427]{color:color-mix(in oklab,var(--userssite-timeline-forecast-text) 68%,var(--userssite-color-muted))}.map-timeline.is-external-points .active-time-popover[data-v-c0137427]{top:calc(var(--cp-font-1) * 52);bottom:auto;height:calc(var(--cp-font-1) * 24);max-width:min(calc(var(--cp-font-1) * 132),18vw);border-radius:calc(var(--cp-font-1) * 7);background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 20%,transparent),inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 36%,transparent);padding:0 calc(var(--cp-font-1) * 8);transform:translate(-50%)}.map-timeline.is-external-points .active-time-popover.is-end[data-v-c0137427]{transform:translate(-100%)}.map-timeline.is-external-points .active-time-popover[data-v-c0137427]:after{display:none}.map-timeline.is-external-points .active-time-popover.is-forecast[data-v-c0137427]{background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 20%,transparent),inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 36%,transparent)}.map-timeline.is-scale-hidden[data-v-c0137427]{min-height:calc(var(--cp-font-1) * 54);padding-bottom:calc(var(--cp-font-1) * 10)}.map-timeline.is-scale-hidden.is-external-points .timeline-track[data-v-c0137427]{top:calc(var(--cp-font-1) * 15);height:calc(var(--cp-font-1) * 54)}.map-timeline.is-scale-hidden.is-external-points .timeline-segments[data-v-c0137427]{inset:0 0 auto}.map-timeline.is-scale-hidden.is-external-points .active-time-popover[data-v-c0137427]{top:calc(var(--cp-font-1) * 30)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 28%,transparent);background:var(--userssite-surface-control);color:var(--userssite-color-muted);box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 22%,transparent);background:color-mix(in oklab,var(--userssite-color-surface-strong) 72%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 22%,transparent)}.theme-dark{border-left-color:color-mix(in oklab,var(--userssite-color-primary) 18%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 70%,transparent);background:linear-gradient(180deg,color-mix(in oklab,var(--userssite-color-primary) 84%,var(--userssite-color-white)),var(--userssite-color-primary));color:var(--userssite-color-on-primary);box-shadow:0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 18) color-mix(in oklab,var(--userssite-color-primary) 30%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 74%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-text)}.theme-dark .timeline-jump-picker{--el-input-bg-color: var(--userssite-input-bg);--el-input-text-color: var(--userssite-color-text);--el-input-icon-color: var(--userssite-color-primary);--el-input-placeholder-color: var(--userssite-input-placeholder);--el-fill-color-blank: var(--userssite-input-bg)}.theme-dark .timeline-date-slot .el-input__wrapper,.theme-dark .timeline-date-slot .el-select__wrapper{background:var(--userssite-input-bg)!important;background-color:var(--userssite-input-bg)!important;box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 24%,transparent)}.theme-dark .timeline-date-slot .el-input__inner,.theme-dark .timeline-date-slot .el-select__selected-item{color:var(--userssite-color-text)!important;-webkit-text-fill-color:var(--userssite-color-text)}.theme-dark .timeline-jump-picker .el-input__wrapper{background:var(--userssite-input-bg)!important;background-color:var(--userssite-input-bg)!important;box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 24%,transparent)}.theme-dark .timeline-jump-picker .el-input__inner{color:var(--userssite-color-text)!important;-webkit-text-fill-color:var(--userssite-color-text)}.theme-dark .timeline-jump-picker .el-input__inner::placeholder{color:var(--userssite-input-placeholder)!important}.theme-dark .timeline-jump-picker .el-input__prefix,.theme-dark .timeline-jump-picker .el-input__suffix{color:var(--userssite-color-primary)!important}.theme-dark .timeline-jump-picker:hover .el-input__wrapper,.theme-dark .timeline-jump-picker:focus-within .el-input__wrapper{background:var(--userssite-surface-control-hover)!important;background-color:var(--userssite-surface-control-hover)!important;box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight),0 0 0 calc(var(--cp-font-1) * 2) color-mix(in oklab,var(--userssite-color-primary) 22%,transparent)}.theme-dark{background:var(--userssite-color-primary);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) color-mix(in oklab,var(--userssite-color-primary) 20%,transparent),0 0 calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-color-primary) 48%,transparent)}.theme-dark{color:var(--userssite-color-primary)}.theme-dark{color:color-mix(in oklab,var(--userssite-timeline-observed) 72%,var(--userssite-color-text))}.theme-dark{color:color-mix(in oklab,var(--userssite-timeline-forecast) 72%,var(--userssite-color-text))}.theme-dark{background:color-mix(in oklab,var(--userssite-timeline-observed) 22%,transparent);color:color-mix(in oklab,var(--userssite-timeline-observed) 72%,var(--userssite-color-text))}.theme-dark{background:color-mix(in oklab,var(--userssite-color-primary) 24%,transparent);color:color-mix(in oklab,var(--userssite-color-primary) 72%,var(--userssite-color-text))}.theme-dark{background:color-mix(in oklab,var(--userssite-timeline-forecast) 24%,transparent);color:color-mix(in oklab,var(--userssite-timeline-forecast) 72%,var(--userssite-color-text))}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-border) 72%,transparent);background:var(--userssite-surface-control)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-observed) 58%,transparent);background:color-mix(in oklab,var(--userssite-timeline-observed) 34%,var(--userssite-color-panel))}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-forecast) 58%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast) 30%,var(--userssite-color-panel))}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-observed) 78%,transparent);background:color-mix(in oklab,var(--userssite-timeline-observed) 72%,var(--userssite-color-panel));box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 24%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-forecast) 78%,transparent);background:color-mix(in oklab,var(--userssite-timeline-forecast-strong) 72%,var(--userssite-color-panel))}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-observed) 88%,transparent);background:var(--userssite-timeline-observed);box-shadow:0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 14) color-mix(in oklab,var(--userssite-timeline-observed) 34%,transparent),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 30%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-timeline-forecast) 88%,transparent);background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 14) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 36%,transparent),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 28%,transparent)}.theme-dark{background:var(--userssite-timeline-observed);box-shadow:0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 18) color-mix(in oklab,var(--userssite-timeline-observed) 34%,transparent)}.theme-dark{background:var(--userssite-timeline-observed)}.theme-dark{background:var(--userssite-timeline-forecast-strong);box-shadow:0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 18) color-mix(in oklab,var(--userssite-timeline-forecast-strong) 34%,transparent)}.theme-dark{background:var(--userssite-timeline-forecast-strong)}@media (max-width: 80rem){.map-timeline[data-v-c0137427]{grid-template-columns:1fr}.timeline-controls[data-v-c0137427]{justify-content:center}}.tree-select[data-v-bb2a715c]{position:relative;display:inline-flex;min-width:calc(var(--cp-font-1) * 294)}.tree-trigger[data-v-bb2a715c]{display:inline-flex;align-items:stretch;width:100%;min-height:calc(var(--cp-font-1) * 34);padding:calc(var(--cp-font-1) * 3);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 38%,var(--userssite-color-border));border-radius:var(--userssite-radius-pill);background:var(--userssite-tree-trigger-bg);color:var(--userssite-color-text);cursor:pointer;outline:none;overflow:hidden;box-shadow:0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 12) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.tree-trigger[data-v-bb2a715c]:hover,.tree-trigger[data-v-bb2a715c]:focus-within,.tree-trigger[data-v-bb2a715c]:focus-visible{border-color:color-mix(in oklab,var(--userssite-color-primary) 62%,var(--userssite-color-border));background:var(--userssite-tree-trigger-hover-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent),0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 20) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent),inset 0 calc(var(--cp-font-1) * 1) 0 color-mix(in oklab,var(--userssite-color-panel) 72%,transparent)}.tree-trigger__type[data-v-bb2a715c]{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:calc(var(--cp-font-1) * 56);padding:0 calc(var(--cp-font-1) * 8);border-radius:var(--userssite-radius-pill);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 34%,var(--userssite-color-border));background:var(--userssite-tree-type-bg);color:color-mix(in oklab,var(--userssite-color-primary) 82%,var(--userssite-color-text));font-size:var(--cp-font-12);font-weight:700;line-height:calc(var(--cp-font-1) * 26);box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 color-mix(in oklab,var(--userssite-color-panel) 78%,transparent),0 calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 8) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent)}.tree-trigger__type[data-v-bb2a715c]:after{position:absolute;right:calc(var(--cp-font-1) * -6);width:calc(var(--cp-font-1) * 1);height:calc(var(--cp-font-1) * 16);border-radius:calc(var(--cp-font-1) * 99);background:color-mix(in oklab,var(--userssite-color-border) 70%,transparent);content:""}.tree-trigger__content[data-v-bb2a715c]{display:inline-flex;align-items:center;justify-content:space-between;min-width:0;flex:1 1 auto;gap:calc(var(--cp-font-1) * 8);padding:0 calc(var(--cp-font-1) * 10)}.tree-trigger__input[data-v-bb2a715c]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3);line-height:calc(var(--cp-font-1) * 26)}.tree-trigger__input[data-v-bb2a715c]::placeholder{color:color-mix(in oklab,var(--userssite-color-text) 48%,transparent)}.tree-trigger__clear[data-v-bb2a715c]{position:relative;flex:0 0 auto;width:calc(var(--cp-font-1) * 16);height:calc(var(--cp-font-1) * 16);border:0;border-radius:50%;background:color-mix(in oklab,var(--userssite-color-text) 14%,transparent);cursor:pointer;opacity:.72;transition:background .16s ease,opacity .16s ease,transform .16s ease}.tree-trigger__clear[data-v-bb2a715c]:before,.tree-trigger__clear[data-v-bb2a715c]:after{position:absolute;left:50%;top:50%;width:calc(var(--cp-font-1) * 8);height:calc(var(--cp-font-1) * 1);border-radius:calc(var(--cp-font-1) * 99);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);content:""}.tree-trigger__clear[data-v-bb2a715c]:before{transform:translate(-50%,-50%) rotate(45deg)}.tree-trigger__clear[data-v-bb2a715c]:after{transform:translate(-50%,-50%) rotate(-45deg)}.tree-trigger__clear[data-v-bb2a715c]:hover{background:color-mix(in oklab,var(--userssite-color-primary) 72%,var(--userssite-color-text));opacity:1;transform:scale(1.06)}.tree-trigger__arrow[data-v-bb2a715c]{flex:0 0 auto;width:calc(var(--cp-font-1) * 7);height:calc(var(--cp-font-1) * 7);border-right:calc(var(--cp-font-1) * 1) solid currentColor;border-bottom:calc(var(--cp-font-1) * 1) solid currentColor;opacity:.62;transform:rotate(45deg) translateY(calc(var(--cp-font-1) * -2));transition:transform .18s ease}.tree-trigger__arrow.is-open[data-v-bb2a715c]{transform:rotate(225deg) translate(calc(var(--cp-font-1) * -1),calc(var(--cp-font-1) * -1))}.tree-panel[data-v-bb2a715c]{position:absolute;left:0;top:calc(100% + calc(var(--cp-font-1) * 8));z-index:50;width:100%;padding:calc(var(--cp-font-1) * 10);border-radius:var(--userssite-radius-l);background:var(--userssite-tree-panel-bg);box-shadow:var(--userssite-shadow-dropdown),inset 0 0 0 calc(var(--cp-font-1) * 1) var(--userssite-color-soft-border);transform-origin:top left}.tree-panel-fade-enter-active[data-v-bb2a715c],.tree-panel-fade-leave-active[data-v-bb2a715c]{transition:opacity .14s ease,transform .14s ease}.tree-panel-fade-enter-from[data-v-bb2a715c],.tree-panel-fade-leave-to[data-v-bb2a715c]{opacity:0;transform:translateY(calc(var(--cp-font-1) * -4)) scale(.98)}.tree-tabs[data-v-bb2a715c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:calc(var(--cp-font-1) * 6);margin-bottom:calc(var(--cp-font-1) * 10);padding:calc(var(--cp-font-1) * 4);border-radius:var(--userssite-radius-m);background:var(--userssite-tree-tabs-bg)}.tree-tab[data-v-bb2a715c]{position:relative;min-height:calc(var(--cp-font-1) * 28);border:0;border-radius:var(--userssite-radius-s);background:transparent;color:color-mix(in oklab,var(--userssite-color-text) 72%,transparent);cursor:pointer;font-size:var(--userssite-font-size-l3);overflow:hidden;transition:color .18s ease}.tree-tab[data-v-bb2a715c]:hover,.tree-tab.is-active[data-v-bb2a715c]{color:var(--userssite-color-primary)}.tree-tab__active[data-v-bb2a715c]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:color-mix(in oklab,var(--userssite-color-bg) 92%,var(--userssite-color-primary) 8%);box-shadow:0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-color-primary) 12%,transparent)}.tree-tab__label[data-v-bb2a715c]{position:relative;z-index:1}.tree-body[data-v-bb2a715c]{--tree-scrollbar-track: var(--userssite-scrollbar-track);--tree-scrollbar-thumb: var(--userssite-scrollbar-thumb);--tree-scrollbar-thumb-hover: var(--userssite-scrollbar-thumb-hover);max-height:calc(var(--cp-font-1) * 320);overflow:auto;padding-right:calc(var(--cp-font-1) * 6);scrollbar-color:var(--tree-scrollbar-thumb) var(--tree-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:thin}.tree-body[data-v-bb2a715c]::-webkit-scrollbar{width:calc(var(--cp-font-1) * 7);height:calc(var(--cp-font-1) * 7)}.tree-body[data-v-bb2a715c]::-webkit-scrollbar-track{border-radius:calc(var(--cp-font-1) * 99);background:var(--tree-scrollbar-track)}.tree-body[data-v-bb2a715c]::-webkit-scrollbar-thumb{min-height:calc(var(--cp-font-1) * 42);border:calc(var(--cp-font-1) * 2) solid transparent;border-radius:calc(var(--cp-font-1) * 99);background:var(--tree-scrollbar-thumb);background-clip:padding-box}.tree-body[data-v-bb2a715c]::-webkit-scrollbar-thumb:hover{background:var(--tree-scrollbar-thumb-hover);background-clip:padding-box}.tree-body[data-v-bb2a715c]::-webkit-scrollbar-button{display:none;width:0;height:0}.tree-body[data-v-bb2a715c]::-webkit-scrollbar-corner{background:transparent}.tree-node[data-v-bb2a715c]{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;min-height:calc(var(--cp-font-1) * 30);gap:calc(var(--cp-font-1) * 8);border:0;border-radius:var(--userssite-radius-s);background:transparent;color:inherit;cursor:pointer;font-size:var(--userssite-font-size-l3);text-align:left}.tree-node__label[data-v-bb2a715c]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node__tag[data-v-bb2a715c]{flex:0 0 auto;padding:0 calc(var(--cp-font-1) * 6);border-radius:calc(var(--cp-font-1) * 99);background:color-mix(in oklab,var(--userssite-color-primary) 10%,transparent);color:var(--userssite-color-primary);font-size:var(--cp-font-11);line-height:calc(var(--cp-font-1) * 18)}.tree-node[data-v-bb2a715c]:hover,.tree-node.is-selected[data-v-bb2a715c]{color:var(--userssite-color-primary)}.tree-empty[data-v-bb2a715c]{padding:calc(var(--cp-font-1) * 22) 0}[data-v-bb2a715c] .el-input__wrapper{border-radius:var(--userssite-radius-m);background:var(--userssite-input-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-border) 88%,transparent) inset}[data-v-bb2a715c] .el-input__inner{color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3)}[data-v-bb2a715c] .el-tree{--el-tree-node-hover-bg-color: color-mix(in oklab, var(--userssite-color-hover) 76%, transparent);--el-tree-text-color: var(--userssite-color-text);--el-tree-expand-icon-color: color-mix(in oklab, var(--userssite-color-text) 58%, transparent);background:transparent;color:var(--userssite-color-text)}[data-v-bb2a715c] .el-tree-node__content{height:calc(var(--cp-font-1) * 34);border-radius:var(--userssite-radius-s);transition:background .18s ease}[data-v-bb2a715c] .el-tree-node.is-current>.el-tree-node__content{background:color-mix(in oklab,var(--userssite-color-primary) 10%,transparent)}.theme-dark,.tree-select.is-dark .tree-trigger[data-v-bb2a715c]{border-color:color-mix(in oklab,var(--userssite-color-primary) 42%,var(--userssite-color-border));background:var(--userssite-tree-trigger-bg);color:var(--userssite-color-text);box-shadow:var(--userssite-shadow-panel),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight)}.theme-dark,.tree-select.is-dark .tree-trigger[data-v-bb2a715c]:hover,.tree-select.is-dark .tree-trigger[data-v-bb2a715c]:focus-within,.tree-select.is-dark .tree-trigger[data-v-bb2a715c]:focus-visible{border-color:color-mix(in oklab,var(--userssite-color-primary) 68%,var(--userssite-color-border));background:var(--userssite-tree-trigger-hover-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 3) color-mix(in oklab,var(--userssite-color-primary) 20%,transparent),var(--userssite-shadow-panel),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight)}.theme-dark,.tree-select.is-dark .tree-trigger__type[data-v-bb2a715c]{border-color:color-mix(in oklab,var(--userssite-color-primary) 36%,transparent);background:var(--userssite-tree-type-bg);color:color-mix(in oklab,var(--userssite-color-primary) 72%,var(--userssite-color-text));box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight),0 calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 12) color-mix(in oklab,var(--userssite-color-primary) 18%,transparent)}.theme-dark,.tree-select.is-dark .tree-trigger__type[data-v-bb2a715c]:after{background:color-mix(in oklab,var(--userssite-color-border) 72%,transparent)}.theme-dark,.tree-select.is-dark .tree-trigger__input[data-v-bb2a715c]{color:var(--userssite-color-text);caret-color:var(--userssite-color-primary)}.theme-dark,.tree-select.is-dark .tree-trigger__input[data-v-bb2a715c]::placeholder{color:var(--userssite-input-placeholder)}.theme-dark,.tree-select.is-dark .tree-trigger__clear[data-v-bb2a715c]{background:color-mix(in oklab,var(--userssite-color-text) 20%,transparent)}.theme-dark,.tree-select.is-dark .tree-trigger__clear[data-v-bb2a715c]:before,.tree-select.is-dark .tree-trigger__clear[data-v-bb2a715c]:after{background:var(--userssite-color-text)}.theme-dark,.tree-select.is-dark .tree-trigger__clear[data-v-bb2a715c]:hover{background:color-mix(in oklab,var(--userssite-color-primary) 74%,var(--userssite-color-panel))}.theme-dark,.tree-select.is-dark .tree-trigger__arrow[data-v-bb2a715c]{color:color-mix(in oklab,var(--userssite-color-text) 72%,transparent)}.theme-dark,.tree-select.is-dark .tree-panel[data-v-bb2a715c]{background:var(--userssite-tree-panel-bg);box-shadow:var(--userssite-shadow-dropdown),inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-border) 72%,transparent)}.theme-dark,.tree-select.is-dark .tree-body[data-v-bb2a715c]{--tree-scrollbar-track: var(--userssite-scrollbar-track);--tree-scrollbar-thumb: var(--userssite-scrollbar-thumb);--tree-scrollbar-thumb-hover: var(--userssite-scrollbar-thumb-hover)}.theme-dark,.tree-select.is-dark .tree-tabs[data-v-bb2a715c]{background:var(--userssite-tree-tabs-bg)}.theme-dark,.tree-select.is-dark .tree-tab[data-v-bb2a715c]{color:color-mix(in oklab,var(--userssite-color-text) 72%,transparent)}.theme-dark,.tree-select.is-dark .tree-tab[data-v-bb2a715c]:hover,.tree-select.is-dark .tree-tab.is-active[data-v-bb2a715c]{color:color-mix(in oklab,var(--userssite-color-primary) 72%,var(--userssite-color-text))}.theme-dark,.tree-select.is-dark .tree-tab__active[data-v-bb2a715c]{background:color-mix(in oklab,var(--userssite-color-primary) 20%,var(--userssite-color-bg));box-shadow:0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-color-primary) 20%,transparent),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight)}.theme-dark,.tree-select.is-dark .tree-node[data-v-bb2a715c]{color:var(--userssite-color-text)}.theme-dark,.tree-select.is-dark .tree-node[data-v-bb2a715c]:hover,.tree-select.is-dark .tree-node.is-selected[data-v-bb2a715c]{color:color-mix(in oklab,var(--userssite-color-primary) 72%,var(--userssite-color-text))}.theme-dark,.tree-select.is-dark .tree-node__tag[data-v-bb2a715c]{background:color-mix(in oklab,var(--userssite-color-primary) 18%,transparent);color:color-mix(in oklab,var(--userssite-color-primary) 66%,var(--userssite-color-text))}.theme-dark,.tree-select.is-dark .tree-empty[data-v-bb2a715c]{color:color-mix(in oklab,var(--userssite-color-text) 58%,transparent)}.theme-dark,.tree-select.is-dark[data-v-bb2a715c] .el-tree{--el-tree-node-hover-bg-color: color-mix(in oklab, var(--userssite-color-primary) 16%, transparent);--el-tree-text-color: var(--userssite-color-text);--el-tree-expand-icon-color: color-mix(in oklab, var(--userssite-color-text) 62%, transparent)}.theme-dark,.tree-select.is-dark[data-v-bb2a715c] .el-tree-node.is-current>.el-tree-node__content{background:color-mix(in oklab,var(--userssite-color-primary) 18%,transparent)}.time-range-quick-select[data-v-d0145980]{display:flex;width:100%;min-height:calc(var(--cp-font-1) * 46);align-items:center;gap:calc(var(--cp-font-1) * 8);padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 12);border-radius:var(--userssite-radius-m);color:var(--userssite-color-text)}.time-range-quick-select__button[data-v-d0145980]{min-width:calc(var(--cp-font-1) * 76);height:calc(var(--cp-font-1) * 30);padding:0 calc(var(--cp-font-1) * 12);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 22%,var(--userssite-color-border));border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--userssite-font-size-l3);font-weight:800;white-space:nowrap;transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.time-range-quick-select__button[data-v-d0145980]:hover,.time-range-quick-select__button.is-active[data-v-d0145980]{border-color:color-mix(in oklab,var(--userssite-color-primary) 50%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.time-range-quick-select__button.is-active[data-v-d0145980]{background:var(--userssite-color-primary);color:var(--userssite-color-on-primary);box-shadow:0 calc(var(--cp-font-1) * 5) calc(var(--cp-font-1) * 10) color-mix(in oklab,var(--userssite-color-primary) 20%,transparent)}.primary-nav[data-v-47dc81dc]{position:relative;isolation:isolate;width:100%;min-width:0;max-width:none;flex-wrap:nowrap;justify-self:center;gap:calc(var(--cp-font-1) * 2);overflow:visible;padding:calc(var(--cp-font-1) * 3);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-pill);background:var(--userssite-nav-bg);box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 color-mix(in oklab,var(--userssite-color-panel) 76%,transparent),var(--userssite-shadow-panel);scrollbar-width:none}.primary-nav[data-v-47dc81dc]::-webkit-scrollbar{display:none}.primary-nav-scroll[data-v-47dc81dc]{position:relative;flex:0 1 auto;min-width:0;gap:calc(var(--cp-font-1) * 2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--userssite-scrollbar-thumb) transparent}.nav-highlight[data-v-47dc81dc]{position:absolute;inset:calc(var(--cp-font-1) * 3) auto calc(var(--cp-font-1) * 3) 0;z-index:0;width:0;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 42%,transparent);border-radius:var(--userssite-radius-pill);background:var(--userssite-nav-highlight-bg);box-shadow:var(--userssite-nav-highlight-shadow);pointer-events:none}.primary-nav a[data-v-47dc81dc],.primary-nav-link[data-v-47dc81dc]{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:auto;height:calc(var(--cp-font-1) * 32);padding:0 calc(var(--cp-font-1) * 10);border-radius:var(--userssite-radius-pill);border:0;background:transparent;color:color-mix(in oklab,var(--userssite-menu-level-1-color) 78%,transparent);cursor:pointer;font-size:var(--userssite-font-size-l1);font-weight:600;line-height:1;outline:none;white-space:nowrap;transition:color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.primary-nav a[data-v-47dc81dc]:hover,.primary-nav a[data-v-47dc81dc]:focus-visible,.primary-nav-link[data-v-47dc81dc]:hover,.primary-nav-link[data-v-47dc81dc]:focus-visible{color:var(--userssite-color-text);transform:translateY(calc(var(--cp-font-1) * -1))}.primary-nav a[data-v-47dc81dc]:active,.primary-nav-link[data-v-47dc81dc]:active{transform:translateY(0) scale(.98)}.primary-nav a.router-link-active[data-v-47dc81dc],.primary-nav-link.active[data-v-47dc81dc]{color:var(--userssite-color-primary)}.primary-nav-link[data-v-47dc81dc]{gap:calc(var(--cp-font-1) * 4);font-family:inherit}.primary-nav[data-v-47dc81dc]{max-width:none}.compact-link[data-v-47dc81dc]{position:relative;display:grid;width:calc(var(--cp-font-1) * 44);height:calc(var(--cp-font-1) * 44);place-items:center;justify-self:center;border:calc(var(--cp-font-1) * 1) solid transparent;border-radius:var(--userssite-radius-s);color:var(--userssite-menu-level-3-color);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.compact-link[data-v-47dc81dc]:after{position:absolute;top:calc(var(--cp-font-1) * 8);right:calc(var(--cp-font-1) * -8);bottom:calc(var(--cp-font-1) * 8);width:calc(var(--cp-font-1) * 3);border-radius:calc(var(--cp-font-1) * 999) 0 0 calc(var(--cp-font-1) * 999);background:var(--userssite-color-primary);content:"";opacity:0;transform:scaleY(.42);transition:opacity var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.compact-link[data-v-47dc81dc]:hover,.compact-link.active[data-v-47dc81dc]{border-color:color-mix(in oklab,var(--userssite-color-primary) 16%,transparent);background:linear-gradient(90deg,color-mix(in oklab,var(--userssite-color-primary) 13%,transparent),color-mix(in oklab,var(--userssite-color-primary) 6%,transparent)),color-mix(in oklab,var(--userssite-color-primary) 5%,var(--userssite-color-panel));color:var(--userssite-color-primary)}.compact-link[data-v-47dc81dc]:hover{transform:translate(calc(var(--cp-font-1) * 1))}.compact-link.active[data-v-47dc81dc]:after{opacity:1;transform:scaleY(1)}.menu-section[data-v-47dc81dc]{padding-bottom:calc(var(--cp-font-1) * 16)}.menu-section+.menu-section[data-v-47dc81dc]{border-top:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 62%,transparent);padding-top:calc(var(--cp-font-1) * 16)}.section-title[data-v-47dc81dc]{display:flex;width:100%;height:calc(var(--cp-font-1) * 28);align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--userssite-menu-level-2-color);cursor:pointer;font:inherit;font-size:var(--cp-font-16);font-weight:700;line-height:1;padding:0 calc(var(--cp-font-1) * 12)}.section-title[data-v-47dc81dc]:hover,.section-link.active[data-v-47dc81dc]{color:var(--userssite-color-primary)}.section-arrow[data-v-47dc81dc]{color:var(--userssite-color-subtle);font-size:var(--cp-font-13);transition:color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.section-arrow.open[data-v-47dc81dc]{color:var(--userssite-color-primary);transform:rotate(180deg)}.menu-list[data-v-47dc81dc]{display:grid;gap:calc(var(--cp-font-1) * 6);padding-top:calc(var(--cp-font-1) * 10)}.menu-link[data-v-47dc81dc]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:flex;height:calc(var(--cp-font-1) * 42);align-items:center;gap:calc(var(--cp-font-1) * 10);overflow:hidden;border:calc(var(--cp-font-1) * 1) solid transparent;border-radius:var(--userssite-radius-s);color:var(--userssite-menu-level-3-color);font-size:var(--userssite-font-size-l2);font-weight:500;padding:0 calc(var(--cp-font-1) * 12);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.menu-link[data-v-47dc81dc]:after{position:absolute;top:calc(var(--cp-font-1) * 6);right:0;bottom:calc(var(--cp-font-1) * 6);width:calc(var(--cp-font-1) * 3);border-radius:calc(var(--cp-font-1) * 999) 0 0 calc(var(--cp-font-1) * 999);background:var(--userssite-color-primary);content:"";opacity:0;transform:scaleY(.42);transition:opacity var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.menu-link[data-v-47dc81dc]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 18%,transparent);background:color-mix(in oklab,var(--userssite-color-primary) 8%,transparent);color:var(--userssite-color-primary);transform:translate(calc(var(--cp-font-1) * 2))}.menu-link.active[data-v-47dc81dc]{border-color:color-mix(in oklab,var(--userssite-color-primary) 12%,transparent);background:linear-gradient(90deg,color-mix(in oklab,var(--userssite-color-primary) 13%,transparent),color-mix(in oklab,var(--userssite-color-primary) 6%,transparent)),color-mix(in oklab,var(--userssite-color-primary) 5%,var(--userssite-color-panel));color:var(--userssite-color-primary);font-weight:700}.menu-link.active[data-v-47dc81dc]:after{opacity:1;transform:scaleY(1)}.menu-icon[data-v-47dc81dc]{flex:0 0 auto;color:currentColor;font-size:var(--cp-font-18)}.menu-label[data-v-47dc81dc]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav[data-v-47dc81dc],.primary-nav-scroll[data-v-47dc81dc]{display:flex;align-items:center}.primary-nav[data-v-47dc81dc]{width:fit-content;max-width:100%}.primary-nav-scroll[data-v-47dc81dc]{flex-wrap:wrap}.primary-nav-link.active[data-v-47dc81dc]{color:var(--userssite-color-primary);background:var(--userssite-nav-highlight-bg);box-shadow:var(--userssite-nav-highlight-shadow)}.vertical-menu[data-v-47dc81dc]{width:244px;max-width:100%;padding:16px 12px;border:1px solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-m);background:var(--userssite-app-sidebar-bg)}.project-menu ul[data-v-47dc81dc]{list-style:none;padding:0;margin:0}.is-disabled[data-v-47dc81dc]{opacity:.45;pointer-events:none}.menu-link[data-v-47dc81dc]{width:100%;text-align:left;font-family:inherit}.menu-link[data-v-47dc81dc]:focus-visible{outline:2px solid var(--userssite-color-primary);outline-offset:2px}.map-side-menu[data-v-ba8d91c3]{--tree-left: calc(var(--cp-font-1) * 16);--tree-parent-bg: var(--userssite-map-menu-parent-bg);--tree-parent-bg-hover: color-mix(in oklab, var(--userssite-map-menu-parent-bg) 84%, #ffffff);--tree-parent-bg-active: var(--userssite-map-menu-parent-active);--tree-parent-bg-active-hover: color-mix(in oklab, var(--userssite-map-menu-parent-active) 82%, #ffffff);--tree-parent-text: #ffffff;--tree-orb-bg: #ffffff;--tree-orb-color: var(--userssite-map-menu-child-active);--tree-orb-bg-active: var(--userssite-map-menu-parent-active);--tree-orb-color-active: #ffffff;--tree-child-bg: var(--userssite-map-menu-child-bg);--tree-child-bg-hover: color-mix(in oklab, var(--userssite-map-menu-child-bg) 74%, var(--userssite-map-menu-child-border));--tree-child-bg-active: var(--userssite-map-menu-child-active);--tree-child-border: var(--userssite-map-menu-child-border);--tree-child-text: var(--userssite-map-menu-child-text);--tree-child-orb-bg: var(--userssite-map-menu-child-active);--tree-child-orb-color: #ffffff;--tree-tool-bg: var(--userssite-map-menu-parent-bg);--tree-tool-bg-hover: var(--tree-parent-bg-hover);--tree-tool-bg-active: var(--userssite-map-menu-parent-active);--tree-tool-border: color-mix(in oklab, #ffffff 62%, transparent);--tree-tool-text: #ffffff;--tree-tool-icon-bg: color-mix(in oklab, #ffffff 22%, transparent);--tree-tool-icon-text: #ffffff;--tree-shadow: 0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 14) color-mix(in oklab, #0f172a 20%, transparent);--tree-line: color-mix(in oklab, var(--userssite-map-menu-child-border) 48%, transparent);position:relative;width:100%;height:100%;min-height:0;overflow:hidden;color:#fff}.tree-tools[data-v-ba8d91c3]{position:absolute;top:calc(var(--cp-font-1) * 12);right:calc(var(--cp-font-1) * 10);left:var(--tree-left);z-index:4;display:grid;gap:calc(var(--cp-font-1) * 8);pointer-events:all}.tool-row[data-v-ba8d91c3]{display:flex;flex-wrap:wrap;gap:calc(var(--cp-font-1) * 6);align-items:center}.tool-toggle[data-v-ba8d91c3]{display:inline-flex;width:max-content;height:calc(var(--cp-font-1) * 31);align-items:center;gap:calc(var(--cp-font-1) * 5);border:calc(var(--cp-font-1) * 1) solid var(--tree-tool-border);border-radius:calc(var(--cp-font-1) * 999);background:var(--tree-tool-bg);box-shadow:var(--tree-shadow);color:var(--tree-tool-text);cursor:pointer;font:inherit;font-size:var(--cp-font-12);font-weight:900;padding:0 calc(var(--cp-font-1) * 11)}.tool-toggle[data-v-ba8d91c3]:hover,.tool-toggle.active[data-v-ba8d91c3]{border-color:color-mix(in oklab,#ffffff 76%,transparent);background:var(--tree-tool-bg-hover)}.tool-toggle .el-icon[data-v-ba8d91c3]{display:grid;width:calc(var(--cp-font-1) * 18);height:calc(var(--cp-font-1) * 18);place-items:center;border-radius:50%;background:var(--tree-tool-icon-bg);color:var(--tree-tool-icon-text);font-size:var(--cp-font-14)}.tool-toggle.active .el-icon[data-v-ba8d91c3]{background:color-mix(in oklab,#ffffff 28%,transparent)}.label-toggle[data-v-ba8d91c3]{width:calc(var(--cp-font-1) * 31);justify-content:center;padding:0}.tree-search[data-v-ba8d91c3]{display:grid;width:min(calc(var(--cp-font-1) * 176),100%);height:calc(var(--cp-font-1) * 33);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:calc(var(--cp-font-1) * 6);border:calc(var(--cp-font-1) * 1) solid var(--tree-child-border);border-radius:calc(var(--cp-font-1) * 999);background:color-mix(in oklab,#f6fbff 88%,transparent);box-shadow:var(--tree-shadow);color:var(--tree-child-text);padding:0 calc(var(--cp-font-1) * 9)}.tree-search input[data-v-ba8d91c3]{min-width:0;border:0;outline:0;background:transparent;color:var(--tree-child-text);font:inherit;font-size:var(--cp-font-12);font-weight:800}.tree-search input[data-v-ba8d91c3]::placeholder{color:color-mix(in oklab,var(--tree-child-text) 52%,transparent)}.search-clear[data-v-ba8d91c3]{display:grid;width:calc(var(--cp-font-1) * 20);height:calc(var(--cp-font-1) * 20);place-items:center;border:0;border-radius:50%;background:color-mix(in oklab,var(--tree-child-text) 12%,transparent);color:var(--tree-child-text);cursor:pointer;padding:0}.tree-scroll[data-v-ba8d91c3]{display:grid;align-content:start;gap:calc(var(--cp-font-1) * 8);height:100%;min-height:0;overflow:hidden auto;padding:calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 18) var(--tree-left);pointer-events:all;scrollbar-width:none}.map-side-menu.has-tools .tree-scroll[data-v-ba8d91c3]{padding-top:calc(var(--cp-font-1) * 54)}.map-side-menu.is-searching .tree-scroll[data-v-ba8d91c3]{padding-top:calc(var(--cp-font-1) * 94)}.map-side-menu.is-labels-hidden .tree-tools[data-v-ba8d91c3]{right:auto}.map-side-menu.is-labels-hidden .tool-toggle[data-v-ba8d91c3]{width:calc(var(--cp-font-1) * 31);justify-content:center;padding:0}.map-side-menu.is-labels-hidden .tool-toggle span[data-v-ba8d91c3]{position:absolute;width:calc(var(--cp-font-1) * 1);height:calc(var(--cp-font-1) * 1);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.map-side-menu.is-labels-hidden .tree-scroll[data-v-ba8d91c3]{justify-items:start;padding-right:calc(var(--cp-font-1) * 8)}.tree-scroll[data-v-ba8d91c3]::-webkit-scrollbar{display:none}.tree-section[data-v-ba8d91c3]{position:relative;display:grid;gap:calc(var(--cp-font-1) * 5);min-width:0}.tree-section[data-v-ba8d91c3]:before{position:absolute;top:calc(var(--cp-font-1) * 42);left:calc(var(--cp-font-1) * 20);width:calc(var(--cp-font-1) * 1);height:calc(100% - calc(var(--cp-font-1) * 44));background:var(--tree-line);content:""}.tree-section[data-v-ba8d91c3]:not(.is-open):before{display:none}.map-side-menu.is-labels-hidden .tree-section[data-v-ba8d91c3]:before{left:calc(var(--cp-font-1) * 16)}.tree-node[data-v-ba8d91c3]{position:relative;display:grid;grid-template-columns:max-content minmax(0,max-content);align-items:center;justify-content:start;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:none}.tree-node--parent[data-v-ba8d91c3]{gap:calc(var(--cp-font-1) * 5)}.tree-node--child[data-v-ba8d91c3]{grid-template-columns:max-content max-content;gap:calc(var(--cp-font-1) * 3);margin-left:calc(var(--cp-font-1) * 23)}.map-side-menu.is-labels-hidden .tree-node[data-v-ba8d91c3]{grid-template-columns:max-content}.map-side-menu.is-labels-hidden .tree-node--child[data-v-ba8d91c3]{margin-left:calc(var(--cp-font-1) * 20)}.child-list[data-v-ba8d91c3]{display:grid;gap:calc(var(--cp-font-1) * 6)}.node-orb[data-v-ba8d91c3]{position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:var(--tree-shadow);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.node-orb--parent[data-v-ba8d91c3]{width:calc(var(--cp-font-1) * 34);height:calc(var(--cp-font-1) * 34);border:calc(var(--cp-font-1) * 2) solid color-mix(in oklab,#ffffff 78%,transparent);background:var(--tree-orb-bg);color:var(--tree-orb-color)}.node-orb--child[data-v-ba8d91c3]{width:calc(var(--cp-font-1) * 26);height:calc(var(--cp-font-1) * 26);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--tree-child-border) 34%,#ffffff);background:var(--tree-child-orb-bg);color:var(--tree-child-orb-color)}.node-orb .svg-icon[data-v-ba8d91c3]{color:currentColor;filter:drop-shadow(0 calc(var(--cp-font-1) * 1) calc(var(--cp-font-1) * 2) color-mix(in oklab,#0f172a 24%,transparent))}.node-orb--parent .svg-icon[data-v-ba8d91c3]{width:var(--cp-font-18);height:var(--cp-font-18)}.node-orb--child .svg-icon[data-v-ba8d91c3]{width:var(--cp-font-14);height:var(--cp-font-14)}.node-label[data-v-ba8d91c3]{position:relative;z-index:1;display:inline-flex;align-items:center;max-width:calc(var(--cp-font-1) * 150);overflow:hidden;border-radius:calc(var(--cp-font-1) * 999);box-shadow:var(--tree-shadow);text-overflow:ellipsis;white-space:nowrap;transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.node-label--parent[data-v-ba8d91c3]{height:calc(var(--cp-font-1) * 27);padding:0 calc(var(--cp-font-1) * 14);background:var(--tree-parent-bg);color:var(--tree-parent-text);font-size:var(--cp-font-13);line-height:calc(var(--cp-font-1) * 27)}.node-label--child[data-v-ba8d91c3]{height:calc(var(--cp-font-1) * 23);padding:0 calc(var(--cp-font-1) * 10);border:calc(var(--cp-font-1) * 1) solid var(--tree-child-border);background:var(--tree-child-bg);color:var(--tree-child-text);font-size:var(--cp-font-12);line-height:calc(var(--cp-font-1) * 21)}.map-side-menu.is-labels-hidden .node-label[data-v-ba8d91c3]{position:absolute;width:calc(var(--cp-font-1) * 1);height:calc(var(--cp-font-1) * 1);overflow:hidden;clip:rect(0 0 0 0);box-shadow:none;white-space:nowrap}.tree-node:hover .node-orb[data-v-ba8d91c3],.tree-node:hover .node-label[data-v-ba8d91c3]{transform:translate(calc(var(--cp-font-1) * 2))}.tree-node--parent:hover .node-label--parent[data-v-ba8d91c3]{background:var(--tree-parent-bg-hover)}.tree-node--child:hover .node-label--child[data-v-ba8d91c3]{background:var(--tree-child-bg-hover)}.tree-node--parent.active .node-orb--parent[data-v-ba8d91c3],.tree-node--parent.active .node-label--parent[data-v-ba8d91c3]{background:var(--tree-parent-bg-active);color:#fff}.tree-node--parent.active:hover .node-orb--parent[data-v-ba8d91c3],.tree-node--parent.active:hover .node-label--parent[data-v-ba8d91c3]{background:var(--tree-parent-bg-active-hover)}.tree-node--parent.active .node-orb--parent[data-v-ba8d91c3]{border-color:color-mix(in oklab,#ffffff 70%,var(--tree-parent-bg-active));color:var(--tree-orb-color-active)}.tree-node--child.active .node-orb--child[data-v-ba8d91c3],.tree-node--child.active .node-label--child[data-v-ba8d91c3]{border-color:color-mix(in oklab,#ffffff 42%,var(--tree-child-border));background:var(--tree-child-bg-active);color:#fff}.tree-node--child.active .node-orb--child[data-v-ba8d91c3]{color:var(--tree-orb-color-active)}.empty-menu[data-v-ba8d91c3]{display:inline-flex;width:max-content;max-width:calc(var(--cp-font-1) * 176);align-items:center;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--tree-child-border) 52%,transparent);border-radius:calc(var(--cp-font-1) * 999);background:var(--tree-child-bg);box-shadow:var(--tree-shadow);color:var(--tree-child-text);font-size:var(--cp-font-12);font-weight:900;padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 12)}.theme-dark,.map-side-menu.is-dark[data-v-ba8d91c3]{--tree-parent-bg: var(--userssite-map-menu-parent-bg);--tree-parent-bg-hover: color-mix(in oklab, var(--userssite-map-menu-parent-bg) 84%, #ffffff);--tree-parent-bg-active: var(--userssite-map-menu-parent-active);--tree-parent-bg-active-hover: color-mix(in oklab, var(--userssite-map-menu-parent-active) 82%, #ffffff);--tree-parent-text: #eaf5ff;--tree-orb-bg: color-mix(in oklab, #172c44 96%, transparent);--tree-orb-color: #65d7ff;--tree-orb-bg-active: var(--userssite-map-menu-parent-active);--tree-orb-color-active: #ffffff;--tree-child-bg: var(--userssite-map-menu-child-bg);--tree-child-bg-hover: color-mix(in oklab, var(--userssite-map-menu-child-bg) 74%, var(--userssite-map-menu-child-border));--tree-child-bg-active: var(--userssite-map-menu-child-active);--tree-child-border: var(--userssite-map-menu-child-border);--tree-child-text: var(--userssite-map-menu-child-text);--tree-child-orb-bg: var(--userssite-map-menu-child-active);--tree-child-orb-color: #ffffff;--tree-tool-bg: var(--userssite-map-menu-parent-bg);--tree-tool-bg-hover: var(--tree-parent-bg-hover);--tree-tool-bg-active: var(--userssite-map-menu-parent-active);--tree-tool-border: color-mix(in oklab, var(--userssite-map-menu-child-border) 32%, transparent);--tree-tool-text: #eaf5ff;--tree-tool-icon-bg: color-mix(in oklab, #26b6ef 16%, transparent);--tree-tool-icon-text: #c4f4ff;--tree-shadow: 0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 18) color-mix(in oklab, #020617 48%, transparent);--tree-line: color-mix(in oklab, var(--userssite-map-menu-child-border) 32%, transparent)}.theme-dark,.map-side-menu.is-dark .tool-toggle[data-v-ba8d91c3]:hover,.map-side-menu.is-dark .tool-toggle.active[data-v-ba8d91c3]{border-color:color-mix(in oklab,#26b6ef 48%,transparent);background:var(--tree-tool-bg-hover)}.theme-dark,.map-side-menu.is-dark .tool-toggle.active[data-v-ba8d91c3]{background:color-mix(in oklab,var(--tree-tool-bg-active) 72%,#0e2034)}.theme-dark,.map-side-menu.is-dark .tool-toggle.active .el-icon[data-v-ba8d91c3]{background:color-mix(in oklab,#ffffff 18%,transparent);color:#fff}.theme-dark,.map-side-menu.is-dark .node-orb--parent[data-v-ba8d91c3],.map-side-menu.is-dark .node-orb--child[data-v-ba8d91c3]{border-color:color-mix(in oklab,#d8ecff 22%,transparent);background:var(--tree-orb-bg)}.theme-dark,.map-side-menu.is-dark .tree-node--parent.active .node-orb--parent[data-v-ba8d91c3],.map-side-menu.is-dark .tree-node--child.active .node-orb--child[data-v-ba8d91c3]{background:var(--tree-orb-bg-active)}.theme-dark,.map-side-menu.is-dark .tree-search[data-v-ba8d91c3]{border-color:color-mix(in oklab,#7ab8ff 24%,transparent);background:color-mix(in oklab,#0b1220 88%,transparent);color:var(--tree-child-text)}.theme-dark,.map-side-menu.is-dark .tree-search input[data-v-ba8d91c3]{color:var(--tree-child-text)}.theme-dark,.map-side-menu.is-dark .search-clear[data-v-ba8d91c3]{background:color-mix(in oklab,#d7e7ff 10%,transparent);color:var(--tree-child-text)}.map-side-menu[data-v-ba8d91c3]{width:210px;max-width:100%;height:360px}.node-orb .el-icon[data-v-ba8d91c3]{font-size:18px}.tree-node[data-v-ba8d91c3],.tool-toggle[data-v-ba8d91c3]{cursor:pointer}.map-toolbar[data-v-35c19d2b]{z-index:7;display:flex;align-items:flex-start;gap:var(--userssite-space-m);pointer-events:none}.map-toolbar__buttons[data-v-35c19d2b],.map-toolbar__panel[data-v-35c19d2b]{pointer-events:auto}.map-toolbar__buttons[data-v-35c19d2b]{display:grid;gap:var(--userssite-space-s);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 78%,transparent);border-radius:var(--userssite-radius-s);background:var(--userssite-map-float-bg);box-shadow:0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 24) color-mix(in oklab,var(--userssite-shadow-color) 34%,transparent),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight);-webkit-backdrop-filter:blur(calc(var(--cp-font-1) * 8));backdrop-filter:blur(calc(var(--cp-font-1) * 8));padding:calc(var(--cp-font-1) * 5)}.tool-button[data-v-35c19d2b]{display:grid;width:var(--userssite-control-height-l);height:var(--userssite-control-height-l);place-items:center;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--userssite-font-size-heading);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.tool-button[data-v-35c19d2b]:hover,.tool-button.is-active[data-v-35c19d2b]{border-color:color-mix(in oklab,var(--userssite-color-primary) 46%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.tool-button.is-active[data-v-35c19d2b]{box-shadow:inset calc(var(--cp-font-1) * 3) 0 0 var(--userssite-color-primary)}.theme-dark{border-color:var(--userssite-map-float-border);background:var(--userssite-map-float-bg);box-shadow:var(--userssite-map-float-shadow),inset 0 calc(var(--cp-font-1) * 1) 0 color-mix(in oklab,var(--userssite-color-white) 10%,transparent)}.tool-button[data-v-35c19d2b]{cursor:pointer}.horizontal .map-toolbar__buttons[data-v-35c19d2b]{display:flex;flex-wrap:wrap}.atlas-map-title[data-v-3eb3cdeb]{position:absolute;top:calc(var(--cp-font-1) * 28);right:0;left:0;z-index:2;display:grid;gap:calc(var(--cp-font-1) * 6);justify-items:center;color:var(--userssite-map-title-text);text-align:center;text-shadow:0 calc(var(--cp-font-1) * 1) calc(var(--cp-font-1) * 2) color-mix(in oklab,var(--userssite-color-white) 76%,transparent);transition:right var(--userssite-motion-base) var(--userssite-motion-ease);pointer-events:none}.atlas-map-title.is-right-open[data-v-3eb3cdeb]{right:var(--userssite-rightpanel-width)}.atlas-map-title h2[data-v-3eb3cdeb]{margin:0;color:var(--userssite-map-title-text);font-size:calc(var(--cp-font-1) * 32);font-weight:900;line-height:calc(var(--cp-font-1) * 38)}.atlas-map-title p[data-v-3eb3cdeb]{margin:0;color:var(--userssite-map-title-text);font-size:calc(var(--cp-font-1) * 22);font-weight:800;line-height:calc(var(--cp-font-1) * 28)}.atlas-right-toggle-button[data-v-dde1443b]{display:grid;width:calc(var(--cp-font-1) * 34);height:calc(var(--cp-font-1) * 34);place-items:center;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--cp-font-17);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),border-color var(--userssite-motion-fast) var(--userssite-motion-ease),box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),color var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.atlas-right-toggle-button[data-v-dde1443b]:hover,.atlas-right-toggle-button.is-open[data-v-dde1443b]{border-color:color-mix(in oklab,var(--userssite-color-primary) 46%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.atlas-right-toggle-button.is-open[data-v-dde1443b]{box-shadow:inset calc(var(--cp-font-1) * 3) 0 0 var(--userssite-color-primary)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-border) 70%,transparent);background:var(--userssite-map-float-control-bg);color:color-mix(in oklab,var(--userssite-color-text) 68%,transparent)}.theme-dark{border-color:color-mix(in oklab,var(--userssite-color-primary) 56%,transparent);background:var(--userssite-map-float-control-hover-bg);color:var(--userssite-color-primary)}.theme-dark{box-shadow:inset calc(var(--cp-font-1) * 3) 0 0 var(--userssite-color-primary),0 0 calc(var(--cp-font-1) * 14) color-mix(in oklab,var(--userssite-color-primary) 18%,transparent)}.process-data-table[data-v-c7c380b1]{display:flex;flex-direction:column;height:100%;color:var(--userssite-color-text)}.process-data-table__scroll[data-v-c7c380b1]{flex:1;min-height:0;overflow:auto}table[data-v-c7c380b1]{width:100%;border-collapse:collapse;white-space:nowrap}td[data-v-c7c380b1],th[data-v-c7c380b1]{padding:6px 10px;border:1px solid var(--userssite-color-border);text-align:right}thead[data-v-c7c380b1]{position:sticky;top:0;background:var(--userssite-color-panel)}.process-data-table__pages[data-v-c7c380b1]{display:flex;gap:12px;justify-content:center;padding:5px}button[data-v-c7c380b1]{color:var(--userssite-color-text);border:1px solid var(--userssite-color-border);background:var(--userssite-surface-control);cursor:pointer}button[data-v-c7c380b1]:disabled{opacity:.5;cursor:default}
|