sky-ui-kit 0.1.9 → 0.1.11
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 +17 -20
- package/components.json +1 -1
- package/dist/html/button.css +12 -0
- package/dist/html/input.css +39 -0
- package/dist/html/number.css +8 -0
- package/dist/html/number.js +31 -0
- package/dist/html/panel.css +12 -0
- package/dist/html/theme.css +218 -0
- package/dist/model-workspace.css +252 -15
- package/dist/style.css +254 -17
- package/docs/AI-CHANGELOG.md +46 -0
- package/docs/AI-GUIDE.md +15 -2
- package/docs/CSS-THEME.md +32 -0
- package/docs/HTML-FORM-CATALOG.md +225 -0
- package/docs/HTML-INTEGRATION.md +121 -0
- package/docs/INTEGRATION.md +12 -0
- package/docs/ON-DEMAND.md +8 -0
- package/docs/RELEASE-HISTORY.md +12 -0
- package/examples/html/index.html +41 -0
- package/examples/html/migration/after.html +38 -0
- package/examples/html/migration/before.html +34 -0
- package/examples/html/migration/business.js +18 -0
- package/examples/html/migration/layout.css +9 -0
- package/examples/html/migration/legacy-controls.css +8 -0
- package/llms-full.txt +639 -6
- package/llms.txt +6 -2
- package/package.json +104 -93
package/dist/style.css
CHANGED
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
/* 库默认主题放在低优先级层,项目未分层的变量声明始终优先。 */
|
|
419
419
|
@layer userssite-defaults {
|
|
420
420
|
|
|
421
|
-
:where(.userssite-theme) {
|
|
421
|
+
:where(.userssite-theme, .sky-html, .sky-model-workspace[data-native-controls]) {
|
|
422
422
|
--userssite-color-bg: var(--color-bg, #ffffff);
|
|
423
423
|
--userssite-color-text: var(--color-text, #1f2937);
|
|
424
424
|
--userssite-color-primary: var(--color-primary, #1677ff);
|
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
--el-font-size-base: var(--userssite-font-size-body);
|
|
536
536
|
}
|
|
537
537
|
|
|
538
|
-
:where(.theme-dark .userssite-theme, .userssite-theme.theme-dark) {
|
|
538
|
+
:where(.theme-dark .userssite-theme, .userssite-theme.theme-dark, .sky-html[data-theme="dark"], .sky-model-workspace[data-native-controls][data-theme="dark"]) {
|
|
539
539
|
--userssite-color-bg: var(--color-bg, #08111f);
|
|
540
540
|
--userssite-color-text: var(--color-text, #e6edf7);
|
|
541
541
|
--userssite-color-primary: var(--color-primary, #4da3ff);
|
|
@@ -670,6 +670,185 @@
|
|
|
670
670
|
|
|
671
671
|
.sky-svg-icon[data-v-9e57a586]{display:inline-block;flex-shrink:0;fill:currentColor;vertical-align:middle}.userssite-app-select{width:100%;min-width:0}.userssite-app-select{--app-select-size-height: var(--userssite-control-height-m)}.userssite-app-select.el-select--small{--app-select-size-height: var(--userssite-control-height-s)}.userssite-app-select.el-select--large{--app-select-size-height: var(--userssite-control-height-l)}.userssite-app-select .el-select__wrapper{min-height:var(--app-select-height, var(--app-select-size-height));height:auto;padding:var(--app-select-padding);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:0;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(--app-select-height, var(--app-select-size-height));padding:var(--app-select-padding);color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);font-weight:650;line-height:var(--app-select-height, var(--el-select-input-font-size, 14px))}.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-d6be6182]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--timeline-gap);width:100%;min-height:calc(var(--cp-font-1) * 78);border-radius:var(--userssite-radius-m);color:var(--userssite-color-text);padding:var(--timeline-padding);padding-bottom:calc(var(--cp-font-1) * 28)}.timeline-controls[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{border:0;border-radius:0;box-shadow:none}.timeline-button-group .control-button+.control-button[data-v-d6be6182]{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-d6be6182],.speed-button[data-v-d6be6182]{display:inline-grid;height:var(--timeline-control-height);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-d6be6182]{width:calc(var(--cp-font-1) * 30);font-size:var(--userssite-font-size-body)}.control-button.is-primary[data-v-d6be6182]{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-d6be6182]:hover,.speed-button[data-v-d6be6182]: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-d6be6182]: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-d6be6182]{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-d6be6182]{display:inline-flex;width:calc(var(--cp-font-1) * 104);height:var(--timeline-control-height);min-width:calc(var(--cp-font-1) * 104);max-width:calc(var(--cp-font-1) * 140);align-items:center}.timeline-date-slot[data-v-d6be6182] .el-select,.timeline-date-slot[data-v-d6be6182] .el-date-editor,.timeline-date-slot[data-v-d6be6182] .el-input{width:100%;height:var(--timeline-control-height)}.timeline-date-slot[data-v-d6be6182] .el-input__wrapper,.timeline-date-slot[data-v-d6be6182] .el-select__wrapper{min-height:var(--timeline-control-height);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-d6be6182] .el-input__inner,.timeline-date-slot[data-v-d6be6182] .el-select__selected-item{color:var(--userssite-color-text);font-size:var(--userssite-font-size-micro);font-weight:800}.timeline-jump-picker[data-v-d6be6182]{width:calc(var(--cp-font-1) * 104);height:var(--timeline-control-height);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-d6be6182] .el-input{width:100%;height:var(--timeline-control-height)}.timeline-jump-picker[data-v-d6be6182] .el-input__wrapper{height:var(--timeline-control-height);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-d6be6182]:hover .el-input__wrapper,.timeline-jump-picker[data-v-d6be6182]: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-d6be6182] .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-d6be6182] .el-input__prefix{display:none}.timeline-jump-picker[data-v-d6be6182] .el-input__suffix{cursor:pointer}.timeline-body[data-v-d6be6182]{display:grid;min-width:0}.time-kind[data-v-d6be6182]{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-d6be6182]{background:color-mix(in oklab,var(--userssite-timeline-observed) 14%,transparent);color:var(--userssite-timeline-observed-strong)}.time-kind.is-now[data-v-d6be6182]{background:color-mix(in oklab,var(--userssite-color-primary) 16%,transparent);color:var(--userssite-color-primary)}.time-kind.is-forecast[data-v-d6be6182]{background:color-mix(in oklab,var(--userssite-timeline-forecast) 17%,transparent);color:var(--userssite-timeline-forecast-text)}.timeline-track[data-v-d6be6182]{--timeline-segment-gap: calc(var(--cp-font-1) * 4);position:relative;height:var(--timeline-track-height);outline:none;touch-action:none;cursor:pointer}.timeline-track[data-v-d6be6182]: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-d6be6182]{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-d6be6182]{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-d6be6182]{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-d6be6182]{transform:translate(0)}.active-time-popover.is-end[data-v-d6be6182]{transform:translate(-100%)}.active-time-popover.is-forecast[data-v-d6be6182]{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-d6be6182]: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-d6be6182]:after{background:var(--userssite-timeline-forecast-strong)}.timeline-scale[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{left:0;color:color-mix(in oklab,var(--userssite-color-text) 72%,var(--userssite-color-muted))}.timeline-scale-now[data-v-d6be6182]{color:var(--userssite-color-primary);transform:translate(-50%)}.timeline-scale-forecast[data-v-d6be6182]{right:0;color:color-mix(in oklab,var(--userssite-timeline-forecast-text) 82%,var(--userssite-color-muted))}.timeline-scale-window-start[data-v-d6be6182]{left:0}.timeline-scale-window-end[data-v-d6be6182]{right:0}.timeline-scale-window-start.is-observed[data-v-d6be6182],.timeline-scale-window-end.is-observed[data-v-d6be6182]{color:color-mix(in oklab,var(--userssite-timeline-observed-strong) 72%,var(--userssite-color-text))}.timeline-scale-window-start.is-forecast[data-v-d6be6182],.timeline-scale-window-end.is-forecast[data-v-d6be6182]{color:color-mix(in oklab,var(--userssite-timeline-forecast-text) 82%,var(--userssite-color-muted))}.timeline-scale-window-start[data-v-d6be6182],.timeline-scale-window-end[data-v-d6be6182]{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-d6be6182],.timeline-scale .timeline-scale-window-end .footer-kind[data-v-d6be6182]{background:transparent}.footer-kind[data-v-d6be6182]{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-d6be6182]{background:color-mix(in oklab,var(--userssite-timeline-observed) 14%,transparent);color:var(--userssite-timeline-observed-strong)}.footer-kind.is-current[data-v-d6be6182]{background:color-mix(in oklab,var(--userssite-color-primary) 16%,transparent);color:var(--userssite-color-primary)}.footer-kind.is-forecast[data-v-d6be6182]{background:color-mix(in oklab,var(--userssite-timeline-forecast) 17%,transparent);color:var(--userssite-timeline-forecast-text)}.timeline-segment[data-v-d6be6182]{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-d6be6182]: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-d6be6182]{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-d6be6182]{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-d6be6182]{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-d6be6182]{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-d6be6182]{color:var(--userssite-color-on-primary);font-weight:900}.timeline-segment.is-forecast.is-passed[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{color:var(--userssite-color-on-primary);font-weight:900}.timeline-segment.is-forecast.is-current[data-v-d6be6182]{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-d6be6182]:before{opacity:.26}.timeline-segment[data-v-d6be6182]: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-d6be6182]{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-d6be6182]{color:color-mix(in oklab,var(--userssite-color-muted) 72%,transparent)}.timeline-segment.is-disabled[data-v-d6be6182]:hover{border-color:color-mix(in oklab,var(--userssite-color-border) 44%,transparent);transform:none}.map-timeline.is-external-points .timeline-segments[data-v-d6be6182]{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-d6be6182]{height:calc(var(--cp-font-1) * 60)}.map-timeline.is-external-points .timeline-segment[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{color:var(--userssite-color-on-primary);font-weight:900}.map-timeline.is-external-points .timeline-segment.is-current[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{color:color-mix(in oklab,var(--userssite-color-muted) 72%,transparent)}.timeline-segment.is-disabled[data-v-d6be6182],.timeline-segment.is-disabled.is-passed[data-v-d6be6182],.timeline-segment.is-disabled.is-forecast[data-v-d6be6182],.timeline-segment.is-disabled.is-forecast.is-passed[data-v-d6be6182],.timeline-segment.is-disabled.is-current[data-v-d6be6182],.timeline-segment.is-disabled.is-forecast.is-current[data-v-d6be6182]{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-d6be6182],.timeline-segment.is-disabled.is-current .timeline-segment-label[data-v-d6be6182]{color:var(--userssite-color-muted);font-weight:800}.timeline-segment.is-disabled.is-forecast[data-v-d6be6182],.timeline-segment.is-disabled.is-forecast.is-passed[data-v-d6be6182],.timeline-segment.is-disabled.is-forecast.is-current[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{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-d6be6182]{transform:translate(-100%)}.map-timeline.is-external-points .active-time-popover[data-v-d6be6182]:after{display:none}.map-timeline.is-external-points .active-time-popover.is-forecast[data-v-d6be6182]{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-d6be6182]{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-d6be6182]{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-d6be6182]{inset:0 0 auto}.map-timeline.is-scale-hidden.is-external-points .active-time-popover[data-v-d6be6182]{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-d6be6182]{grid-template-columns:1fr}.timeline-controls[data-v-d6be6182]{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-721c9dea]{box-sizing:border-box;position:relative;isolation:isolate;width:100%;min-width:0;max-width:none;flex-wrap:nowrap;justify-self:center;gap:var(--menu-gap);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-721c9dea]::-webkit-scrollbar{display:none}.primary-nav-scroll[data-v-721c9dea]{box-sizing:border-box;margin:0;padding:0;position:relative;flex:0 1 auto;min-width:0;gap:var(--menu-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scrollbar-color:var(--userssite-scrollbar-thumb) transparent}.nav-highlight[data-v-721c9dea]{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-721c9dea],.primary-nav-link[data-v-721c9dea]{position:relative;z-index:1;box-sizing:border-box;margin:0;align-self:center;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:auto;height:var(--menu-item-height, calc(var(--cp-font-1) * 32));padding:var(--menu-item-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-721c9dea]:hover,.primary-nav a[data-v-721c9dea]:focus-visible,.primary-nav-link[data-v-721c9dea]:hover,.primary-nav-link[data-v-721c9dea]:focus-visible{color:var(--userssite-color-text);transform:none}.primary-nav a[data-v-721c9dea]:active,.primary-nav-link[data-v-721c9dea]:active{transform:translateY(0) scale(.98)}.primary-nav a.router-link-active[data-v-721c9dea],.primary-nav-link.active[data-v-721c9dea]{color:var(--userssite-color-primary)}.primary-nav-link[data-v-721c9dea]{gap:calc(var(--cp-font-1) * 4);font-family:inherit}.primary-nav[data-v-721c9dea]{max-width:none}.compact-link[data-v-721c9dea]{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-721c9dea]: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-721c9dea]:hover,.compact-link.active[data-v-721c9dea]{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-721c9dea]:hover{transform:translate(calc(var(--cp-font-1) * 1))}.compact-link.active[data-v-721c9dea]:after{opacity:1;transform:scaleY(1)}.menu-section[data-v-721c9dea]{padding-bottom:calc(var(--cp-font-1) * 16)}.menu-section+.menu-section[data-v-721c9dea]{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-721c9dea]{display:flex;width:100%;height:var(--menu-item-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:var(--menu-item-padding, 0 calc(var(--cp-font-1) * 12))}.section-title[data-v-721c9dea]:hover,.section-link.active[data-v-721c9dea]{color:var(--userssite-color-primary)}.section-arrow[data-v-721c9dea]{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-721c9dea]{color:var(--userssite-color-primary);transform:rotate(180deg)}.project-menu .menu-list[data-v-721c9dea]{display:grid;gap:calc(var(--cp-font-1, 1px) * 6);margin:calc(var(--cp-font-1, 1px) * 10) 0 0;padding:0 0 0 calc(var(--cp-font-1, 1px) * 12)}.menu-link[data-v-721c9dea]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:flex;height:var(--menu-item-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:var(--menu-item-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-721c9dea]: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-721c9dea]: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-721c9dea]{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-721c9dea]:after{opacity:1;transform:scaleY(1)}.menu-icon[data-v-721c9dea]{flex:0 0 auto;color:currentColor;font-size:var(--cp-font-18)}.menu-label[data-v-721c9dea]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav[data-v-721c9dea],.primary-nav-scroll[data-v-721c9dea]{display:flex;align-items:center}.project-menu.primary-nav[data-v-721c9dea]{width:fit-content;max-width:100%;height:var(--menu-item-height, calc(var(--cp-font-1) * 40));padding-block:calc(var(--cp-font-1) * 3);align-items:stretch;line-height:normal}.project-menu.primary-nav .primary-nav-scroll[data-v-721c9dea]{height:100%;align-items:stretch}.project-menu.primary-nav .primary-nav-link[data-v-721c9dea]{display:grid;place-items:center;align-self:stretch;height:100%;padding-block:0;line-height:normal;transform:none}.primary-nav-label[data-v-721c9dea]{display:block;margin:0;padding:0;line-height:1.4}.primary-nav-scroll[data-v-721c9dea]{flex-wrap:nowrap;max-width:100%;height:var(--menu-item-height, calc(var(--cp-font-1) * 32));line-height:1}.primary-nav-scroll[data-v-721c9dea]::-webkit-scrollbar{display:none}.primary-nav-link.active[data-v-721c9dea]{color:var(--userssite-color-primary);background:var(--userssite-nav-highlight-bg);box-shadow:var(--userssite-nav-highlight-shadow)}.vertical-menu[data-v-721c9dea]{width:calc(var(--cp-font-1, 1px) * 244);max-width:100%;padding:calc(var(--cp-font-1, 1px) * 16) calc(var(--cp-font-1, 1px) * 12);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-721c9dea]{list-style:none;padding:0;margin:0}.is-disabled[data-v-721c9dea]{opacity:.45;pointer-events:none}.menu-link[data-v-721c9dea]{width:100%;text-align:left;font-family:inherit}.menu-link[data-v-721c9dea]:focus-visible{outline:2px solid var(--userssite-color-primary);outline-offset:2px}.menu-branch-arrow[data-v-721c9dea]{margin-left:auto;transition:transform .16s ease}.menu-branch-arrow.open[data-v-721c9dea]{transform:rotate(180deg)}.menu-link.is-parent-active[data-v-721c9dea]{color:var(--userssite-color-primary)}.menu-child-dot[data-v-721c9dea]{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0}.menu-link.is-child[data-v-721c9dea]{font-size:var(--userssite-font-size-l2, 13px)}.project-menu.has-item-height .primary-nav-link[data-v-721c9dea],.project-menu.has-item-height .menu-link[data-v-721c9dea]{height:var(--menu-item-height)}.project-menu.has-item-padding .primary-nav-link[data-v-721c9dea],.project-menu.has-item-padding .menu-link[data-v-721c9dea]{padding:var(--menu-item-padding)}.nested-child-list[data-v-6c1a85a4]{margin-left:calc(var(--cp-font-1, 1px) * 28);display:grid;gap:var(--userssite-space-s, 8px)}.menu-branch[data-v-6c1a85a4]{display:grid;gap:var(--userssite-space-s, 8px)}.map-side-menu[data-v-6c1a85a4]{--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-6c1a85a4]{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-6c1a85a4]{display:flex;flex-wrap:wrap;gap:calc(var(--cp-font-1) * 6);align-items:center}.tool-toggle[data-v-6c1a85a4]{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-6c1a85a4]:hover,.tool-toggle.active[data-v-6c1a85a4]{border-color:color-mix(in oklab,#ffffff 76%,transparent);background:var(--tree-tool-bg-hover)}.tool-toggle .el-icon[data-v-6c1a85a4]{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-6c1a85a4]{background:color-mix(in oklab,#ffffff 28%,transparent)}.label-toggle[data-v-6c1a85a4]{width:calc(var(--cp-font-1) * 31);justify-content:center;padding:0}.tree-search[data-v-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]::placeholder{color:color-mix(in oklab,var(--tree-child-text) 52%,transparent)}.search-clear[data-v-6c1a85a4]{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-6c1a85a4]{display:grid;align-content:start;gap:calc(var(--cp-font-1) * 8);height:auto;min-height:0;overflow:visible;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-6c1a85a4]{padding-top:calc(var(--cp-font-1) * 54)}.map-side-menu.is-searching .tree-scroll[data-v-6c1a85a4]{padding-top:calc(var(--cp-font-1) * 94)}.map-side-menu.is-labels-hidden .tree-tools[data-v-6c1a85a4]{right:auto}.map-side-menu.is-labels-hidden .tool-toggle[data-v-6c1a85a4]{width:calc(var(--cp-font-1) * 31);justify-content:center;padding:0}.map-side-menu.is-labels-hidden .tool-toggle span[data-v-6c1a85a4]{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-6c1a85a4]{justify-items:start;padding-right:calc(var(--cp-font-1) * 8)}.tree-scroll[data-v-6c1a85a4]::-webkit-scrollbar{display:none}.tree-section[data-v-6c1a85a4]{position:relative;display:grid;gap:calc(var(--cp-font-1) * 5);min-width:0}.tree-section[data-v-6c1a85a4]: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-6c1a85a4]:not(.is-open):before{display:none}.map-side-menu.is-labels-hidden .tree-section[data-v-6c1a85a4]:before{left:calc(var(--cp-font-1) * 16)}.tree-node[data-v-6c1a85a4]{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-6c1a85a4]{gap:calc(var(--cp-font-1) * 5)}.tree-node--child[data-v-6c1a85a4]{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-6c1a85a4]{grid-template-columns:max-content}.map-side-menu.is-labels-hidden .tree-node--child[data-v-6c1a85a4]{margin-left:calc(var(--cp-font-1) * 20)}.child-list[data-v-6c1a85a4]{display:grid;gap:calc(var(--cp-font-1) * 6)}.node-orb[data-v-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{width:var(--cp-font-18);height:var(--cp-font-18)}.node-orb--child .svg-icon[data-v-6c1a85a4]{width:var(--cp-font-14);height:var(--cp-font-14)}.node-label[data-v-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4],.tree-node:hover .node-label[data-v-6c1a85a4]{transform:translate(calc(var(--cp-font-1) * 2))}.tree-node--parent:hover .node-label--parent[data-v-6c1a85a4]{background:var(--tree-parent-bg-hover)}.tree-node--child:hover .node-label--child[data-v-6c1a85a4]{background:var(--tree-child-bg-hover)}.tree-node--parent.active .node-orb--parent[data-v-6c1a85a4],.tree-node--parent.active .node-label--parent[data-v-6c1a85a4]{background:var(--tree-parent-bg-active);color:#fff}.tree-node--parent.active:hover .node-orb--parent[data-v-6c1a85a4],.tree-node--parent.active:hover .node-label--parent[data-v-6c1a85a4]{background:var(--tree-parent-bg-active-hover)}.tree-node--parent.active .node-orb--parent[data-v-6c1a85a4]{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-6c1a85a4],.tree-node--child.active .node-label--child[data-v-6c1a85a4]{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-6c1a85a4]{color:var(--tree-orb-color-active)}.empty-menu[data-v-6c1a85a4]{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-6c1a85a4]{--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-6c1a85a4]:hover,.map-side-menu.is-dark .tool-toggle.active[data-v-6c1a85a4]{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-6c1a85a4]{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-6c1a85a4]{background:color-mix(in oklab,#ffffff 18%,transparent);color:#fff}.theme-dark,.map-side-menu.is-dark .node-orb--parent[data-v-6c1a85a4],.map-side-menu.is-dark .node-orb--child[data-v-6c1a85a4]{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-6c1a85a4],.map-side-menu.is-dark .tree-node--child.active .node-orb--child[data-v-6c1a85a4]{background:var(--tree-orb-bg-active)}.theme-dark,.map-side-menu.is-dark .tree-search[data-v-6c1a85a4]{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-6c1a85a4]{color:var(--tree-child-text)}.theme-dark,.map-side-menu.is-dark .search-clear[data-v-6c1a85a4]{background:color-mix(in oklab,#d7e7ff 10%,transparent);color:var(--tree-child-text)}.map-side-menu[data-v-6c1a85a4]{width:210px;max-width:100%;height:auto;overflow:visible}.node-orb .el-icon[data-v-6c1a85a4]{font-size:18px}.tree-node[data-v-6c1a85a4],.tool-toggle[data-v-6c1a85a4]{cursor:pointer}.is-flat .child-list[data-v-6c1a85a4]{margin-left:0;padding-left:0;gap:calc(var(--cp-font-1) * 12)}.is-flat .tree-section[data-v-6c1a85a4]:before,.is-flat .child-list[data-v-6c1a85a4]:before,.is-flat .tree-node[data-v-6c1a85a4]:before,.is-flat .tree-node[data-v-6c1a85a4]:after{display:none}.map-toolbar[data-v-8964d6da]{z-index:7;display:flex;align-items:flex-start;gap:var(--userssite-space-m);pointer-events:none}.map-toolbar__buttons[data-v-8964d6da],.map-toolbar__panel[data-v-8964d6da]{pointer-events:auto}.map-toolbar__buttons[data-v-8964d6da]{display:grid;gap:8px;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-8964d6da]{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-8964d6da]:hover,.tool-button.is-active[data-v-8964d6da]{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-8964d6da]{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)}.map-toolbar .map-toolbar__buttons[data-v-8964d6da]{gap:8px}.tool-button[data-v-8964d6da]{cursor:pointer}.horizontal .map-toolbar__buttons[data-v-8964d6da]{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-c4b74d0f]{display:flex;flex-direction:column;height:100%;color:var(--userssite-color-text)}.process-data-table__scroll[data-v-c4b74d0f]{flex:1;min-height:0;overflow:auto}table[data-v-c4b74d0f]{width:100%;border-collapse:collapse;white-space:nowrap}td[data-v-c4b74d0f],th[data-v-c4b74d0f]{padding:var(--table-cell-padding);border:1px solid var(--userssite-color-border);text-align:right}thead[data-v-c4b74d0f]{position:sticky;top:0;background:var(--userssite-color-panel)}.process-data-table__pages[data-v-c4b74d0f]{display:flex;gap:var(--table-page-gap);justify-content:center;padding:var(--table-page-padding)}button[data-v-c4b74d0f]{color:var(--userssite-color-text);border:1px solid var(--userssite-color-border);background:var(--userssite-surface-control);cursor:pointer}button[data-v-c4b74d0f]:disabled{opacity:.5;cursor:default}.sky-workbench{--bg: var(--userssite-surface-subtle);--text: var(--userssite-color-text);--primary: var(--userssite-color-primary);--border: var(--userssite-color-border);--surface: var(--userssite-color-surface);--panel: var(--userssite-color-panel);--muted: var(--userssite-color-muted);--hover: var(--userssite-color-hover);--shadow: var(--userssite-shadow-panel);--blue: var(--userssite-color-primary);--green: var(--el-color-success, #1b9b79);--danger: var(--userssite-color-danger);font-family:var(--userssite-font-family-sans);color:var(--text);background:var(--bg);font-synthesis:none}:where(.sky-workbench) *{box-sizing:border-box}:where(.sky-workbench) button,:where(.sky-workbench) input:not(:where(.el-select *,.el-select-v2 *,.el-input *,.el-input-number *,.el-cascader *,.el-date-editor *,.el-checkbox *,.el-radio *)),:where(.sky-workbench) select{font:inherit}:where(.sky-workbench) button{cursor:pointer;color:inherit;border:none;background:none}:where(.sky-workbench) button:disabled{opacity:.45;cursor:default}:where(.sky-workbench) button,:where(.sky-workbench) input:not(:where(.el-select *,.el-select-v2 *,.el-input *,.el-input-number *,.el-cascader *,.el-date-editor *,.el-checkbox *,.el-radio *)),:where(.sky-workbench) select{outline-offset:calc(var(--cp-font-1) * 3)}:where(.sky-workbench) button:focus-visible,:where(.sky-workbench) input:not(:where(.el-select *,.el-select-v2 *,.el-input *,.el-input-number *,.el-cascader *,.el-date-editor *,.el-checkbox *,.el-radio *)):focus-visible,:where(.sky-workbench) select:focus-visible{outline:calc(var(--cp-font-1) * 2) solid var(--primary)}:where(.sky-workbench) a{color:inherit;text-decoration:none}:where(.sky-workbench) h1,:where(.sky-workbench) h2,:where(.sky-workbench) p{margin:0}:where(.sky-workbench) button{transition:background .15s}:where(.sky-workbench) svg{flex-shrink:0}:where(.sky-workbench) small{font-weight:400}:where(.sky-workbench) input:not(:where(.el-select *,.el-select-v2 *,.el-input *,.el-input-number *,.el-cascader *,.el-date-editor *,.el-checkbox *,.el-radio *)),:where(.sky-workbench) select{color:var(--text);background:var(--panel);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 6);font-size:calc(var(--cp-font-1) * 12);min-width:0;padding:calc(var(--cp-font-1) * 9) calc(var(--cp-font-1) * 10);width:100%}:where(.sky-workbench) select{padding-right:calc(var(--cp-font-1) * 20);text-overflow:ellipsis}:where(.sky-workbench) input:not(:where(.el-select *,.el-select-v2 *,.el-input *,.el-input-number *,.el-cascader *,.el-date-editor *,.el-checkbox *,.el-radio *))::placeholder{color:var(--muted)}.sky-workbench.app-shell{height:100dvh;min-height:calc(var(--cp-font-1) * 680);display:grid;grid-template-columns:calc(var(--cp-font-1) * 220) minmax(0,1fr);grid-template-rows:calc(var(--cp-font-1) * 66) minmax(0,1fr);overflow:hidden}:where(.sky-workbench) .app-header{grid-column:1/-1;z-index:10;display:flex;align-items:center;padding:0 calc(var(--cp-font-1) * 24) 0 calc(var(--cp-font-1) * 20);gap:calc(var(--cp-font-1) * 20);background:var(--surface);border-bottom:calc(var(--cp-font-1) * 1) solid var(--border);box-shadow:0 calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 14) #233f6310}:where(.sky-workbench) .brand{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 10);flex-shrink:0}:where(.sky-workbench) .brand img{width:calc(var(--cp-font-1) * 35);height:calc(var(--cp-font-1) * 35);object-fit:contain}:where(.sky-workbench) .brand strong{font-size:calc(var(--cp-font-1) * 19);letter-spacing:calc(var(--cp-font-1) * 1);display:block;font-weight:700}:where(.sky-workbench) .brand small{font-size:calc(var(--cp-font-1) * 10);letter-spacing:calc(var(--cp-font-1) * 2);color:var(--muted);display:block;margin-top:calc(var(--cp-font-1) * 3)}:where(.sky-workbench) .header-separator{width:calc(var(--cp-font-1) * 1);height:calc(var(--cp-font-1) * 28);background:var(--border)}:where(.sky-workbench) .site-chip{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);display:flex;align-items:center;gap:calc(var(--cp-font-1) * 5);white-space:nowrap}:where(.sky-workbench) .header-actions{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .connection{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);white-space:nowrap;display:flex;gap:calc(var(--cp-font-1) * 6);align-items:center}:where(.sky-workbench) .connection i,:where(.sky-workbench) .scope-foot i,:where(.sky-workbench) .live-tag i,:where(.sky-workbench) .status-bar i{width:calc(var(--cp-font-1) * 6);height:calc(var(--cp-font-1) * 6);border-radius:100%;background:var(--green);display:inline-block}:where(.sky-workbench) .icon-button{padding:calc(var(--cp-font-1) * 5);display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .avatar{display:grid;place-items:center;width:calc(var(--cp-font-1) * 30);height:calc(var(--cp-font-1) * 30);border-radius:50%;color:var(--primary);background:var(--hover);font-size:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .sidebar{background:linear-gradient(180deg,var(--panel),var(--bg));border-right:calc(var(--cp-font-1) * 1) solid var(--border);display:flex;flex-direction:column;padding:calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 14);z-index:5;gap:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 18);font-size:calc(var(--cp-font-1) * 13);font-weight:600}:where(.sky-workbench) .nav-group-label{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);letter-spacing:calc(var(--cp-font-1) * 1);padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .side-item{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 11);padding:calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 12);border-radius:calc(var(--cp-font-1) * 7);text-align:left;font-size:calc(var(--cp-font-1) * 13);margin-bottom:calc(var(--cp-font-1) * 3)}:where(.sky-workbench) .side-item svg:last-child{margin-left:auto;color:var(--muted)}:where(.sky-workbench) .side-item:hover{background:var(--hover)}:where(.sky-workbench) .side-item.active{background:var(--hover);color:var(--primary);font-weight:600}:where(.sky-workbench) .side-item.active svg:last-child{color:var(--primary)}:where(.sky-workbench) .sidebar-rule{height:calc(var(--cp-font-1) * 1);background:var(--border);margin:calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 9) calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .scope-card{border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 8);background:var(--panel);margin:calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 7);padding:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .scope-icon{background:var(--hover);color:var(--primary);border-radius:calc(var(--cp-font-1) * 7);width:calc(var(--cp-font-1) * 34);height:calc(var(--cp-font-1) * 34);display:grid;place-items:center;margin-bottom:calc(var(--cp-font-1) * 13)}:where(.sky-workbench) .scope-card strong{font-size:calc(var(--cp-font-1) * 13);display:block;margin-bottom:calc(var(--cp-font-1) * 7)}:where(.sky-workbench) .scope-card>span{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);display:block}:where(.sky-workbench) .scope-card p{margin-top:calc(var(--cp-font-1) * 15);font-size:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .scope-foot{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);display:flex;align-items:center;gap:calc(var(--cp-font-1) * 6);border-top:calc(var(--cp-font-1) * 1) solid var(--border);padding-top:calc(var(--cp-font-1) * 12);margin-top:calc(var(--cp-font-1) * 13)}:where(.sky-workbench) .sidebar-bottom{margin-top:auto;display:flex;gap:calc(var(--cp-font-1) * 8);align-items:center;border-top:calc(var(--cp-font-1) * 1) solid var(--border);padding:calc(var(--cp-font-1) * 16) calc(var(--cp-font-1) * 4) 0}:where(.sky-workbench) .terminal-icon{color:var(--primary)}:where(.sky-workbench) .sidebar-bottom strong{font-size:calc(var(--cp-font-1) * 11);display:block}:where(.sky-workbench) .sidebar-bottom small{font-size:calc(var(--cp-font-1) * 9);color:var(--muted);display:block;margin-top:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .version{font-size:calc(var(--cp-font-1) * 9);color:var(--muted);margin-left:auto}:where(.sky-workbench) .workspace{position:relative;min-height:0;overflow:hidden;background:var(--bg)}:where(.sky-workbench) .map-canvas{position:absolute;inset:0 0 calc(var(--cp-font-1) * 30)}:where(.sky-workbench) .map-hidden{visibility:hidden}:where(.sky-workbench) .workspace:has(.workspace-top):before{content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:calc(var(--cp-font-1) * 220);z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel) 30%,transparent),transparent)}:where(.sky-workbench) .workspace-top{position:absolute;z-index:2;left:calc(var(--cp-font-1) * 26);top:calc(var(--cp-font-1) * 23);pointer-events:none}:where(.sky-workbench) .breadcrumb{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);display:flex;align-items:center;gap:calc(var(--cp-font-1) * 6);margin-bottom:calc(var(--cp-font-1) * 13);letter-spacing:.calc(var(--cp-font-1) * 4)}:where(.sky-workbench) .page-title{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) h1{font-size:calc(var(--cp-font-1) * 23);font-weight:650;letter-spacing:calc(var(--cp-font-1) * 1)}:where(.sky-workbench) .live-tag{display:inline-flex;align-items:center;gap:calc(var(--cp-font-1) * 5);font-size:calc(var(--cp-font-1) * 10);color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--panel));padding:calc(var(--cp-font-1) * 5) calc(var(--cp-font-1) * 7);border-radius:calc(var(--cp-font-1) * 4)}:where(.sky-workbench) .workspace-top p{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);margin-top:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .floating{background:var(--surface);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 8);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(calc(var(--cp-font-1) * 10));backdrop-filter:blur(calc(var(--cp-font-1) * 10))}:where(.sky-workbench) .metrics-strip{position:absolute;top:calc(var(--cp-font-1) * 128);left:calc(var(--cp-font-1) * 26);right:calc(var(--cp-font-1) * 372);z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .metric{background:var(--surface);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 7);box-shadow:var(--shadow);padding:calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 12);display:flex;align-items:center;gap:calc(var(--cp-font-1) * 10);min-width:0}:where(.sky-workbench) .metric-icon{width:calc(var(--cp-font-1) * 36);height:calc(var(--cp-font-1) * 36);border-radius:calc(var(--cp-font-1) * 8);display:grid;place-items:center;flex-shrink:0}:where(.sky-workbench) .blue{background:#eaf3ff;color:#1677ff}:where(.sky-workbench) .cyan{background:#e8f5fb;color:#2f9db9}:where(.sky-workbench) .green{background:#e7f6f1;color:#1b9b79}:where(.sky-workbench) .purple{background:#f0edfc;color:#8970ca}:where(.sky-workbench) .metric div>span{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);display:block;white-space:nowrap}:where(.sky-workbench) .metric strong{display:block;font-size:calc(var(--cp-font-1) * 24);line-height:1.3;margin-top:calc(var(--cp-font-1) * 5);font-weight:600;letter-spacing:.calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .metric small{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);margin-left:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .metric .batch-number{font-size:calc(var(--cp-font-1) * 16);margin-top:calc(var(--cp-font-1) * 9)}:where(.sky-workbench) .right-panel{position:absolute;z-index:3;right:calc(var(--cp-font-1) * 20);top:calc(var(--cp-font-1) * 22);bottom:calc(var(--cp-font-1) * 49);width:calc(var(--cp-font-1) * 326);display:flex;flex-direction:column;overflow:hidden}:where(.sky-workbench) .panel-heading{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 8);border-bottom:calc(var(--cp-font-1) * 1) solid var(--border);padding:calc(var(--cp-font-1) * 13) calc(var(--cp-font-1) * 16);color:var(--blue);background:linear-gradient(180deg,var(--panel),var(--hover))}:where(.sky-workbench) .panel-heading strong{font-size:calc(var(--cp-font-1) * 13)}:where(.sky-workbench) .panel-heading .icon-button{margin-left:auto}:where(.sky-workbench) .panel-body{padding:calc(var(--cp-font-1) * 15) calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .filters{display:flex;flex-direction:column;gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .segmented{display:flex;background:var(--bg);border:calc(var(--cp-font-1) * 1) solid var(--border);padding:calc(var(--cp-font-1) * 3);border-radius:calc(var(--cp-font-1) * 6);gap:calc(var(--cp-font-1) * 3)}:where(.sky-workbench) .segmented button{flex:1;padding:calc(var(--cp-font-1) * 7) 0;border-radius:calc(var(--cp-font-1) * 4);font-size:calc(var(--cp-font-1) * 11);white-space:nowrap}:where(.sky-workbench) .segmented button.active{background:var(--panel);color:var(--primary);box-shadow:0 calc(var(--cp-font-1) * 1) calc(var(--cp-font-1) * 5) #234b7410;font-weight:600}:where(.sky-workbench) .field-label{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);display:block}:where(.sky-workbench) .search-field{display:flex;align-items:center;border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 6);background:var(--panel);padding-left:calc(var(--cp-font-1) * 10);color:var(--muted)}:where(.sky-workbench) .search-field input{border:0;background:transparent}:where(.sky-workbench) .period-row{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--cp-font-1) * 10);color:var(--muted);margin:calc(var(--cp-font-1) * 3) 0}:where(.sky-workbench) .periods{display:flex;gap:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .periods button{padding:calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 7);font-size:calc(var(--cp-font-1) * 10);border-radius:calc(var(--cp-font-1) * 4);border:calc(var(--cp-font-1) * 1) solid var(--border)}:where(.sky-workbench) .periods button.active{background:var(--hover);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}:where(.sky-workbench) .table-summary{display:flex;justify-content:space-between;padding:calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 16);background:var(--hover);border-top:calc(var(--cp-font-1) * 1) solid var(--border);border-bottom:calc(var(--cp-font-1) * 1) solid var(--border);color:var(--muted);font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .table-summary span:first-child{color:var(--primary)}:where(.sky-workbench) .station-list{overflow:auto;flex:1;min-height:0}:where(.sky-workbench) .station-row{width:100%;display:flex;align-items:center;gap:calc(var(--cp-font-1) * 9);text-align:left;padding:calc(var(--cp-font-1) * 11) calc(var(--cp-font-1) * 16);border-bottom:calc(var(--cp-font-1) * 1) solid var(--border)}:where(.sky-workbench) .station-row:hover,:where(.sky-workbench) .station-row.selected{background:var(--hover)}:where(.sky-workbench) .row-index{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);width:calc(var(--cp-font-1) * 19)}:where(.sky-workbench) .station-name{flex:1;min-width:0}:where(.sky-workbench) .station-name strong{font-size:calc(var(--cp-font-1) * 11);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.sky-workbench) .station-name small{font-size:calc(var(--cp-font-1) * 9);display:block;color:var(--muted);margin-top:calc(var(--cp-font-1) * 4)}:where(.sky-workbench) .station-value{color:var(--blue);font-size:calc(var(--cp-font-1) * 13);font-weight:600}:where(.sky-workbench) .station-value.missing{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);font-weight:400}:where(.sky-workbench) .station-row>svg{color:var(--muted)}:where(.sky-workbench) .panel-foot{font-size:calc(var(--cp-font-1) * 9);color:var(--muted);padding:calc(var(--cp-font-1) * 11) calc(var(--cp-font-1) * 13);display:flex;gap:calc(var(--cp-font-1) * 6);align-items:center;border-top:calc(var(--cp-font-1) * 1) solid var(--border);background:var(--panel);line-height:1.6}:where(.sky-workbench) .list-empty{padding:calc(var(--cp-font-1) * 40) 0;text-align:center;color:var(--muted);font-size:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .map-tools{position:absolute;right:calc(var(--cp-font-1) * 364);top:calc(var(--cp-font-1) * 234);z-index:3;display:flex;flex-direction:column;gap:calc(var(--cp-font-1) * 1);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 6);background:var(--surface);box-shadow:var(--shadow)}:where(.sky-workbench) .tool{width:calc(var(--cp-font-1) * 35);height:calc(var(--cp-font-1) * 36);display:grid;place-items:center;font-size:calc(var(--cp-font-1) * 20)}:where(.sky-workbench) .tool:hover,:where(.sky-workbench) .tool.selected{background:var(--hover);color:var(--primary)}:where(.sky-workbench) .layer-menu{position:absolute;right:calc(var(--cp-font-1) * 408);top:calc(var(--cp-font-1) * 234);padding:calc(var(--cp-font-1) * 14);z-index:4;min-width:calc(var(--cp-font-1) * 170);font-size:calc(var(--cp-font-1) * 11)}:where(.sky-workbench) .layer-menu strong{display:block;margin-bottom:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .layer-menu label{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 7);margin:calc(var(--cp-font-1) * 10) 0}:where(.sky-workbench) .layer-menu input{width:auto;accent-color:var(--primary)}:where(.sky-workbench) .layer-menu small{color:var(--muted);font-size:calc(var(--cp-font-1) * 9)}:where(.sky-workbench) .map-legend{position:absolute;left:calc(var(--cp-font-1) * 26);bottom:calc(var(--cp-font-1) * 315);z-index:2;padding:calc(var(--cp-font-1) * 11) calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .map-legend>div:first-child{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 7);color:var(--blue)}:where(.sky-workbench) .map-legend strong{font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .map-legend>div:first-child>span{font-size:calc(var(--cp-font-1) * 9);color:var(--muted);margin-left:auto}:where(.sky-workbench) .legend-colors{display:flex;gap:calc(var(--cp-font-1) * 10);margin-top:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .legend-colors span{font-size:calc(var(--cp-font-1) * 8);color:var(--muted)}:where(.sky-workbench) .legend-colors i{display:block;height:calc(var(--cp-font-1) * 4);width:calc(var(--cp-font-1) * 34);border-radius:calc(var(--cp-font-1) * 2);margin-bottom:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .process-panel{position:absolute;left:calc(var(--cp-font-1) * 26);right:calc(var(--cp-font-1) * 372);bottom:calc(var(--cp-font-1) * 49);height:calc(var(--cp-font-1) * 247);z-index:3;display:flex;flex-direction:column;overflow:hidden}:where(.sky-workbench) .process-heading{padding:calc(var(--cp-font-1) * 13) calc(var(--cp-font-1) * 15) calc(var(--cp-font-1) * 7);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .process-heading>div{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 8);min-width:0}:where(.sky-workbench) .process-heading strong{font-size:calc(var(--cp-font-1) * 12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.sky-workbench) .process-heading svg{color:var(--primary)}:where(.sky-workbench) .process-badge{font-size:calc(var(--cp-font-1) * 9);color:var(--primary);background:var(--hover);padding:calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 6);border-radius:calc(var(--cp-font-1) * 3);white-space:nowrap}:where(.sky-workbench) .peak{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);white-space:nowrap}:where(.sky-workbench) .process-subtitle{padding:0 calc(var(--cp-font-1) * 15);font-size:calc(var(--cp-font-1) * 9);color:var(--muted);margin-bottom:calc(var(--cp-font-1) * 3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.sky-workbench) .chart-canvas{flex:1;min-height:0;width:100%}:where(.sky-workbench) .chart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cp-font-1) * 10);color:var(--muted);padding:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .chart-empty svg{color:#acc6e0}:where(.sky-workbench) .chart-empty strong{font-size:calc(var(--cp-font-1) * 12);font-weight:500}:where(.sky-workbench) .chart-empty span{font-size:calc(var(--cp-font-1) * 10);text-align:center}:where(.sky-workbench) .forecast-form{display:flex;flex-direction:column;gap:calc(var(--cp-font-1) * 12);overflow:auto;flex:1}:where(.sky-workbench) .product-details{margin:0 0 calc(var(--cp-font-1) * 7);padding:calc(var(--cp-font-1) * 12);background:var(--bg);border-radius:calc(var(--cp-font-1) * 6)}:where(.sky-workbench) .product-details>div{display:flex;justify-content:space-between;gap:calc(var(--cp-font-1) * 10);font-size:calc(var(--cp-font-1) * 10);margin-bottom:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .product-details>div:last-child{margin-bottom:0}:where(.sky-workbench) .product-details dt{color:var(--muted);white-space:nowrap}:where(.sky-workbench) .product-details dd{margin:0;text-align:right;word-break:break-word}:where(.sky-workbench) .ready{color:var(--green)}:where(.sky-workbench) .coordinate-fields{display:flex;gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .coordinate-fields label{flex:1;color:var(--muted);font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .coordinate-fields input{margin-top:calc(var(--cp-font-1) * 6)}:where(.sky-workbench) .primary-button,:where(.sky-workbench) .secondary-button{display:flex;align-items:center;justify-content:center;gap:calc(var(--cp-font-1) * 7);border-radius:calc(var(--cp-font-1) * 6);padding:calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 13);font-size:calc(var(--cp-font-1) * 11)}:where(.sky-workbench) .primary-button{background:var(--primary);color:#fff}:where(.sky-workbench) .primary-button:hover{background:#0869ec}:where(.sky-workbench) .secondary-button{border:calc(var(--cp-font-1) * 1) solid var(--border);background:var(--panel);color:var(--muted)}:where(.sky-workbench) .forecast-total{background:var(--hover);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 7);padding:calc(var(--cp-font-1) * 17);margin-top:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .forecast-total>span{color:var(--muted);font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .forecast-total strong{display:block;color:var(--primary);font-size:calc(var(--cp-font-1) * 32);margin-top:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .forecast-total small{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);margin-left:calc(var(--cp-font-1) * 7)}:where(.sky-workbench) .help-text{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);line-height:1.9}:where(.sky-workbench) .model-chip{display:flex;gap:calc(var(--cp-font-1) * 10);align-items:center;background:var(--hover);border-radius:calc(var(--cp-font-1) * 6);padding:calc(var(--cp-font-1) * 14);color:var(--primary)}:where(.sky-workbench) .model-chip strong{font-size:calc(var(--cp-font-1) * 13)}:where(.sky-workbench) .model-chip span{margin-left:auto;color:var(--green);font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .scope-note{display:flex;gap:calc(var(--cp-font-1) * 10);margin-top:calc(var(--cp-font-1) * 6);background:var(--bg);padding:calc(var(--cp-font-1) * 15);border-radius:calc(var(--cp-font-1) * 6)}:where(.sky-workbench) .scope-note svg{color:var(--primary)}:where(.sky-workbench) .scope-note strong{font-size:calc(var(--cp-font-1) * 11)}:where(.sky-workbench) .scope-note p{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);line-height:1.9;margin-top:calc(var(--cp-font-1) * 7)}:where(.sky-workbench) .status-bar{position:absolute;bottom:0;left:0;right:0;z-index:4;height:calc(var(--cp-font-1) * 30);border-top:calc(var(--cp-font-1) * 1) solid var(--border);background:var(--surface);display:flex;gap:calc(var(--cp-font-1) * 22);align-items:center;padding:0 calc(var(--cp-font-1) * 20);font-size:calc(var(--cp-font-1) * 9);color:var(--muted)}:where(.sky-workbench) .status-bar>span{display:flex;gap:calc(var(--cp-font-1) * 6);align-items:center}:where(.sky-workbench) .status-time{margin-left:auto}:where(.sky-workbench) .status-divider{margin:0 calc(var(--cp-font-1) * 7);color:var(--border)}:where(.sky-workbench) .status-bar i.warning{background:#d6a144}:where(.sky-workbench) .forecast-pin{height:calc(var(--cp-font-1) * 18);width:calc(var(--cp-font-1) * 18);border-radius:50%;background:#1677ff;border:calc(var(--cp-font-1) * 4) solid white;box-shadow:0 0 0 calc(var(--cp-font-1) * 8) #1677ff24,0 calc(var(--cp-font-1) * 3) calc(var(--cp-font-1) * 12) #234b7422}:where(.sky-workbench) .toast{position:absolute;top:calc(var(--cp-font-1) * 16);left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:calc(var(--cp-font-1) * 10);font-size:calc(var(--cp-font-1) * 12);padding:calc(var(--cp-font-1) * 12) calc(var(--cp-font-1) * 16);background:var(--panel);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 8);box-shadow:var(--shadow);max-width:75%}:where(.sky-workbench) .sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}:where(.sky-workbench) .sidebar-hidden .workspace{grid-column:2}:where(.sky-workbench) .sidebar-open{position:absolute;left:calc(var(--cp-font-1) * 8);top:calc(var(--cp-font-1) * 12);z-index:4;background:var(--panel)}:where(.sky-workbench) .sidebar-hidden .workspace-top{left:calc(var(--cp-font-1) * 52)}:where(.sky-workbench) .data-workspace{position:absolute;inset:0 0 calc(var(--cp-font-1) * 30);overflow:auto;padding:calc(var(--cp-font-1) * 26) calc(var(--cp-font-1) * 32) calc(var(--cp-font-1) * 40);background:var(--bg)}:where(.sky-workbench) .data-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--cp-font-1) * 24)}:where(.sky-workbench) .data-title p{font-size:calc(var(--cp-font-1) * 11);color:var(--muted);margin-top:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .data-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .data-cards article{padding:calc(var(--cp-font-1) * 20);background:var(--panel);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 9);box-shadow:var(--shadow)}:where(.sky-workbench) .data-card-head{display:flex;justify-content:space-between;align-items:center;color:var(--primary);margin-bottom:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .status-tag{border-radius:calc(var(--cp-font-1) * 4);font-size:calc(var(--cp-font-1) * 9);padding:calc(var(--cp-font-1) * 4) calc(var(--cp-font-1) * 7);background:var(--hover);color:var(--muted)}:where(.sky-workbench) .status-tag.live{color:var(--green);background:#1b9b7910}:where(.sky-workbench) .status-tag.snapshot{color:#b28529;background:#b2852910}:where(.sky-workbench) .status-tag.error{color:var(--danger);background:#d9695010}:where(.sky-workbench) .data-cards h2{font-size:calc(var(--cp-font-1) * 13);font-weight:500}:where(.sky-workbench) .data-count{font-size:calc(var(--cp-font-1) * 31);display:block;margin:calc(var(--cp-font-1) * 10) 0;font-weight:600}:where(.sky-workbench) .data-count small{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);margin-left:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .data-cards p{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);margin-bottom:calc(var(--cp-font-1) * 15)}:where(.sky-workbench) .data-cards code{display:block;font-size:calc(var(--cp-font-1) * 9);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg);padding:calc(var(--cp-font-1) * 9);border-radius:calc(var(--cp-font-1) * 4)}:where(.sky-workbench) .data-card-time{font-size:calc(var(--cp-font-1) * 9);color:var(--muted);display:flex;gap:calc(var(--cp-font-1) * 6);align-items:center;margin-top:calc(var(--cp-font-1) * 13)}:where(.sky-workbench) .data-notes{background:var(--panel);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 9);margin-top:calc(var(--cp-font-1) * 22);padding:calc(var(--cp-font-1) * 20)}:where(.sky-workbench) .data-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--cp-font-1) * 18)}:where(.sky-workbench) .data-section-heading h2{font-size:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) table:not(:where(.el-table *)){border-collapse:collapse;width:100%;font-size:calc(var(--cp-font-1) * 11);text-align:left}:where(.sky-workbench) th:not(:where(.el-table *)){background:var(--bg);color:var(--muted);font-weight:500;padding:calc(var(--cp-font-1) * 11) calc(var(--cp-font-1) * 12)}:where(.sky-workbench) td:not(:where(.el-table *)){padding:calc(var(--cp-font-1) * 13) calc(var(--cp-font-1) * 12);border-bottom:calc(var(--cp-font-1) * 1) solid var(--border);line-height:1.7}:where(.sky-workbench) td:first-child{white-space:nowrap}:where(.sky-workbench) td:nth-child(2):not(:where(.el-table *)){width:calc(var(--cp-font-1) * 110)}:where(.sky-workbench) .table-status{color:var(--green);font-size:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .table-status.pending{color:#b08b3f}:where(.sky-workbench) .snapshot-note{font-size:calc(var(--cp-font-1) * 10);color:var(--muted);margin-top:calc(var(--cp-font-1) * 18);line-height:1.8}:where(.sky-workbench) ::-webkit-scrollbar{width:calc(var(--cp-font-1) * 5);height:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) ::-webkit-scrollbar-thumb{background:#b9cce0;border-radius:calc(var(--cp-font-1) * 5)}:where(.sky-workbench) .spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:where(.sky-workbench) .workspace:not(:has(.process-panel)) .map-legend{bottom:calc(var(--cp-font-1) * 55)}@media (min-width:1700px){.sky-workbench.app-shell{grid-template-columns:calc(var(--cp-font-1) * 244) minmax(0,1fr)}:where(.sky-workbench) .right-panel{width:calc(var(--cp-font-1) * 350)}:where(.sky-workbench) .metrics-strip,:where(.sky-workbench) .process-panel{right:calc(var(--cp-font-1) * 398)}:where(.sky-workbench) .map-tools{right:calc(var(--cp-font-1) * 390)}:where(.sky-workbench) .layer-menu{right:calc(var(--cp-font-1) * 434)}:where(.sky-workbench) .metric{padding:calc(var(--cp-font-1) * 18)}:where(.sky-workbench) .process-panel{height:calc(var(--cp-font-1) * 280)}:where(.sky-workbench) .map-legend{bottom:calc(var(--cp-font-1) * 350)}}@media (max-width:1200px){:where(.sky-workbench) .site-chip,:where(.sky-workbench) .header-separator,:where(.sky-workbench) .connection{display:none}:where(.sky-workbench) .app-header{gap:calc(var(--cp-font-1) * 12);padding-right:calc(var(--cp-font-1) * 15)}:where(.sky-workbench) .brand strong{font-size:calc(var(--cp-font-1) * 17)}.sky-workbench.app-shell{grid-template-columns:calc(var(--cp-font-1) * 190) minmax(0,1fr)}:where(.sky-workbench) .metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr));top:calc(var(--cp-font-1) * 125);gap:calc(var(--cp-font-1) * 7)}:where(.sky-workbench) .metric{padding:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .metric strong{font-size:calc(var(--cp-font-1) * 20)}:where(.sky-workbench) .metric-icon{width:calc(var(--cp-font-1) * 30);height:calc(var(--cp-font-1) * 30)}:where(.sky-workbench) .metrics-strip,:where(.sky-workbench) .process-panel{right:calc(var(--cp-font-1) * 322)}:where(.sky-workbench) .right-panel{width:calc(var(--cp-font-1) * 280);right:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .map-tools{right:calc(var(--cp-font-1) * 310);top:calc(var(--cp-font-1) * 300)}:where(.sky-workbench) .layer-menu{right:calc(var(--cp-font-1) * 351);top:calc(var(--cp-font-1) * 300)}:where(.sky-workbench) .peak{display:none}:where(.sky-workbench) .workspace-top p{max-width:calc(var(--cp-font-1) * 400)}:where(.sky-workbench) .process-panel{height:calc(var(--cp-font-1) * 220)}:where(.sky-workbench) .map-legend{bottom:calc(var(--cp-font-1) * 285)}:where(.sky-workbench) .data-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sky-workbench.app-shell{grid-template-columns:0 minmax(0,1fr);grid-template-rows:calc(var(--cp-font-1) * 100) minmax(0,1fr)}:where(.sky-workbench) .sidebar{display:none}:where(.sky-workbench) .app-header{flex-wrap:wrap;padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 14);gap:0;align-content:space-between}:where(.sky-workbench) .brand img{width:calc(var(--cp-font-1) * 29);height:calc(var(--cp-font-1) * 29)}:where(.sky-workbench) .brand strong{font-size:calc(var(--cp-font-1) * 15)}:where(.sky-workbench) .brand small{font-size:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .header-actions{margin-left:auto}:where(.sky-workbench) .workspace{grid-column:2}:where(.sky-workbench) .workspace-top{left:calc(var(--cp-font-1) * 16);top:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .workspace-top h1{font-size:calc(var(--cp-font-1) * 19)}:where(.sky-workbench) .right-panel{width:calc(var(--cp-font-1) * 250);right:calc(var(--cp-font-1) * 10);top:calc(var(--cp-font-1) * 120)}:where(.sky-workbench) .metrics-strip{left:calc(var(--cp-font-1) * 16);right:calc(var(--cp-font-1) * 280);top:calc(var(--cp-font-1) * 120);grid-template-columns:1fr}:where(.sky-workbench) .metric:nth-child(n+3){display:none}:where(.sky-workbench) .process-panel{left:calc(var(--cp-font-1) * 16);right:calc(var(--cp-font-1) * 280);height:calc(var(--cp-font-1) * 220)}:where(.sky-workbench) .map-tools{right:calc(var(--cp-font-1) * 268);top:calc(var(--cp-font-1) * 340)}:where(.sky-workbench) .layer-menu{right:calc(var(--cp-font-1) * 308);top:calc(var(--cp-font-1) * 340)}:where(.sky-workbench) .legend-colors{gap:calc(var(--cp-font-1) * 4)}:where(.sky-workbench) .legend-colors i{width:calc(var(--cp-font-1) * 25)}:where(.sky-workbench) .map-legend{left:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .status-bar>span:nth-child(2){display:none}:where(.sky-workbench) .status-time{font-size:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .data-workspace{padding:calc(var(--cp-font-1) * 20)}:where(.sky-workbench) .data-cards{gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .data-cards article{padding:calc(var(--cp-font-1) * 15)}:where(.sky-workbench) .data-title h1{font-size:calc(var(--cp-font-1) * 19)}:where(.sky-workbench) .sidebar-hidden .workspace-top{left:calc(var(--cp-font-1) * 45)}}:where(.sky-workbench) .el-button+.el-button{margin-left:0}:where(.sky-workbench) .el-button.icon-button{height:auto;min-height:26px;padding:5px;border:0;background:transparent;color:var(--muted)}:where(.sky-workbench) .el-button.icon-button:hover{color:var(--primary);background:var(--hover)}:where(.sky-workbench) .el-input,:where(.sky-workbench) .el-select{width:100%}:where(.sky-workbench) .el-input__inner{padding:0;border:0;background:transparent}:where(.sky-workbench) .el-input-number{width:100%}:where(.sky-workbench) .station-row.el-button{height:auto;padding:11px 16px;margin:0;border-radius:0;border:0;border-bottom:1px solid var(--border);background:transparent}:where(.sky-workbench) .station-row.el-button>span{width:100%;display:flex;align-items:center;gap:9px}:where(.sky-workbench) .station-row.el-button.selected,:where(.sky-workbench) .station-row.el-button:hover{background:var(--hover)}:where(.sky-workbench) .field-label{margin-top:3px}:where(.sky-workbench) .model-chip{flex-shrink:0}:where(.sky-workbench) .periods .el-button{height:25px}:where(.sky-workbench) .header-menu{flex:0 1 auto;min-width:0;max-width:100%;margin:auto;align-self:center;height:auto}:where(.sky-workbench) .header-menu .primary-nav-scroll{display:flex;justify-content:center}:where(.sky-workbench) .workbench-menu{flex-shrink:0}:where(.sky-workbench) .workbench-menu .section-title{font-size:11px;font-weight:400;color:var(--muted)}:where(.sky-workbench) .workbench-menu .menu-link{height:46px;font-size:13px}:where(.sky-workbench) .map-tools .map-toolbar__buttons{gap:8px}:where(.sky-workbench) .map-tools{border:0;background:transparent;box-shadow:none}:where(.sky-workbench) .map-tools .tool-button{width:32px;height:32px}:where(.sky-workbench) .layer-menu .el-checkbox{display:flex}:where(.sky-workbench) .data-card.el-card{box-shadow:var(--shadow);border-radius:var(--userssite-radius-m)}:where(.sky-workbench) .data-card .el-card__body{padding:20px}:where(.sky-workbench) .data-card h2{font-size:13px;font-weight:500}:where(.sky-workbench) .data-card p{font-size:10px;color:var(--muted);margin-bottom:15px}:where(.sky-workbench) .data-card code{display:block;font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg);padding:9px;border-radius:4px}:where(.sky-workbench) .coordinate-fields .el-input-number__decrease,:where(.sky-workbench) .coordinate-fields .el-input-number__increase{width:20px}:where(.sky-workbench) .coordinate-fields .el-input__wrapper{padding-left:7px;padding-right:25px}:where(.sky-workbench) .primary-button.el-button{height:36px}:where(.sky-workbench) .metrics-strip{pointer-events:none}:where(.sky-workbench) .blue,:where(.sky-workbench) .cyan,:where(.sky-workbench) .purple{background:color-mix(in srgb,var(--primary) 8%,var(--panel));color:var(--primary)}:where(.sky-workbench) .green{background:color-mix(in srgb,var(--green) 8%,var(--panel));color:var(--green)}@media (max-width: 900px){:where(.sky-workbench) .header-menu{order:3;flex:0 1 auto;max-width:100%}:where(.sky-workbench) .primary-nav-link{font-size:11px;padding:0 6px}}:where(.sky-workbench) .sidebar{margin:calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 44) calc(var(--cp-font-1) * 12);border:calc(var(--cp-font-1) * 1) solid var(--border);border-radius:calc(var(--cp-font-1) * 28);background:var(--panel);box-shadow:var(--shadow);min-height:0;overflow-y:auto;scrollbar-width:none}:where(.sky-workbench) .sidebar::-webkit-scrollbar{display:none}:where(.sky-workbench) .workbench-menu.vertical-menu{width:100%;border:0;box-shadow:none;padding:calc(var(--cp-font-1) * 8) 0;border-radius:0;background:transparent}:where(.sky-workbench) .workbench-menu .menu-link{border-radius:var(--userssite-radius-pill);padding-inline:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .workbench-menu .menu-link:after{display:none}:where(.sky-workbench) .workbench-menu .menu-link:hover{transform:none}:where(.sky-workbench) .scope-card{border-radius:calc(var(--cp-font-1) * 20)}.sky-workbench.app-shell.sidebar-hidden{grid-template-columns:minmax(0,1fr)}.sky-workbench.app-shell.sidebar-hidden .workspace{grid-column:1}:where(.sky-workbench) .app-header .header-actions{margin-left:auto}:where(.sky-workbench) .map-capsule-menu.vertical-menu{position:absolute;left:calc(var(--cp-font-1) * 24);top:calc(var(--cp-font-1) * 230);z-index:6;width:calc(var(--cp-font-1) * 150);padding:0;border:0;background:transparent;box-shadow:none}:where(.sky-workbench) .map-capsule-menu .section-title{display:none}:where(.sky-workbench) .map-capsule-menu .menu-list{display:grid;gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .map-capsule-menu .menu-link{height:calc(var(--cp-font-1) * 40);border-radius:var(--userssite-radius-pill);background:var(--panel);border:calc(var(--cp-font-1) * 1) solid var(--border);box-shadow:var(--shadow);font-size:calc(var(--cp-font-1) * 12);padding-inline:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .map-capsule-menu .menu-link.active{background:color-mix(in srgb,var(--primary) 14%,var(--panel));border-color:var(--primary);color:var(--primary)}:where(.sky-workbench) .map-capsule-menu .menu-link:after{display:none}:where(.sky-workbench) .data-workspace{padding-left:calc(var(--cp-font-1) * 200)}@media (max-width: 900px){:where(.sky-workbench) .map-capsule-menu.vertical-menu{top:calc(var(--cp-font-1) * 270);left:calc(var(--cp-font-1) * 16);width:calc(var(--cp-font-1) * 130)}:where(.sky-workbench) .map-capsule-menu .menu-list{gap:calc(var(--cp-font-1) * 6)}:where(.sky-workbench) .map-capsule-menu .menu-link{height:calc(var(--cp-font-1) * 32)}:where(.sky-workbench) .data-workspace{padding-left:calc(var(--cp-font-1) * 160)}}:where(.sky-workbench) .map-legend{left:calc(var(--cp-font-1) * 190)}@media (max-width: 900px){:where(.sky-workbench) .metrics-strip .metric:nth-child(n+3){display:none}:where(.sky-workbench) .map-legend{left:calc(var(--cp-font-1) * 160)}}.sky-workbench.app-shell.sidebar-hidden{position:relative;grid-template-rows:minmax(0,1fr)}.sky-workbench.app-shell.sidebar-hidden .app-header{position:absolute;inset:0 0 auto;height:calc(var(--cp-font-1) * 66);background:transparent;border:0;box-shadow:none}.sky-workbench.app-shell.sidebar-hidden .workspace{grid-row:1;height:100%}.sky-workbench.app-shell.sidebar-hidden .workspace-top{top:calc(var(--cp-font-1) * 88)}.sky-workbench.app-shell.sidebar-hidden .metrics-strip{top:calc(var(--cp-font-1) * 194)}.sky-workbench.app-shell.sidebar-hidden .right-panel{top:calc(var(--cp-font-1) * 88)}.sky-workbench.app-shell.sidebar-hidden .map-capsule-menu{top:calc(var(--cp-font-1) * 296)}.sky-workbench.app-shell.sidebar-hidden .data-workspace{padding-top:calc(var(--cp-font-1) * 88)}.sky-workbench.app-shell.sidebar-hidden .app-header .brand,.sky-workbench.app-shell.sidebar-hidden .app-header .site-chip,.sky-workbench.app-shell.sidebar-hidden .app-header .header-actions{filter:drop-shadow(0 1px 3px var(--panel))}@media (max-width: 900px){.sky-workbench.app-shell.sidebar-hidden .metrics-strip,.sky-workbench.app-shell.sidebar-hidden .right-panel{top:calc(var(--cp-font-1) * 220)}.sky-workbench.app-shell.sidebar-hidden .map-capsule-menu{top:calc(var(--cp-font-1) * 370)}}.sky-workbench.app-shell.sidebar-hidden .workspace-top{left:calc(var(--cp-font-1) * 24);top:calc(var(--cp-font-1) * 90);width:calc(var(--cp-font-1) * 175)}:where(.sky-workbench) .workspace-top .breadcrumb,:where(.sky-workbench) .workspace-top>p{display:none}:where(.sky-workbench) .workspace-top .page-title{flex-wrap:wrap;gap:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .workspace-top h1{font-size:calc(var(--cp-font-1) * 18);color:var(--text);text-shadow:0 1px 4px var(--panel)}.sky-workbench.app-shell.sidebar-hidden .map-capsule-menu{top:calc(var(--cp-font-1) * 170)}.sky-workbench.app-shell.sidebar-hidden .metrics-strip{left:calc(var(--cp-font-1) * 220);right:calc(var(--cp-font-1) * 376);top:calc(var(--cp-font-1) * 88);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:calc(var(--cp-font-1) * 14) 0;border-radius:calc(var(--cp-font-1) * 16);background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--border)}:where(.sky-workbench) .metrics-strip .metric{background:transparent;border:0;border-right:1px solid var(--border);border-radius:0;box-shadow:none;padding:0 calc(var(--cp-font-1) * 16);min-height:calc(var(--cp-font-1) * 46);gap:calc(var(--cp-font-1) * 10)}:where(.sky-workbench) .metrics-strip .metric:last-child{border-right:0}:where(.sky-workbench) .metrics-strip .metric strong{font-size:calc(var(--cp-font-1) * 22);margin-top:calc(var(--cp-font-1) * 6)}:where(.sky-workbench) .metrics-strip .metric strong.batch-number{font-size:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .metric-icon{width:calc(var(--cp-font-1) * 30);height:calc(var(--cp-font-1) * 30)}.sky-workbench.app-shell.sidebar-hidden .right-panel{top:calc(var(--cp-font-1) * 88);right:calc(var(--cp-font-1) * 24);width:calc(var(--cp-font-1) * 328);bottom:calc(var(--cp-font-1) * 54);background:var(--panel);border-radius:calc(var(--cp-font-1) * 16);-webkit-backdrop-filter:none;backdrop-filter:none}:where(.sky-workbench) .panel-heading{background:var(--panel);border-bottom:1px solid var(--border);height:calc(var(--cp-font-1) * 54)}:where(.sky-workbench) .process-panel{left:calc(var(--cp-font-1) * 220);right:calc(var(--cp-font-1) * 376);height:calc(var(--cp-font-1) * 230);bottom:calc(var(--cp-font-1) * 54);background:var(--panel);border-radius:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .map-legend{left:calc(var(--cp-font-1) * 24);bottom:calc(var(--cp-font-1) * 54);width:calc(var(--cp-font-1) * 170);background:var(--panel);border-radius:calc(var(--cp-font-1) * 14)}:where(.sky-workbench) .legend-colors{flex-wrap:wrap;row-gap:calc(var(--cp-font-1) * 8)}:where(.sky-workbench) .legend-colors i{width:calc(var(--cp-font-1) * 36)}:where(.sky-workbench) .map-tools{right:calc(var(--cp-font-1) * 366);top:calc(var(--cp-font-1) * 186)}:where(.sky-workbench) .app-header .brand strong{font-size:calc(var(--cp-font-1) * 18)}@media (max-width: 1100px){:where(.sky-workbench) .metrics-strip .metric-icon{display:none}:where(.sky-workbench) .metrics-strip .metric{padding-inline:calc(var(--cp-font-1) * 10)}}@media (max-width: 900px){.sky-workbench.app-shell.sidebar-hidden .metrics-strip{left:calc(var(--cp-font-1) * 180);right:calc(var(--cp-font-1) * 290);grid-template-columns:repeat(2,minmax(0,1fr))}.sky-workbench.app-shell.sidebar-hidden .right-panel{top:calc(var(--cp-font-1) * 88);width:calc(var(--cp-font-1) * 250);right:calc(var(--cp-font-1) * 16)}:where(.sky-workbench) .process-panel{left:calc(var(--cp-font-1) * 180);right:calc(var(--cp-font-1) * 290)}:where(.sky-workbench) .map-tools{right:calc(var(--cp-font-1) * 278);top:calc(var(--cp-font-1) * 200)}}.sky-workbench.app-shell.sidebar-hidden .app-header{pointer-events:none}.sky-workbench.app-shell.sidebar-hidden .app-header .header-menu{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;max-width:calc(100% - var(--userssite-space-m, 12px) * 2)}.sky-workbench.app-shell.sidebar-hidden .app-header .brand,.sky-workbench.app-shell.sidebar-hidden .app-header .header-actions{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--userssite-radius-pill);box-shadow:var(--shadow);filter:none;padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 14)}.sky-workbench.app-shell.sidebar-hidden .app-header .brand{gap:calc(var(--cp-font-1) * 10)}.sky-workbench.app-shell.sidebar-hidden .app-header .site-chip,.sky-workbench.app-shell.sidebar-hidden .app-header .header-separator{display:none}.sky-workbench.app-shell.sidebar-hidden .app-header .header-actions{gap:calc(var(--cp-font-1) * 12)}:where(.sky-workbench) .map-navigation.map-side-menu{position:absolute;z-index:6;left:calc(var(--cp-font-1) * 8);top:calc(var(--cp-font-1) * 88);width:calc(var(--cp-font-1) * 210);height:calc(var(--cp-font-1) * 380);pointer-events:none}:where(.sky-workbench) .map-navigation .tree-node,:where(.sky-workbench) .map-navigation .tree-search{pointer-events:auto}:where(.sky-workbench) .layer-control-panel{position:absolute;z-index:8;right:calc(var(--cp-font-1) * 420);top:calc(var(--cp-font-1) * 88)}@media (max-width:900px){:where(.sky-workbench) .layer-control-panel{right:calc(var(--cp-font-1) * 310)}}:where(.sky-workbench) .workspace:not(:has(.status-bar)) .map-canvas{bottom:0}.sky-workbench.app-shell.sidebar-hidden .map-top-navigation{pointer-events:auto;position:absolute;left:50%;top:14px;transform:translate(-50%);max-width:calc(100% - 650px)}:where(.sky-workbench) .forecast-form{display:flex;flex-direction:column;gap:10px}:where(.sky-workbench) .forecast-form .field-label{margin:8px 0 0}:where(.sky-workbench) .forecast-form .el-select{width:100%}:where(.sky-workbench) .forecast-form .help-text{margin:0;line-height:1.65}:where(.sky-workbench) .forecast-product-switch{position:absolute;left:24px;top:88px;padding:10px;width:220px;z-index:7}@media (max-width:1100px){.sky-workbench.app-shell.sidebar-hidden .map-top-navigation{top:76px;max-width:calc(100% - 40px)}.sky-workbench.app-shell.sidebar-hidden:has(.map-top-navigation) .right-panel{top:130px}:where(.sky-workbench):has(.map-top-navigation) .map-navigation{top:130px}:where(.sky-workbench):has(.map-top-navigation) .forecast-product-switch{top:130px}}:where(.sky-workbench) .forecast-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px}:where(.sky-workbench) .forecast-legend span{display:flex;align-items:center;gap:8px}:where(.sky-workbench) .forecast-legend i{width:24px;height:8px;border-radius:3px;flex-shrink:0}.sky-workbench.app-shell.sidebar-hidden.forecast-workspace .process-panel{left:24px}:where(.sky-workbench) .forecast-form .el-checkbox-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}:where(.sky-workbench) .el-select .el-select__input,:where(.sky-workbench) .el-cascader .el-cascader__search-input{padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:var(--el-select-multiple-input-color, var(--userssite-color-text));font:inherit}:where(.sky-workbench) .el-select .el-select__input:focus-visible,:where(.sky-workbench) .el-cascader .el-cascader__search-input:focus-visible{outline:none}.sky-workbench .business-embed{position:absolute;top:74px;right:16px;bottom:40px;left:225px;width:calc(100% - 241px);height:calc(100% - 114px);border:0;background:var(--panel);border-radius:12px}.sky-workbench.management-login-page{display:flex;flex-direction:column;padding:36px 5vw;background:radial-gradient(ellipse at 15% 40%,var(--el-color-primary-light-9),transparent 65%),var(--bg)}.sky-workbench .login-brand{display:flex;align-items:center;gap:12px;font-size:20px}.sky-workbench .login-brand img{width:40px;height:40px}.sky-workbench .login-brand span{color:var(--muted);font-size:14px;border-left:1px solid var(--border);padding-left:18px}.sky-workbench .login-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:80px;align-items:center;width:100%;max-width:1120px;margin:auto}.sky-workbench .login-intro>span{color:var(--primary);font-size:12px;letter-spacing:3px}.sky-workbench .login-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.4;margin:24px 0}.sky-workbench .login-intro p,.sky-workbench .login-card p{color:var(--muted);line-height:1.8}.sky-workbench .login-card{border-radius:20px}.sky-workbench .login-card .el-card__body{padding:36px}.sky-workbench .login-card h2{font-size:26px;margin-bottom:12px}.sky-workbench .login-card .el-form{margin-top:28px}.sky-workbench .login-submit{width:100%;height:44px}.sky-workbench .login-demo-note{font-size:12px;margin-top:18px}@media (max-width:800px){.sky-workbench .login-layout{display:flex;justify-content:center}.sky-workbench .login-intro{display:none}.sky-workbench .login-card{width:min(420px,100%)}}.sky-workbench.management-layout{grid-template-columns:220px minmax(0,1fr);grid-template-rows:66px minmax(0,1fr);background:var(--bg)}.sky-workbench.management-layout .app-header{position:static;background:var(--panel);pointer-events:auto}.sky-workbench.management-layout .workspace{grid-column:2;grid-row:2;overflow:hidden}.sky-workbench.management-layout .data-workspace{height:100%;overflow:auto;padding:28px 32px 60px}.sky-workbench .management-sidebar{display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);min-height:0}.sky-workbench .management-sidebar-title{padding:26px 24px 12px;color:var(--muted);font-size:12px}.sky-workbench .management-sidebar .vertical-menu{width:100%;padding:16px 12px;border:0;border-radius:0;background:transparent}.sky-workbench .management-sidebar-note{margin-top:auto;padding:24px;color:var(--muted);font-size:12px;line-height:1.8}.sky-workbench .management-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.sky-workbench .management-metrics span,.sky-workbench .management-metrics p{color:var(--muted);font-size:12px}.sky-workbench .management-metrics h2{font-size:28px;margin:12px 0}.sky-workbench .management-card{margin-top:24px}.sky-workbench .account-entry.el-button{padding:0;height:auto;display:inline-flex;align-items:center;gap:8px}.management-login .el-form{margin-top:24px}.management-login .el-form p{color:var(--el-text-color-secondary);font-size:13px}@media (max-width:900px){.sky-workbench.management-layout{grid-template-columns:170px minmax(0,1fr)}.sky-workbench.management-layout .data-workspace{padding:20px 18px 50px}.sky-workbench .management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-workbench.management-layout .app-header{flex-wrap:nowrap}.sky-workbench.management-layout .header-actions{gap:4px}}.sky-workbench.management-layout>.management-sidebar{grid-column:1;grid-row:2;overflow-y:auto}.sky-workbench.management-layout{font-size:max(14px,var(--userssite-font-size-body, 14px));line-height:1.6}.sky-workbench.management-layout .data-title h1{font-size:24px;line-height:1.4;font-weight:600}.sky-workbench.management-layout .breadcrumb,.sky-workbench.management-layout .data-title p,.sky-workbench.management-layout .management-sidebar-note,.sky-workbench.management-layout .management-metrics span,.sky-workbench.management-layout .management-metrics p{font-size:12px;line-height:1.6}.sky-workbench.management-layout .management-card .el-card__header{font-size:16px;line-height:1.5}.sky-workbench.management-layout .el-table{--el-table-font-size: 14px;font-family:var(--userssite-font-family-sans);font-size:14px;color:var(--userssite-color-text)}.sky-workbench.management-layout .el-table .cell{font-size:inherit;line-height:22px}.sky-workbench.management-layout .el-table th.el-table__cell{color:var(--userssite-color-text);font-weight:600}.sky-workbench.management-layout .el-table td.el-table__cell{padding-block:12px}.sky-workbench.management-layout .el-form-item__label,.sky-workbench.management-layout .el-input__inner,.sky-workbench.management-layout .el-select__wrapper,.sky-workbench.management-layout .el-checkbox__label,.sky-workbench.management-layout .el-button{font-size:14px}.sky-workbench.management-layout .el-tag,.sky-workbench.management-layout .el-alert__title,.sky-workbench.management-layout .el-alert__description{font-size:13px;line-height:1.6}.sky-workbench.management-layout .el-table table{font-size:14px;border-collapse:separate}.sky-workbench.management-layout .el-table .el-table__cell{font-size:14px;padding-inline:0}.sky-workbench.management-layout .el-table .cell{font-size:14px}.sky-workbench.management-layout .el-table td:nth-child(2){width:auto}.sky-layer-control[data-v-bed4a806]{width:310px;max-height:calc(100dvh - 120px);overflow:auto;padding:16px;border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);background:var(--userssite-color-panel);color:var(--userssite-color-text);box-shadow:var(--userssite-shadow-panel)}header[data-v-bed4a806],.sky-layer-heading[data-v-bed4a806],.sky-layer-row[data-v-bed4a806]{display:flex;align-items:center;justify-content:space-between;gap:8px}header[data-v-bed4a806]{border-bottom:1px solid var(--userssite-color-border);padding-bottom:8px}.sky-layer-section[data-v-bed4a806]{display:grid;gap:10px;margin-top:14px}.sky-layer-row[data-v-bed4a806]{width:100%;font-size:12px}.sky-layer-row span[data-v-bed4a806]{flex:1}.sky-layer-row .el-checkbox[data-v-bed4a806]{margin-right:0}.sky-layer-opacity[data-v-bed4a806],footer[data-v-bed4a806]{font-size:11px;color:var(--userssite-color-muted)}footer[data-v-bed4a806]{margin-top:12px}.el-tree[data-v-bed4a806]{background:transparent;color:inherit}.el-tree[data-v-bed4a806] .el-tree-node__content{height:38px}.sky-template-layout[data-v-27ef7970]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--template-panel-width: calc(var(--cp-font-1, 1px) * 328);--template-edge: calc(var(--cp-font-1, 1px) * 24);--template-gap: calc(var(--cp-font-1, 1px) * 12);--template-right-offset: var(--template-edge);--template-right-top: calc(var(--cp-font-1, 1px) * 88);--template-right-bottom: calc(var(--cp-font-1, 1px) * 54)}.is-right-open[data-v-27ef7970]{--template-right-offset: calc(var(--template-edge) + var(--template-panel-width) + var(--template-gap))}.sky-template-layout__left[data-v-27ef7970]{position:absolute;display:flex;min-height:0;top:var(--template-right-top);bottom:var(--template-right-bottom);left:var(--template-edge);width:var(--template-left-width);pointer-events:auto}.sky-template-layout__top[data-v-27ef7970]{position:absolute;top:var(--template-right-top);left:var(--template-edge);pointer-events:auto}.sky-template-layout__toolbar[data-v-27ef7970]{position:absolute;top:var(--template-toolbar-top, var(--template-right-top));right:var(--template-right-offset);z-index:8;pointer-events:auto}.sky-template-layout__right[data-v-27ef7970]{display:flex;min-height:0;overflow:hidden;position:absolute;top:var(--template-right-top);right:var(--template-edge);bottom:var(--template-right-bottom);width:var(--template-panel-width);pointer-events:auto}.sky-template-layout__legend[data-v-27ef7970]{position:absolute;right:var(--template-right-offset);bottom:calc(var(--template-right-bottom) + max(var(--template-timeline-height, 0px),var(--map-global-timeline-height, 0px)) + var(--template-gap));pointer-events:auto}.sky-template-layout__timeline[data-v-27ef7970]{display:flex;flex-direction:column;gap:var(--template-gap);position:absolute;z-index:12;left:var(--template-left-offset, var(--template-edge));right:var(--template-right-offset);bottom:var(--template-edge);pointer-events:auto}.sky-template-layout__content[data-v-27ef7970]{display:contents}.sky-template-layout__content[data-v-27ef7970] .floating{pointer-events:auto}@media (max-width: 900px){.sky-template-layout[data-v-27ef7970]{--template-panel-width: calc(var(--cp-font-1, 1px) * 250);--template-edge: calc(var(--cp-font-1, 1px) * 16)}}.sky-workbench.app-shell .sky-template-layout .sky-template-layout__right .right-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sky-workbench.app-shell .sky-template-layout .sky-template-layout__toolbar .map-tools,.sky-workbench.app-shell .sky-template-layout .sky-template-layout__toolbar .map-toolbar{position:static;inset:auto}.sky-workbench.app-shell .sky-template-layout .sky-template-layout__toolbar .layer-control-panel{right:calc(100% + var(--template-gap));top:calc(var(--template-right-top) - var(--template-toolbar-top, var(--template-right-top)))}.sky-template-layout__right .rainfall-ranking{border-radius:var(--userssite-radius-m)}.sky-template-layout:not(.sky-template-layout--atlas) .sky-template-layout__content .atlas-map-title{top:calc(var(--cp-font-1) * 90)}.sky-template-layout__content .atlas-map-title.is-right-open{right:var(--template-right-offset)}.sky-template-layout:not(.sky-template-layout--atlas) .sky-template-layout__timeline:has(.rainfall-process){left:calc(var(--cp-font-1) * 180);bottom:0}.sky-station-popup{padding:8px;font-size:12px}.sky-station-popup p{margin:4px 0 0}.sky-template-layout__toolbar:has(.sky-station-comparison){display:flex;flex-direction:column;align-items:flex-end}.sky-template-layout__toolbar .sky-station-comparison{position:absolute;right:calc(100% + var(--template-gap));top:0}.sky-template-layout__toolbar .atlas-right-toggle-button{pointer-events:auto}.sky-template-layout--atlas{top:calc(var(--cp-font-1) * 66);--template-panel-width: var(--userssite-rightpanel-width);--template-edge: 0px;--template-gap: calc(var(--cp-font-1) * 12)}.sky-template-layout--atlas .sky-template-layout__right{top:0;bottom:0;right:0}.sky-template-layout--atlas .sky-template-layout__right .rainfall-ranking{border-radius:0}.sky-template-layout--atlas .sky-template-layout__toolbar{top:calc(var(--cp-font-1) * 12)}.sky-template-layout--atlas:not(.is-right-open){--template-right-offset: calc(var(--cp-font-1) * 12)}.sky-template-layout--atlas .sky-template-layout__legend{bottom:calc(var(--cp-font-1) * 12 + max(var(--template-timeline-height, 0px),var(--map-global-timeline-height, 0px)))}.sky-template-layout--atlas .sky-template-layout__timeline{left:calc(var(--cp-font-1) * 28);bottom:calc(var(--cp-font-1) * 8)}.sky-template-layout--atlas .sky-template-layout__content .atlas-map-title.is-right-open{right:var(--template-panel-width)}.sky-template-layout--atlas .sky-template-layout__toolbar .layer-control-panel{top:0}.sky-template-layout__toolbar .map-operation-panel,.sky-template-layout__toolbar .space-analysis-panel{position:absolute;right:calc(100% + var(--template-gap));top:0;width:330px;max-height:calc(100dvh - 100px);overflow:auto}.sky-map-page-layout[data-v-76aa1fb8]{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;pointer-events:none;--map-layout-layer-content: 1;--map-layout-layer-panel: 2;--map-layout-layer-legend: 3;--map-layout-layer-toolbar: 4;--map-layout-layer-focus: 5;--map-layout-layer-hover: 6}.map-region[data-v-76aa1fb8]{position:absolute;min-width:0;min-height:0;pointer-events:auto;z-index:var(--map-layout-layer-panel);max-width:calc(100% - var(--map-layout-edge) * 2);overflow:visible}.map-region--left[data-v-76aa1fb8]{top:var(--map-layout-top);bottom:var(--map-layout-bottom);left:var(--map-layout-edge);width:var(--map-layout-left-width);overflow:auto}.map-region--top[data-v-76aa1fb8]{top:var(--map-layout-top);left:var(--map-layout-left-offset);width:fit-content;max-width:max(0px,calc(100% - var(--map-layout-left-offset) - var(--map-layout-right-offset)))}.map-region--toolbar[data-v-76aa1fb8]{top:var(--map-layout-top);right:var(--map-layout-right-offset);z-index:var(--map-layout-layer-toolbar);pointer-events:none}.map-region--toolbar[data-v-76aa1fb8]>*{pointer-events:auto}.map-region--right[data-v-76aa1fb8]{display:flex;flex-direction:column;top:var(--map-layout-top);right:var(--map-layout-edge);bottom:var(--map-layout-bottom);width:var(--map-layout-right-width)}.map-right-content[data-v-76aa1fb8]{flex:1;min-height:0;overflow:auto}.map-region--legend[data-v-76aa1fb8]{right:var(--map-layout-right-offset);bottom:calc(var(--map-layout-timeline-bottom, var(--map-layout-bottom)) + var(--map-layout-timeline-height) + var(--map-layout-gap));max-height:max(0px,calc(100% - var(--map-layout-top) - var(--map-layout-timeline-height) - var(--map-layout-bottom) - var(--map-layout-gap)));z-index:var(--map-layout-layer-legend)}.map-region--timeline[data-v-76aa1fb8]{left:var(--map-layout-left-offset);right:var(--map-layout-right-offset);bottom:var(--map-layout-bottom);display:flex;flex-direction:column;gap:var(--map-layout-gap);max-height:calc(100% - var(--map-layout-top) - var(--map-layout-bottom))}.map-region[data-v-76aa1fb8]:focus-within{z-index:var(--map-layout-layer-focus)}.map-region[data-v-76aa1fb8]:hover{z-index:var(--map-layout-layer-hover)}.map-content[data-v-76aa1fb8]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--map-layout-layer-content);pointer-events:none}.map-content[data-v-76aa1fb8] .floating{pointer-events:auto}.atlas-ranking-panel[data-v-51c665ea]{box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden}.rainfall-ranking[data-v-42106266]{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden;background:var(--userssite-app-rightpanel-bg);color:var(--userssite-color-text)}.rainfall-ranking__header[data-v-42106266]{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:calc(var(--cp-font-1) * 54);background:var(--userssite-ranking-header-bg);color:var(--userssite-right-panel-header-text);padding:0 calc(var(--cp-font-1) * 18);box-shadow:0 calc(var(--cp-font-1) * 1) calc(var(--cp-font-1) * 8) color-mix(in oklab,var(--userssite-color-primary) 22%,transparent)}.rainfall-ranking__heading[data-v-42106266]{display:grid;gap:calc(var(--cp-font-1) * 3)}.rainfall-ranking__header h3[data-v-42106266]{margin:0;font-size:var(--cp-font-19);font-weight:900;line-height:calc(var(--cp-font-1) * 23)}.rainfall-ranking__header span[data-v-42106266]{color:color-mix(in oklab,var(--userssite-color-on-primary) 82%,transparent);font-size:var(--cp-font-13);font-weight:800;line-height:calc(var(--cp-font-1) * 16)}.rainfall-ranking__close[data-v-42106266]{display:grid;width:calc(var(--cp-font-1) * 30);height:calc(var(--cp-font-1) * 30);place-items:center;border:0;border-radius:var(--userssite-radius-s);background:transparent;color:currentColor;cursor:pointer;font-size:var(--cp-font-18);transition:background var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.rainfall-ranking__close[data-v-42106266]:hover{background:color-mix(in oklab,var(--userssite-color-on-primary) 18%,transparent);transform:translateY(calc(var(--cp-font-1) * -1))}.rainfall-ranking__source[data-v-42106266]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--cp-font-1) * 8);align-items:center;padding:0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 8);color:var(--userssite-color-muted);font-size:var(--cp-font-12);font-weight:850}.rainfall-ranking__source-select[data-v-42106266]{width:100%}.rainfall-ranking__source-select[data-v-42106266] .el-select__wrapper{min-height:calc(var(--cp-font-1) * 30);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) var(--userssite-color-soft-border) inset}.rainfall-ranking__source-select[data-v-42106266] .el-select__wrapper:hover,.rainfall-ranking__source-select[data-v-42106266] .el-select__wrapper.is-focused{box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,#2f8bd6 46%,transparent) inset}.rainfall-ranking__source-select[data-v-42106266] .el-select__selected-item{color:color-mix(in oklab,var(--userssite-color-text) 82%,transparent);font-size:var(--cp-font-12);font-weight:850}.rainfall-ranking__levels[data-v-42106266]{display:grid;flex:0 0 auto;grid-template-columns:repeat(7,minmax(0,1fr));padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 8)}.level-chip[data-v-42106266]{display:flex;min-height:calc(var(--cp-font-1) * 24);min-width:0;flex-direction:column;align-items:stretch;gap:calc(var(--cp-font-1) * 4);border:0;border-radius:var(--userssite-radius-s);background:transparent;color:var(--userssite-color-text);cursor:pointer;padding:calc(var(--cp-font-1) * 3);text-align:center;transition:box-shadow var(--userssite-motion-fast) var(--userssite-motion-ease),transform var(--userssite-motion-fast) var(--userssite-motion-ease)}.level-chip[data-v-42106266]:hover,.level-chip.is-active[data-v-42106266]{box-shadow:inset 0 calc(var(--cp-font-1) * -2) 0 var(--level-color);transform:translateY(calc(var(--cp-font-1) * -1))}.level-chip.is-hidden-level[data-v-42106266]{opacity:.42}.level-chip__color[data-v-42106266]{display:grid;width:100%;height:calc(var(--cp-font-1) * 20);place-items:center;border-radius:calc(var(--cp-font-1) * 3);background:var(--level-color);color:var(--level-text);font-size:var(--cp-font-12);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 22%,transparent)}.level-chip.is-empty-level .level-chip__color[data-v-42106266]{border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 86%,var(--userssite-color-text));box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 64%,transparent),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-border) 48%,transparent)}.rainfall-ranking__tools[data-v-42106266]{display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--cp-font-1) * 6);align-items:center;padding:calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 8)}.rainfall-ranking__tools[data-v-42106266] .el-input__wrapper{min-height:calc(var(--cp-font-1) * 34);border-radius:var(--userssite-radius-s);background:var(--userssite-input-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) var(--userssite-color-soft-border) inset}.rainfall-ranking__tools[data-v-42106266] .el-input__wrapper.is-focus,.rainfall-ranking__tools[data-v-42106266] .el-input__wrapper:hover{box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 46%,transparent) inset}.rainfall-ranking__tools[data-v-42106266] .el-input__inner{color:var(--userssite-color-text);font-size:var(--cp-font-13)}.rainfall-ranking__tool-actions[data-v-42106266]{display:inline-grid;grid-template-columns:repeat(3,calc(var(--cp-font-1) * 32));gap:calc(var(--cp-font-1) * 5);align-items:center}.tool-icon-button[data-v-42106266]{display:grid;width:calc(var(--cp-font-1) * 32);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:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--cp-font-15);font-weight:850;padding:0;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)}.rainfall-ranking__date[data-v-42106266]{display:grid;grid-template-columns:calc(var(--cp-font-1) * 28) minmax(0,1fr);gap:calc(var(--cp-font-1) * 5);flex:0 0 auto;padding:0 calc(var(--cp-font-1) * 10)}.rainfall-ranking__date-label[data-v-42106266]{align-self:center;color:var(--userssite-color-muted);font-size:var(--cp-font-12);font-weight:700;line-height:calc(var(--cp-font-1) * 32);text-align:center;white-space:nowrap}.quick-query-button[data-v-42106266]{display:grid;width:calc(var(--cp-font-1) * 28);height:calc(var(--cp-font-1) * 24);place-items:center;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--cp-font-16);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)}.quick-query-button[data-v-42106266]:hover,.quick-query-button.is-open[data-v-42106266]{border-color:color-mix(in oklab,#2f8bd6 46%,transparent);background:color-mix(in oklab,#2f8bd6 10%,var(--userssite-color-panel));color:#2f8bd6}.rainfall-ranking__date-picker[data-v-42106266]{width:100%;--el-date-editor-width: 100%}.rainfall-ranking__date-picker[data-v-42106266] .el-input__wrapper{min-height:calc(var(--cp-font-1) * 34);padding-right:calc(var(--cp-font-1) * 7);padding-left:calc(var(--cp-font-1) * 7);border-radius:var(--userssite-radius-s);background:var(--userssite-input-bg);box-shadow:0 0 0 calc(var(--cp-font-1) * 1) var(--userssite-color-soft-border) inset}.rainfall-ranking__date-picker[data-v-42106266] .el-input__wrapper:hover,.rainfall-ranking__date-picker[data-v-42106266] .el-input__wrapper.is-focus{box-shadow:0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-primary) 46%,transparent) inset}.rainfall-ranking__date-picker[data-v-42106266] .el-input__inner{color:var(--userssite-color-text);font-size:var(--cp-font-13)}.rainfall-ranking__date-picker[data-v-42106266] .el-range-input{flex:1 1 0;min-width:0;color:var(--userssite-color-text);font-size:calc(var(--cp-font-1) * 11);font-weight:750}.rainfall-ranking__date-picker[data-v-42106266] .el-range-separator{flex:0 0 calc(var(--cp-font-1) * 16);width:calc(var(--cp-font-1) * 16);color:var(--userssite-color-muted);font-size:calc(var(--cp-font-1) * 11);padding:0}.rainfall-ranking__date-picker[data-v-42106266] .el-range__icon,.rainfall-ranking__date-picker[data-v-42106266] .el-range__close-icon{flex:0 0 calc(var(--cp-font-1) * 14);width:calc(var(--cp-font-1) * 14);margin-right:calc(var(--cp-font-1) * 2);margin-left:0;font-size:var(--cp-font-12)}.rainfall-ranking__date-picker[data-v-42106266] .el-range__icon{display:none}.rainfall-ranking__quick-list[data-v-42106266]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--cp-font-1) * 6);padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 10) 0 calc(var(--cp-font-1) * 43)}.quick-range-chip[data-v-42106266]{height:calc(var(--cp-font-1) * 27);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:color-mix(in oklab,var(--userssite-color-text) 76%,transparent);cursor:pointer;font-size:var(--cp-font-12);font-weight:850;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)}.quick-range-chip[data-v-42106266]:hover,.quick-range-chip.is-active[data-v-42106266]{border-color:color-mix(in oklab,#2f8bd6 46%,transparent);background:color-mix(in oklab,#2f8bd6 10%,var(--userssite-color-panel));color:#2f8bd6}.tool-icon-button[data-v-42106266]:hover,.tool-icon-button.is-open[data-v-42106266],.sort-button[data-v-42106266]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 42%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary)}.rainfall-ranking__table[data-v-42106266]{--rainfall-row-height: calc(var(--cp-font-1) * 54);--rainfall-row-card-height: calc(var(--cp-font-1) * 48);--rainfall-row-gap: calc(var(--cp-font-1) * 6);--rainfall-head-height: calc(var(--cp-font-1) * 30);flex:1 1 auto;min-height:0;overflow:hidden auto;padding:0 calc(var(--cp-font-1) * 14) calc(var(--cp-font-1) * 14);scrollbar-color:var(--userssite-scrollbar-thumb) var(--userssite-scrollbar-track);scrollbar-width:thin}.rainfall-ranking__table[data-v-42106266]::-webkit-scrollbar{width:calc(var(--cp-font-1) * 6)}.rainfall-ranking__table[data-v-42106266]::-webkit-scrollbar-track{background:var(--userssite-scrollbar-track)}.rainfall-ranking__table[data-v-42106266]::-webkit-scrollbar-thumb{border-radius:calc(var(--cp-font-1) * 999);background:var(--userssite-scrollbar-thumb)}.rainfall-ranking__thead[data-v-42106266],.rainfall-ranking__row[data-v-42106266]{display:grid;grid-template-columns:calc(var(--cp-font-1) * 46) minmax(calc(var(--cp-font-1) * 92),1fr) calc(var(--cp-font-1) * 42) calc(var(--cp-font-1) * 58);align-items:center;gap:calc(var(--cp-font-1) * 7)}.rainfall-ranking__thead[data-v-42106266]{position:sticky;top:0;z-index:1;min-height:var(--rainfall-head-height);border-bottom:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:var(--userssite-color-muted);font-size:var(--cp-font-12);font-weight:850;padding:0 calc(var(--cp-font-1) * 8)}.rainfall-ranking__virtual-list[data-v-42106266]{position:relative;width:100%}.rainfall-ranking__virtual-item[data-v-42106266]{position:absolute;top:0;right:0;left:0;height:var(--rainfall-row-height)}.rainfall-ranking__row[data-v-42106266]{box-sizing:border-box;width:100%;height:var(--rainfall-row-card-height);margin-top:var(--rainfall-row-gap);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--level-color) 20%,var(--userssite-color-border));border-radius:var(--userssite-radius-s);background:linear-gradient(90deg,color-mix(in oklab,var(--level-color) 8%,transparent),transparent 48%),color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:var(--userssite-color-text);cursor:pointer;font-size:var(--cp-font-13);line-height:calc(var(--cp-font-1) * 18);padding:0 calc(var(--cp-font-1) * 8);text-align:left;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)}.rainfall-ranking__row[data-v-42106266]:hover,.rainfall-ranking__row.is-selected[data-v-42106266]{border-color:color-mix(in oklab,var(--level-color) 58%,transparent);background:linear-gradient(90deg,color-mix(in oklab,var(--level-color) 14%,transparent),transparent 58%),color-mix(in oklab,var(--userssite-color-primary) 6%,var(--userssite-color-panel));box-shadow:inset calc(var(--cp-font-1) * 3) 0 0 var(--level-color);transform:translate(calc(var(--cp-font-1) * -1))}.rainfall-ranking__rank[data-v-42106266]{display:inline-grid;width:calc(var(--cp-font-1) * 38);height:calc(var(--cp-font-1) * 24);place-items:center;border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--level-color) 82%,var(--userssite-color-panel));color:var(--userssite-color-white);font-size:var(--cp-font-12);font-variant-numeric:tabular-nums;font-weight:700}.rainfall-ranking__row.is-empty-level .rainfall-ranking__rank[data-v-42106266]{border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 86%,var(--userssite-color-text));color:color-mix(in oklab,var(--userssite-color-text) 82%,transparent);box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 64%,transparent),0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-border) 48%,transparent)}.rainfall-ranking__station[data-v-42106266]{display:flex;min-width:0;align-items:center}.rainfall-ranking__station strong[data-v-42106266]{overflow:hidden;min-width:0;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.rainfall-ranking__station strong[data-v-42106266]{color:var(--userssite-color-text);font-size:var(--cp-font-13);font-weight:800;line-height:calc(var(--cp-font-1) * 18)}.rainfall-ranking__region[data-v-42106266]{overflow:hidden;justify-self:start;max-width:100%;color:color-mix(in oklab,var(--userssite-color-text) 72%,transparent);font-size:var(--cp-font-12);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.rainfall-ranking__value[data-v-42106266]{justify-self:end;color:color-mix(in oklab,var(--userssite-color-text) 82%,transparent);font-size:var(--cp-font-13);font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.rainfall-ranking__empty[data-v-42106266]{display:grid;min-height:calc(var(--cp-font-1) * 140);place-items:center;color:var(--userssite-color-muted);font-size:var(--cp-font-14)}.theme-dark{background:color-mix(in oklab,var(--userssite-color-panel) 92%,transparent)}.theme-dark{background:color-mix(in oklab,var(--userssite-color-primary) 18%,transparent)}.atlas-process-chart[data-v-1c6ea469]{position:relative;width:100%;height:100%;min-height:0}.atlas-process-chart__canvas[data-v-1c6ea469]{width:100%;height:100%}.atlas-process-chart__state[data-v-1c6ea469]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:color-mix(in oklab,var(--userssite-color-panel) 62%,transparent);color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l2)}.rainfall-process[data-v-51213268]{position:relative;display:grid;grid-template-rows:auto auto auto minmax(calc(var(--cp-font-1) * 120),1fr);width:100%;height:calc(var(--cp-font-1) * 342);border:calc(var(--cp-font-1) * 1) solid var(--userssite-map-float-border);border-bottom:0;border-radius:var(--userssite-radius-m) var(--userssite-radius-m) 0 0;background:linear-gradient(180deg,color-mix(in oklab,var(--userssite-color-panel) 98%,transparent),color-mix(in oklab,var(--userssite-color-panel) 92%,transparent)),var(--userssite-color-panel);box-shadow:0 calc(var(--cp-font-1) * -8) calc(var(--cp-font-1) * 26) color-mix(in oklab,var(--userssite-shadow-color) 76%,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));pointer-events:all}.rainfall-process__handle[data-v-51213268]{width:calc(var(--cp-font-1) * 52);height:calc(var(--cp-font-1) * 4);margin:calc(var(--cp-font-1) * 7) auto calc(var(--cp-font-1) * 4);border-radius:999px;background:color-mix(in oklab,var(--userssite-color-muted) 32%,transparent)}.rainfall-process__header[data-v-51213268]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;align-items:center;gap:calc(var(--cp-font-1) * 18);min-height:calc(var(--cp-font-1) * 40);padding:0 calc(var(--cp-font-1) * 16) calc(var(--cp-font-1) * 8);border-bottom:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border)}.rainfall-process__heading[data-v-51213268]{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 10);white-space:nowrap}.rainfall-process__heading strong[data-v-51213268]{color:var(--userssite-color-primary);font-size:calc(var(--cp-font-1) * 18);font-weight:900}.rainfall-process__heading span[data-v-51213268]{color:var(--userssite-color-text);font-size:var(--userssite-font-size-l1);font-weight:800}.rainfall-process__summary[data-v-51213268]{display:flex;min-width:0;align-items:center;gap:calc(var(--cp-font-1) * 16);overflow:hidden;color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3);white-space:nowrap}.rainfall-process__summary strong[data-v-51213268]{color:var(--userssite-color-primary);font-weight:900}.rainfall-process__actions[data-v-51213268]{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 8)}.rainfall-process__icon[data-v-51213268]{display:grid;width:calc(var(--cp-font-1) * 28);height:calc(var(--cp-font-1) * 28);flex:0 0 auto;place-items:center;border:0;border-radius:var(--userssite-radius-s);background:transparent;color:var(--userssite-color-text);cursor:pointer;font-size:calc(var(--cp-font-1) * 24);font-weight:700}.rainfall-process__icon[data-v-51213268]:hover{background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary)}.rainfall-process__query[data-v-51213268]{display:grid;grid-template-columns:minmax(calc(var(--cp-font-1) * 300),calc(var(--cp-font-1) * 430)) minmax(calc(var(--cp-font-1) * 220),calc(var(--cp-font-1) * 330)) auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--cp-font-1) * 8);padding:calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 16);border-bottom:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border)}.rainfall-process__range[data-v-51213268],.rainfall-process__station-select[data-v-51213268]{width:100%}.rainfall-process__range[data-v-51213268] .el-input__wrapper,.rainfall-process__station-select[data-v-51213268] .el-select__wrapper,.rainfall-process__station-select[data-v-51213268] .el-select-v2__wrapper{min-height:calc(var(--cp-font-1) * 30);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-surface-control) 94%,transparent);box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) var(--userssite-color-soft-border)}.rainfall-process__range[data-v-51213268] .el-range-input,.rainfall-process__range[data-v-51213268] .el-range-separator,.rainfall-process__station-select[data-v-51213268] .el-select__selected-item,.rainfall-process__station-select[data-v-51213268] .el-select-v2__selected-item{color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3)}.rainfall-process__primary[data-v-51213268],.rainfall-process__export[data-v-51213268],.rainfall-process__quick button[data-v-51213268]{height:calc(var(--cp-font-1) * 30);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 45%,var(--userssite-color-border));border-radius:var(--userssite-radius-s);cursor:pointer;font-size:var(--userssite-font-size-l3);font-weight:800;white-space:nowrap}.rainfall-process__primary[data-v-51213268],.rainfall-process__export[data-v-51213268]{padding:0 calc(var(--cp-font-1) * 14);background:var(--userssite-surface-control);color:var(--userssite-color-primary)}.rainfall-process__primary[data-v-51213268]{background:var(--userssite-color-primary);color:var(--userssite-color-on-primary)}.rainfall-process__primary[data-v-51213268]:disabled,.rainfall-process__export[data-v-51213268]:disabled{cursor:not-allowed;opacity:.48}.rainfall-process__quick[data-v-51213268]{display:flex;min-width:0;align-items:center;gap:calc(var(--cp-font-1) * 6);overflow-x:auto;scrollbar-width:none}.rainfall-process__quick[data-v-51213268]::-webkit-scrollbar{display:none}.rainfall-process__quick button[data-v-51213268]{padding:0 calc(var(--cp-font-1) * 12);background:color-mix(in oklab,var(--userssite-color-panel) 82%,transparent);color:var(--userssite-color-primary)}.rainfall-process__quick button.is-active[data-v-51213268],.rainfall-process__quick button[data-v-51213268]:hover,.rainfall-process__export[data-v-51213268]:hover{background:var(--userssite-surface-control-hover)}.rainfall-process__body[data-v-51213268]{position:relative;min-height:calc(var(--cp-font-1) * 120)}.map-value-legend[data-v-6e9fad01]{display:grid;width:calc(var(--cp-font-1) * 170);gap:calc(var(--cp-font-1) * 8);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 68%,transparent);border-radius:var(--userssite-radius-s);background:linear-gradient(180deg,color-mix(in oklab,var(--userssite-color-primary) 6%,transparent),transparent calc(var(--cp-font-1) * 48)),var(--userssite-map-float-bg);box-shadow:0 calc(var(--cp-font-1) * 12) calc(var(--cp-font-1) * 28) color-mix(in oklab,var(--userssite-shadow-color) 34%,transparent),inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight);color:var(--userssite-color-text);padding:calc(var(--cp-font-1) * 10);-webkit-backdrop-filter:saturate(1.12) blur(calc(var(--cp-font-1) * 8));backdrop-filter:saturate(1.12) blur(calc(var(--cp-font-1) * 8));transition:width var(--userssite-motion-base) var(--userssite-motion-ease),padding var(--userssite-motion-base) var(--userssite-motion-ease),background var(--userssite-motion-fast) var(--userssite-motion-ease)}.map-value-legend.is-collapsed[data-v-6e9fad01]{width:auto;padding:calc(var(--cp-font-1) * 8)}.map-value-legend__header[data-v-6e9fad01],.map-value-legend__title[data-v-6e9fad01],.map-value-legend__item[data-v-6e9fad01]{display:flex;align-items:center}.map-value-legend__header[data-v-6e9fad01]{justify-content:space-between;gap:calc(var(--cp-font-1) * 8);min-height:calc(var(--cp-font-1) * 22);padding-bottom:calc(var(--cp-font-1) * 4);border-bottom:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 52%,transparent)}.map-value-legend.is-collapsed .map-value-legend__header[data-v-6e9fad01]{padding-bottom:0;border-bottom:0}.map-value-legend__title[data-v-6e9fad01]{min-width:0;gap:calc(var(--cp-font-1) * 7);font-size:var(--userssite-font-size-caption)}.map-value-legend__mark[data-v-6e9fad01]{flex:0 0 auto;width:calc(var(--cp-font-1) * 4);height:calc(var(--cp-font-1) * 14);border-radius:calc(var(--cp-font-1) * 99);background:var(--userssite-color-primary)}.map-value-legend__unit[data-v-6e9fad01]{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-micro);font-weight:700}.map-value-legend__actions[data-v-6e9fad01]{display:inline-flex;flex:0 0 auto;align-items:center;gap:calc(var(--cp-font-1) * 6)}.map-value-legend__visibility[data-v-6e9fad01],.map-value-legend__collapse[data-v-6e9fad01]{display:grid;width:calc(var(--cp-font-1) * 22);height:calc(var(--cp-font-1) * 22);place-items:center;border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 60%,transparent);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--userssite-font-size-body);padding:0}.map-value-legend__visibility[data-v-6e9fad01]:hover,.map-value-legend__collapse[data-v-6e9fad01]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 45%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary)}.map-value-legend__visibility[aria-pressed=true][data-v-6e9fad01]{color:var(--userssite-color-primary)}.map-value-legend__list[data-v-6e9fad01]{display:grid;gap:calc(var(--cp-font-1) * 5)}.map-value-legend__gradient[data-v-6e9fad01]{display:grid;grid-template-columns:calc(var(--cp-font-1) * 18) minmax(0,1fr);gap:calc(var(--cp-font-1) * 8);min-height:calc(var(--cp-font-1) * 168)}.map-value-legend__gradient-bar[data-v-6e9fad01]{min-height:calc(var(--cp-font-1) * 168);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 58%,transparent);border-radius:calc(var(--cp-font-1) * 3);box-shadow:inset 0 0 0 calc(var(--cp-font-1) * 1) color-mix(in oklab,var(--userssite-color-white) 38%,transparent),0 calc(var(--cp-font-1) * 2) calc(var(--cp-font-1) * 6) color-mix(in oklab,var(--userssite-shadow-color) 22%,transparent)}.map-value-legend__ticks[data-v-6e9fad01]{display:flex;min-height:calc(var(--cp-font-1) * 168);flex-direction:column;justify-content:space-between;list-style:none;margin:0;padding:0}.map-value-legend__ticks li[data-v-6e9fad01]{overflow:hidden;color:var(--userssite-color-muted);font-size:var(--userssite-font-size-micro);font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.map-value-legend__item[data-v-6e9fad01]{display:grid;grid-template-columns:calc(var(--cp-font-1) * 30) minmax(0,1fr);width:100%;min-height:calc(var(--cp-font-1) * 22);align-items:center;column-gap:calc(var(--cp-font-1) * 6);border:0;border-radius:var(--userssite-radius-s);background:transparent;color:var(--userssite-color-text);cursor:pointer;font-size:var(--userssite-font-size-micro);padding:0 calc(var(--cp-font-1) * 3);text-align:left}.map-value-legend.has-counts .map-value-legend__item[data-v-6e9fad01]{grid-template-columns:calc(var(--cp-font-1) * 30) minmax(0,1fr) calc(var(--cp-font-1) * 34)}.map-value-legend.is-toggleable .map-value-legend__item[data-v-6e9fad01]{grid-template-columns:calc(var(--cp-font-1) * 30) minmax(0,1fr) calc(var(--cp-font-1) * 18)}.map-value-legend.has-counts.is-toggleable .map-value-legend__item[data-v-6e9fad01]{grid-template-columns:calc(var(--cp-font-1) * 30) minmax(0,1fr) calc(var(--cp-font-1) * 34) calc(var(--cp-font-1) * 18)}.map-value-legend__item[data-v-6e9fad01]:hover{background:var(--userssite-surface-control-hover)}.map-value-legend__item.is-readonly[data-v-6e9fad01]{cursor:default}.map-value-legend__item.is-readonly[data-v-6e9fad01]:hover{background:transparent}.map-value-legend__item.is-hidden .map-value-legend__color[data-v-6e9fad01],.map-value-legend__item.is-hidden .map-value-legend__label[data-v-6e9fad01]{opacity:.38}.map-value-legend__color[data-v-6e9fad01]{width:calc(var(--cp-font-1) * 28);height:calc(var(--cp-font-1) * 9);border:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-border) 58%,transparent);border-radius:calc(var(--cp-font-1) * 2);background:var(--legend-color)}.map-value-legend__item.is-empty .map-value-legend__color[data-v-6e9fad01]{border-color:color-mix(in oklab,var(--userssite-color-border) 86%,var(--userssite-color-text))}.map-value-legend__label[data-v-6e9fad01]{min-width:0;color:color-mix(in oklab,var(--userssite-color-muted) 72%,var(--userssite-color-text));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-value-legend__count[data-v-6e9fad01]{color:var(--userssite-color-text);font-weight:800;text-align:right}.map-value-legend__icon[data-v-6e9fad01]{justify-self:center;color:var(--userssite-color-primary);font-size:var(--userssite-font-size-body)}.map-value-legend__item.is-hidden .map-value-legend__icon[data-v-6e9fad01]{color:color-mix(in oklab,var(--userssite-color-muted) 54%,transparent)}.sky-station-comparison[data-v-b313b653]{width:320px;padding:var(--userssite-space-m);background:var(--userssite-color-panel);color:var(--userssite-color-text);border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);box-shadow:var(--userssite-shadow-panel);pointer-events:auto}header[data-v-b313b653],footer[data-v-b313b653],.sky-station-comparison__list>div[data-v-b313b653]{display:flex;align-items:center;justify-content:space-between;gap:var(--userssite-space-s)}.sky-station-comparison__list[data-v-b313b653]{max-height:320px;overflow:auto;margin:var(--userssite-space-s) 0}.sky-station-comparison__list .el-checkbox[data-v-b313b653]{min-width:0;flex:1}.sky-station-comparison__list[data-v-b313b653] .el-checkbox__label{overflow:hidden;text-overflow:ellipsis}.map-operation-panel[data-v-ae456827]{min-height:0;max-height:100%;overflow-y:auto;display:grid;gap:var(--userssite-space-m);border:calc(var(--cp-font-1) * 1) solid var(--userssite-map-float-border);border-radius:var(--userssite-radius-m);background:var(--userssite-map-float-bg);box-shadow:var(--userssite-map-float-shadow);color:var(--userssite-color-text);padding:var(--userssite-space-m);-webkit-backdrop-filter:blur(calc(var(--cp-font-1) * 10));backdrop-filter:blur(calc(var(--cp-font-1) * 10))}.map-operation-panel__header[data-v-ae456827],.map-operation-panel__footer[data-v-ae456827]{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cp-font-1) * 10)}.map-operation-panel__header div[data-v-ae456827]{display:grid;gap:calc(var(--cp-font-1) * 4)}.map-operation-panel__header strong[data-v-ae456827]{font-size:var(--userssite-font-size-heading);font-weight:900}.map-operation-panel__header span[data-v-ae456827],.map-operation-panel__footer span[data-v-ae456827],.map-operation-panel__hint[data-v-ae456827]{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-caption);line-height:1.5}.map-operation-panel__group[data-v-ae456827]{display:grid;gap:var(--userssite-space-s);border-top:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);padding-top:var(--userssite-space-m)}.map-operation-panel__group h4[data-v-ae456827]{margin:0;color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);font-weight:900}.map-operation-panel__grid[data-v-ae456827]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--userssite-space-s)}.map-operation-panel__button[data-v-ae456827],.map-operation-panel__ghost[data-v-ae456827],.map-operation-panel__primary[data-v-ae456827]{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-text);cursor:pointer;font-size:var(--userssite-font-size-caption);font-weight:800;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)}.map-operation-panel__button[data-v-ae456827]{min-height:var(--userssite-control-height-m)}.map-operation-panel__button--wide[data-v-ae456827]{grid-column:1 / -1}.map-operation-panel__file-input[data-v-ae456827]{display:none}.map-operation-panel__ghost[data-v-ae456827]{min-height:var(--userssite-control-height-s);padding:0 var(--userssite-space-m)}.map-operation-panel__primary[data-v-ae456827]{border-color:color-mix(in oklab,var(--userssite-color-primary) 52%,transparent);background:var(--userssite-color-primary);color:var(--userssite-color-on-primary);min-height:var(--userssite-control-height-m);padding:0 var(--userssite-space-l)}.map-operation-panel__button[data-v-ae456827]:hover,.map-operation-panel__button.is-active[data-v-ae456827],.map-operation-panel__ghost[data-v-ae456827]:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 56%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.map-operation-panel__button.is-active[data-v-ae456827]{box-shadow:inset calc(var(--cp-font-1) * 3) 0 0 var(--userssite-color-primary)}.map-operation-panel__button.is-danger[data-v-ae456827]{border-color:color-mix(in oklab,var(--userssite-color-danger) 50%,transparent);color:var(--userssite-color-danger)}.map-operation-panel__button[data-v-ae456827]:disabled{cursor:not-allowed;opacity:.45;transform:none}.map-operation-panel__hint[data-v-ae456827]{margin:0}.space-analysis-panel[data-v-79d28485]{display:grid;gap:var(--userssite-space-l);max-height:inherit;overflow-y:auto;border:calc(var(--cp-font-1) * 1) solid var(--userssite-map-float-border);border-radius:var(--userssite-radius-m);background:var(--userssite-map-float-bg);box-shadow:var(--userssite-map-float-shadow);color:var(--userssite-color-text);padding:var(--userssite-space-l);-webkit-backdrop-filter:blur(calc(var(--cp-font-1) * 10));backdrop-filter:blur(calc(var(--cp-font-1) * 10))}.space-analysis-panel__header[data-v-79d28485]{display:flex;align-items:center;justify-content:space-between;gap:var(--userssite-space-m)}.space-analysis-panel__header div[data-v-79d28485]{display:grid;gap:calc(var(--cp-font-1) * 4)}.space-analysis-panel__header strong[data-v-79d28485]{font-size:var(--userssite-font-size-heading);font-weight:900}.space-analysis-panel__header span[data-v-79d28485],.space-analysis-panel__hint[data-v-79d28485],.space-analysis-panel__details dt[data-v-79d28485],.space-analysis-panel__context dt[data-v-79d28485]{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-caption)}.space-analysis-panel__status[data-v-79d28485]{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:color-mix(in oklab,var(--userssite-color-primary) 12%,transparent);color:var(--userssite-color-primary)!important;padding:calc(var(--cp-font-1) * 4) var(--userssite-space-m);font-weight:800}.space-analysis-panel__sources[data-v-79d28485]{display:flex;gap:var(--userssite-space-s);overflow-x:auto}.space-analysis-panel__sources button[data-v-79d28485]{flex:0 0 auto;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-pill);background:var(--userssite-surface-control);color:var(--userssite-color-muted);cursor:pointer;font-size:var(--userssite-font-size-caption);padding:calc(var(--cp-font-1) * 5) var(--userssite-space-m)}.space-analysis-panel__sources button.is-active[data-v-79d28485]{border-color:color-mix(in oklab,var(--userssite-color-primary) 52%,transparent);background:var(--userssite-surface-control-active);color:var(--userssite-color-primary)}.space-analysis-panel__details[data-v-79d28485]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--userssite-space-s);margin:0}.space-analysis-panel__details div[data-v-79d28485]{display:grid;gap:calc(var(--cp-font-1) * 4);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control);padding:var(--userssite-space-m)}.space-analysis-panel__details dt[data-v-79d28485],.space-analysis-panel__details dd[data-v-79d28485]{margin:0}.space-analysis-panel__group[data-v-79d28485]{display:grid;gap:var(--userssite-space-s)}.space-analysis-panel__group h4[data-v-79d28485]{margin:0;font-size:var(--userssite-font-size-body);font-weight:900}.space-analysis-panel__context[data-v-79d28485]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--userssite-space-s);margin:0}.space-analysis-panel__context div[data-v-79d28485]{min-width:0}.space-analysis-panel__context dt[data-v-79d28485],.space-analysis-panel__context dd[data-v-79d28485]{margin:0}.space-analysis-panel__select[data-v-79d28485]{width:100%;min-height:var(--userssite-control-height-m);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);outline:none;background:var(--userssite-input-bg);color:var(--userssite-color-text);font-size:var(--userssite-font-size-caption);padding:0 var(--userssite-space-m)}.space-analysis-panel__select[data-v-79d28485]:focus{border-color:color-mix(in oklab,var(--userssite-color-primary) 58%,transparent)}.space-analysis-panel__context dd[data-v-79d28485]{overflow:hidden;margin-top:calc(var(--cp-font-1) * 3);font-size:var(--userssite-font-size-caption);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.space-analysis-panel__actions[data-v-79d28485]{display:grid;gap:var(--userssite-space-s)}.space-analysis-panel__actions button[data-v-79d28485]{display:flex;align-items:center;justify-content:space-between;gap:var(--userssite-space-m);width:100%;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-text);cursor:pointer;padding:var(--userssite-space-m);text-align:left}.space-analysis-panel__actions button[data-v-79d28485]:hover:not(:disabled){border-color:color-mix(in oklab,var(--userssite-color-primary) 52%,transparent);background:var(--userssite-surface-control-hover)}.space-analysis-panel__actions button[data-v-79d28485]:disabled{cursor:not-allowed;opacity:.52}.space-analysis-panel__actions button span[data-v-79d28485]{display:grid;min-width:0;gap:calc(var(--cp-font-1) * 3)}.space-analysis-panel__actions strong[data-v-79d28485]{font-size:var(--userssite-font-size-body)}.space-analysis-panel__actions small[data-v-79d28485]{overflow:hidden;color:var(--userssite-color-muted);font-size:var(--userssite-font-size-caption);text-overflow:ellipsis;white-space:nowrap}.space-analysis-panel__actions em[data-v-79d28485]{flex:0 0 auto;color:var(--userssite-color-primary);font-size:var(--userssite-font-size-caption);font-style:normal;font-weight:900}.space-analysis-panel__result[data-v-79d28485]{margin:0;border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-primary) 10%,transparent);color:var(--userssite-color-primary);font-size:var(--userssite-font-size-caption);line-height:1.5;padding:var(--userssite-space-m)}.space-analysis-panel__result.is-error[data-v-79d28485]{background:color-mix(in oklab,var(--userssite-color-danger) 10%,transparent);color:var(--userssite-color-danger)}.space-analysis-panel__details dd[data-v-79d28485]{overflow:hidden;color:var(--userssite-color-text);font-size:var(--userssite-font-size-body);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.space-analysis-panel__hint[data-v-79d28485]{margin:0;line-height:1.6}.spatial-scope-input[data-v-b3143cf0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.95fr);gap:24px}.scope-fields[data-v-b3143cf0],.scope-preview-column[data-v-b3143cf0]{min-width:0}.scope-preview-column[data-v-b3143cf0]{display:flex;flex-direction:column;gap:12px;align-items:stretch}.scope-preview-column>strong[data-v-b3143cf0]{font-size:14px}.scope-preview-column[data-v-b3143cf0] .el-tag{align-self:flex-start;max-width:100%;height:auto;white-space:normal}.scope-preview-empty[data-v-b3143cf0]{min-height:180px;display:grid;place-items:center;text-align:center;padding:16px;border:1px dashed var(--userssite-color-border);border-radius:var(--userssite-radius-m);color:var(--userssite-color-muted);font-size:13px}.scope-file-name[data-v-b3143cf0]{overflow-wrap:anywhere;color:var(--userssite-color-muted);font-size:12px}@media (max-width:650px){.spatial-scope-input[data-v-b3143cf0]{grid-template-columns:minmax(0,1fr)}}.spatial-scope-input[data-v-b3143cf0] .el-select,.spatial-scope-input[data-v-b3143cf0] .el-cascader{width:100%}.scope-preview[data-v-b3143cf0]{display:block;width:100%;margin:0 0 var(--userssite-space-m, 12px);padding:0;overflow:hidden;text-align:left;cursor:pointer;border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);background:var(--userssite-surface-subtle);color:var(--userssite-color-muted)}.scope-preview img[data-v-b3143cf0],.scope-preview svg[data-v-b3143cf0]{display:block;width:100%;height:180px;object-fit:contain}.scope-preview path[data-v-b3143cf0]{fill:color-mix(in oklab,var(--userssite-color-primary) 20%,transparent);stroke:var(--userssite-color-primary);stroke-width:2;vector-effect:non-scaling-stroke}.scope-preview span[data-v-b3143cf0]{display:block;padding:8px 12px;font-size:12px}.scope-preview[data-v-b3143cf0]:focus-visible{outline:2px solid var(--userssite-color-primary);outline-offset:2px}.map-editor-content[data-v-b0cab7b3]{display:grid;gap:var(--userssite-space-m, 12px)}.map-editor-layout[data-v-b0cab7b3]{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:var(--userssite-space-m, 12px);height:min(65dvh,680px);min-height:360px}.map-editor-canvas[data-v-b0cab7b3]{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);background:var(--userssite-surface-subtle)}.map-editor-canvas[data-v-b0cab7b3] .maplibregl-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-editor-tools[data-v-b0cab7b3]{min-width:0;min-height:0;overflow-y:auto}@media (max-width: 760px){.map-editor-layout[data-v-b0cab7b3]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,1fr) 220px;height:65dvh}}.management-form-dialog.el-dialog{display:flex;flex-direction:column;max-height:90dvh;margin-bottom:0}.management-form-dialog .el-dialog__header,.management-form-dialog .el-dialog__footer{flex-shrink:0}.management-form-dialog .el-dialog__body{min-height:0;overflow-y:auto}.management-form-dialog .el-dialog__footer{border-top:1px solid var(--userssite-color-border);padding-top:16px}.management-form-dialog .management-form-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px}.management-form-dialog .management-form-actions .el-button+.el-button{margin-left:0}.management-form-dialog .management-form-sections{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.management-form-dialog .management-form-sections.is-single{grid-template-columns:minmax(0,1fr)}.management-form-dialog .management-form-primary{padding-right:24px;border-right:1px solid var(--userssite-color-border)}.management-form-dialog .management-form-secondary{min-width:0}.management-form-dialog h3{margin:0 0 18px;font-size:16px;font-weight:600}.management-form-dialog .management-form-message:empty{display:none}.management-form-dialog .el-select{width:100%}@media (max-width:850px){.management-form-dialog .management-form-sections{grid-template-columns:minmax(0,1fr)}.management-form-dialog .management-form-primary{padding-right:0;border-right:0}}.management-resource{display:flex;flex-direction:column;gap:var(--resource-gap);color:var(--el-text-color-primary)}.management-resource-intro{display:flex;justify-content:space-between;align-items:center;gap:var(--resource-gap);padding:var(--resource-intro-padding);border:1px solid var(--el-border-color-lighter);border-radius:calc(var(--cp-font-1, 1px) * 12);background:linear-gradient(120deg,var(--el-color-primary-light-9),var(--el-bg-color))}.management-resource-intro h2{margin:0 0 calc(var(--cp-font-1, 1px) * 8);font-size:calc(var(--cp-font-1, 1px) * 20);font-weight:600}.management-resource-intro p{margin:0;color:var(--el-text-color-secondary);font-size:calc(var(--cp-font-1, 1px) * 14);line-height:1.7}.management-resource-summary,.management-resource-actions{display:flex;gap:calc(var(--cp-font-1, 1px) * 12);align-items:center;flex-wrap:wrap}.management-resource-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--resource-filter-gap);padding:var(--resource-filter-padding);background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:calc(var(--cp-font-1, 1px) * 12)}.management-resource-filters .el-input{width:var(--resource-input-width)}.management-resource-filters .el-select{width:var(--resource-select-width)}.management-resource-content{padding:var(--resource-padding);border:1px solid var(--el-border-color-lighter);border-radius:calc(var(--cp-font-1, 1px) * 12);background:var(--el-bg-color);min-width:0}.management-resource-body{display:flex;flex-direction:column;gap:var(--resource-gap);min-width:0}.management-resource-filters .el-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--resource-filter-gap);margin:0}.management-resource-filters .el-form-item{margin:0}.management-resource-filters .el-form-item__label{padding:0 0 calc(var(--cp-font-1, 1px) * 8);line-height:calc(var(--cp-font-1, 1px) * 20)}.management-resource-filters .el-cascader{width:var(--resource-cascader-width)}.management-resource-filters .el-cascader .el-input{width:100%}.management-resource-filters .el-form-item__content{line-height:normal}.management-resource-toolbar{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--cp-font-1, 1px) * 16);padding:calc(var(--cp-font-1, 1px) * 20) 0;font-size:calc(var(--cp-font-1, 1px) * 16);font-weight:600}.management-resource-actions .el-button+.el-button{margin-left:0}@media (max-width:calc(var(--cp-font-1, 1px) * 700)){.management-resource.is-responsive .management-resource-intro{align-items:flex-start;flex-direction:column}.management-resource.is-responsive .management-resource-filters .el-input,.management-resource.is-responsive .management-resource-filters .el-select{width:100%}}.global-map-layer-dock{position:absolute;left:var(--map-content-edge,20px);bottom:var(--map-overlay-bottom,20px);z-index:9;width:min(420px,calc(100% - 40px));pointer-events:auto;color:var(--userssite-color-text);background:var(--userssite-color-panel,var(--el-bg-color));border:1px solid var(--userssite-color-border);border-radius:14px;box-shadow:0 6px 28px #0002;overflow:hidden}.workspace:has(.rainfall-process) .global-map-layer-dock{bottom:auto;top:calc(var(--map-content-top,66px) + 16px);left:50%;transform:translate(-50%)}.global-map-layer-dock header{display:flex;align-items:center;gap:12px;padding:12px 16px}.global-map-layer-dock header>div{flex:1;min-width:0}.global-map-layer-dock strong{display:block;font-size:14px}.global-map-layer-dock header span{display:block;font-size:12px;color:var(--userssite-color-muted);margin-top:4px}.global-map-layer-dock__body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px;max-height:55dvh;overflow-y:auto}.global-map-layer-dock .el-form-item{margin-bottom:12px}.global-map-layer-dock .el-select{width:100%}.global-map-layer-dock__status{padding:8px 16px;border-top:1px solid var(--userssite-color-border);color:var(--userssite-color-muted);font-size:12px;line-height:1.6}.global-map-layer-dock .global-map-layer-dock__legend{display:flex;flex-wrap:wrap;gap:6px}.global-map-layer-dock__legend span{display:inline-flex;align-items:center;gap:4px;font-size:11px}.global-map-layer-dock__legend i{width:16px;height:8px;border:1px solid #0002;border-radius:2px}.map-point-process-dialog__subtitle{margin:0 0 16px;font-size:13px;color:var(--userssite-color-muted);line-height:1.7}.map-point-process-dialog__chart{height:300px;margin-top:12px}.map-point-process-dialog__chart .chart-canvas{height:100%;width:100%}.sky-map-feature-list[data-v-6bd7f835]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--userssite-radius-m,8px);background:var(--userssite-color-panel);color:var(--userssite-color-text);box-shadow:var(--userssite-shadow-panel)}header[data-v-6bd7f835]{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--cp-font-1,1px) * 54);padding:0 calc(var(--cp-font-1,1px) * 18);background:var(--userssite-ranking-header-bg,var(--userssite-color-primary));color:var(--userssite-right-panel-header-text,var(--userssite-color-on-primary));flex-shrink:0}header strong[data-v-6bd7f835]{font-size:var(--cp-font-19,19px);font-weight:900;line-height:calc(var(--cp-font-1,1px) * 23)}header[data-v-6bd7f835] .el-button{color:inherit;width:calc(var(--cp-font-1,1px) * 30);height:calc(var(--cp-font-1,1px) * 30);padding:0;font-size:var(--cp-font-18,18px)}header[data-v-6bd7f835]{box-shadow:0 calc(var(--cp-font-1,1px) * 1) calc(var(--cp-font-1,1px) * 8) color-mix(in oklab,var(--userssite-color-primary) 22%,transparent)}.sky-map-feature-list__search[data-v-6bd7f835]{padding:calc(var(--cp-font-1,1px) * 10)}.sky-map-feature-list__summary[data-v-6bd7f835]{padding:0 calc(var(--cp-font-1,1px) * 10) calc(var(--cp-font-1,1px) * 8);font-size:var(--cp-font-12,12px);color:var(--userssite-color-muted)}.sky-map-feature-list[data-v-6bd7f835] .el-table{flex:1;min-height:0}.sky-map-feature-list[data-v-6bd7f835] .el-table__row{cursor:pointer}footer[data-v-6bd7f835]{padding:12px;font-size:var(--cp-font-12,12px);color:var(--userssite-color-muted);border-top:1px solid var(--userssite-color-border)}.sky-map-feature-list[data-v-6bd7f835] .el-table{font-size:var(--cp-font-12,12px)}.sky-map-feature-list[data-v-6bd7f835] .el-table__row{height:calc(var(--cp-font-1,1px) * 44)}.sky-map-feature-list[data-v-6bd7f835] .el-table .cell{line-height:calc(var(--cp-font-1,1px) * 20)}.sky-map-feature-list[data-v-6bd7f835] .el-input__wrapper{min-height:calc(var(--cp-font-1,1px) * 32);box-sizing:border-box}.sky-map-feature-list[data-v-6bd7f835] .el-input__inner{font-size:var(--cp-font-13,13px)}.sky-map-feature-list[data-v-6bd7f835] .el-table{--el-table-border-color:var(--userssite-color-soft-border);--el-table-header-text-color:var(--userssite-color-muted);--el-table-text-color:var(--userssite-color-text);--el-table-header-bg-color:var(--userssite-color-panel);padding:0 calc(var(--cp-font-1,1px) * 10);box-sizing:border-box}.sky-map-feature-list[data-v-6bd7f835] .el-table th.el-table__cell{font-size:var(--cp-font-12,12px);font-weight:850}.sky-map-feature-list[data-v-6bd7f835] .el-table td.el-table__cell{font-size:var(--cp-font-13,13px);font-weight:600;padding:calc(var(--cp-font-1,1px) * 8) 0}.sky-map-feature-list[data-v-6bd7f835] .el-table td:first-child .cell{display:grid;place-items:center;min-width:calc(var(--cp-font-1,1px) * 28);border:1px solid var(--userssite-color-border);border-radius:calc(var(--cp-font-1,1px) * 3);margin:0 calc(var(--cp-font-1,1px) * 6);padding:0;font-size:var(--cp-font-12,12px)}.sky-map-bottom-process[data-v-e50571cd]{box-sizing:border-box;width:100%;display:flex;flex-direction:column;pointer-events:auto;background:var(--userssite-color-panel);color:var(--userssite-color-text);border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m,calc(var(--cp-font-1, 1px) * 8));box-shadow:var(--userssite-shadow-panel);overflow:hidden}header[data-v-e50571cd]{display:flex;align-items:center;justify-content:space-between;padding:var(--process-header-padding);border-bottom:1px solid var(--userssite-color-border)}header strong[data-v-e50571cd]{font-size:var(--cp-font-15,calc(var(--cp-font-1, 1px) * 15))}.sky-map-bottom-process__meta[data-v-e50571cd]{display:flex;justify-content:space-between;gap:var(--process-gap);flex-wrap:wrap;padding:var(--process-meta-padding);color:var(--userssite-color-muted);font-size:var(--cp-font-12,calc(var(--cp-font-1, 1px) * 12))}.sky-map-bottom-process__legend[data-v-e50571cd]{display:flex;gap:calc(var(--cp-font-1, 1px) * 16)}.sky-map-bottom-process__legend span[data-v-e50571cd]{display:flex;align-items:center;gap:calc(var(--cp-font-1, 1px) * 6)}i[data-v-e50571cd]{width:calc(var(--cp-font-1, 1px) * 16);height:calc(var(--cp-font-1, 1px) * 3);background:var(--userssite-color-primary)}i.is-secondary[data-v-e50571cd]{background:var(--userssite-color-success,#20a67a)}.chart-canvas[data-v-e50571cd]{flex:1;min-height:0;width:100%}.sky-map-workspace-panel[data-v-d6f5c286]{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--userssite-color-panel);color:var(--userssite-color-text);border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);box-shadow:var(--userssite-shadow-panel);box-sizing:border-box}header[data-v-d6f5c286]{display:flex;align-items:center;justify-content:space-between;gap:var(--panel-gap);padding:var(--panel-header-padding);border-bottom:1px solid var(--userssite-color-border)}strong[data-v-d6f5c286]{font-size:var(--cp-font-16,calc(var(--cp-font-1, 1px) * 16))}header p[data-v-d6f5c286]{margin:calc(var(--cp-font-1, 1px) * 6) 0 0;color:var(--userssite-color-muted);font-size:var(--userssite-font-size-caption);line-height:1.5}.sky-map-workspace-panel__body[data-v-d6f5c286]{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:var(--panel-gap);padding:var(--panel-body-padding)}footer[data-v-d6f5c286]{padding:var(--panel-footer-padding);border-top:1px solid var(--userssite-color-border)}.national-hydro-sidebar[data-v-a251ffc6]{position:relative;display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden;border-left:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);background:var(--userssite-app-rightpanel-bg);box-shadow:calc(var(--cp-font-1) * -1) 0 calc(var(--cp-font-1) * 18) var(--userssite-shadow-color);color:var(--userssite-color-text);font-size:var(--cp-font-13);pointer-events:all}.header[data-v-a251ffc6]{display:flex;flex:0 0 auto;min-height:calc(var(--cp-font-1) * 54);flex-direction:column;justify-content:center;gap:calc(var(--cp-font-1) * 3);padding:0 calc(var(--cp-font-1) * 18);background:var(--userssite-ranking-header-bg);box-shadow:0 calc(var(--cp-font-1) * 1) calc(var(--cp-font-1) * 8) color-mix(in oklab,var(--userssite-color-primary) 22%,transparent);color:var(--userssite-right-panel-header-text)}.title[data-v-a251ffc6]{margin:0;overflow:hidden;font-size:var(--cp-font-19);font-weight:900;line-height:calc(var(--cp-font-1) * 23);text-overflow:ellipsis;white-space:nowrap}.sidebar-content[data-v-a251ffc6]{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden auto;padding:0 0 calc(var(--cp-font-1) * 14);scrollbar-color:var(--userssite-scrollbar-thumb) var(--userssite-scrollbar-track);scrollbar-width:thin}.sidebar-content[data-v-a251ffc6]::-webkit-scrollbar{width:calc(var(--cp-font-1) * 7)}.sidebar-content[data-v-a251ffc6]::-webkit-scrollbar-track{background:var(--userssite-scrollbar-track)}.sidebar-content[data-v-a251ffc6]::-webkit-scrollbar-thumb{border:calc(var(--cp-font-1) * 2) solid transparent;border-radius:calc(var(--cp-font-1) * 99);background:var(--userssite-scrollbar-thumb);background-clip:padding-box}.section[data-v-a251ffc6],.field-group[data-v-a251ffc6]{display:flex;flex:0 0 auto;min-width:0;flex-direction:column;gap:calc(var(--cp-font-1) * 8);margin:calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 14) 0;padding:calc(var(--cp-font-1) * 10);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);box-shadow:inset 0 calc(var(--cp-font-1) * 1) 0 var(--userssite-color-inset-highlight)}.section.row[data-v-a251ffc6]{flex-direction:row;flex-wrap:wrap}.section-title[data-v-a251ffc6],label[data-v-a251ffc6]{color:var(--userssite-color-muted);font-size:var(--cp-font-13);font-weight:850;line-height:calc(var(--cp-font-1) * 18)}.info-grid[data-v-a251ffc6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cp-font-1) * 8)}.info-item[data-v-a251ffc6]{display:flex;min-width:0;flex-direction:column;gap:calc(var(--cp-font-1) * 4);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control);padding:calc(var(--cp-font-1) * 8)}.info-label[data-v-a251ffc6]{color:var(--userssite-color-muted);font-size:var(--cp-font-12);font-weight:800}.info-value[data-v-a251ffc6]{overflow:hidden;color:var(--userssite-color-text);font-size:var(--cp-font-13);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.coordinate-grid[data-v-a251ffc6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--cp-font-1) * 8)}.row[data-v-a251ffc6]{display:flex;min-width:0;align-items:center;gap:calc(var(--cp-font-1) * 8)}.radio-group[data-v-a251ffc6]{display:flex;align-items:center;gap:calc(var(--cp-font-1) * 14)}.radio-item[data-v-a251ffc6]{display:inline-flex;align-items:center;gap:calc(var(--cp-font-1) * 6);color:color-mix(in oklab,var(--userssite-color-text) 78%,transparent);cursor:pointer;font-size:var(--cp-font-13);font-weight:750;line-height:calc(var(--cp-font-1) * 18)}select[data-v-a251ffc6],input[data-v-a251ffc6]:not([type=checkbox]):not([type=radio]):not([type=range]){width:100%;min-width:0;height:calc(var(--cp-font-1) * 32);border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-input-bg);color:var(--userssite-color-text);font-size:var(--cp-font-13);font-weight:650;line-height:calc(var(--cp-font-1) * 18);padding:0 calc(var(--cp-font-1) * 9);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)}select[data-v-a251ffc6]:hover,input[data-v-a251ffc6]:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select[data-v-a251ffc6]:focus,input[data-v-a251ffc6]:not([type=checkbox]):not([type=radio]):not([type=range]):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);outline:none}select[data-v-a251ffc6]:disabled,input[data-v-a251ffc6]:disabled{cursor:not-allowed;opacity:.5}input[data-v-a251ffc6]::placeholder{color:var(--userssite-input-placeholder)}input[type=radio][data-v-a251ffc6]{flex:0 0 auto;width:calc(var(--cp-font-1) * 14);height:calc(var(--cp-font-1) * 14);margin:0;accent-color:var(--userssite-color-primary);cursor:pointer}.btn[data-v-a251ffc6]{display:inline-flex;min-height:calc(var(--cp-font-1) * 32);align-items:center;justify-content:center;border:calc(var(--cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-panel) 88%,transparent);color:color-mix(in oklab,var(--userssite-color-text) 78%,transparent);cursor:pointer;font-size:var(--cp-font-12);font-weight:850;line-height:1;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),color 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)}.btn[data-v-a251ffc6]:hover:not(:disabled){border-color:color-mix(in oklab,var(--userssite-color-primary) 42%,transparent);background:var(--userssite-surface-control-hover);color:var(--userssite-color-primary);transform:translateY(calc(var(--cp-font-1) * -1))}.btn.primary[data-v-a251ffc6]{width:100%;border-color:var(--userssite-color-primary);background:var(--userssite-color-primary);box-shadow:0 calc(var(--cp-font-1) * 6) calc(var(--cp-font-1) * 16) color-mix(in oklab,var(--userssite-color-primary) 24%,transparent);color:var(--userssite-color-on-primary)}.theme-dark{border-bottom:calc(var(--cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 28%,var(--userssite-color-border));background:var(--userssite-ranking-header-bg);box-shadow:none;color:var(--userssite-right-panel-header-text)}.sky-map-scheme-select[data-v-3073aa19]{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--userssite-color-border);border-radius:var(--userssite-radius-m);background:var(--userssite-color-panel);box-shadow:var(--userssite-shadow-panel);color:var(--userssite-color-text);font-size:var(--userssite-font-size-body)}.sky-map-scheme-select>span[data-v-3073aa19]{white-space:nowrap;font-weight:700}.sky-map-scheme-select[data-v-3073aa19] .el-select{width:240px;min-width:0}.sky-map-scheme-select[data-v-3073aa19] .el-button{flex-shrink:0}.is-structured[data-v-c8ef3074]{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.sky-defense-layout__toolbar[data-v-c8ef3074]{flex:none;display:flex;flex-wrap:wrap;gap:var(--defense-toolbar-gap);padding:var(--defense-toolbar-padding)}.sky-defense-layout__grid[data-v-c8ef3074]{display:grid;flex:1;min-height:0;grid-template-columns:repeat(var(--defense-columns),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:var(--defense-gap);padding:var(--defense-padding);overflow:hidden;box-sizing:border-box}.sky-defense-layout__grid[data-v-c8ef3074]>*{min-width:0;min-height:0;overflow:hidden}.sky-defense-layout{position:absolute;top:64px;right:0;bottom:0;left:0;z-index:15;min-height:0;--userssite-map-empty-bg:var(--userssite-color-bg)}.sky-defense-layout .defense-map-page{display:grid;width:100%;height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:calc(var(--userssite-cp-font-1) * 4);padding:calc(var(--userssite-cp-font-1) * 4);background:var(--userssite-color-bg);color:var(--userssite-color-text);overflow:hidden}.sky-defense-layout .defense-map-settings-button{position:fixed;top:calc(var(--userssite-cp-font-1) * 12);right:calc(var(--userssite-cp-font-1) * 12);z-index:20;display:inline-flex;align-items:center;gap:calc(var(--userssite-cp-font-1) * 6);padding:calc(var(--userssite-cp-font-1) * 8) calc(var(--userssite-cp-font-1) * 12);border:calc(var(--userssite-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-text);box-shadow:var(--userssite-shadow-panel);cursor:pointer}.sky-defense-layout .defense-map-settings-button:hover{background:var(--userssite-surface-control-hover)}.sky-defense-layout .defense-map-panel{position:relative;min-width:0;min-height:0;overflow:hidden;border:calc(var(--userssite-cp-font-1) * 1) solid var(--userssite-color-soft-border);background:var(--userssite-map-empty-bg)}.sky-defense-layout .defense-map-page.is-fullscreen-mode{display:block;padding:0}.sky-defense-layout .defense-map-panel.is-fullscreen-hidden{display:none}.sky-defense-layout .defense-map-panel.is-fullscreen-active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:100vw;height:100%;border:0;box-shadow:none}.sky-defense-layout .defense-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.sky-defense-layout .defense-map-heading{position:absolute;top:calc(var(--userssite-cp-font-1) * 16);left:calc(var(--userssite-cp-font-1) * 16);z-index:2;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:calc(var(--userssite-cp-font-1) * 8);width:fit-content;max-width:min(72%,calc(100% - var(--userssite-cp-font-1) * 32));min-height:calc(var(--userssite-cp-font-1) * 36);padding:calc(var(--userssite-cp-font-1) * 6) calc(var(--userssite-cp-font-1) * 10);border:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-map-float-border) 72%,transparent);border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-map-float-bg) 68%,transparent);box-shadow:var(--userssite-map-float-shadow);pointer-events:none;overflow:hidden}.sky-defense-layout .defense-map-heading strong{color:var(--userssite-color-danger);font-size:calc(var(--userssite-cp-font-1) * 18);font-weight:900;line-height:1.15;white-space:nowrap}.sky-defense-layout .defense-map-heading span{color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3);font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sky-defense-layout .defense-map-legend{position:absolute;right:calc(var(--userssite-cp-font-1) * 16);bottom:calc(var(--userssite-cp-font-1) * 16);z-index:5;max-width:min(calc(100% - var(--userssite-cp-font-1) * 32),calc(var(--userssite-cp-font-1) * 280))}.sky-defense-layout .defense-map-toolbar{position:absolute;top:calc(var(--userssite-cp-font-1) * 8);left:50%;z-index:2;display:flex;width:min(38%,calc(var(--userssite-cp-font-1) * 420));height:calc(var(--userssite-cp-font-1) * 22);align-items:center;justify-content:space-around;border:calc(var(--userssite-cp-font-1) * 1) solid var(--userssite-map-float-border);border-radius:var(--userssite-radius-s);background:var(--userssite-map-float-bg);box-shadow:var(--userssite-shadow-panel);transform:translate(-50%);pointer-events:none}.sky-defense-layout .defense-map-toolbar span{width:calc(var(--userssite-cp-font-1) * 10);height:calc(var(--userssite-cp-font-1) * 10);border-radius:50%;background:var(--userssite-surface-control-active)}.sky-defense-layout .defense-point-panel{position:absolute;left:calc(var(--userssite-cp-font-1) * 16);right:var(--defense-point-panel-right, calc(var(--userssite-cp-font-1) * 16));bottom:calc(var(--userssite-cp-font-1) * 16);z-index:4;display:flex;flex-direction:column;width:auto;height:calc(var(--userssite-cp-font-1) * 150);gap:calc(var(--userssite-cp-font-1) * 6);padding:calc(var(--userssite-cp-font-1) * 10) calc(var(--userssite-cp-font-1) * 12);border:calc(var(--userssite-cp-font-1) * 1) solid rgba(147,197,253,.58);border-radius:var(--userssite-radius-s);background:rgba(255,255,255,.78);box-shadow:0 calc(var(--userssite-cp-font-1) * 8) calc(var(--userssite-cp-font-1) * 22) #0f172a1a,inset 0 calc(var(--userssite-cp-font-1) * 1) 0 #ffffffb8}.sky-defense-layout .defense-point-panel__close{position:absolute;top:calc(var(--userssite-cp-font-1) * 8);right:calc(var(--userssite-cp-font-1) * 8);display:grid;width:calc(var(--userssite-cp-font-1) * 24);height:calc(var(--userssite-cp-font-1) * 24);place-items:center;border:0;border-radius:var(--userssite-radius-s);background:transparent;color:#475569bd;cursor:pointer}.sky-defense-layout .defense-point-panel__close:hover{background:rgba(37,99,235,.08);color:#1d4ed8}.sky-defense-layout .defense-point-panel__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--userssite-cp-font-1) * 10);min-width:0;padding-right:calc(var(--userssite-cp-font-1) * 28);flex:0 0 auto}.sky-defense-layout .defense-point-panel__summary{display:flex;flex:1 1 auto;align-items:center;gap:calc(var(--userssite-cp-font-1) * 10);min-width:0;overflow:hidden;white-space:nowrap}.sky-defense-layout .defense-point-panel__summary strong,.sky-defense-layout .defense-point-panel__summary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-defense-layout .defense-point-panel__summary strong{color:#0f172a;font-size:var(--userssite-font-size-l2);line-height:calc(var(--userssite-cp-font-1) * 18);flex:0 0 auto}.sky-defense-layout .defense-point-panel__summary span,.sky-defense-layout .defense-point-panel__empty{color:#475569c7;font-size:var(--userssite-font-size-l3);line-height:calc(var(--userssite-cp-font-1) * 16);flex:0 1 auto}.sky-defense-layout .defense-point-panel__export{display:inline-flex;align-items:center;gap:calc(var(--userssite-cp-font-1) * 6);flex:0 0 auto;min-height:calc(var(--userssite-cp-font-1) * 28);padding:0 calc(var(--userssite-cp-font-1) * 10);border:calc(var(--userssite-cp-font-1) * 1) solid rgba(96,165,250,.42);border-radius:var(--userssite-radius-s);background:rgba(255,255,255,.62);color:#1677ff;cursor:pointer;font-size:var(--userssite-font-size-l3);font-weight:700}.sky-defense-layout .defense-point-panel__export:hover{background:rgba(37,99,235,.08)}.sky-defense-layout .defense-point-panel__export:disabled{opacity:.5;cursor:not-allowed}.sky-defense-layout .defense-point-panel__empty{display:grid;min-height:calc(var(--userssite-cp-font-1) * 42);flex:0 0 auto;place-items:center;border:calc(var(--userssite-cp-font-1) * 1) solid rgba(147,197,253,.32);border-radius:var(--userssite-radius-s);background:rgba(255,255,255,.5)}.sky-defense-layout .defense-point-panel__empty.is-error{color:var(--userssite-color-danger)}.sky-defense-layout .defense-point-chart-scroll{flex:1 1 auto;min-height:0;overflow:hidden}.sky-defense-layout .defense-point-chart-canvas{width:100%;height:100%;min-height:0}.sky-defense-layout .defense-map-popup{display:grid;gap:calc(var(--userssite-cp-font-1) * 4);color:var(--userssite-color-text)}.sky-defense-layout .defense-map-popup strong{font-size:var(--userssite-font-size-l2);line-height:calc(var(--userssite-cp-font-1) * 18)}.sky-defense-layout .defense-map-popup span{color:var(--userssite-color-primary);font-size:var(--userssite-font-size-l2);font-weight:800}.sky-defense-layout .defense-map-popup small{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3)}.sky-defense-layout .defense-map-panel--brief{background:#fff}.sky-defense-layout .defense-report-panel{position:absolute;inset:calc(var(--userssite-cp-font-1) * 10);z-index:2;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:calc(var(--userssite-cp-font-1) * 10);min-width:0;min-height:0;padding:calc(var(--userssite-cp-font-1) * 12);border:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 16%,var(--userssite-color-soft-border));border-radius:var(--userssite-radius-s);background:linear-gradient(180deg,color-mix(in oklab,var(--userssite-color-primary) 5%,#fff),#fff 32%),#fff;box-shadow:0 calc(var(--userssite-cp-font-1) * 8) calc(var(--userssite-cp-font-1) * 24) color-mix(in oklab,var(--userssite-shadow-color) 12%,transparent);color:var(--userssite-color-text)}.sky-defense-layout .defense-report-header,.sky-defense-layout .defense-report-kicker,.sky-defense-layout .defense-report-flag,.sky-defense-layout .defense-report-section__title,.sky-defense-layout .defense-report-more{display:flex;align-items:center}.sky-defense-layout .defense-report-header{justify-content:space-between;gap:calc(var(--userssite-cp-font-1) * 12);min-width:0}.sky-defense-layout .defense-report-kicker{gap:calc(var(--userssite-cp-font-1) * 8);min-width:0}.sky-defense-layout .defense-report-kicker__index{display:grid;flex:0 0 auto;width:calc(var(--userssite-cp-font-1) * 28);height:calc(var(--userssite-cp-font-1) * 28);place-items:center;border-radius:999px;background:var(--userssite-color-primary);color:var(--userssite-color-on-primary);font-size:var(--userssite-font-size-l2);font-weight:900}.sky-defense-layout .defense-report-kicker__text{display:grid;gap:calc(var(--userssite-cp-font-1) * 2);min-width:0}.sky-defense-layout .defense-report-kicker__text strong{color:var(--userssite-color-text);font-size:calc(var(--userssite-cp-font-1) * 18);font-weight:900;line-height:calc(var(--userssite-cp-font-1) * 22)}.sky-defense-layout .defense-report-kicker__text span,.sky-defense-layout .defense-report-flag span,.sky-defense-layout .defense-report-card__title,.sky-defense-layout .defense-report-card__body small,.sky-defense-layout .defense-report-row__content span,.sky-defense-layout .defense-report-row small,.sky-defense-layout .defense-report-empty,.sky-defense-layout .defense-report-more{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3);line-height:calc(var(--userssite-cp-font-1) * 18)}.sky-defense-layout .defense-report-kicker__text span,.sky-defense-layout .defense-report-card__body small,.sky-defense-layout .defense-report-row__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sky-defense-layout .defense-report-flag{flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:calc(var(--userssite-cp-font-1) * 2)}.sky-defense-layout .defense-report-flag strong{color:var(--userssite-color-primary);font-size:var(--userssite-font-size-l3);font-weight:900}.sky-defense-layout .defense-report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--userssite-cp-font-1) * 168),1fr));gap:calc(var(--userssite-cp-font-1) * 10)}.sky-defense-layout .defense-report-card{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(var(--userssite-cp-font-1) * 10);padding:calc(var(--userssite-cp-font-1) * 10);border:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--report-tone, var(--userssite-color-primary)) 18%,var(--userssite-color-soft-border));border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--report-tone, var(--userssite-color-primary)) 7%,#fff);box-shadow:inset 0 0 0 calc(var(--userssite-cp-font-1) * 1) color-mix(in oklab,#fff 70%,transparent)}.sky-defense-layout .defense-report-card.is-blue{--report-tone: #2f7df6}.sky-defense-layout .defense-report-card.is-green{--report-tone: #14b8a6}.sky-defense-layout .defense-report-card.is-purple{--report-tone: #7667ff}.sky-defense-layout .defense-report-card__icon{display:grid;width:calc(var(--userssite-cp-font-1) * 38);height:calc(var(--userssite-cp-font-1) * 38);place-items:center;border-radius:999px;background:color-mix(in oklab,var(--report-tone) 14%,#fff);color:var(--report-tone);font-size:calc(var(--userssite-cp-font-1) * 22)}.sky-defense-layout .defense-report-card__body{display:grid;min-width:0;gap:calc(var(--userssite-cp-font-1) * 3)}.sky-defense-layout .defense-report-card__value{display:flex;align-items:baseline;gap:calc(var(--userssite-cp-font-1) * 5);min-width:0}.sky-defense-layout .defense-report-card__value strong{overflow:hidden;color:var(--report-tone);font-size:clamp(calc(var(--userssite-cp-font-1) * 18),calc(var(--userssite-cp-font-1) * 24),calc(var(--userssite-cp-font-1) * 24));font-weight:900;line-height:calc(var(--userssite-cp-font-1) * 28);text-overflow:ellipsis;white-space:nowrap}.sky-defense-layout .defense-report-card__value span{color:var(--report-tone);font-size:var(--userssite-font-size-l3);font-weight:800}.sky-defense-layout .defense-report-section{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 14%,var(--userssite-color-soft-border));border-radius:var(--userssite-radius-s);background:color-mix(in oklab,var(--userssite-color-primary) 3%,#fff)}.sky-defense-layout .defense-report-section__title{gap:calc(var(--userssite-cp-font-1) * 6);min-height:calc(var(--userssite-cp-font-1) * 34);padding:0 calc(var(--userssite-cp-font-1) * 10);border-bottom:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 12%,var(--userssite-color-soft-border));color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3);font-weight:900}.sky-defense-layout .defense-report-section__title .el-icon{color:var(--userssite-color-primary)}.sky-defense-layout .defense-report-row{display:flex;align-items:center;gap:calc(var(--userssite-cp-font-1) * 8);min-width:0;min-height:calc(var(--userssite-cp-font-1) * 32);padding:calc(var(--userssite-cp-font-1) * 7) calc(var(--userssite-cp-font-1) * 10);border-bottom:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 10%,var(--userssite-color-soft-border));background:color-mix(in oklab,var(--report-row-tone, var(--userssite-color-primary)) 4%,#fff)}.sky-defense-layout .defense-report-row:last-child{border-bottom:0}.sky-defense-layout .defense-report-row.is-danger{--report-row-tone: var(--userssite-color-danger)}.sky-defense-layout .defense-report-row.is-warning{--report-row-tone: #f59e0b}.sky-defense-layout .defense-report-row.is-success{--report-row-tone: #14b8a6}.sky-defense-layout .defense-report-row.is-info{--report-row-tone: var(--userssite-color-primary)}.sky-defense-layout .defense-report-row__icon{flex:0 0 auto;color:var(--report-row-tone);font-size:var(--userssite-font-size-l1)}.sky-defense-layout .defense-report-row__content{display:grid;flex:1 1 auto;min-width:0;gap:calc(var(--userssite-cp-font-1) * 2)}.sky-defense-layout .defense-report-row__content b{color:var(--userssite-color-text);font-size:var(--userssite-font-size-l3);font-weight:900;line-height:calc(var(--userssite-cp-font-1) * 16)}.sky-defense-layout .defense-report-row small{flex:0 0 auto;color:color-mix(in oklab,var(--userssite-color-muted) 76%,var(--userssite-color-primary));font-weight:800}.sky-defense-layout .defense-report-empty{display:grid;min-height:calc(var(--userssite-cp-font-1) * 80);place-items:center}.sky-defense-layout .defense-report-more{justify-content:center;gap:calc(var(--userssite-cp-font-1) * 6);min-height:calc(var(--userssite-cp-font-1) * 30);border:0;border-top:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 12%,var(--userssite-color-soft-border));background:transparent;color:var(--userssite-color-primary);font-weight:900}.sky-defense-layout .defense-map-status{position:absolute;right:calc(var(--userssite-cp-font-1) * 12);bottom:calc(var(--userssite-cp-font-1) * 10);z-index:3;max-width:min(48%,calc(var(--userssite-cp-font-1) * 460));overflow:hidden;padding:calc(var(--userssite-cp-font-1) * 5) calc(var(--userssite-cp-font-1) * 9);border:calc(var(--userssite-cp-font-1) * 1) solid var(--userssite-map-float-border);border-radius:var(--userssite-radius-s);background:var(--userssite-map-float-bg);box-shadow:var(--userssite-shadow-panel);color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3);line-height:calc(var(--userssite-cp-font-1) * 16);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.sky-defense-layout .defense-map-status.is-error{color:var(--userssite-color-danger)}.sky-defense-layout .settings-section,.sky-defense-layout .settings-panel{display:grid;gap:calc(var(--userssite-cp-font-1) * 10)}.sky-defense-layout .settings-section{padding-bottom:calc(var(--userssite-cp-font-1) * 14);margin-bottom:calc(var(--userssite-cp-font-1) * 14);border-bottom:calc(var(--userssite-cp-font-1) * 1) solid var(--userssite-color-soft-border)}.sky-defense-layout .settings-section__title,.sky-defense-layout .settings-panel__title{font-size:var(--userssite-font-size-l2);font-weight:800;color:var(--userssite-color-text)}.sky-defense-layout .settings-section__hint{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3);font-weight:600}.sky-defense-layout .settings-section--public{border-bottom-color:color-mix(in oklab,var(--userssite-color-primary) 16%,var(--userssite-color-soft-border))}.sky-defense-layout .settings-section--timeline{padding-top:calc(var(--userssite-cp-font-1) * 4)}.sky-defense-layout .settings-section__title--split{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--userssite-cp-font-1) * 10)}.sky-defense-layout .section-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:calc(var(--userssite-cp-font-1) * 6);min-height:calc(var(--userssite-cp-font-1) * 28);padding:0 calc(var(--userssite-cp-font-1) * 10);border:calc(var(--userssite-cp-font-1) * 1) solid color-mix(in oklab,var(--userssite-color-primary) 18%,var(--userssite-color-soft-border));border-radius:calc(var(--userssite-radius-s) - 1px);background:color-mix(in oklab,var(--userssite-color-primary) 8%,var(--userssite-surface-control));color:var(--userssite-color-text);cursor:pointer;font-size:var(--userssite-font-size-l3);font-weight:700;line-height:1;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.sky-defense-layout .section-toggle:hover{border-color:color-mix(in oklab,var(--userssite-color-primary) 34%,var(--userssite-color-soft-border));background:color-mix(in oklab,var(--userssite-color-primary) 12%,var(--userssite-surface-control));box-shadow:0 calc(var(--userssite-cp-font-1) * 4) calc(var(--userssite-cp-font-1) * 10) color-mix(in oklab,var(--userssite-shadow-color) 18%,transparent);transform:translateY(-1px)}.sky-defense-layout .section-toggle:active{transform:translateY(0);box-shadow:none}.sky-defense-layout .section-toggle .el-icon{transition:transform .2s ease}.sky-defense-layout .section-toggle.is-collapsed .el-icon{transform:rotate(-90deg)}.sky-defense-layout .section-toggle span{min-width:2em}.sky-defense-layout .public-layer-fade-enter-active,.sky-defense-layout .public-layer-fade-leave-active{transition:opacity .18s ease,transform .18s ease,max-height .18s ease;overflow:hidden}.sky-defense-layout .public-layer-fade-enter-from,.sky-defense-layout .public-layer-fade-leave-to{opacity:0;transform:translateY(-4px);max-height:0}.sky-defense-layout .settings-panel{padding:calc(var(--userssite-cp-font-1) * 12);border:calc(var(--userssite-cp-font-1) * 1) solid var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);background:var(--userssite-surface-control)}.sky-defense-layout .settings-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:calc(var(--userssite-cp-font-1) * 10);align-items:center}.sky-defense-layout .settings-label{color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3)}.sky-defense-layout .settings-select,.sky-defense-layout .settings-input,.sky-defense-layout .settings-date-picker{width:100%}.sky-defense-layout .settings-panels{display:grid;gap:calc(var(--userssite-cp-font-1) * 12)}.sky-defense-layout .settings-empty{padding:calc(var(--userssite-cp-font-1) * 12);border:calc(var(--userssite-cp-font-1) * 1) dashed var(--userssite-color-soft-border);border-radius:var(--userssite-radius-s);color:var(--userssite-color-muted);font-size:var(--userssite-font-size-l3)}.sky-defense-layout .flex-center{display:flex;align-items:center;gap:var(--spacing-base);justify-content:space-between}.sky-defense-layout .flex-center .settings-row{grid-template-columns:120px minmax(0,1fr)}@media (max-width: 960px){.sky-defense-layout .defense-map-page{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(calc(var(--userssite-cp-font-1) * 260),1fr));height:auto;min-height:100%;overflow:auto}.sky-defense-layout .defense-map-heading{max-width:calc(100% - var(--userssite-cp-font-1) * 32)}.sky-defense-layout .defense-map-toolbar{display:none}.sky-defense-layout .defense-report-panel{top:auto;left:calc(var(--userssite-cp-font-1) * 16);right:calc(var(--userssite-cp-font-1) * 16);bottom:calc(var(--userssite-cp-font-1) * 16);width:auto;min-width:0}}.sky-defense-layout .el-button+.el-button{margin-left:0}.sky-defense-layout .defense-map-settings-button{position:absolute;top:12px;right:12px}.sky-defense-layout .defense-map-panel.is-fullscreen-active{position:absolute;width:100%;height:100%}
|
|
672
672
|
|
|
673
|
+
|
|
674
|
+
|
|
675
|
+
/* 库默认主题放在低优先级层,项目未分层的变量声明始终优先。 */
|
|
676
|
+
@layer userssite-defaults {
|
|
677
|
+
|
|
678
|
+
:where(.userssite-theme, .sky-html, .sky-model-workspace[data-native-controls]) {
|
|
679
|
+
--userssite-color-bg: var(--color-bg, #ffffff);
|
|
680
|
+
--userssite-color-text: var(--color-text, #1f2937);
|
|
681
|
+
--userssite-color-primary: var(--color-primary, #1677ff);
|
|
682
|
+
--userssite-color-on-primary: var(--color-on-primary, #ffffff);
|
|
683
|
+
--userssite-color-border: var(--color-border, #dbe3ef99);
|
|
684
|
+
--userssite-color-hover: var(--color-hover, color-mix(in oklab, var(--userssite-color-primary) 9%, transparent));
|
|
685
|
+
--userssite-color-surface: var(--color-surface, #ffffffd9);
|
|
686
|
+
--userssite-color-surface-strong: var(--color-surface-strong, color-mix(in oklab, var(--userssite-color-surface) 72%, var(--userssite-color-bg)));
|
|
687
|
+
--userssite-color-panel: var(--color-panel, #ffffff);
|
|
688
|
+
--userssite-shadow-color: var(--shadow-color, color-mix(in oklab, var(--userssite-color-text) 10%, transparent));
|
|
689
|
+
--userssite-color-white: var(--color-white, #ffffff);
|
|
690
|
+
--userssite-color-danger: var(--color-danger, #e5484d);
|
|
691
|
+
--userssite-map-empty-bg: var(--map-empty-bg, #d7e2ea);
|
|
692
|
+
--userssite-timeline-observed: var(--timeline-observed, #b8e7ff);
|
|
693
|
+
--userssite-timeline-observed-strong: var(--timeline-observed-strong, #4aa3df);
|
|
694
|
+
--userssite-timeline-forecast: var(--timeline-forecast, #60a5fa);
|
|
695
|
+
--userssite-timeline-forecast-strong: var(--timeline-forecast-strong, #2f8bd6);
|
|
696
|
+
--userssite-timeline-forecast-text: var(--timeline-forecast-text, #2563a7);
|
|
697
|
+
--userssite-color-muted: var(--color-muted, color-mix(in oklab, var(--userssite-color-text) 62%, transparent));
|
|
698
|
+
--userssite-color-subtle: var(--color-subtle, color-mix(in oklab, var(--userssite-color-text) 48%, transparent));
|
|
699
|
+
--userssite-color-soft-border: var(--color-soft-border, color-mix(in oklab, var(--userssite-color-border) 78%, transparent));
|
|
700
|
+
--userssite-color-inset-highlight: var(--color-inset-highlight, color-mix(in oklab, var(--userssite-color-white) 64%, transparent));
|
|
701
|
+
--userssite-surface-glass: var(--surface-glass, color-mix(in oklab, var(--userssite-color-bg) 86%, transparent));
|
|
702
|
+
--userssite-surface-raised: var(--surface-raised, color-mix(in oklab, var(--userssite-color-surface) 86%, transparent));
|
|
703
|
+
--userssite-surface-subtle: var(--surface-subtle, color-mix(in oklab, var(--userssite-color-bg) 92%, var(--userssite-color-primary)));
|
|
704
|
+
--userssite-surface-control: var(--surface-control, color-mix(in oklab, var(--userssite-color-panel) 88%, transparent));
|
|
705
|
+
--userssite-surface-control-hover: var(--surface-control-hover, color-mix(in oklab, var(--userssite-color-primary) 12%, transparent));
|
|
706
|
+
--userssite-surface-control-active: var(--surface-control-active, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
707
|
+
--userssite-focus-ring: var(--focus-ring, color-mix(in oklab, var(--userssite-color-primary) 14%, transparent));
|
|
708
|
+
--userssite-shadow-header: var(--shadow-header, 0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 28) var(--userssite-shadow-color));
|
|
709
|
+
--userssite-shadow-panel: var(--shadow-panel, 0 calc(var(--cp-font-1) * 8) calc(var(--cp-font-1) * 22) var(--userssite-shadow-color));
|
|
710
|
+
--userssite-shadow-dropdown: var(--shadow-dropdown, 0 calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 42) var(--userssite-shadow-color));
|
|
711
|
+
--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));
|
|
712
|
+
--userssite-app-header-bg: var(--app-header-bg, var(--userssite-surface-glass));
|
|
713
|
+
--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)));
|
|
714
|
+
--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))));
|
|
715
|
+
--userssite-app-rightpanel-bg: var(--app-rightpanel-bg, color-mix(in oklab, var(--userssite-color-bg) 94%, var(--userssite-color-white)));
|
|
716
|
+
--userssite-map-title-text: var(--map-title-text, color-mix(in oklab, var(--userssite-color-text) 86%, transparent));
|
|
717
|
+
--userssite-ranking-header-bg: var(--ranking-header-bg, #2f8bd6);
|
|
718
|
+
--userssite-brand-mark-bg: var(--brand-mark-bg, color-mix(in oklab, var(--userssite-color-panel) 86%, transparent));
|
|
719
|
+
--userssite-nav-bg: var(--nav-bg, color-mix(in oklab, var(--userssite-color-bg) 72%, var(--userssite-color-white)));
|
|
720
|
+
--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))));
|
|
721
|
+
--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));
|
|
722
|
+
--userssite-dropdown-bg: var(--dropdown-bg, color-mix(in oklab, var(--userssite-color-bg) 94%, var(--userssite-color-white)));
|
|
723
|
+
--userssite-input-bg: var(--input-bg, color-mix(in oklab, var(--userssite-color-bg) 88%, var(--userssite-color-white)));
|
|
724
|
+
--userssite-input-placeholder: var(--input-placeholder, var(--userssite-color-subtle));
|
|
725
|
+
--userssite-scrollbar-track: var(--scrollbar-track, transparent);
|
|
726
|
+
--userssite-scrollbar-thumb: var(--scrollbar-thumb, color-mix(in oklab, var(--userssite-color-primary) 34%, var(--userssite-color-border)));
|
|
727
|
+
--userssite-scrollbar-thumb-hover: var(--scrollbar-thumb-hover, color-mix(in oklab, var(--userssite-color-primary) 52%, var(--userssite-color-border)));
|
|
728
|
+
--userssite-tree-trigger-bg: var(--tree-trigger-bg, color-mix(in oklab, var(--userssite-color-panel) 96%, var(--userssite-color-primary) 4%));
|
|
729
|
+
--userssite-tree-trigger-hover-bg: var(--tree-trigger-hover-bg, var(--userssite-color-panel));
|
|
730
|
+
--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))));
|
|
731
|
+
--userssite-tree-panel-bg: var(--tree-panel-bg, color-mix(in oklab, var(--userssite-color-bg) 96%, transparent));
|
|
732
|
+
--userssite-tree-tabs-bg: var(--tree-tabs-bg, color-mix(in oklab, var(--userssite-color-hover) 58%, transparent));
|
|
733
|
+
--userssite-map-menu-parent-bg: var(--map-menu-parent-bg, #00000080);
|
|
734
|
+
--userssite-map-menu-parent-active: var(--map-menu-parent-active, #f6a313);
|
|
735
|
+
--userssite-map-menu-child-bg: var(--map-menu-child-bg, color-mix(in oklab, #ffffff 86%, #d7f6ff));
|
|
736
|
+
--userssite-map-menu-child-border: var(--map-menu-child-border, #26b6ef);
|
|
737
|
+
--userssite-map-menu-child-text: var(--map-menu-child-text, #148cc8);
|
|
738
|
+
--userssite-map-menu-child-active: var(--map-menu-child-active, #2d9cf0);
|
|
739
|
+
--userssite-right-panel-header-bg: var(--right-panel-header-bg, #2f8bd6);
|
|
740
|
+
--userssite-right-panel-header-text: var(--right-panel-header-text, #ffffff);
|
|
741
|
+
--userssite-map-float-bg: var(--map-float-bg, color-mix(in oklab, var(--userssite-color-panel) 96%, var(--userssite-color-bg)));
|
|
742
|
+
--userssite-map-float-border: var(--map-float-border, color-mix(in oklab, var(--userssite-color-border) 82%, transparent));
|
|
743
|
+
--userssite-map-float-control-bg: var(--map-float-control-bg, color-mix(in oklab, var(--userssite-color-panel) 94%, var(--userssite-color-bg)));
|
|
744
|
+
--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)));
|
|
745
|
+
--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));
|
|
746
|
+
--userssite-header-height: var(--header-height, calc(var(--cp-font-1) * 58));
|
|
747
|
+
--userssite-sidebar-width: var(--sidebar-width, calc(var(--cp-font-1) * 244));
|
|
748
|
+
--userssite-rightpanel-width: var(--rightpanel-width, calc(var(--cp-font-1) * 320));
|
|
749
|
+
--userssite-layout-gutter: var(--layout-gutter, calc(var(--cp-font-1) * 10));
|
|
750
|
+
--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);
|
|
751
|
+
--userssite-font-size-micro: var(--font-size-micro, var(--cp-font-10));
|
|
752
|
+
--userssite-font-size-caption: var(--font-size-caption, var(--cp-font-13));
|
|
753
|
+
--userssite-font-size-body: var(--font-size-body, var(--cp-font-14));
|
|
754
|
+
--userssite-font-size-title: var(--font-size-title, var(--cp-font-16));
|
|
755
|
+
--userssite-font-size-heading: var(--font-size-heading, var(--cp-font-18));
|
|
756
|
+
--userssite-radius-s: var(--radius-s, var(--cp-font-4));
|
|
757
|
+
--userssite-radius-m: var(--radius-m, var(--cp-font-8));
|
|
758
|
+
--userssite-radius-l: var(--radius-l, var(--cp-font-12));
|
|
759
|
+
--userssite-radius-pill: var(--radius-pill, calc(var(--cp-font-1) * 999));
|
|
760
|
+
--userssite-space-s: var(--space-s, var(--cp-font-6));
|
|
761
|
+
--userssite-space-m: var(--space-m, var(--cp-font-10));
|
|
762
|
+
--userssite-space-l: var(--space-l, var(--cp-font-16));
|
|
763
|
+
--userssite-control-height-s: var(--control-height-s, var(--cp-font-28));
|
|
764
|
+
--userssite-control-height-m: var(--control-height-m, var(--cp-font-32));
|
|
765
|
+
--userssite-control-height-l: var(--control-height-l, var(--cp-font-36));
|
|
766
|
+
--userssite-font-size-l1: var(--font-size-l1, var(--cp-font-16));
|
|
767
|
+
--userssite-font-size-l2: var(--font-size-l2, var(--cp-font-14));
|
|
768
|
+
--userssite-font-size-l3: var(--font-size-l3, var(--cp-font-13));
|
|
769
|
+
--userssite-menu-level-1-color: var(--menu-level-1-color, var(--userssite-color-text));
|
|
770
|
+
--userssite-menu-level-2-color: var(--menu-level-2-color, color-mix(in oklab, var(--userssite-color-text) 82%, transparent));
|
|
771
|
+
--userssite-menu-level-3-color: var(--menu-level-3-color, color-mix(in oklab, var(--userssite-color-text) 68%, transparent));
|
|
772
|
+
--userssite-button-primary-bg: var(--button-primary-bg, var(--userssite-color-primary));
|
|
773
|
+
--userssite-button-primary-text: var(--button-primary-text, var(--userssite-color-on-primary));
|
|
774
|
+
--userssite-button-secondary-bg: var(--button-secondary-bg, var(--userssite-surface-control));
|
|
775
|
+
--userssite-button-secondary-text: var(--button-secondary-text, var(--userssite-color-text));
|
|
776
|
+
--userssite-button-ghost-bg: var(--button-ghost-bg, transparent);
|
|
777
|
+
--userssite-button-ghost-text: var(--button-ghost-text, var(--userssite-color-primary));
|
|
778
|
+
--userssite-button-danger-bg: var(--button-danger-bg, var(--userssite-color-danger));
|
|
779
|
+
--userssite-button-danger-text: var(--button-danger-text, var(--userssite-color-white));
|
|
780
|
+
--userssite-motion-fast: var(--motion-fast, 160ms);
|
|
781
|
+
--userssite-motion-base: var(--motion-base, 240ms);
|
|
782
|
+
--userssite-motion-ease: var(--motion-ease, cubic-bezier(0.2, 0.8, 0.2, 1));
|
|
783
|
+
--el-color-primary: var(--userssite-color-primary);
|
|
784
|
+
--el-bg-color: var(--userssite-color-bg);
|
|
785
|
+
--el-bg-color-overlay: var(--userssite-color-panel);
|
|
786
|
+
--el-fill-color-blank: var(--userssite-color-panel);
|
|
787
|
+
--el-text-color-primary: var(--userssite-color-text);
|
|
788
|
+
--el-text-color-regular: var(--userssite-color-muted);
|
|
789
|
+
--el-border-color: var(--userssite-color-border);
|
|
790
|
+
--el-border-radius-base: var(--userssite-radius-s);
|
|
791
|
+
--el-component-size: var(--userssite-control-height-m);
|
|
792
|
+
--el-font-size-base: var(--userssite-font-size-body);
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
:where(.theme-dark .userssite-theme, .userssite-theme.theme-dark, .sky-html[data-theme="dark"], .sky-model-workspace[data-native-controls][data-theme="dark"]) {
|
|
796
|
+
--userssite-color-bg: var(--color-bg, #08111f);
|
|
797
|
+
--userssite-color-text: var(--color-text, #e6edf7);
|
|
798
|
+
--userssite-color-primary: var(--color-primary, #4da3ff);
|
|
799
|
+
--userssite-color-on-primary: var(--color-on-primary, #ffffff);
|
|
800
|
+
--userssite-color-border: var(--color-border, #39506f99);
|
|
801
|
+
--userssite-color-hover: var(--color-hover, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
802
|
+
--userssite-color-surface: var(--color-surface, #101b2dee);
|
|
803
|
+
--userssite-color-surface-strong: var(--color-surface-strong, color-mix(in oklab, var(--userssite-color-surface) 70%, var(--userssite-color-bg)));
|
|
804
|
+
--userssite-color-panel: var(--color-panel, #0c1525);
|
|
805
|
+
--userssite-shadow-color: var(--shadow-color, color-mix(in oklab, #020617 62%, transparent));
|
|
806
|
+
--userssite-color-inset-highlight: var(--color-inset-highlight, color-mix(in oklab, var(--userssite-color-white) 12%, transparent));
|
|
807
|
+
--userssite-surface-subtle: var(--surface-subtle, color-mix(in oklab, var(--userssite-color-surface-strong) 76%, var(--userssite-color-bg)));
|
|
808
|
+
--userssite-surface-glass: var(--surface-glass, color-mix(in oklab, var(--userssite-color-surface-strong) 84%, transparent));
|
|
809
|
+
--userssite-surface-control: var(--surface-control, color-mix(in oklab, var(--userssite-color-surface-strong) 84%, transparent));
|
|
810
|
+
--userssite-surface-control-hover: var(--surface-control-hover, color-mix(in oklab, var(--userssite-color-primary) 18%, transparent));
|
|
811
|
+
--userssite-surface-control-active: var(--surface-control-active, color-mix(in oklab, var(--userssite-color-primary) 26%, transparent));
|
|
812
|
+
--userssite-focus-ring: var(--focus-ring, color-mix(in oklab, var(--userssite-color-primary) 20%, transparent));
|
|
813
|
+
--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));
|
|
814
|
+
--userssite-shadow-panel: var(--shadow-panel, 0 calc(var(--cp-font-1) * 10) calc(var(--cp-font-1) * 24) var(--userssite-shadow-color));
|
|
815
|
+
--userssite-shadow-dropdown: var(--shadow-dropdown, 0 calc(var(--cp-font-1) * 18) calc(var(--cp-font-1) * 42) var(--userssite-shadow-color));
|
|
816
|
+
--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%));
|
|
817
|
+
--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)));
|
|
818
|
+
--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));
|
|
819
|
+
--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)));
|
|
820
|
+
--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)));
|
|
821
|
+
--userssite-map-title-text: var(--map-title-text, #1f2937);
|
|
822
|
+
--userssite-ranking-header-bg: var(--ranking-header-bg, transparent);
|
|
823
|
+
--userssite-brand-mark-bg: var(--brand-mark-bg, color-mix(in oklab, var(--userssite-color-white) 92%, var(--userssite-color-primary)));
|
|
824
|
+
--userssite-nav-bg: var(--nav-bg, color-mix(in oklab, var(--userssite-color-panel) 76%, transparent));
|
|
825
|
+
--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))));
|
|
826
|
+
--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));
|
|
827
|
+
--userssite-dropdown-bg: var(--dropdown-bg, color-mix(in oklab, var(--userssite-color-surface) 94%, transparent));
|
|
828
|
+
--userssite-input-bg: var(--input-bg, color-mix(in oklab, var(--userssite-color-surface-strong) 88%, transparent));
|
|
829
|
+
--userssite-input-placeholder: var(--input-placeholder, color-mix(in oklab, var(--userssite-color-text) 44%, transparent));
|
|
830
|
+
--userssite-scrollbar-thumb: var(--scrollbar-thumb, color-mix(in oklab, var(--userssite-color-primary) 46%, var(--userssite-color-border)));
|
|
831
|
+
--userssite-scrollbar-thumb-hover: var(--scrollbar-thumb-hover, color-mix(in oklab, var(--userssite-color-primary) 64%, var(--userssite-color-border)));
|
|
832
|
+
--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)));
|
|
833
|
+
--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%)));
|
|
834
|
+
--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)));
|
|
835
|
+
--userssite-tree-panel-bg: var(--tree-panel-bg, color-mix(in oklab, var(--userssite-color-panel) 94%, transparent));
|
|
836
|
+
--userssite-tree-tabs-bg: var(--tree-tabs-bg, color-mix(in oklab, var(--userssite-color-surface-strong) 78%, transparent));
|
|
837
|
+
--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)));
|
|
838
|
+
--userssite-map-float-border: var(--map-float-border, color-mix(in oklab, var(--userssite-color-primary) 24%, var(--userssite-color-border)));
|
|
839
|
+
--userssite-map-float-control-bg: var(--map-float-control-bg, color-mix(in oklab, var(--userssite-color-panel) 86%, #020617));
|
|
840
|
+
--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)));
|
|
841
|
+
--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));
|
|
842
|
+
--userssite-menu-level-1-color: var(--menu-level-1-color, #e6edf7);
|
|
843
|
+
--userssite-menu-level-2-color: var(--menu-level-2-color, #c8d4e4);
|
|
844
|
+
--userssite-menu-level-3-color: var(--menu-level-3-color, #aebed2);
|
|
845
|
+
--userssite-right-panel-header-bg: var(--right-panel-header-bg, transparent);
|
|
846
|
+
--userssite-right-panel-header-text: var(--right-panel-header-text, #e6edf7);
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
|
|
850
|
+
}
|
|
851
|
+
|
|
673
852
|
/* 四个模型工作区的共同主题,仅在显式容器内生效。 */
|
|
674
853
|
.sky-model-workspace {
|
|
675
854
|
--color-bg: #f3f7fb; --color-panel: #fff; --color-surface: #f7f9fc;
|
|
@@ -698,22 +877,80 @@
|
|
|
698
877
|
--shadow-panel: 0 8px 28px #00000030; --scrollbar-thumb: #425a72; color-scheme: dark;
|
|
699
878
|
}
|
|
700
879
|
.sky-model-workspace *, .sky-model-workspace *::before, .sky-model-workspace *::after { box-sizing: border-box; }
|
|
880
|
+
|
|
881
|
+
/* HTML 与 Vue 控件直接消费同一 userssite 主题,不再维护另一套控件色值。 */
|
|
882
|
+
.sky-html { color:var(--userssite-color-text); background:var(--userssite-color-bg); font-family:var(--userssite-font-family-sans); font-size:var(--font-size-body,14px); line-height:1.5; }
|
|
883
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-1:calc(var(--cp-vfit-scale,1) * 1px); }
|
|
884
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-4:calc(var(--cp-vfit-scale,1) * 4px); }
|
|
885
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-8:calc(var(--cp-vfit-scale,1) * 8px); }
|
|
886
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-12:calc(var(--cp-vfit-scale,1) * 12px); }
|
|
887
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-14:calc(var(--cp-vfit-scale,1) * 14px); }
|
|
888
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-28:calc(var(--cp-vfit-scale,1) * 28px); }
|
|
889
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-32:calc(var(--cp-vfit-scale,1) * 32px); }
|
|
890
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) { --cp-font-36:calc(var(--cp-vfit-scale,1) * 36px); }
|
|
891
|
+
|
|
701
892
|
.sky-model-workspace__content { padding: var(--workspace-padding, 20px); min-width: 0; }
|
|
702
|
-
.sky-model-header { padding: 24px 28px; background: var(--workspace-hero); border-bottom: 1px solid var(--color-border); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
|
|
703
|
-
.sky-model-header__title { margin: 0; display: flex; align-items: center; gap: 12px; color: var(--workspace-title); font-size: 22px; font-weight: 650; }
|
|
704
|
-
.sky-model-header__title::before { content: ''; width: 7px; height: 25px; border-radius: 4px; background: var(--color-primary); flex-shrink: 0; }
|
|
705
|
-
.sky-model-header__description { margin: 8px 0 0; color: var(--color-muted); }
|
|
706
|
-
.sky-model-panel { min-width: 0; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-panel); box-shadow: var(--shadow-panel); overflow: hidden; }
|
|
893
|
+
.sky-model-header { padding: 24px 28px; background: var(--workspace-hero, var(--userssite-color-panel)); border-bottom: 1px solid var(--color-border, var(--userssite-color-border)); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
|
|
894
|
+
.sky-model-header__title { margin: 0; display: flex; align-items: center; gap: 12px; color: var(--workspace-title, var(--userssite-color-text)); font-size: 22px; font-weight: 650; }
|
|
895
|
+
.sky-model-header__title::before { content: ''; width: 7px; height: 25px; border-radius: 4px; background: var(--color-primary, var(--userssite-color-primary)); flex-shrink: 0; }
|
|
896
|
+
.sky-model-header__description { margin: 8px 0 0; color: var(--color-muted, var(--userssite-color-muted)); }
|
|
897
|
+
.sky-model-panel { min-width: 0; border: 1px solid var(--color-border, var(--userssite-color-border)); border-radius: 8px; background: var(--color-panel, var(--userssite-color-panel)); box-shadow: var(--shadow-panel, var(--userssite-shadow-panel)); overflow: hidden; }
|
|
707
898
|
.sky-model-panel__header, .sky-model-panel__footer { padding: var(--panel-header-padding, calc(var(--cp-font-1, 1px) * 12) calc(var(--cp-font-1, 1px) * 16)); display: flex; align-items: center; justify-content: space-between; gap: var(--panel-gap, calc(var(--cp-font-1, 1px) * 12)); flex-wrap: wrap; }
|
|
708
|
-
.sky-model-panel__header { border-bottom: 1px solid var(--color-border); }
|
|
709
|
-
.sky-model-panel__header h2 { margin: 0; font-size: 15px; color: var(--workspace-title); }
|
|
899
|
+
.sky-model-panel__header { border-bottom: 1px solid var(--color-border, var(--userssite-color-border)); }
|
|
900
|
+
.sky-model-panel__header h2 { margin: 0; font-size: 15px; color: var(--workspace-title, var(--userssite-color-text)); }
|
|
710
901
|
.sky-model-panel__body { padding: var(--panel-body-padding, calc(var(--cp-font-1, 1px) * 16)); min-width: 0; }
|
|
711
|
-
.sky-model-panel__footer { padding: var(--panel-footer-padding, calc(var(--cp-font-1, 1px) * 12) calc(var(--cp-font-1, 1px) * 16)); border-top: 1px solid var(--color-border); }
|
|
712
|
-
/* 原生表单适配必须显式开启,不覆盖容器外的 Element Plus。 */
|
|
713
|
-
.sky-model-workspace[data-native-controls] :where(button:not([class*="el-"]), input:not([class*="el-"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select:not([class*="el-"]), textarea:not([class*="el-"])) { font: inherit; color: var(--color-text); background: var(--color-panel); border: 1px solid var(--color-border); border-radius: 6px; padding: 7px 12px; }
|
|
714
|
-
.sky-model-workspace[data-native-controls] :where(button:not([class*="el-"])) { cursor: pointer; }
|
|
715
|
-
.sky-model-workspace[data-native-controls] :where(button.primary, button.accent) { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary); }
|
|
716
|
-
.sky-model-workspace[data-native-controls] :where(button:not([class*="el-"]):hover:not(:disabled)) { border-color: var(--color-primary); }
|
|
717
|
-
.sky-model-workspace[data-native-controls] :where(button:disabled, input:disabled, select:disabled, textarea:disabled) { opacity: .55; cursor: not-allowed; }
|
|
718
|
-
.sky-model-workspace[data-native-controls] :where(button, input, select, textarea):focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
|
|
902
|
+
.sky-model-panel__footer { padding: var(--panel-footer-padding, calc(var(--cp-font-1, 1px) * 12) calc(var(--cp-font-1, 1px) * 16)); border-top: 1px solid var(--color-border, var(--userssite-color-border)); }
|
|
719
903
|
@media(max-width:768px) { .sky-model-header { padding: 18px 16px; } .sky-model-workspace__content { padding: 12px; } }
|
|
904
|
+
|
|
905
|
+
/* 原生按钮,显式 opt-in;不提供业务交互。保留旧工作区入口。 */
|
|
906
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)) { box-sizing: border-box; font-family:var(--userssite-font-family-sans); font-size:var(--userssite-font-size-body); line-height:1; color: var(--userssite-color-text); background: var(--userssite-color-panel); border: 1px solid var(--userssite-color-border); border-radius: var(--userssite-radius-s); height:var(--userssite-control-height-m); padding:8px 15px; font-weight:500; cursor: pointer; }
|
|
907
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where(.primary, .accent, [data-variant="primary"]) { background: var(--userssite-color-primary); border-color: var(--userssite-color-primary); color: var(--userssite-color-on-primary); }
|
|
908
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[data-variant="danger"] { background: var(--userssite-color-danger); color: var(--userssite-color-white); border-color: var(--userssite-color-danger); }
|
|
909
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):hover:not(:disabled) { color:var(--userssite-color-primary); background:color-mix(in oklab,var(--userssite-color-primary) 10%,var(--userssite-color-panel)); border-color:color-mix(in oklab,var(--userssite-color-primary) 30%,var(--userssite-color-panel)); }
|
|
910
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):active:not(:disabled) { filter: brightness(.94); }
|
|
911
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):disabled { color:var(--userssite-color-subtle); background:var(--userssite-surface-subtle); border-color:var(--userssite-color-soft-border); cursor:not-allowed; }
|
|
912
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):focus-visible { outline: 2px solid var(--userssite-color-primary); outline-offset: 2px; }
|
|
913
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([data-variant="primary"],.primary,.accent):hover:not(:disabled) { background:color-mix(in oklab,var(--userssite-color-primary) 70%,var(--userssite-color-panel)); border-color:color-mix(in oklab,var(--userssite-color-primary) 70%,var(--userssite-color-panel)); color:var(--userssite-color-on-primary); }
|
|
914
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([data-variant="primary"],.primary,.accent):disabled { background:color-mix(in oklab,var(--userssite-color-primary) 50%,var(--userssite-color-panel)); border-color:color-mix(in oklab,var(--userssite-color-primary) 50%,var(--userssite-color-panel)); color:var(--userssite-color-white); }
|
|
915
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[data-variant="danger"]:hover:not(:disabled) { background:color-mix(in oklab,var(--userssite-color-danger) 70%,var(--userssite-color-panel)); border-color:color-mix(in oklab,var(--userssite-color-danger) 70%,var(--userssite-color-panel)); color:var(--userssite-color-white); }
|
|
916
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(button, input[type="button"], input[type="submit"], input[type="reset"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[data-variant="danger"]:disabled { background:color-mix(in oklab,var(--userssite-color-danger) 50%,var(--userssite-color-panel)); border-color:color-mix(in oklab,var(--userssite-color-danger) 50%,var(--userssite-color-panel)); color:var(--userssite-color-white); }
|
|
917
|
+
|
|
918
|
+
/* 文本输入、select、textarea;复选框、单选、滑块、文件沿用浏览器。 */
|
|
919
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)) { box-sizing: border-box; max-width: 100%; font-family:var(--userssite-font-family-sans); font-size:var(--userssite-font-size-body); line-height:1; color: var(--userssite-color-text); background: var(--userssite-input-bg); border: 1px solid var(--userssite-color-border); border-radius: var(--userssite-radius-s); height:var(--userssite-control-height-m); padding:1px 11px; }
|
|
920
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))::placeholder { color: var(--userssite-input-placeholder); opacity: 1; }
|
|
921
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):hover:not(:disabled):not([readonly]):not(:where([aria-invalid="true"], :user-invalid)) { border-color: var(--userssite-color-primary); }
|
|
922
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):focus { outline: none; outline-offset: 0; box-shadow: none; border-color: var(--userssite-color-primary); }
|
|
923
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):disabled { color:var(--userssite-color-subtle); background:var(--userssite-surface-subtle); border-color:var(--userssite-color-soft-border); cursor:not-allowed; }
|
|
924
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[readonly] { background: var(--userssite-color-surface); }
|
|
925
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):is([aria-invalid="true"], :user-invalid) { border-color: var(--userssite-color-danger); }
|
|
926
|
+
:where(.sky-html, .sky-model-workspace[data-native-controls]) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]), select, textarea):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where(textarea) { height:auto; min-height:var(--userssite-control-height-m); padding:5px 11px; line-height:1.5; }
|
|
927
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)) { appearance:none; box-sizing:border-box; display:inline-grid; place-content:center; vertical-align:middle; width:14px; height:14px; margin:0 6px 0 0; border:1px solid var(--userssite-color-border); border-radius:2px; background:var(--userssite-input-bg); cursor:pointer; }
|
|
928
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):checked { background:var(--userssite-color-primary); border-color:var(--userssite-color-primary); }
|
|
929
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))::after { content:''; width:3px; height:7px; border:solid var(--userssite-color-on-primary); border-width:0 1px 1px 0; transform:rotate(45deg) scale(0); }
|
|
930
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):checked::after { transform:rotate(45deg) scale(1); }
|
|
931
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[type="radio"] { border-radius:50%; }
|
|
932
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))[type="radio"]::after { width:4px; height:4px; border:0; border-radius:50%; background:var(--userssite-color-on-primary); }
|
|
933
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):disabled { cursor:not-allowed; opacity:.5; }
|
|
934
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) :where(input[type="checkbox"],input[type="radio"]):not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):focus-visible { outline:2px solid var(--userssite-color-primary); outline-offset:2px; }
|
|
935
|
+
|
|
936
|
+
:where(.sky-html) [data-sky-error]:not([data-sky-native="off"]):not([data-sky-native="off"] *) { color:var(--userssite-color-danger); font-size:12px; line-height:1; }
|
|
937
|
+
|
|
938
|
+
/* 多选列表使用原生 size 行数,不继承单行输入高度。 */
|
|
939
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])) { appearance:none; box-sizing:border-box; width:var(--sky-select-list-width, 220px); max-width:100%; height:auto; min-height:calc(var(--userssite-control-height-m) * 3 + 12px); padding:6px; line-height:1.5; vertical-align:top; overflow:auto; background:var(--userssite-input-bg); scrollbar-width:thin; scrollbar-color:var(--userssite-scrollbar-thumb) transparent; }
|
|
940
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])) option { box-sizing:border-box; min-height:var(--userssite-control-height-m); padding:7px 10px; margin:2px 0; border-radius:var(--userssite-radius-s); color:var(--userssite-color-text); cursor:pointer; }
|
|
941
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)) { max-width:100%; font-family:var(--userssite-font-family-sans); font-size:var(--userssite-font-size-body); color:var(--userssite-color-text); line-height:1.5; }
|
|
942
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *))::file-selector-button { box-sizing:border-box; height:var(--userssite-control-height-m); margin-inline-end:10px; padding:8px 15px; font:inherit; font-weight:500; line-height:1; border:1px solid var(--userssite-color-border); border-radius:var(--userssite-radius-s); background:var(--userssite-color-panel); color:var(--userssite-color-text); cursor:pointer; }
|
|
943
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):hover:not(:disabled)::file-selector-button { color:var(--userssite-color-primary); border-color:var(--userssite-color-primary); background:var(--userssite-surface-control-hover); }
|
|
944
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):disabled { color:var(--userssite-color-subtle); cursor:not-allowed; }
|
|
945
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):disabled::file-selector-button { color:var(--userssite-color-subtle); border-color:var(--userssite-color-soft-border); background:var(--userssite-surface-subtle); cursor:not-allowed; }
|
|
946
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) input[type="file"]:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):focus-visible { outline:2px solid var(--userssite-color-primary); outline-offset:2px; border-radius:var(--userssite-radius-s); }
|
|
947
|
+
|
|
948
|
+
/* 保留原生多选语义,仅统一列表表面;不触碰单选系统弹层。 */
|
|
949
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])):not(:disabled) option:hover:not(:disabled):not(:checked) { background:var(--userssite-surface-control-hover); }
|
|
950
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])) option:checked { color:var(--userssite-color-primary); background:linear-gradient(var(--userssite-surface-control-active),var(--userssite-surface-control-active)); font-weight:600; }
|
|
951
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])) option:disabled { color:var(--userssite-color-subtle); cursor:not-allowed; }
|
|
952
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])):disabled { color:var(--userssite-color-subtle); background:var(--userssite-surface-subtle); cursor:not-allowed; }
|
|
953
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])):disabled option { color:var(--userssite-color-subtle); cursor:not-allowed; }
|
|
954
|
+
@media (forced-colors: active) {
|
|
955
|
+
:where(.sky-html,.sky-model-workspace[data-native-controls]) select:not(:where([data-sky-native="off"], [data-sky-native="off"] *, [class^="el-"], [class^="el-"] *, [class*=" el-"], [class*=" el-"] *, .maplibregl-map *, .mapboxgl-map *)):where([multiple], [size]:not([size="1"]):not([size="0"])) option:checked { background:Highlight; color:HighlightText; }
|
|
956
|
+
}
|