@wenle_2523097/agri-map 1.0.0 → 1.0.1

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/dist/index.css CHANGED
@@ -6,16 +6,29 @@
6
6
  /**
7
7
  * 编辑工具栏公共样式
8
8
  * @description 通过 mixin 实现可复用的工具栏样式
9
+ *
10
+ * 设计参考:Ant Design 5.x Button / Button Group
11
+ * - 按钮间用 ::before 伪元素分割线,非 border-right
12
+ * - 完整的 default / hover / active / disabled 状态链
13
+ * - primary / danger 变体遵循 antd 色板
14
+ * - 深色主题使用 [data-theme="dark"] 选择器
9
15
  */
10
16
  /**
11
- * 工具栏基础样式 mixin
17
+ * 公共变量
18
+ * @description 定义全局可复用的 SCSS 变量
19
+ *
20
+ * ⚠️ 本文件为项目主题的唯一源(Single Source of Truth)。
21
+ * src/constants/theme.ts 中的 THEME_CSS_VARS 必须与本文件保持同步。
22
+ */
23
+ /**
24
+ * 工具栏基础样式 mixin(Light)
12
25
  * @param prefix - 类名前缀
13
- * @param primary-color - 主色调(可选,默认 #1677ff
26
+ * @param primary-color - 主色调(可选,默认 $color-primary
14
27
  */
15
28
  /**
16
29
  * 工具栏深色主题 mixin
17
30
  * @param prefix - 类名前缀
18
- * @param primary-color - 主色调(可选,默认 #66bb6a 深色主题绿色)
31
+ * @param primary-color - 主色调(可选,默认 $dark-color-primary)
19
32
  */
20
33
  /**
21
34
  * Leaflet 深色主题样式
@@ -145,14 +158,6 @@
145
158
  color: #66bb6a !important;
146
159
  }
147
160
 
148
- /**
149
- * 双向标尺样式 - L型布局
150
- * 覆盖整个地图窗口,标尺贴边显示
151
- */
152
- /**
153
- * 公共变量
154
- * @description 定义全局可复用的 SCSS 变量
155
- */
156
161
  /**
157
162
  * 双向标尺样式 - L型布局
158
163
  * 覆盖整个地图窗口,标尺贴边显示
@@ -336,29 +341,67 @@
336
341
  }
337
342
 
338
343
  /* 深色主题 */
339
- .leaflet-control-dual-scale.dark {
344
+ [data-theme=dark] .leaflet-control-dual-scale {
340
345
  --control-bg: rgba(0, 0, 0, 0.7);
341
346
  --control-text: #fff;
342
347
  }
348
+ [data-theme=dark] .leaflet-control-dual-scale .scale {
349
+ --scale-color: rgba(255, 255, 255, 0.7);
350
+ }
351
+ [data-theme=dark] .leaflet-control-dual-scale .scale::before, [data-theme=dark] .leaflet-control-dual-scale .scale::after {
352
+ border-color: var(--scale-color);
353
+ }
354
+ [data-theme=dark] .leaflet-control-dual-scale .scale-text {
355
+ color: var(--control-text);
356
+ background-color: var(--control-bg);
357
+ }
358
+ [data-theme=dark] .leaflet-control-dual-scale .zoom-control {
359
+ background: transparent;
360
+ }
361
+ [data-theme=dark] .leaflet-control-dual-scale .zoom-btn {
362
+ background: var(--control-bg);
363
+ background-color: var(--control-bg);
364
+ color: var(--control-text);
365
+ border-bottom-color: rgba(255, 255, 255, 0.2);
366
+ box-shadow: none;
367
+ outline: none;
368
+ }
369
+ [data-theme=dark] .leaflet-control-dual-scale .zoom-btn:hover {
370
+ background: rgba(0, 0, 0, 0.85);
371
+ background-color: rgba(0, 0, 0, 0.85);
372
+ box-shadow: none;
373
+ outline: none;
374
+ }
375
+ [data-theme=dark] .leaflet-control-dual-scale .zoom-btn:focus {
376
+ box-shadow: none;
377
+ outline: none;
378
+ }
379
+ [data-theme=dark] .leaflet-control-dual-scale .zoom-level {
380
+ background: var(--control-bg);
381
+ background-color: var(--control-bg);
382
+ color: var(--control-text);
383
+ border-top-color: rgba(255, 255, 255, 0.2);
384
+ border-bottom-color: rgba(255, 255, 255, 0.2);
385
+ }
343
386
 
387
+ /* 深色主题 - 通过 .dark 类名 */
388
+ .leaflet-control-dual-scale.dark {
389
+ --control-bg: rgba(0, 0, 0, 0.7);
390
+ --control-text: #fff;
391
+ }
344
392
  .leaflet-control-dual-scale.dark .scale {
345
393
  --scale-color: rgba(255, 255, 255, 0.7);
346
394
  }
347
-
348
- .leaflet-control-dual-scale.dark .scale::before,
349
- .leaflet-control-dual-scale.dark .scale::after {
395
+ .leaflet-control-dual-scale.dark .scale::before, .leaflet-control-dual-scale.dark .scale::after {
350
396
  border-color: var(--scale-color);
351
397
  }
352
-
353
398
  .leaflet-control-dual-scale.dark .scale-text {
354
399
  color: var(--control-text);
355
400
  background-color: var(--control-bg);
356
401
  }
357
-
358
402
  .leaflet-control-dual-scale.dark .zoom-control {
359
403
  background: transparent;
360
404
  }
361
-
362
405
  .leaflet-control-dual-scale.dark .zoom-btn {
363
406
  background: var(--control-bg);
364
407
  background-color: var(--control-bg);
@@ -367,19 +410,16 @@
367
410
  box-shadow: none;
368
411
  outline: none;
369
412
  }
370
-
371
413
  .leaflet-control-dual-scale.dark .zoom-btn:hover {
372
414
  background: rgba(0, 0, 0, 0.85);
373
415
  background-color: rgba(0, 0, 0, 0.85);
374
416
  box-shadow: none;
375
417
  outline: none;
376
418
  }
377
-
378
419
  .leaflet-control-dual-scale.dark .zoom-btn:focus {
379
420
  box-shadow: none;
380
421
  outline: none;
381
422
  }
382
-
383
423
  .leaflet-control-dual-scale.dark .zoom-level {
384
424
  background: var(--control-bg);
385
425
  background-color: var(--control-bg);
@@ -397,533 +437,535 @@
397
437
  * @description 统一导出所有样式
398
438
  */
399
439
  /**
400
- * Irrigation 组件样式
440
+ * Marker 组件样式
441
+ * 包含图标动画效果
401
442
  */
402
- .irrigation-line {
403
- transition: stroke 0.2s;
404
- outline: none !important;
443
+ .marker-icon-wrapper {
444
+ background: transparent !important;
445
+ border: none !important;
405
446
  }
406
- .irrigation-line--selected {
407
- stroke: #1677ff !important;
408
- filter: drop-shadow(0 0 6px rgba(22, 119, 255, 0.5));
447
+ .marker-icon-wrapper.marker-icon-wrapper--selected .marker-icon-inner {
448
+ filter: drop-shadow(0 0 8px rgba(24, 144, 255, 0.8));
409
449
  }
410
- .irrigation-line--editing {
411
- stroke: #1677ff !important;
412
- filter: drop-shadow(0 0 8px rgba(22, 119, 255, 0.7));
450
+ .marker-icon-wrapper.marker-icon-wrapper--editing .marker-icon-inner {
451
+ filter: drop-shadow(0 0 10px rgba(22, 119, 255, 0.9));
413
452
  }
414
- .irrigation-line--preview {
415
- stroke-dasharray: 10, 10;
416
- animation: irrigation-dash 1s linear infinite;
453
+ .marker-icon-wrapper.marker-icon-wrapper--movable {
454
+ cursor: move;
417
455
  }
418
456
 
419
- .leaflet-container .irrigation-interactive {
420
- outline: none !important;
457
+ .marker-icon-inner {
458
+ display: block;
459
+ background-size: 100% 2400%;
460
+ background-repeat: no-repeat;
461
+ background-position: center top;
421
462
  }
422
- .leaflet-container path.irrigation-interactive {
423
- outline: none !important;
463
+ .marker-icon-inner.icon-point {
464
+ background-image: url("./icon/marker/point.png");
465
+ }
466
+ .marker-icon-inner.icon-position {
467
+ background-image: url("./icon/marker/position.png");
468
+ }
469
+ .marker-icon-inner.icon-position-red {
470
+ background-image: url("./icon/marker/position-red.png");
471
+ }
472
+ .marker-icon-inner.icon-drone {
473
+ background-image: url("./icon/marker/drone.png");
474
+ }
475
+ .marker-icon-inner.icon-down {
476
+ background-image: url("./icon/marker/down.png");
477
+ }
478
+ .marker-icon-inner.animated {
479
+ background-size: 100% 2400%;
480
+ animation-name: play;
481
+ animation-duration: 1s;
482
+ animation-iteration-count: infinite;
483
+ background-position: 0px 0px;
424
484
  }
425
485
 
426
- @keyframes irrigation-dash {
486
+ .marker-icon-inner.marker-custom-icon.animated,
487
+ .marker-icon-inner.marker-svg-icon.animated {
488
+ animation: custom-icon-bounce 1.5s ease-in-out infinite;
489
+ }
490
+
491
+ .marker-icon-inner.marker-pin-icon.animated {
492
+ animation: none;
493
+ }
494
+
495
+ .marker-icon-inner.marker-pulse-icon.animated {
496
+ animation: none;
497
+ }
498
+
499
+ .marker-icon-inner.icon-tractor.animated,
500
+ .marker-icon-inner.icon-tractor-2.animated {
501
+ animation: none;
502
+ }
503
+
504
+ @keyframes custom-icon-bounce {
505
+ 0%, 100% {
506
+ transform: translateY(0);
507
+ }
508
+ 50% {
509
+ transform: translateY(-6px);
510
+ }
511
+ }
512
+ @keyframes marker-play {
513
+ from {
514
+ background-position: center top;
515
+ }
427
516
  to {
428
- stroke-dashoffset: -20;
517
+ background-position: center bottom;
429
518
  }
430
519
  }
431
- .irrigation-distance-label-wrapper {
432
- background: transparent !important;
433
- border: none !important;
520
+ @keyframes play {
521
+ 0% {
522
+ background-position: center top;
523
+ }
524
+ 100% {
525
+ background-position: center bottom;
526
+ }
527
+ }
528
+ .leaflet-marker-icon.animated-marker .marker-icon {
529
+ width: 42px;
530
+ height: 42px;
434
531
  }
435
532
 
436
- .irrigation-distance-label {
437
- background: transparent;
438
- color: #fff;
533
+ .marker-popup {
534
+ min-width: 120px;
535
+ }
536
+ .marker-popup strong {
439
537
  font-size: 14px;
440
- font-weight: 600;
441
- padding: 0;
442
- white-space: nowrap;
443
- pointer-events: none;
444
- text-shadow: -1px -1px 0 #1E90FF, 1px -1px 0 #1E90FF, -1px 1px 0 #1E90FF, 1px 1px 0 #1E90FF, 0 0 3px rgba(30, 144, 255, 0.5);
538
+ color: rgba(0, 0, 0, 0.88);
445
539
  }
446
-
447
- /* 进水口/出水口标记样式 */
448
- .irrigation-port-wrapper {
449
- background: transparent !important;
450
- border: none !important;
540
+ .marker-popup p {
541
+ margin: 8px 0 0;
542
+ font-size: 12px;
543
+ color: rgba(0, 0, 0, 0.65);
451
544
  }
452
545
 
453
- .irrigation-port {
454
- position: relative;
455
- display: flex;
456
- flex-direction: column;
457
- align-items: center;
458
- transition: transform 0.1s;
546
+ .leaflet-tooltip {
547
+ background: #fff !important;
548
+ color: #333 !important;
549
+ border: 1px solid #e8e8e8 !important;
550
+ border-radius: 4px !important;
551
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
552
+ padding: 8px 12px !important;
553
+ font-size: 14px !important;
554
+ line-height: 1.5 !important;
459
555
  }
460
- .irrigation-port svg {
461
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
462
- transition: transform 0.2s;
556
+
557
+ .leaflet-tooltip-top::before {
558
+ border-top-color: #fff !important;
463
559
  }
464
- .irrigation-port:hover svg {
465
- transform: scale(1.15);
560
+
561
+ .leaflet-tooltip-bottom::before {
562
+ border-bottom-color: #fff !important;
466
563
  }
467
- .irrigation-port__label {
468
- position: absolute;
469
- top: calc(100% + 4px);
470
- left: 50%;
471
- margin-top: 4px;
472
- padding: 2px 8px;
473
- font-size: 12px;
474
- font-weight: 500;
475
- color: #fff;
476
- background: rgba(0, 0, 0, 0.75);
477
- border-radius: 4px;
478
- white-space: nowrap;
479
- opacity: 0;
480
- transition: opacity 0.2s;
481
- pointer-events: none;
482
- z-index: 10;
564
+
565
+ .leaflet-tooltip-left::before {
566
+ border-left-color: #fff !important;
483
567
  }
484
- .irrigation-port:hover .irrigation-port__label {
485
- opacity: 1;
568
+
569
+ .leaflet-tooltip-right::before {
570
+ border-right-color: #fff !important;
486
571
  }
487
572
 
488
- .irrigation-port--inlet svg {
489
- /* 进水口蓝色 - 颜色已在 SVG 中设置 */
490
- filter: drop-shadow(0 0 4px rgba(30, 144, 255, 0.5));
573
+ .marker-create-mode {
574
+ cursor: crosshair !important;
491
575
  }
492
576
 
493
- .irrigation-port--outlet svg {
494
- /* 出水口绿色 - 颜色已在 SVG 中设置 */
495
- filter: drop-shadow(0 0 4px rgba(82, 196, 26, 0.5));
577
+ .marker-icon-wrapper--temp {
578
+ cursor: move;
579
+ }
580
+ .marker-icon-wrapper--temp:hover {
581
+ cursor: move;
496
582
  }
497
583
 
498
- .irrigation-edit-toolbar {
584
+ .marker-edit-toolbar {
499
585
  position: absolute;
500
586
  bottom: 20px;
501
587
  left: 50%;
502
588
  transform: translateX(-50%);
503
589
  z-index: 1000;
504
- padding: 0;
505
- border-radius: 8px;
506
590
  display: flex;
507
591
  align-items: center;
508
- gap: 12px;
592
+ gap: 8px;
509
593
  }
510
- .irrigation-edit-toolbar__button-group {
594
+
595
+ .marker-edit-toolbar__button-group {
511
596
  display: inline-flex;
512
- border-radius: 6px;
513
- overflow: hidden;
514
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
597
+ align-items: center;
598
+ gap: 0;
515
599
  background: #fff;
600
+ border-radius: 6px;
601
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
516
602
  }
517
- .irrigation-edit-toolbar__button {
603
+
604
+ .marker-edit-toolbar__button {
605
+ position: relative;
518
606
  display: inline-flex;
519
607
  align-items: center;
520
608
  justify-content: center;
521
- gap: 6px;
522
- padding: 6px 14px;
609
+ gap: 8px;
610
+ height: 32px;
611
+ padding: 0 12px;
523
612
  font-size: 14px;
524
- border: none;
525
- border-right: 1px solid #e5e5e5;
526
- background: transparent;
527
- cursor: pointer;
528
- transition: all 0.2s;
613
+ font-weight: 400;
614
+ line-height: 1.5714;
615
+ border: 1px solid transparent;
616
+ border-radius: calc(6px - 2px);
617
+ background: #fff;
529
618
  color: rgba(0, 0, 0, 0.88);
619
+ cursor: pointer;
620
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
621
+ white-space: nowrap;
622
+ user-select: none;
530
623
  margin: 0;
624
+ outline: none;
531
625
  }
532
- .irrigation-edit-toolbar__button svg {
626
+ .marker-edit-toolbar__button:focus-visible {
627
+ box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
628
+ }
629
+ .marker-edit-toolbar__button svg {
533
630
  width: 16px;
534
631
  height: 16px;
535
632
  flex-shrink: 0;
536
633
  }
537
- .irrigation-edit-toolbar__button:last-child {
538
- border-right: none;
634
+ .marker-edit-toolbar__button:hover:not(:disabled) {
635
+ color: #1677ff;
636
+ background: rgba(0, 0, 0, 0.06);
637
+ border-color: #1677ff;
539
638
  }
540
- .irrigation-edit-toolbar__button:hover:not(:disabled) {
541
- color: #1E90FF;
542
- background: rgba(30, 144, 255, 0.04);
639
+ .marker-edit-toolbar__button:active:not(:disabled) {
640
+ color: #4096ff;
641
+ background: rgba(0, 0, 0, 0.1);
642
+ border-color: #4096ff;
543
643
  }
544
- .irrigation-edit-toolbar__button:disabled {
545
- background: transparent;
644
+ .marker-edit-toolbar__button:disabled, .marker-edit-toolbar__button--disabled {
546
645
  color: rgba(0, 0, 0, 0.25);
646
+ background: rgba(0, 0, 0, 0.06);
547
647
  cursor: not-allowed;
548
648
  }
549
- .irrigation-edit-toolbar__button:disabled svg {
550
- opacity: 0.5;
649
+ .marker-edit-toolbar__button:disabled svg, .marker-edit-toolbar__button--disabled svg {
650
+ opacity: 0.4;
551
651
  }
552
- .irrigation-edit-toolbar__button--primary {
553
- background: #1E90FF;
652
+ .marker-edit-toolbar__button--primary {
554
653
  color: #fff;
654
+ background: #1677ff;
655
+ border-color: #1677ff;
555
656
  }
556
- .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
557
- background: #47a4ff;
657
+ .marker-edit-toolbar__button--primary:hover:not(:disabled) {
658
+ background: #4096ff;
659
+ border-color: #4096ff;
558
660
  }
559
- .irrigation-edit-toolbar__button--danger {
661
+ .marker-edit-toolbar__button--primary:active:not(:disabled) {
662
+ background: #1677ff;
663
+ border-color: #1677ff;
664
+ }
665
+ .marker-edit-toolbar__button--primary:disabled, .marker-edit-toolbar__button--primary.disabled {
666
+ color: rgba(255, 255, 255, 0.6);
667
+ background: rgba(22, 119, 255, 0.5);
668
+ border-color: rgba(22, 119, 255, 0.5);
669
+ cursor: not-allowed;
670
+ }
671
+ .marker-edit-toolbar__button--danger {
560
672
  color: #ff4d4f;
673
+ background: transparent;
674
+ border-color: transparent;
561
675
  }
562
- .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
676
+ .marker-edit-toolbar__button--danger:hover:not(:disabled) {
677
+ color: #fff;
563
678
  background: #ff4d4f;
679
+ border-color: #ff4d4f;
680
+ }
681
+ .marker-edit-toolbar__button--danger:active:not(:disabled) {
564
682
  color: #fff;
683
+ background: rgb(255, 26, 28.5730337079);
684
+ border-color: rgb(255, 26, 28.5730337079);
565
685
  }
566
- .irrigation-edit-toolbar__button--disabled {
567
- opacity: 0.5;
686
+ .marker-edit-toolbar__button--danger:disabled, .marker-edit-toolbar__button--danger.disabled {
687
+ color: rgba(0, 0, 0, 0.25);
688
+ background: transparent;
568
689
  cursor: not-allowed;
569
690
  }
570
- .irrigation-edit-toolbar__button--active {
571
- background: #1E90FF;
572
- border-color: #1E90FF;
691
+ .marker-edit-toolbar__button--active {
573
692
  color: #fff;
693
+ background: #1677ff;
694
+ border-color: #1677ff;
574
695
  }
575
- .irrigation-edit-toolbar__icon {
576
- display: inline-flex;
577
- align-items: center;
578
- justify-content: center;
579
- width: 16px;
580
- height: 16px;
696
+ .marker-edit-toolbar__button--success {
697
+ color: #52c41a;
698
+ background: transparent;
699
+ border-color: transparent;
581
700
  }
582
- .irrigation-edit-toolbar__label {
583
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
701
+ .marker-edit-toolbar__button--success:hover:not(:disabled) {
702
+ color: #fff;
703
+ background: #52c41a;
704
+ border-color: #52c41a;
584
705
  }
585
-
586
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group,
587
- [data-theme=dark] .irrigation-edit-toolbar__button-group {
588
- background: #1f1f1f;
589
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
706
+ .marker-edit-toolbar__button--success:active:not(:disabled) {
707
+ color: #fff;
708
+ background: rgb(63.1621621622, 150.972972973, 20.027027027);
709
+ border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
590
710
  }
591
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button,
592
- [data-theme=dark] .irrigation-edit-toolbar__button {
593
- color: #e0e0e0;
594
- border-right-color: #333;
711
+ .marker-edit-toolbar__button--success:disabled, .marker-edit-toolbar__button--success.disabled {
712
+ color: rgba(0, 0, 0, 0.25);
713
+ background: transparent;
714
+ border-color: transparent;
715
+ cursor: not-allowed;
595
716
  }
596
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled),
597
- [data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled) {
598
- color: #1E90FF;
599
- background: rgba(30, 144, 255, 0.1);
717
+ .marker-edit-toolbar__button--warning {
718
+ color: #faad14;
719
+ background: transparent;
720
+ border-color: transparent;
600
721
  }
601
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:disabled,
602
- [data-theme=dark] .irrigation-edit-toolbar__button:disabled {
603
- color: rgba(255, 255, 255, 0.3);
722
+ .marker-edit-toolbar__button--warning:hover:not(:disabled) {
723
+ color: #fff;
724
+ background: #faad14;
725
+ border-color: #faad14;
604
726
  }
605
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary,
606
- [data-theme=dark] .irrigation-edit-toolbar__button--primary {
607
- background: #1E90FF;
608
- color: #1a1a1a;
727
+ .marker-edit-toolbar__button--warning:active:not(:disabled) {
728
+ color: #fff;
729
+ background: rgb(214.4375, 144.175, 4.5625);
730
+ border-color: rgb(214.4375, 144.175, 4.5625);
609
731
  }
610
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled),
611
- [data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
612
- background: #47a4ff;
732
+ .marker-edit-toolbar__button--warning:disabled, .marker-edit-toolbar__button--warning.disabled {
733
+ color: rgba(0, 0, 0, 0.25);
734
+ background: transparent;
735
+ border-color: transparent;
736
+ cursor: not-allowed;
613
737
  }
614
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger,
615
- [data-theme=dark] .irrigation-edit-toolbar__button--danger {
616
- color: #ff7875;
738
+ .marker-edit-toolbar__button--error {
739
+ color: #ff4d4f;
740
+ background: transparent;
741
+ border-color: transparent;
617
742
  }
618
- .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled),
619
- [data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
743
+ .marker-edit-toolbar__button--error:hover:not(:disabled) {
744
+ color: #fff;
620
745
  background: #ff4d4f;
746
+ border-color: #ff4d4f;
747
+ }
748
+ .marker-edit-toolbar__button--error:active:not(:disabled) {
621
749
  color: #fff;
750
+ background: rgb(255, 26, 28.5730337079);
751
+ border-color: rgb(255, 26, 28.5730337079);
622
752
  }
623
-
624
- /**
625
- * 双向标尺样式 - L型布局
626
- * 覆盖整个地图窗口,标尺贴边显示
627
- */
628
- /**
629
- * 样式主入口
630
- * @description 统一导出所有样式
631
- */
632
- /**
633
- * Marker 组件样式
634
- * 包含图标动画效果
635
- */
636
- .marker-icon-wrapper {
637
- background: transparent !important;
638
- border: none !important;
753
+ .marker-edit-toolbar__button--error:disabled, .marker-edit-toolbar__button--error.disabled {
754
+ color: rgba(0, 0, 0, 0.25);
755
+ background: transparent;
756
+ border-color: transparent;
757
+ cursor: not-allowed;
639
758
  }
640
- .marker-icon-wrapper.marker-icon-wrapper--selected .marker-icon-inner {
641
- filter: drop-shadow(0 0 8px rgba(24, 144, 255, 0.8));
759
+ .marker-edit-toolbar__button--magenta {
760
+ color: #eb2f96;
761
+ background: transparent;
762
+ border-color: transparent;
642
763
  }
643
- .marker-icon-wrapper.marker-icon-wrapper--editing .marker-icon-inner {
644
- filter: drop-shadow(0 0 10px rgba(22, 119, 255, 0.9));
764
+ .marker-edit-toolbar__button--magenta:hover:not(:disabled) {
765
+ color: #fff;
766
+ background: #eb2f96;
767
+ border-color: #eb2f96;
645
768
  }
646
- .marker-icon-wrapper.marker-icon-wrapper--movable {
647
- cursor: move;
769
+ .marker-edit-toolbar__button--magenta:active:not(:disabled) {
770
+ color: #fff;
771
+ background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
772
+ border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
648
773
  }
649
-
650
- .marker-icon-inner {
651
- display: block;
652
- background-size: 100% 2400%;
653
- background-repeat: no-repeat;
654
- background-position: center top;
774
+ .marker-edit-toolbar__button--magenta:disabled, .marker-edit-toolbar__button--magenta.disabled {
775
+ color: rgba(0, 0, 0, 0.25);
776
+ background: transparent;
777
+ border-color: transparent;
778
+ cursor: not-allowed;
655
779
  }
656
- .marker-icon-inner.icon-point {
657
- background-image: url("./icon/marker/point.png");
780
+ .marker-edit-toolbar__button--volcano {
781
+ color: #fa541c;
782
+ background: transparent;
783
+ border-color: transparent;
658
784
  }
659
- .marker-icon-inner.icon-position {
660
- background-image: url("./icon/marker/position.png");
785
+ .marker-edit-toolbar__button--volcano:hover:not(:disabled) {
786
+ color: #fff;
787
+ background: #fa541c;
788
+ border-color: #fa541c;
661
789
  }
662
- .marker-icon-inner.icon-position-red {
663
- background-image: url("./icon/marker/position-red.png");
790
+ .marker-edit-toolbar__button--volcano:active:not(:disabled) {
791
+ color: #fff;
792
+ background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
793
+ border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
664
794
  }
665
- .marker-icon-inner.icon-drone {
666
- background-image: url("./icon/marker/drone.png");
795
+ .marker-edit-toolbar__button--volcano:disabled, .marker-edit-toolbar__button--volcano.disabled {
796
+ color: rgba(0, 0, 0, 0.25);
797
+ background: transparent;
798
+ border-color: transparent;
799
+ cursor: not-allowed;
667
800
  }
668
- .marker-icon-inner.icon-down {
669
- background-image: url("./icon/marker/down.png");
801
+ .marker-edit-toolbar__button--gold {
802
+ color: #faad14;
803
+ background: transparent;
804
+ border-color: transparent;
670
805
  }
671
- .marker-icon-inner.icon-marker-red {
672
- background: #e53935 !important;
673
- background-size: 100% 100% !important;
674
- border-radius: 50% 50% 50% 0;
675
- transform: rotate(-45deg);
676
- position: relative;
677
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 0 0 3px #ffffff;
806
+ .marker-edit-toolbar__button--gold:hover:not(:disabled) {
807
+ color: #fff;
808
+ background: #faad14;
809
+ border-color: #faad14;
678
810
  }
679
- .marker-icon-inner.icon-marker-red::after {
680
- content: "";
681
- position: absolute;
682
- width: 14px;
683
- height: 14px;
684
- background: white;
685
- border-radius: 50%;
686
- top: 50%;
687
- left: 50%;
688
- transform: translate(-50%, -50%);
811
+ .marker-edit-toolbar__button--gold:active:not(:disabled) {
812
+ color: #fff;
813
+ background: rgb(214.4375, 144.175, 4.5625);
814
+ border-color: rgb(214.4375, 144.175, 4.5625);
689
815
  }
690
- .marker-icon-inner.icon-marker-blue {
691
- background: #1e88e5 !important;
692
- background-size: 100% 100% !important;
693
- border-radius: 50% 50% 50% 0;
694
- transform: rotate(-45deg);
695
- position: relative;
696
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 0 0 3px #ffffff;
816
+ .marker-edit-toolbar__button--gold:disabled, .marker-edit-toolbar__button--gold.disabled {
817
+ color: rgba(0, 0, 0, 0.25);
818
+ background: transparent;
819
+ border-color: transparent;
820
+ cursor: not-allowed;
697
821
  }
698
- .marker-icon-inner.icon-marker-blue::after {
699
- content: "";
700
- position: absolute;
701
- width: 14px;
702
- height: 14px;
703
- background: white;
704
- border-radius: 50%;
705
- top: 50%;
706
- left: 50%;
707
- transform: translate(-50%, -50%);
822
+ .marker-edit-toolbar__button--orange {
823
+ color: #fa8c16;
824
+ background: transparent;
825
+ border-color: transparent;
708
826
  }
709
- .marker-icon-inner.icon-marker-green {
710
- background: #43a047 !important;
711
- background-size: 100% 100% !important;
712
- border-radius: 50% 50% 50% 0;
713
- transform: rotate(-45deg);
714
- position: relative;
715
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 0 0 3px #ffffff;
827
+ .marker-edit-toolbar__button--orange:hover:not(:disabled) {
828
+ color: #fff;
829
+ background: #fa8c16;
830
+ border-color: #fa8c16;
716
831
  }
717
- .marker-icon-inner.icon-marker-green::after {
718
- content: "";
719
- position: absolute;
720
- width: 14px;
721
- height: 14px;
722
- background: white;
723
- border-radius: 50%;
724
- top: 50%;
725
- left: 50%;
726
- transform: translate(-50%, -50%);
832
+ .marker-edit-toolbar__button--orange:active:not(:disabled) {
833
+ color: #fff;
834
+ background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
835
+ border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
727
836
  }
728
- .marker-icon-inner.icon-marker-orange {
729
- background: #fb8c00 !important;
730
- background-size: 100% 100% !important;
731
- border-radius: 50% 50% 50% 0;
732
- transform: rotate(-45deg);
733
- position: relative;
734
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 0 0 3px #ffffff;
837
+ .marker-edit-toolbar__button--orange:disabled, .marker-edit-toolbar__button--orange.disabled {
838
+ color: rgba(0, 0, 0, 0.25);
839
+ background: transparent;
840
+ border-color: transparent;
841
+ cursor: not-allowed;
735
842
  }
736
- .marker-icon-inner.icon-marker-orange::after {
737
- content: "";
738
- position: absolute;
739
- width: 14px;
740
- height: 14px;
741
- background: white;
742
- border-radius: 50%;
743
- top: 50%;
744
- left: 50%;
745
- transform: translate(-50%, -50%);
843
+ .marker-edit-toolbar__button--cyan {
844
+ color: #13c2c2;
845
+ background: transparent;
846
+ border-color: transparent;
746
847
  }
747
- .marker-icon-inner.icon-marker-yellow {
748
- background: #fdd835 !important;
749
- background-size: 100% 100% !important;
750
- border-radius: 50% 50% 50% 0;
751
- transform: rotate(-45deg);
752
- position: relative;
753
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset 0 0 0 3px #333333;
848
+ .marker-edit-toolbar__button--cyan:hover:not(:disabled) {
849
+ color: #fff;
850
+ background: #13c2c2;
851
+ border-color: #13c2c2;
754
852
  }
755
- .marker-icon-inner.icon-marker-yellow::after {
756
- content: "";
757
- position: absolute;
758
- width: 14px;
759
- height: 14px;
760
- background: #333333;
761
- border-radius: 50%;
762
- top: 50%;
763
- left: 50%;
764
- transform: translate(-50%, -50%);
853
+ .marker-edit-toolbar__button--cyan:active:not(:disabled) {
854
+ color: #fff;
855
+ background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
856
+ border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
765
857
  }
766
- .marker-icon-inner.animated {
767
- background-size: 100% 2400%;
768
- animation-name: play;
769
- animation-duration: 1s;
770
- animation-iteration-count: infinite;
771
- background-position: 0px 0px;
858
+ .marker-edit-toolbar__button--cyan:disabled, .marker-edit-toolbar__button--cyan.disabled {
859
+ color: rgba(0, 0, 0, 0.25);
860
+ background: transparent;
861
+ border-color: transparent;
862
+ cursor: not-allowed;
772
863
  }
773
-
774
- @keyframes marker-pulse {
775
- 0%, 100% {
776
- transform: rotate(-45deg) scale(1);
777
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35), inset 0 0 0 3px currentColor;
778
- }
779
- 50% {
780
- transform: rotate(-45deg) scale(1.15);
781
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45), inset 0 0 0 3px currentColor;
782
- }
864
+ .marker-edit-toolbar__button--geekblue {
865
+ color: #2f54eb;
866
+ background: transparent;
867
+ border-color: transparent;
783
868
  }
784
- .marker-icon-inner.icon-marker-red.animated,
785
- .marker-icon-inner.icon-marker-blue.animated,
786
- .marker-icon-inner.icon-marker-green.animated,
787
- .marker-icon-inner.icon-marker-orange.animated,
788
- .marker-icon-inner.icon-marker-yellow.animated {
789
- animation: marker-pulse 1.5s ease-in-out infinite;
869
+ .marker-edit-toolbar__button--geekblue:hover:not(:disabled) {
870
+ color: #fff;
871
+ background: #2f54eb;
872
+ border-color: #2f54eb;
790
873
  }
791
-
792
- .marker-icon-inner.marker-custom-icon.animated,
793
- .marker-icon-inner.marker-svg-icon.animated {
794
- animation: custom-icon-bounce 1.5s ease-in-out infinite;
874
+ .marker-edit-toolbar__button--geekblue:active:not(:disabled) {
875
+ color: #fff;
876
+ background: rgb(20.2631578947, 57.75, 210.7368421053);
877
+ border-color: rgb(20.2631578947, 57.75, 210.7368421053);
795
878
  }
796
-
797
- @keyframes custom-icon-bounce {
798
- 0%, 100% {
799
- transform: translateY(0);
800
- }
801
- 50% {
802
- transform: translateY(-6px);
803
- }
879
+ .marker-edit-toolbar__button--geekblue:disabled, .marker-edit-toolbar__button--geekblue.disabled {
880
+ color: rgba(0, 0, 0, 0.25);
881
+ background: transparent;
882
+ border-color: transparent;
883
+ cursor: not-allowed;
804
884
  }
805
- @keyframes marker-play {
806
- from {
807
- background-position: center top;
808
- }
809
- to {
810
- background-position: center bottom;
811
- }
885
+ .marker-edit-toolbar__button--purple {
886
+ color: #722ed1;
887
+ background: transparent;
888
+ border-color: transparent;
812
889
  }
813
- @keyframes play {
814
- 0% {
815
- background-position: center top;
816
- }
817
- 100% {
818
- background-position: center bottom;
819
- }
890
+ .marker-edit-toolbar__button--purple:hover:not(:disabled) {
891
+ color: #fff;
892
+ background: #722ed1;
893
+ border-color: #722ed1;
820
894
  }
821
- .leaflet-marker-icon.animated-marker .marker-icon {
822
- width: 42px;
823
- height: 42px;
895
+ .marker-edit-toolbar__button--purple:active:not(:disabled) {
896
+ color: #fff;
897
+ background: rgb(91.2, 36.8, 167.2);
898
+ border-color: rgb(91.2, 36.8, 167.2);
824
899
  }
825
-
826
- .marker-popup {
827
- min-width: 120px;
900
+ .marker-edit-toolbar__button--purple:disabled, .marker-edit-toolbar__button--purple.disabled {
901
+ color: rgba(0, 0, 0, 0.25);
902
+ background: transparent;
903
+ border-color: transparent;
904
+ cursor: not-allowed;
828
905
  }
829
- .marker-popup strong {
830
- font-size: 14px;
831
- color: #333;
906
+ .marker-edit-toolbar__button--large {
907
+ height: 40px;
908
+ padding: 0 16px;
909
+ font-size: 16px;
910
+ border-radius: 6px;
832
911
  }
833
- .marker-popup p {
834
- margin: 8px 0 0;
912
+ .marker-edit-toolbar__button--large svg {
913
+ width: 20px;
914
+ height: 20px;
915
+ }
916
+ .marker-edit-toolbar__button--small {
917
+ height: 32px;
918
+ padding: 0 8px;
835
919
  font-size: 12px;
836
- color: #666;
920
+ border-radius: calc(6px - 2px);
921
+ }
922
+ .marker-edit-toolbar__button--small svg {
923
+ width: 14px;
924
+ height: 14px;
837
925
  }
838
926
 
839
- .marker-create-mode {
840
- cursor: crosshair !important;
927
+ .marker-edit-toolbar--large .marker-edit-toolbar__button {
928
+ height: 40px;
929
+ padding: 0 16px;
930
+ font-size: 16px;
931
+ }
932
+ .marker-edit-toolbar--large .marker-edit-toolbar__button svg {
933
+ width: 20px;
934
+ height: 20px;
841
935
  }
842
936
 
843
- .marker-icon-wrapper--temp {
844
- cursor: move;
937
+ .marker-edit-toolbar--small .marker-edit-toolbar__button {
938
+ height: 32px;
939
+ padding: 0 8px;
940
+ font-size: 12px;
845
941
  }
846
- .marker-icon-wrapper--temp:hover {
847
- cursor: move;
942
+ .marker-edit-toolbar--small .marker-edit-toolbar__button svg {
943
+ width: 14px;
944
+ height: 14px;
848
945
  }
849
946
 
850
- .marker-edit-toolbar {
851
- position: absolute;
852
- bottom: 20px;
853
- left: 50%;
854
- transform: translateX(-50%);
855
- z-index: 1000;
856
- padding: 0;
857
- border-radius: 8px;
858
- display: flex;
859
- align-items: center;
860
- gap: 12px;
861
- }
862
- .marker-edit-toolbar__button-group {
863
- display: inline-flex;
864
- border-radius: 6px;
865
- overflow: hidden;
866
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
867
- background: #fff;
868
- }
869
- .marker-edit-toolbar__button {
870
- display: inline-flex;
871
- align-items: center;
872
- justify-content: center;
873
- gap: 6px;
874
- padding: 6px 14px;
875
- font-size: 14px;
876
- border: none;
877
- border-right: 1px solid #e5e5e5;
878
- background: transparent;
879
- cursor: pointer;
880
- transition: all 0.2s;
881
- color: rgba(0, 0, 0, 0.88);
882
- margin: 0;
883
- }
884
- .marker-edit-toolbar__button svg {
885
- width: 16px;
886
- height: 16px;
887
- flex-shrink: 0;
888
- }
889
- .marker-edit-toolbar__button:last-child {
890
- border-right: none;
891
- }
892
- .marker-edit-toolbar__button:hover:not(:disabled) {
893
- color: #1677ff;
894
- background: rgba(22, 119, 255, 0.04);
895
- }
896
- .marker-edit-toolbar__button:disabled {
897
- background: transparent;
898
- color: rgba(0, 0, 0, 0.25);
899
- cursor: not-allowed;
900
- }
901
- .marker-edit-toolbar__button:disabled svg {
902
- opacity: 0.5;
903
- }
904
- .marker-edit-toolbar__button--primary {
905
- background: #1677ff;
906
- color: #fff;
907
- }
908
- .marker-edit-toolbar__button--primary:hover:not(:disabled) {
909
- background: #3f8fff;
910
- }
911
- .marker-edit-toolbar__button--danger {
912
- color: #ff4d4f;
913
- }
914
- .marker-edit-toolbar__button--danger:hover:not(:disabled) {
915
- background: #ff4d4f;
916
- color: #fff;
947
+ .marker-edit-toolbar--large .marker-edit-toolbar__icon {
948
+ width: 20px;
949
+ height: 20px;
917
950
  }
918
- .marker-edit-toolbar__button--disabled {
919
- opacity: 0.5;
920
- cursor: not-allowed;
951
+
952
+ .marker-edit-toolbar--small .marker-edit-toolbar__icon {
953
+ width: 14px;
954
+ height: 14px;
921
955
  }
922
- .marker-edit-toolbar__button--active {
923
- background: #1677ff;
924
- border-color: #1677ff;
925
- color: #fff;
956
+
957
+ .marker-edit-toolbar__button-group:not(.marker-edit-toolbar__button-group--custom) .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before {
958
+ content: "";
959
+ position: absolute;
960
+ left: -1px;
961
+ top: 50%;
962
+ transform: translateY(-50%);
963
+ width: 1px;
964
+ height: 48%;
965
+ background-color: rgba(0, 0, 0, 0.06);
966
+ pointer-events: none;
926
967
  }
968
+
927
969
  .marker-edit-toolbar__icon {
928
970
  display: inline-flex;
929
971
  align-items: center;
@@ -931,46 +973,192 @@
931
973
  width: 16px;
932
974
  height: 16px;
933
975
  }
976
+
934
977
  .marker-edit-toolbar__label {
935
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
978
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
936
979
  }
937
980
 
938
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group,
981
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group,
982
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group,
939
983
  [data-theme=dark] .marker-edit-toolbar__button-group {
940
984
  background: #1f1f1f;
941
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
985
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
942
986
  }
943
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button,
987
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button,
988
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button,
944
989
  [data-theme=dark] .marker-edit-toolbar__button {
945
- color: #e0e0e0;
946
- border-right-color: #333;
990
+ color: #f0f6fc;
991
+ background: transparent;
992
+ border-color: transparent;
947
993
  }
948
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:hover:not(:disabled),
994
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:hover:not(:disabled),
995
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:hover:not(:disabled),
949
996
  [data-theme=dark] .marker-edit-toolbar__button:hover:not(:disabled) {
950
- color: #66bb6a;
951
- background: rgba(102, 187, 106, 0.1);
952
- }
953
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:disabled,
954
- [data-theme=dark] .marker-edit-toolbar__button:disabled {
955
- color: rgba(255, 255, 255, 0.3);
997
+ color: #1668dc;
998
+ background: rgba(255, 255, 255, 0.08);
999
+ border-color: transparent;
1000
+ }
1001
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:active:not(:disabled),
1002
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:active:not(:disabled),
1003
+ [data-theme=dark] .marker-edit-toolbar__button:active:not(:disabled) {
1004
+ color: #1668dc;
1005
+ background: rgba(255, 255, 255, 0.15);
1006
+ border-color: transparent;
1007
+ }
1008
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--disabled,
1009
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button:disabled,
1010
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--disabled,
1011
+ [data-theme=dark] .marker-edit-toolbar__button:disabled,
1012
+ [data-theme=dark] .marker-edit-toolbar__button--disabled {
1013
+ color: rgba(255, 255, 255, 0.25);
1014
+ background: transparent;
1015
+ border-color: transparent;
956
1016
  }
957
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary,
1017
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary,
1018
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary,
958
1019
  [data-theme=dark] .marker-edit-toolbar__button--primary {
959
- background: #66bb6a;
960
- color: #1a1a1a;
1020
+ color: #fff;
1021
+ background: #1668dc;
1022
+ border-color: #1668dc;
961
1023
  }
962
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:hover:not(:disabled),
1024
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:hover:not(:disabled),
1025
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:hover:not(:disabled),
963
1026
  [data-theme=dark] .marker-edit-toolbar__button--primary:hover:not(:disabled) {
964
- background: #82c886;
965
- }
966
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger,
1027
+ background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1028
+ border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1029
+ }
1030
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:active:not(:disabled),
1031
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:active:not(:disabled),
1032
+ [data-theme=dark] .marker-edit-toolbar__button--primary:active:not(:disabled) {
1033
+ background: #1668dc;
1034
+ border-color: #1668dc;
1035
+ }
1036
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--primary.disabled,
1037
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary:disabled,
1038
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--primary.disabled,
1039
+ [data-theme=dark] .marker-edit-toolbar__button--primary:disabled,
1040
+ [data-theme=dark] .marker-edit-toolbar__button--primary.disabled {
1041
+ color: rgba(255, 255, 255, 0.6);
1042
+ background: rgba(22, 104, 220, 0.5);
1043
+ border-color: rgba(22, 104, 220, 0.5);
1044
+ }
1045
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger,
1046
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger,
967
1047
  [data-theme=dark] .marker-edit-toolbar__button--danger {
968
1048
  color: #ff7875;
1049
+ background: transparent;
1050
+ border-color: transparent;
969
1051
  }
970
- .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:hover:not(:disabled),
1052
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:hover:not(:disabled),
1053
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:hover:not(:disabled),
971
1054
  [data-theme=dark] .marker-edit-toolbar__button--danger:hover:not(:disabled) {
1055
+ color: #fff;
972
1056
  background: #ff4d4f;
1057
+ border-color: #ff4d4f;
1058
+ }
1059
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:active:not(:disabled),
1060
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:active:not(:disabled),
1061
+ [data-theme=dark] .marker-edit-toolbar__button--danger:active:not(:disabled) {
1062
+ color: #fff;
1063
+ background: rgb(255, 26, 28.5730337079);
1064
+ border-color: rgb(255, 26, 28.5730337079);
1065
+ }
1066
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--danger.disabled,
1067
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger:disabled,
1068
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--danger.disabled,
1069
+ [data-theme=dark] .marker-edit-toolbar__button--danger:disabled,
1070
+ [data-theme=dark] .marker-edit-toolbar__button--danger.disabled {
1071
+ color: rgba(255, 255, 255, 0.25);
1072
+ background: transparent;
1073
+ border-color: transparent;
1074
+ }
1075
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button--active,
1076
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button--active,
1077
+ [data-theme=dark] .marker-edit-toolbar__button--active {
973
1078
  color: #fff;
1079
+ background: #1668dc;
1080
+ border-color: #1668dc;
1081
+ }
1082
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1083
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1084
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1085
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1086
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1087
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1088
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1089
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1090
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1091
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before,
1092
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1093
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1094
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1095
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1096
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1097
+ [data-theme=dark] .marker-edit-toolbar__button-group .marker-edit-toolbar__button + .marker-edit-toolbar__button:not(.marker-edit-toolbar__button--primary):not(.marker-edit-toolbar__button--danger)::before,
1098
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1099
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1100
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1101
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1102
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1103
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1104
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1105
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1106
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1107
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1108
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1109
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1110
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1111
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1112
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1113
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1114
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1115
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1116
+ .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1117
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1118
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1119
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1120
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1121
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1122
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1123
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1124
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1125
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1126
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1127
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1128
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1129
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1130
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1131
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1132
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1133
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1134
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1135
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1136
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1137
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1138
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1139
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1140
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1141
+ [data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1142
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1143
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1144
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1145
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1146
+ [data-theme=dark] .marker-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1147
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1148
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1149
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1150
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1151
+ [data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1152
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1153
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1154
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1155
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before,
1156
+ [data-theme=dark] .marker-edit-toolbar__button-group__button + [data-theme=dark] .marker-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--primary,
1157
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--primary,
1158
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .marker-edit-toolbar__button-group__button--danger,
1159
+ [data-theme=dark] .marker-edit-toolbar .marker-edit-toolbar__button-group__button--danger,
1160
+ [data-theme=dark] .marker-edit-toolbar__button-group__button--danger)::before {
1161
+ background-color: rgba(255, 255, 255, 0.06);
974
1162
  }
975
1163
 
976
1164
  .marker-icon-wrapper--movable {
@@ -993,16 +1181,23 @@
993
1181
  [data-theme=dark] .marker-popup p {
994
1182
  color: #a0a0a0;
995
1183
  }
996
- [data-theme=dark] .marker-icon-inner.icon-marker-red, [data-theme=dark] .marker-icon-inner.icon-marker-blue, [data-theme=dark] .marker-icon-inner.icon-marker-green, [data-theme=dark] .marker-icon-inner.icon-marker-orange {
997
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 0 0 3px rgba(255, 255, 255, 0.9);
998
- }
999
- [data-theme=dark] .marker-icon-inner.icon-marker-yellow {
1000
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 0 0 3px rgba(255, 255, 255, 0.9);
1184
+
1185
+ .cluster-icon {
1186
+ cursor: pointer;
1187
+ user-select: none;
1001
1188
  }
1002
- [data-theme=dark] .marker-icon-inner.icon-marker-yellow::after {
1003
- background: rgba(255, 255, 255, 0.9);
1189
+ .cluster-icon.animated {
1190
+ animation: cluster-glow 1.5s ease-in-out infinite;
1004
1191
  }
1005
1192
 
1193
+ @keyframes cluster-glow {
1194
+ 0%, 100% {
1195
+ filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
1196
+ }
1197
+ 50% {
1198
+ filter: drop-shadow(0 4px 12px rgba(24, 144, 255, 0.6));
1199
+ }
1200
+ }
1006
1201
  /**
1007
1202
  * 双向标尺样式 - L型布局
1008
1203
  * 覆盖整个地图窗口,标尺贴边显示
@@ -1157,7 +1352,7 @@
1157
1352
  .overlay-text {
1158
1353
  text-anchor: middle;
1159
1354
  dominant-baseline: middle;
1160
- fill: black;
1355
+ fill: #000000;
1161
1356
  font-weight: bold;
1162
1357
  font-family: Arial, sans-serif;
1163
1358
  stroke: white;
@@ -1167,200 +1362,696 @@
1167
1362
  transform-origin: center;
1168
1363
  }
1169
1364
 
1365
+ .plot-area-label {
1366
+ background: none !important;
1367
+ border: none !important;
1368
+ pointer-events: none;
1369
+ }
1370
+ .plot-area-label .plot-area-label-text {
1371
+ display: inline-block;
1372
+ background: rgba(0, 0, 0, 0.65);
1373
+ color: #fff;
1374
+ padding: 2px 8px;
1375
+ border-radius: 3px;
1376
+ font-size: 13px;
1377
+ font-weight: 500;
1378
+ font-family: Arial, sans-serif;
1379
+ white-space: nowrap;
1380
+ transform: translateX(-50%);
1381
+ pointer-events: none;
1382
+ }
1383
+
1170
1384
  .plot-edit-toolbar {
1171
1385
  position: absolute;
1172
1386
  bottom: 20px;
1173
1387
  left: 50%;
1174
1388
  transform: translateX(-50%);
1175
1389
  z-index: 1000;
1176
- padding: 0;
1177
- border-radius: 8px;
1178
1390
  display: flex;
1179
1391
  align-items: center;
1180
- gap: 12px;
1392
+ gap: 8px;
1181
1393
  }
1394
+
1182
1395
  .plot-edit-toolbar__button-group {
1183
1396
  display: inline-flex;
1184
- border-radius: 6px;
1185
- overflow: hidden;
1186
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
1397
+ align-items: center;
1398
+ gap: 0;
1187
1399
  background: #fff;
1400
+ border-radius: 6px;
1401
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
1188
1402
  }
1403
+
1189
1404
  .plot-edit-toolbar__button {
1405
+ position: relative;
1190
1406
  display: inline-flex;
1191
1407
  align-items: center;
1192
1408
  justify-content: center;
1193
- gap: 6px;
1194
- padding: 6px 14px;
1409
+ gap: 8px;
1410
+ height: 32px;
1411
+ padding: 0 12px;
1195
1412
  font-size: 14px;
1196
- border: none;
1197
- border-right: 1px solid #e5e5e5;
1198
- background: transparent;
1199
- cursor: pointer;
1200
- transition: all 0.2s;
1413
+ font-weight: 400;
1414
+ line-height: 1.5714;
1415
+ border: 1px solid transparent;
1416
+ border-radius: calc(6px - 2px);
1417
+ background: #fff;
1201
1418
  color: rgba(0, 0, 0, 0.88);
1419
+ cursor: pointer;
1420
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
1421
+ white-space: nowrap;
1422
+ user-select: none;
1202
1423
  margin: 0;
1424
+ outline: none;
1425
+ }
1426
+ .plot-edit-toolbar__button:focus-visible {
1427
+ box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
1203
1428
  }
1204
1429
  .plot-edit-toolbar__button svg {
1205
1430
  width: 16px;
1206
1431
  height: 16px;
1207
1432
  flex-shrink: 0;
1208
1433
  }
1209
- .plot-edit-toolbar__button:last-child {
1210
- border-right: none;
1211
- }
1212
1434
  .plot-edit-toolbar__button:hover:not(:disabled) {
1213
1435
  color: #1677ff;
1214
- background: rgba(22, 119, 255, 0.04);
1436
+ background: rgba(0, 0, 0, 0.06);
1437
+ border-color: #1677ff;
1215
1438
  }
1216
- .plot-edit-toolbar__button:disabled {
1217
- background: transparent;
1439
+ .plot-edit-toolbar__button:active:not(:disabled) {
1440
+ color: #4096ff;
1441
+ background: rgba(0, 0, 0, 0.1);
1442
+ border-color: #4096ff;
1443
+ }
1444
+ .plot-edit-toolbar__button:disabled, .plot-edit-toolbar__button--disabled {
1218
1445
  color: rgba(0, 0, 0, 0.25);
1446
+ background: rgba(0, 0, 0, 0.06);
1219
1447
  cursor: not-allowed;
1220
1448
  }
1221
- .plot-edit-toolbar__button:disabled svg {
1222
- opacity: 0.5;
1449
+ .plot-edit-toolbar__button:disabled svg, .plot-edit-toolbar__button--disabled svg {
1450
+ opacity: 0.4;
1223
1451
  }
1224
1452
  .plot-edit-toolbar__button--primary {
1225
- background: #1677ff;
1226
1453
  color: #fff;
1454
+ background: #1677ff;
1455
+ border-color: #1677ff;
1227
1456
  }
1228
1457
  .plot-edit-toolbar__button--primary:hover:not(:disabled) {
1229
- background: #3f8fff;
1458
+ background: #4096ff;
1459
+ border-color: #4096ff;
1460
+ }
1461
+ .plot-edit-toolbar__button--primary:active:not(:disabled) {
1462
+ background: #1677ff;
1463
+ border-color: #1677ff;
1464
+ }
1465
+ .plot-edit-toolbar__button--primary:disabled, .plot-edit-toolbar__button--primary.disabled {
1466
+ color: rgba(255, 255, 255, 0.6);
1467
+ background: rgba(22, 119, 255, 0.5);
1468
+ border-color: rgba(22, 119, 255, 0.5);
1469
+ cursor: not-allowed;
1230
1470
  }
1231
1471
  .plot-edit-toolbar__button--danger {
1232
1472
  color: #ff4d4f;
1473
+ background: transparent;
1474
+ border-color: transparent;
1233
1475
  }
1234
1476
  .plot-edit-toolbar__button--danger:hover:not(:disabled) {
1477
+ color: #fff;
1235
1478
  background: #ff4d4f;
1479
+ border-color: #ff4d4f;
1480
+ }
1481
+ .plot-edit-toolbar__button--danger:active:not(:disabled) {
1236
1482
  color: #fff;
1483
+ background: rgb(255, 26, 28.5730337079);
1484
+ border-color: rgb(255, 26, 28.5730337079);
1237
1485
  }
1238
- .plot-edit-toolbar__button--disabled {
1239
- opacity: 0.5;
1486
+ .plot-edit-toolbar__button--danger:disabled, .plot-edit-toolbar__button--danger.disabled {
1487
+ color: rgba(0, 0, 0, 0.25);
1488
+ background: transparent;
1240
1489
  cursor: not-allowed;
1241
1490
  }
1242
1491
  .plot-edit-toolbar__button--active {
1492
+ color: #fff;
1243
1493
  background: #1677ff;
1244
1494
  border-color: #1677ff;
1245
- color: #fff;
1246
1495
  }
1247
- .plot-edit-toolbar__icon {
1248
- display: inline-flex;
1249
- align-items: center;
1250
- justify-content: center;
1251
- width: 16px;
1252
- height: 16px;
1496
+ .plot-edit-toolbar__button--success {
1497
+ color: #52c41a;
1498
+ background: transparent;
1499
+ border-color: transparent;
1253
1500
  }
1254
- .plot-edit-toolbar__label {
1255
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
1501
+ .plot-edit-toolbar__button--success:hover:not(:disabled) {
1502
+ color: #fff;
1503
+ background: #52c41a;
1504
+ border-color: #52c41a;
1256
1505
  }
1257
-
1258
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group,
1259
- [data-theme=dark] .plot-edit-toolbar__button-group {
1260
- background: #1f1f1f;
1261
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
1506
+ .plot-edit-toolbar__button--success:active:not(:disabled) {
1507
+ color: #fff;
1508
+ background: rgb(63.1621621622, 150.972972973, 20.027027027);
1509
+ border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
1262
1510
  }
1263
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button,
1264
- [data-theme=dark] .plot-edit-toolbar__button {
1265
- color: #e0e0e0;
1266
- border-right-color: #333;
1511
+ .plot-edit-toolbar__button--success:disabled, .plot-edit-toolbar__button--success.disabled {
1512
+ color: rgba(0, 0, 0, 0.25);
1513
+ background: transparent;
1514
+ border-color: transparent;
1515
+ cursor: not-allowed;
1267
1516
  }
1268
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled),
1269
- [data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled) {
1270
- color: #66bb6a;
1271
- background: rgba(102, 187, 106, 0.1);
1517
+ .plot-edit-toolbar__button--warning {
1518
+ color: #faad14;
1519
+ background: transparent;
1520
+ border-color: transparent;
1272
1521
  }
1273
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:disabled,
1274
- [data-theme=dark] .plot-edit-toolbar__button:disabled {
1275
- color: rgba(255, 255, 255, 0.3);
1522
+ .plot-edit-toolbar__button--warning:hover:not(:disabled) {
1523
+ color: #fff;
1524
+ background: #faad14;
1525
+ border-color: #faad14;
1276
1526
  }
1277
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary,
1278
- [data-theme=dark] .plot-edit-toolbar__button--primary {
1279
- background: #66bb6a;
1280
- color: #1a1a1a;
1527
+ .plot-edit-toolbar__button--warning:active:not(:disabled) {
1528
+ color: #fff;
1529
+ background: rgb(214.4375, 144.175, 4.5625);
1530
+ border-color: rgb(214.4375, 144.175, 4.5625);
1281
1531
  }
1282
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled),
1283
- [data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled) {
1284
- background: #82c886;
1532
+ .plot-edit-toolbar__button--warning:disabled, .plot-edit-toolbar__button--warning.disabled {
1533
+ color: rgba(0, 0, 0, 0.25);
1534
+ background: transparent;
1535
+ border-color: transparent;
1536
+ cursor: not-allowed;
1285
1537
  }
1286
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger,
1287
- [data-theme=dark] .plot-edit-toolbar__button--danger {
1288
- color: #ff7875;
1538
+ .plot-edit-toolbar__button--error {
1539
+ color: #ff4d4f;
1540
+ background: transparent;
1541
+ border-color: transparent;
1289
1542
  }
1290
- .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled),
1291
- [data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled) {
1292
- background: #ff4d4f;
1543
+ .plot-edit-toolbar__button--error:hover:not(:disabled) {
1293
1544
  color: #fff;
1545
+ background: #ff4d4f;
1546
+ border-color: #ff4d4f;
1294
1547
  }
1295
-
1296
- .plot-polygon--movable {
1297
- cursor: move !important;
1548
+ .plot-edit-toolbar__button--error:active:not(:disabled) {
1549
+ color: #fff;
1550
+ background: rgb(255, 26, 28.5730337079);
1551
+ border-color: rgb(255, 26, 28.5730337079);
1298
1552
  }
1299
- .plot-polygon--movable:hover {
1300
- filter: brightness(1.1);
1553
+ .plot-edit-toolbar__button--error:disabled, .plot-edit-toolbar__button--error.disabled {
1554
+ color: rgba(0, 0, 0, 0.25);
1555
+ background: transparent;
1556
+ border-color: transparent;
1557
+ cursor: not-allowed;
1301
1558
  }
1302
- .plot-polygon--movable:active {
1303
- filter: brightness(0.95);
1559
+ .plot-edit-toolbar__button--magenta {
1560
+ color: #eb2f96;
1561
+ background: transparent;
1562
+ border-color: transparent;
1304
1563
  }
1305
-
1306
- /**
1307
- * 双向标尺样式 - L型布局
1308
- * 覆盖整个地图窗口,标尺贴边显示
1309
- */
1310
- /**
1311
- * 样式主入口
1312
- * @description 统一导出所有样式
1313
- */
1314
- /**
1315
- * Road 组件样式
1316
- */
1317
- .road-line {
1318
- transition: stroke 0.2s;
1319
- outline: none !important;
1564
+ .plot-edit-toolbar__button--magenta:hover:not(:disabled) {
1565
+ color: #fff;
1566
+ background: #eb2f96;
1567
+ border-color: #eb2f96;
1320
1568
  }
1321
- .road-line--selected {
1322
- stroke: #1677ff !important;
1323
- filter: drop-shadow(0 0 6px rgba(22, 119, 255, 0.5));
1569
+ .plot-edit-toolbar__button--magenta:active:not(:disabled) {
1570
+ color: #fff;
1571
+ background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
1572
+ border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
1324
1573
  }
1325
- .road-line--editing {
1326
- stroke: #1677ff !important;
1327
- filter: drop-shadow(0 0 8px rgba(22, 119, 255, 0.7));
1574
+ .plot-edit-toolbar__button--magenta:disabled, .plot-edit-toolbar__button--magenta.disabled {
1575
+ color: rgba(0, 0, 0, 0.25);
1576
+ background: transparent;
1577
+ border-color: transparent;
1578
+ cursor: not-allowed;
1328
1579
  }
1329
- .road-line--preview {
1330
- stroke-dasharray: 10, 10;
1331
- animation: road-dash 1s linear infinite;
1580
+ .plot-edit-toolbar__button--volcano {
1581
+ color: #fa541c;
1582
+ background: transparent;
1583
+ border-color: transparent;
1332
1584
  }
1333
-
1334
- .leaflet-container .leaflet-interactive {
1335
- outline: none !important;
1585
+ .plot-edit-toolbar__button--volcano:hover:not(:disabled) {
1586
+ color: #fff;
1587
+ background: #fa541c;
1588
+ border-color: #fa541c;
1336
1589
  }
1337
- .leaflet-container path.leaflet-interactive {
1338
- outline: none !important;
1590
+ .plot-edit-toolbar__button--volcano:active:not(:disabled) {
1591
+ color: #fff;
1592
+ background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
1593
+ border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
1339
1594
  }
1340
-
1341
- @keyframes road-dash {
1342
- to {
1343
- stroke-dashoffset: -20;
1344
- }
1595
+ .plot-edit-toolbar__button--volcano:disabled, .plot-edit-toolbar__button--volcano.disabled {
1596
+ color: rgba(0, 0, 0, 0.25);
1597
+ background: transparent;
1598
+ border-color: transparent;
1599
+ cursor: not-allowed;
1345
1600
  }
1346
- .road-vertex-wrapper {
1347
- background: transparent !important;
1348
- border: none !important;
1601
+ .plot-edit-toolbar__button--gold {
1602
+ color: #faad14;
1603
+ background: transparent;
1604
+ border-color: transparent;
1349
1605
  }
1350
-
1351
- .road-vertex {
1352
- width: 12px;
1353
- height: 12px;
1354
- background: #1677ff;
1355
- border: 2px solid #fff;
1356
- border-radius: 50%;
1357
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
1358
- cursor: move;
1359
- transition: transform 0.15s, box-shadow 0.15s;
1606
+ .plot-edit-toolbar__button--gold:hover:not(:disabled) {
1607
+ color: #fff;
1608
+ background: #faad14;
1609
+ border-color: #faad14;
1360
1610
  }
1361
- .road-vertex:hover {
1362
- transform: scale(1.3);
1363
- box-shadow: 0 3px 8px rgba(22, 119, 255, 0.5);
1611
+ .plot-edit-toolbar__button--gold:active:not(:disabled) {
1612
+ color: #fff;
1613
+ background: rgb(214.4375, 144.175, 4.5625);
1614
+ border-color: rgb(214.4375, 144.175, 4.5625);
1615
+ }
1616
+ .plot-edit-toolbar__button--gold:disabled, .plot-edit-toolbar__button--gold.disabled {
1617
+ color: rgba(0, 0, 0, 0.25);
1618
+ background: transparent;
1619
+ border-color: transparent;
1620
+ cursor: not-allowed;
1621
+ }
1622
+ .plot-edit-toolbar__button--orange {
1623
+ color: #fa8c16;
1624
+ background: transparent;
1625
+ border-color: transparent;
1626
+ }
1627
+ .plot-edit-toolbar__button--orange:hover:not(:disabled) {
1628
+ color: #fff;
1629
+ background: #fa8c16;
1630
+ border-color: #fa8c16;
1631
+ }
1632
+ .plot-edit-toolbar__button--orange:active:not(:disabled) {
1633
+ color: #fff;
1634
+ background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
1635
+ border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
1636
+ }
1637
+ .plot-edit-toolbar__button--orange:disabled, .plot-edit-toolbar__button--orange.disabled {
1638
+ color: rgba(0, 0, 0, 0.25);
1639
+ background: transparent;
1640
+ border-color: transparent;
1641
+ cursor: not-allowed;
1642
+ }
1643
+ .plot-edit-toolbar__button--cyan {
1644
+ color: #13c2c2;
1645
+ background: transparent;
1646
+ border-color: transparent;
1647
+ }
1648
+ .plot-edit-toolbar__button--cyan:hover:not(:disabled) {
1649
+ color: #fff;
1650
+ background: #13c2c2;
1651
+ border-color: #13c2c2;
1652
+ }
1653
+ .plot-edit-toolbar__button--cyan:active:not(:disabled) {
1654
+ color: #fff;
1655
+ background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
1656
+ border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
1657
+ }
1658
+ .plot-edit-toolbar__button--cyan:disabled, .plot-edit-toolbar__button--cyan.disabled {
1659
+ color: rgba(0, 0, 0, 0.25);
1660
+ background: transparent;
1661
+ border-color: transparent;
1662
+ cursor: not-allowed;
1663
+ }
1664
+ .plot-edit-toolbar__button--geekblue {
1665
+ color: #2f54eb;
1666
+ background: transparent;
1667
+ border-color: transparent;
1668
+ }
1669
+ .plot-edit-toolbar__button--geekblue:hover:not(:disabled) {
1670
+ color: #fff;
1671
+ background: #2f54eb;
1672
+ border-color: #2f54eb;
1673
+ }
1674
+ .plot-edit-toolbar__button--geekblue:active:not(:disabled) {
1675
+ color: #fff;
1676
+ background: rgb(20.2631578947, 57.75, 210.7368421053);
1677
+ border-color: rgb(20.2631578947, 57.75, 210.7368421053);
1678
+ }
1679
+ .plot-edit-toolbar__button--geekblue:disabled, .plot-edit-toolbar__button--geekblue.disabled {
1680
+ color: rgba(0, 0, 0, 0.25);
1681
+ background: transparent;
1682
+ border-color: transparent;
1683
+ cursor: not-allowed;
1684
+ }
1685
+ .plot-edit-toolbar__button--purple {
1686
+ color: #722ed1;
1687
+ background: transparent;
1688
+ border-color: transparent;
1689
+ }
1690
+ .plot-edit-toolbar__button--purple:hover:not(:disabled) {
1691
+ color: #fff;
1692
+ background: #722ed1;
1693
+ border-color: #722ed1;
1694
+ }
1695
+ .plot-edit-toolbar__button--purple:active:not(:disabled) {
1696
+ color: #fff;
1697
+ background: rgb(91.2, 36.8, 167.2);
1698
+ border-color: rgb(91.2, 36.8, 167.2);
1699
+ }
1700
+ .plot-edit-toolbar__button--purple:disabled, .plot-edit-toolbar__button--purple.disabled {
1701
+ color: rgba(0, 0, 0, 0.25);
1702
+ background: transparent;
1703
+ border-color: transparent;
1704
+ cursor: not-allowed;
1705
+ }
1706
+ .plot-edit-toolbar__button--large {
1707
+ height: 40px;
1708
+ padding: 0 16px;
1709
+ font-size: 16px;
1710
+ border-radius: 6px;
1711
+ }
1712
+ .plot-edit-toolbar__button--large svg {
1713
+ width: 20px;
1714
+ height: 20px;
1715
+ }
1716
+ .plot-edit-toolbar__button--small {
1717
+ height: 32px;
1718
+ padding: 0 8px;
1719
+ font-size: 12px;
1720
+ border-radius: calc(6px - 2px);
1721
+ }
1722
+ .plot-edit-toolbar__button--small svg {
1723
+ width: 14px;
1724
+ height: 14px;
1725
+ }
1726
+
1727
+ .plot-edit-toolbar--large .plot-edit-toolbar__button {
1728
+ height: 40px;
1729
+ padding: 0 16px;
1730
+ font-size: 16px;
1731
+ }
1732
+ .plot-edit-toolbar--large .plot-edit-toolbar__button svg {
1733
+ width: 20px;
1734
+ height: 20px;
1735
+ }
1736
+
1737
+ .plot-edit-toolbar--small .plot-edit-toolbar__button {
1738
+ height: 32px;
1739
+ padding: 0 8px;
1740
+ font-size: 12px;
1741
+ }
1742
+ .plot-edit-toolbar--small .plot-edit-toolbar__button svg {
1743
+ width: 14px;
1744
+ height: 14px;
1745
+ }
1746
+
1747
+ .plot-edit-toolbar--large .plot-edit-toolbar__icon {
1748
+ width: 20px;
1749
+ height: 20px;
1750
+ }
1751
+
1752
+ .plot-edit-toolbar--small .plot-edit-toolbar__icon {
1753
+ width: 14px;
1754
+ height: 14px;
1755
+ }
1756
+
1757
+ .plot-edit-toolbar__button-group:not(.plot-edit-toolbar__button-group--custom) .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before {
1758
+ content: "";
1759
+ position: absolute;
1760
+ left: -1px;
1761
+ top: 50%;
1762
+ transform: translateY(-50%);
1763
+ width: 1px;
1764
+ height: 48%;
1765
+ background-color: rgba(0, 0, 0, 0.06);
1766
+ pointer-events: none;
1767
+ }
1768
+
1769
+ .plot-edit-toolbar__icon {
1770
+ display: inline-flex;
1771
+ align-items: center;
1772
+ justify-content: center;
1773
+ width: 16px;
1774
+ height: 16px;
1775
+ }
1776
+
1777
+ .plot-edit-toolbar__label {
1778
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
1779
+ }
1780
+
1781
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group,
1782
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group,
1783
+ [data-theme=dark] .plot-edit-toolbar__button-group {
1784
+ background: #1f1f1f;
1785
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
1786
+ }
1787
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button,
1788
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button,
1789
+ [data-theme=dark] .plot-edit-toolbar__button {
1790
+ color: #f0f6fc;
1791
+ background: transparent;
1792
+ border-color: transparent;
1793
+ }
1794
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled),
1795
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:hover:not(:disabled),
1796
+ [data-theme=dark] .plot-edit-toolbar__button:hover:not(:disabled) {
1797
+ color: #1668dc;
1798
+ background: rgba(255, 255, 255, 0.08);
1799
+ border-color: transparent;
1800
+ }
1801
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:active:not(:disabled),
1802
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:active:not(:disabled),
1803
+ [data-theme=dark] .plot-edit-toolbar__button:active:not(:disabled) {
1804
+ color: #1668dc;
1805
+ background: rgba(255, 255, 255, 0.15);
1806
+ border-color: transparent;
1807
+ }
1808
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--disabled,
1809
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button:disabled,
1810
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--disabled,
1811
+ [data-theme=dark] .plot-edit-toolbar__button:disabled,
1812
+ [data-theme=dark] .plot-edit-toolbar__button--disabled {
1813
+ color: rgba(255, 255, 255, 0.25);
1814
+ background: transparent;
1815
+ border-color: transparent;
1816
+ }
1817
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary,
1818
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary,
1819
+ [data-theme=dark] .plot-edit-toolbar__button--primary {
1820
+ color: #fff;
1821
+ background: #1668dc;
1822
+ border-color: #1668dc;
1823
+ }
1824
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled),
1825
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:hover:not(:disabled),
1826
+ [data-theme=dark] .plot-edit-toolbar__button--primary:hover:not(:disabled) {
1827
+ background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1828
+ border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
1829
+ }
1830
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:active:not(:disabled),
1831
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:active:not(:disabled),
1832
+ [data-theme=dark] .plot-edit-toolbar__button--primary:active:not(:disabled) {
1833
+ background: #1668dc;
1834
+ border-color: #1668dc;
1835
+ }
1836
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--primary.disabled,
1837
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary:disabled,
1838
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--primary.disabled,
1839
+ [data-theme=dark] .plot-edit-toolbar__button--primary:disabled,
1840
+ [data-theme=dark] .plot-edit-toolbar__button--primary.disabled {
1841
+ color: rgba(255, 255, 255, 0.6);
1842
+ background: rgba(22, 104, 220, 0.5);
1843
+ border-color: rgba(22, 104, 220, 0.5);
1844
+ }
1845
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger,
1846
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger,
1847
+ [data-theme=dark] .plot-edit-toolbar__button--danger {
1848
+ color: #ff7875;
1849
+ background: transparent;
1850
+ border-color: transparent;
1851
+ }
1852
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled),
1853
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:hover:not(:disabled),
1854
+ [data-theme=dark] .plot-edit-toolbar__button--danger:hover:not(:disabled) {
1855
+ color: #fff;
1856
+ background: #ff4d4f;
1857
+ border-color: #ff4d4f;
1858
+ }
1859
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:active:not(:disabled),
1860
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:active:not(:disabled),
1861
+ [data-theme=dark] .plot-edit-toolbar__button--danger:active:not(:disabled) {
1862
+ color: #fff;
1863
+ background: rgb(255, 26, 28.5730337079);
1864
+ border-color: rgb(255, 26, 28.5730337079);
1865
+ }
1866
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--danger.disabled,
1867
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger:disabled,
1868
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--danger.disabled,
1869
+ [data-theme=dark] .plot-edit-toolbar__button--danger:disabled,
1870
+ [data-theme=dark] .plot-edit-toolbar__button--danger.disabled {
1871
+ color: rgba(255, 255, 255, 0.25);
1872
+ background: transparent;
1873
+ border-color: transparent;
1874
+ }
1875
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button--active,
1876
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button--active,
1877
+ [data-theme=dark] .plot-edit-toolbar__button--active {
1878
+ color: #fff;
1879
+ background: #1668dc;
1880
+ border-color: #1668dc;
1881
+ }
1882
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1883
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1884
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1885
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1886
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1887
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1888
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1889
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1890
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1891
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before,
1892
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1893
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1894
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1895
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1896
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1897
+ [data-theme=dark] .plot-edit-toolbar__button-group .plot-edit-toolbar__button + .plot-edit-toolbar__button:not(.plot-edit-toolbar__button--primary):not(.plot-edit-toolbar__button--danger)::before,
1898
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1899
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1900
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1901
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1902
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1903
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1904
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1905
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1906
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1907
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1908
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1909
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1910
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1911
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1912
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1913
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1914
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1915
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1916
+ .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1917
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1918
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1919
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1920
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1921
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1922
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1923
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1924
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1925
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1926
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1927
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1928
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1929
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1930
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1931
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1932
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1933
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1934
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1935
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1936
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1937
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1938
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1939
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1940
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1941
+ [data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1942
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1943
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1944
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1945
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1946
+ [data-theme=dark] .plot-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1947
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1948
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1949
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1950
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1951
+ [data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1952
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1953
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1954
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1955
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before,
1956
+ [data-theme=dark] .plot-edit-toolbar__button-group__button + [data-theme=dark] .plot-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--primary,
1957
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--primary,
1958
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .plot-edit-toolbar__button-group__button--danger,
1959
+ [data-theme=dark] .plot-edit-toolbar .plot-edit-toolbar__button-group__button--danger,
1960
+ [data-theme=dark] .plot-edit-toolbar__button-group__button--danger)::before {
1961
+ background-color: rgba(255, 255, 255, 0.06);
1962
+ }
1963
+
1964
+ .plot-polygon--movable {
1965
+ cursor: move !important;
1966
+ }
1967
+ .plot-polygon--movable:hover {
1968
+ filter: brightness(1.1);
1969
+ }
1970
+ .plot-polygon--movable:active {
1971
+ filter: brightness(0.95);
1972
+ }
1973
+
1974
+ [data-theme=dark] .plot-area-label .plot-area-label-text {
1975
+ background: rgba(255, 255, 255, 0.15);
1976
+ color: #e0e0e0;
1977
+ }
1978
+
1979
+ /**
1980
+ * 双向标尺样式 - L型布局
1981
+ * 覆盖整个地图窗口,标尺贴边显示
1982
+ */
1983
+ /**
1984
+ * 样式主入口
1985
+ * @description 统一导出所有样式
1986
+ */
1987
+ /**
1988
+ * Road 组件样式
1989
+ */
1990
+ .road-line {
1991
+ transition: stroke 0.2s;
1992
+ outline: none !important;
1993
+ }
1994
+ .road-line--selected {
1995
+ filter: drop-shadow(0 0 6px currentColor);
1996
+ }
1997
+ .road-line--editing {
1998
+ filter: drop-shadow(0 0 8px currentColor);
1999
+ }
2000
+ .road-line--preview {
2001
+ stroke-dasharray: 10, 10;
2002
+ animation: road-dash 1s linear infinite;
2003
+ }
2004
+
2005
+ .leaflet-container .leaflet-interactive {
2006
+ outline: none !important;
2007
+ }
2008
+ .leaflet-container path.leaflet-interactive {
2009
+ outline: none !important;
2010
+ }
2011
+
2012
+ @keyframes road-dash {
2013
+ to {
2014
+ stroke-dashoffset: -20;
2015
+ }
2016
+ }
2017
+ .leaflet-container.road-drawing-mode .marker-icon,
2018
+ .leaflet-container.road-drawing-mode .leaflet-marker-icon.marker-icon {
2019
+ background: #fff !important;
2020
+ background-color: #fff !important;
2021
+ border: 2px solid var(--road-vertex-color, #8B4513) !important;
2022
+ border-radius: 50% !important;
2023
+ box-shadow: 0 0 4px rgba(139, 69, 19, 0.5) !important;
2024
+ box-sizing: border-box !important;
2025
+ }
2026
+
2027
+ .leaflet-container.road-editing-mode .marker-icon,
2028
+ .leaflet-container.road-editing-mode .leaflet-marker-icon.marker-icon {
2029
+ background: #fff !important;
2030
+ background-color: #fff !important;
2031
+ border: 2px solid var(--road-edit-vertex-color, #8B4513) !important;
2032
+ border-radius: 50% !important;
2033
+ box-shadow: 0 0 4px rgba(139, 69, 19, 0.5) !important;
2034
+ box-sizing: border-box !important;
2035
+ }
2036
+
2037
+ .road-vertex-wrapper {
2038
+ background: transparent !important;
2039
+ border: none !important;
2040
+ }
2041
+
2042
+ .road-vertex {
2043
+ width: 12px;
2044
+ height: 12px;
2045
+ background: var(--road-edit-vertex-color, #1677ff);
2046
+ border: 2px solid #fff;
2047
+ border-radius: 50%;
2048
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
2049
+ cursor: move;
2050
+ transition: transform 0.15s, box-shadow 0.15s;
2051
+ }
2052
+ .road-vertex:hover {
2053
+ transform: scale(1.3);
2054
+ box-shadow: 0 3px 8px rgba(22, 119, 255, 0.5);
1364
2055
  }
1365
2056
  .road-vertex--temp {
1366
2057
  background: #52c41a;
@@ -1381,12 +2072,12 @@
1381
2072
  }
1382
2073
  .road-tooltip strong {
1383
2074
  font-size: 14px;
1384
- color: #333;
2075
+ color: rgba(0, 0, 0, 0.88);
1385
2076
  display: block;
1386
2077
  }
1387
2078
  .road-tooltip span {
1388
2079
  font-size: 12px;
1389
- color: #666;
2080
+ color: rgba(0, 0, 0, 0.65);
1390
2081
  margin-top: 4px;
1391
2082
  display: block;
1392
2083
  }
@@ -1399,144 +2090,1615 @@
1399
2090
  .road-distance-label {
1400
2091
  background: transparent;
1401
2092
  color: #fff;
1402
- font-size: 14px;
1403
- font-weight: 600;
1404
- padding: 0;
1405
- white-space: nowrap;
1406
- pointer-events: none;
1407
- text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333, 0 0 3px rgba(0, 0, 0, 0.5);
2093
+ font-size: 14px;
2094
+ font-weight: 600;
2095
+ padding: 0;
2096
+ white-space: nowrap;
2097
+ pointer-events: none;
2098
+ text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333, 0 0 3px rgba(0, 0, 0, 0.5);
2099
+ }
2100
+
2101
+ .road-edit-toolbar {
2102
+ position: absolute;
2103
+ bottom: 20px;
2104
+ left: 50%;
2105
+ transform: translateX(-50%);
2106
+ z-index: 1000;
2107
+ display: flex;
2108
+ align-items: center;
2109
+ gap: 8px;
2110
+ }
2111
+
2112
+ .road-edit-toolbar__button-group {
2113
+ display: inline-flex;
2114
+ align-items: center;
2115
+ gap: 0;
2116
+ background: #fff;
2117
+ border-radius: 6px;
2118
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2119
+ }
2120
+
2121
+ .road-edit-toolbar__button {
2122
+ position: relative;
2123
+ display: inline-flex;
2124
+ align-items: center;
2125
+ justify-content: center;
2126
+ gap: 8px;
2127
+ height: 32px;
2128
+ padding: 0 12px;
2129
+ font-size: 14px;
2130
+ font-weight: 400;
2131
+ line-height: 1.5714;
2132
+ border: 1px solid transparent;
2133
+ border-radius: calc(6px - 2px);
2134
+ background: #fff;
2135
+ color: rgba(0, 0, 0, 0.88);
2136
+ cursor: pointer;
2137
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
2138
+ white-space: nowrap;
2139
+ user-select: none;
2140
+ margin: 0;
2141
+ outline: none;
2142
+ }
2143
+ .road-edit-toolbar__button:focus-visible {
2144
+ box-shadow: 0 0 0 2px rgba(139, 69, 19, 0.2);
2145
+ }
2146
+ .road-edit-toolbar__button svg {
2147
+ width: 16px;
2148
+ height: 16px;
2149
+ flex-shrink: 0;
2150
+ }
2151
+ .road-edit-toolbar__button:hover:not(:disabled) {
2152
+ color: #1677ff;
2153
+ background: rgba(0, 0, 0, 0.06);
2154
+ border-color: #1677ff;
2155
+ }
2156
+ .road-edit-toolbar__button:active:not(:disabled) {
2157
+ color: #4096ff;
2158
+ background: rgba(0, 0, 0, 0.1);
2159
+ border-color: #4096ff;
2160
+ }
2161
+ .road-edit-toolbar__button:disabled, .road-edit-toolbar__button--disabled {
2162
+ color: rgba(0, 0, 0, 0.25);
2163
+ background: rgba(0, 0, 0, 0.06);
2164
+ cursor: not-allowed;
2165
+ }
2166
+ .road-edit-toolbar__button:disabled svg, .road-edit-toolbar__button--disabled svg {
2167
+ opacity: 0.4;
2168
+ }
2169
+ .road-edit-toolbar__button--primary {
2170
+ color: #fff;
2171
+ background: #1677ff;
2172
+ border-color: #1677ff;
2173
+ }
2174
+ .road-edit-toolbar__button--primary:hover:not(:disabled) {
2175
+ background: #4096ff;
2176
+ border-color: #4096ff;
2177
+ }
2178
+ .road-edit-toolbar__button--primary:active:not(:disabled) {
2179
+ background: #1677ff;
2180
+ border-color: #1677ff;
2181
+ }
2182
+ .road-edit-toolbar__button--primary:disabled, .road-edit-toolbar__button--primary.disabled {
2183
+ color: rgba(255, 255, 255, 0.6);
2184
+ background: rgba(139, 69, 19, 0.5);
2185
+ border-color: rgba(139, 69, 19, 0.5);
2186
+ cursor: not-allowed;
2187
+ }
2188
+ .road-edit-toolbar__button--danger {
2189
+ color: #ff4d4f;
2190
+ background: transparent;
2191
+ border-color: transparent;
2192
+ }
2193
+ .road-edit-toolbar__button--danger:hover:not(:disabled) {
2194
+ color: #fff;
2195
+ background: #ff4d4f;
2196
+ border-color: #ff4d4f;
2197
+ }
2198
+ .road-edit-toolbar__button--danger:active:not(:disabled) {
2199
+ color: #fff;
2200
+ background: rgb(255, 26, 28.5730337079);
2201
+ border-color: rgb(255, 26, 28.5730337079);
2202
+ }
2203
+ .road-edit-toolbar__button--danger:disabled, .road-edit-toolbar__button--danger.disabled {
2204
+ color: rgba(0, 0, 0, 0.25);
2205
+ background: transparent;
2206
+ cursor: not-allowed;
2207
+ }
2208
+ .road-edit-toolbar__button--active {
2209
+ color: #fff;
2210
+ background: #8B4513;
2211
+ border-color: #8B4513;
2212
+ }
2213
+ .road-edit-toolbar__button--success {
2214
+ color: #52c41a;
2215
+ background: transparent;
2216
+ border-color: transparent;
2217
+ }
2218
+ .road-edit-toolbar__button--success:hover:not(:disabled) {
2219
+ color: #fff;
2220
+ background: #52c41a;
2221
+ border-color: #52c41a;
2222
+ }
2223
+ .road-edit-toolbar__button--success:active:not(:disabled) {
2224
+ color: #fff;
2225
+ background: rgb(63.1621621622, 150.972972973, 20.027027027);
2226
+ border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
2227
+ }
2228
+ .road-edit-toolbar__button--success:disabled, .road-edit-toolbar__button--success.disabled {
2229
+ color: rgba(0, 0, 0, 0.25);
2230
+ background: transparent;
2231
+ border-color: transparent;
2232
+ cursor: not-allowed;
2233
+ }
2234
+ .road-edit-toolbar__button--warning {
2235
+ color: #faad14;
2236
+ background: transparent;
2237
+ border-color: transparent;
2238
+ }
2239
+ .road-edit-toolbar__button--warning:hover:not(:disabled) {
2240
+ color: #fff;
2241
+ background: #faad14;
2242
+ border-color: #faad14;
2243
+ }
2244
+ .road-edit-toolbar__button--warning:active:not(:disabled) {
2245
+ color: #fff;
2246
+ background: rgb(214.4375, 144.175, 4.5625);
2247
+ border-color: rgb(214.4375, 144.175, 4.5625);
2248
+ }
2249
+ .road-edit-toolbar__button--warning:disabled, .road-edit-toolbar__button--warning.disabled {
2250
+ color: rgba(0, 0, 0, 0.25);
2251
+ background: transparent;
2252
+ border-color: transparent;
2253
+ cursor: not-allowed;
2254
+ }
2255
+ .road-edit-toolbar__button--error {
2256
+ color: #ff4d4f;
2257
+ background: transparent;
2258
+ border-color: transparent;
2259
+ }
2260
+ .road-edit-toolbar__button--error:hover:not(:disabled) {
2261
+ color: #fff;
2262
+ background: #ff4d4f;
2263
+ border-color: #ff4d4f;
2264
+ }
2265
+ .road-edit-toolbar__button--error:active:not(:disabled) {
2266
+ color: #fff;
2267
+ background: rgb(255, 26, 28.5730337079);
2268
+ border-color: rgb(255, 26, 28.5730337079);
2269
+ }
2270
+ .road-edit-toolbar__button--error:disabled, .road-edit-toolbar__button--error.disabled {
2271
+ color: rgba(0, 0, 0, 0.25);
2272
+ background: transparent;
2273
+ border-color: transparent;
2274
+ cursor: not-allowed;
2275
+ }
2276
+ .road-edit-toolbar__button--magenta {
2277
+ color: #eb2f96;
2278
+ background: transparent;
2279
+ border-color: transparent;
2280
+ }
2281
+ .road-edit-toolbar__button--magenta:hover:not(:disabled) {
2282
+ color: #fff;
2283
+ background: #eb2f96;
2284
+ border-color: #eb2f96;
2285
+ }
2286
+ .road-edit-toolbar__button--magenta:active:not(:disabled) {
2287
+ color: #fff;
2288
+ background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
2289
+ border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
2290
+ }
2291
+ .road-edit-toolbar__button--magenta:disabled, .road-edit-toolbar__button--magenta.disabled {
2292
+ color: rgba(0, 0, 0, 0.25);
2293
+ background: transparent;
2294
+ border-color: transparent;
2295
+ cursor: not-allowed;
2296
+ }
2297
+ .road-edit-toolbar__button--volcano {
2298
+ color: #fa541c;
2299
+ background: transparent;
2300
+ border-color: transparent;
2301
+ }
2302
+ .road-edit-toolbar__button--volcano:hover:not(:disabled) {
2303
+ color: #fff;
2304
+ background: #fa541c;
2305
+ border-color: #fa541c;
2306
+ }
2307
+ .road-edit-toolbar__button--volcano:active:not(:disabled) {
2308
+ color: #fff;
2309
+ background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
2310
+ border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
2311
+ }
2312
+ .road-edit-toolbar__button--volcano:disabled, .road-edit-toolbar__button--volcano.disabled {
2313
+ color: rgba(0, 0, 0, 0.25);
2314
+ background: transparent;
2315
+ border-color: transparent;
2316
+ cursor: not-allowed;
2317
+ }
2318
+ .road-edit-toolbar__button--gold {
2319
+ color: #faad14;
2320
+ background: transparent;
2321
+ border-color: transparent;
2322
+ }
2323
+ .road-edit-toolbar__button--gold:hover:not(:disabled) {
2324
+ color: #fff;
2325
+ background: #faad14;
2326
+ border-color: #faad14;
2327
+ }
2328
+ .road-edit-toolbar__button--gold:active:not(:disabled) {
2329
+ color: #fff;
2330
+ background: rgb(214.4375, 144.175, 4.5625);
2331
+ border-color: rgb(214.4375, 144.175, 4.5625);
2332
+ }
2333
+ .road-edit-toolbar__button--gold:disabled, .road-edit-toolbar__button--gold.disabled {
2334
+ color: rgba(0, 0, 0, 0.25);
2335
+ background: transparent;
2336
+ border-color: transparent;
2337
+ cursor: not-allowed;
2338
+ }
2339
+ .road-edit-toolbar__button--orange {
2340
+ color: #fa8c16;
2341
+ background: transparent;
2342
+ border-color: transparent;
2343
+ }
2344
+ .road-edit-toolbar__button--orange:hover:not(:disabled) {
2345
+ color: #fff;
2346
+ background: #fa8c16;
2347
+ border-color: #fa8c16;
2348
+ }
2349
+ .road-edit-toolbar__button--orange:active:not(:disabled) {
2350
+ color: #fff;
2351
+ background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
2352
+ border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
2353
+ }
2354
+ .road-edit-toolbar__button--orange:disabled, .road-edit-toolbar__button--orange.disabled {
2355
+ color: rgba(0, 0, 0, 0.25);
2356
+ background: transparent;
2357
+ border-color: transparent;
2358
+ cursor: not-allowed;
2359
+ }
2360
+ .road-edit-toolbar__button--cyan {
2361
+ color: #13c2c2;
2362
+ background: transparent;
2363
+ border-color: transparent;
2364
+ }
2365
+ .road-edit-toolbar__button--cyan:hover:not(:disabled) {
2366
+ color: #fff;
2367
+ background: #13c2c2;
2368
+ border-color: #13c2c2;
2369
+ }
2370
+ .road-edit-toolbar__button--cyan:active:not(:disabled) {
2371
+ color: #fff;
2372
+ background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
2373
+ border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
2374
+ }
2375
+ .road-edit-toolbar__button--cyan:disabled, .road-edit-toolbar__button--cyan.disabled {
2376
+ color: rgba(0, 0, 0, 0.25);
2377
+ background: transparent;
2378
+ border-color: transparent;
2379
+ cursor: not-allowed;
2380
+ }
2381
+ .road-edit-toolbar__button--geekblue {
2382
+ color: #2f54eb;
2383
+ background: transparent;
2384
+ border-color: transparent;
2385
+ }
2386
+ .road-edit-toolbar__button--geekblue:hover:not(:disabled) {
2387
+ color: #fff;
2388
+ background: #2f54eb;
2389
+ border-color: #2f54eb;
2390
+ }
2391
+ .road-edit-toolbar__button--geekblue:active:not(:disabled) {
2392
+ color: #fff;
2393
+ background: rgb(20.2631578947, 57.75, 210.7368421053);
2394
+ border-color: rgb(20.2631578947, 57.75, 210.7368421053);
2395
+ }
2396
+ .road-edit-toolbar__button--geekblue:disabled, .road-edit-toolbar__button--geekblue.disabled {
2397
+ color: rgba(0, 0, 0, 0.25);
2398
+ background: transparent;
2399
+ border-color: transparent;
2400
+ cursor: not-allowed;
2401
+ }
2402
+ .road-edit-toolbar__button--purple {
2403
+ color: #722ed1;
2404
+ background: transparent;
2405
+ border-color: transparent;
2406
+ }
2407
+ .road-edit-toolbar__button--purple:hover:not(:disabled) {
2408
+ color: #fff;
2409
+ background: #722ed1;
2410
+ border-color: #722ed1;
2411
+ }
2412
+ .road-edit-toolbar__button--purple:active:not(:disabled) {
2413
+ color: #fff;
2414
+ background: rgb(91.2, 36.8, 167.2);
2415
+ border-color: rgb(91.2, 36.8, 167.2);
2416
+ }
2417
+ .road-edit-toolbar__button--purple:disabled, .road-edit-toolbar__button--purple.disabled {
2418
+ color: rgba(0, 0, 0, 0.25);
2419
+ background: transparent;
2420
+ border-color: transparent;
2421
+ cursor: not-allowed;
2422
+ }
2423
+ .road-edit-toolbar__button--large {
2424
+ height: 40px;
2425
+ padding: 0 16px;
2426
+ font-size: 16px;
2427
+ border-radius: 6px;
2428
+ }
2429
+ .road-edit-toolbar__button--large svg {
2430
+ width: 20px;
2431
+ height: 20px;
2432
+ }
2433
+ .road-edit-toolbar__button--small {
2434
+ height: 32px;
2435
+ padding: 0 8px;
2436
+ font-size: 12px;
2437
+ border-radius: calc(6px - 2px);
2438
+ }
2439
+ .road-edit-toolbar__button--small svg {
2440
+ width: 14px;
2441
+ height: 14px;
2442
+ }
2443
+
2444
+ .road-edit-toolbar--large .road-edit-toolbar__button {
2445
+ height: 40px;
2446
+ padding: 0 16px;
2447
+ font-size: 16px;
2448
+ }
2449
+ .road-edit-toolbar--large .road-edit-toolbar__button svg {
2450
+ width: 20px;
2451
+ height: 20px;
2452
+ }
2453
+
2454
+ .road-edit-toolbar--small .road-edit-toolbar__button {
2455
+ height: 32px;
2456
+ padding: 0 8px;
2457
+ font-size: 12px;
2458
+ }
2459
+ .road-edit-toolbar--small .road-edit-toolbar__button svg {
2460
+ width: 14px;
2461
+ height: 14px;
2462
+ }
2463
+
2464
+ .road-edit-toolbar--large .road-edit-toolbar__icon {
2465
+ width: 20px;
2466
+ height: 20px;
2467
+ }
2468
+
2469
+ .road-edit-toolbar--small .road-edit-toolbar__icon {
2470
+ width: 14px;
2471
+ height: 14px;
2472
+ }
2473
+
2474
+ .road-edit-toolbar__button-group:not(.road-edit-toolbar__button-group--custom) .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before {
2475
+ content: "";
2476
+ position: absolute;
2477
+ left: -1px;
2478
+ top: 50%;
2479
+ transform: translateY(-50%);
2480
+ width: 1px;
2481
+ height: 48%;
2482
+ background-color: rgba(0, 0, 0, 0.06);
2483
+ pointer-events: none;
2484
+ }
2485
+
2486
+ .road-edit-toolbar__icon {
2487
+ display: inline-flex;
2488
+ align-items: center;
2489
+ justify-content: center;
2490
+ width: 16px;
2491
+ height: 16px;
2492
+ }
2493
+
2494
+ .road-edit-toolbar__label {
2495
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
2496
+ }
2497
+
2498
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group,
2499
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group,
2500
+ [data-theme=dark] .road-edit-toolbar__button-group {
2501
+ background: #1f1f1f;
2502
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
2503
+ }
2504
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button, .leaflet-container[data-theme=dark] .road-edit-toolbar__button,
2505
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button,
2506
+ [data-theme=dark] .road-edit-toolbar__button {
2507
+ color: #f0f6fc;
2508
+ background: transparent;
2509
+ border-color: transparent;
2510
+ }
2511
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled),
2512
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:hover:not(:disabled),
2513
+ [data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled) {
2514
+ color: #1668dc;
2515
+ background: rgba(255, 255, 255, 0.08);
2516
+ border-color: transparent;
2517
+ }
2518
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button:active:not(:disabled),
2519
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:active:not(:disabled),
2520
+ [data-theme=dark] .road-edit-toolbar__button:active:not(:disabled) {
2521
+ color: #1668dc;
2522
+ background: rgba(255, 255, 255, 0.15);
2523
+ border-color: transparent;
2524
+ }
2525
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--disabled,
2526
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button:disabled,
2527
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--disabled,
2528
+ [data-theme=dark] .road-edit-toolbar__button:disabled,
2529
+ [data-theme=dark] .road-edit-toolbar__button--disabled {
2530
+ color: rgba(255, 255, 255, 0.25);
2531
+ background: transparent;
2532
+ border-color: transparent;
2533
+ }
2534
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary,
2535
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary,
2536
+ [data-theme=dark] .road-edit-toolbar__button--primary {
2537
+ color: #fff;
2538
+ background: #1668dc;
2539
+ border-color: #1668dc;
2540
+ }
2541
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled),
2542
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:hover:not(:disabled),
2543
+ [data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled) {
2544
+ background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
2545
+ border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
2546
+ }
2547
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:active:not(:disabled),
2548
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:active:not(:disabled),
2549
+ [data-theme=dark] .road-edit-toolbar__button--primary:active:not(:disabled) {
2550
+ background: #1668dc;
2551
+ border-color: #1668dc;
2552
+ }
2553
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary.disabled,
2554
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary:disabled,
2555
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--primary.disabled,
2556
+ [data-theme=dark] .road-edit-toolbar__button--primary:disabled,
2557
+ [data-theme=dark] .road-edit-toolbar__button--primary.disabled {
2558
+ color: rgba(255, 255, 255, 0.6);
2559
+ background: rgba(139, 69, 19, 0.5);
2560
+ border-color: rgba(139, 69, 19, 0.5);
2561
+ }
2562
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger,
2563
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger,
2564
+ [data-theme=dark] .road-edit-toolbar__button--danger {
2565
+ color: #ff7875;
2566
+ background: transparent;
2567
+ border-color: transparent;
2568
+ }
2569
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled),
2570
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:hover:not(:disabled),
2571
+ [data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled) {
2572
+ color: #fff;
2573
+ background: #ff4d4f;
2574
+ border-color: #ff4d4f;
2575
+ }
2576
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:active:not(:disabled),
2577
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:active:not(:disabled),
2578
+ [data-theme=dark] .road-edit-toolbar__button--danger:active:not(:disabled) {
2579
+ color: #fff;
2580
+ background: rgb(255, 26, 28.5730337079);
2581
+ border-color: rgb(255, 26, 28.5730337079);
2582
+ }
2583
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger.disabled,
2584
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger:disabled,
2585
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--danger.disabled,
2586
+ [data-theme=dark] .road-edit-toolbar__button--danger:disabled,
2587
+ [data-theme=dark] .road-edit-toolbar__button--danger.disabled {
2588
+ color: rgba(255, 255, 255, 0.25);
2589
+ background: transparent;
2590
+ border-color: transparent;
2591
+ }
2592
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .road-edit-toolbar__button--active,
2593
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button--active,
2594
+ [data-theme=dark] .road-edit-toolbar__button--active {
2595
+ color: #fff;
2596
+ background: #8B4513;
2597
+ border-color: #8B4513;
2598
+ }
2599
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2600
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2601
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2602
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2603
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2604
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2605
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2606
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2607
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2608
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before,
2609
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2610
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2611
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2612
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2613
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2614
+ [data-theme=dark] .road-edit-toolbar__button-group .road-edit-toolbar__button + .road-edit-toolbar__button:not(.road-edit-toolbar__button--primary):not(.road-edit-toolbar__button--danger)::before,
2615
+ .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2616
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2617
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2618
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2619
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2620
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2621
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2622
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2623
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2624
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2625
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2626
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2627
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2628
+ .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2629
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2630
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2631
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2632
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2633
+ .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2634
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2635
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2636
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2637
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2638
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2639
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2640
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2641
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2642
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2643
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2644
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2645
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2646
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2647
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2648
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2649
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2650
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2651
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2652
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2653
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2654
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2655
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2656
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2657
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2658
+ [data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2659
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2660
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2661
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2662
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2663
+ [data-theme=dark] .road-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2664
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2665
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2666
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2667
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2668
+ [data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2669
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2670
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2671
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2672
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before,
2673
+ [data-theme=dark] .road-edit-toolbar__button-group__button + [data-theme=dark] .road-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--primary,
2674
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--primary,
2675
+ [data-theme=dark] .road-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group__button--danger,
2676
+ [data-theme=dark] .road-edit-toolbar .road-edit-toolbar__button-group__button--danger,
2677
+ [data-theme=dark] .road-edit-toolbar__button-group__button--danger)::before {
2678
+ background-color: rgba(255, 255, 255, 0.06);
2679
+ }
2680
+
2681
+ [data-theme=dark] .road-vertex {
2682
+ background: #1668dc;
2683
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
2684
+ }
2685
+ [data-theme=dark] .road-tooltip strong {
2686
+ color: #e0e0e0;
2687
+ }
2688
+ [data-theme=dark] .road-tooltip span {
2689
+ color: #a0a0a0;
2690
+ }
2691
+
2692
+ /**
2693
+ * 双向标尺样式 - L型布局
2694
+ * 覆盖整个地图窗口,标尺贴边显示
2695
+ */
2696
+ /**
2697
+ * 样式主入口
2698
+ * @description 统一导出所有样式
2699
+ */
2700
+ /**
2701
+ * Irrigation 组件样式
2702
+ */
2703
+ .irrigation-line {
2704
+ transition: stroke 0.2s;
2705
+ outline: none !important;
2706
+ }
2707
+ .irrigation-line--selected {
2708
+ filter: drop-shadow(0 0 6px rgba(22, 119, 255, 0.5));
2709
+ }
2710
+ .irrigation-line--editing {
2711
+ filter: drop-shadow(0 0 8px rgba(22, 119, 255, 0.7));
2712
+ }
2713
+ .irrigation-line--preview {
2714
+ stroke-dasharray: 10, 10;
2715
+ animation: irrigation-dash 1s linear infinite;
2716
+ }
2717
+
2718
+ .leaflet-container .irrigation-interactive {
2719
+ outline: none !important;
2720
+ }
2721
+ .leaflet-container path.irrigation-interactive {
2722
+ outline: none !important;
2723
+ }
2724
+
2725
+ @keyframes irrigation-dash {
2726
+ to {
2727
+ stroke-dashoffset: -20;
2728
+ }
2729
+ }
2730
+ .irrigation-distance-label-wrapper {
2731
+ background: transparent !important;
2732
+ border: none !important;
2733
+ }
2734
+
2735
+ .irrigation-distance-label {
2736
+ background: transparent;
2737
+ color: #fff;
2738
+ font-size: 14px;
2739
+ font-weight: 600;
2740
+ padding: 0;
2741
+ white-space: nowrap;
2742
+ pointer-events: none;
2743
+ text-shadow: -1px -1px 0 #1E90FF, 1px -1px 0 #1E90FF, -1px 1px 0 #1E90FF, 1px 1px 0 #1E90FF, 0 0 3px rgba(30, 144, 255, 0.5);
2744
+ }
2745
+
2746
+ /* 进水口/出水口标记样式 */
2747
+ .irrigation-port-wrapper {
2748
+ background: transparent !important;
2749
+ border: none !important;
2750
+ }
2751
+
2752
+ .irrigation-port {
2753
+ position: relative;
2754
+ display: flex;
2755
+ flex-direction: column;
2756
+ align-items: center;
2757
+ transition: transform 0.1s;
2758
+ }
2759
+ .irrigation-port svg {
2760
+ filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
2761
+ transition: transform 0.2s;
2762
+ }
2763
+ .irrigation-port:hover svg {
2764
+ transform: scale(1.15);
2765
+ }
2766
+ .irrigation-port__label {
2767
+ position: absolute;
2768
+ top: calc(100% + 4px);
2769
+ left: 50%;
2770
+ margin-top: 4px;
2771
+ padding: 2px 8px;
2772
+ font-size: 12px;
2773
+ font-weight: 500;
2774
+ color: #fff;
2775
+ background: rgba(0, 0, 0, 0.75);
2776
+ border-radius: 4px;
2777
+ white-space: nowrap;
2778
+ opacity: 0;
2779
+ transition: opacity 0.2s;
2780
+ pointer-events: none;
2781
+ z-index: 10;
2782
+ }
2783
+ .irrigation-port:hover .irrigation-port__label {
2784
+ opacity: 1;
2785
+ }
2786
+
2787
+ .irrigation-port--inlet svg {
2788
+ /* 进水口蓝色 - 颜色已在 SVG 中设置 */
2789
+ filter: drop-shadow(0 0 4px rgba(30, 144, 255, 0.5));
2790
+ }
2791
+
2792
+ .irrigation-port--outlet svg {
2793
+ /* 出水口绿色 - 颜色已在 SVG 中设置 */
2794
+ filter: drop-shadow(0 0 4px rgba(82, 196, 26, 0.5));
2795
+ }
2796
+
2797
+ /* 进水口箭头动画 - 向下脉冲流动 */
2798
+ .irrigation-port--inlet .irrigation-port__arrow {
2799
+ animation: inlet-arrow-flow 1.2s ease-in-out infinite;
2800
+ transform-origin: center center;
2801
+ }
2802
+
2803
+ @keyframes inlet-arrow-flow {
2804
+ 0%, 100% {
2805
+ transform: translateY(0);
2806
+ opacity: 1;
2807
+ }
2808
+ 50% {
2809
+ transform: translateY(2px);
2810
+ opacity: 0.5;
2811
+ }
2812
+ }
2813
+ /* 出水口箭头动画 - 向上脉冲流动 */
2814
+ .irrigation-port--outlet .irrigation-port__arrow {
2815
+ animation: outlet-arrow-flow 1.2s ease-in-out infinite;
2816
+ transform-origin: center center;
2817
+ }
2818
+
2819
+ @keyframes outlet-arrow-flow {
2820
+ 0%, 100% {
2821
+ transform: translateY(0);
2822
+ opacity: 1;
2823
+ }
2824
+ 50% {
2825
+ transform: translateY(-2px);
2826
+ opacity: 0.5;
2827
+ }
2828
+ }
2829
+ .irrigation-edit-toolbar {
2830
+ position: absolute;
2831
+ bottom: 20px;
2832
+ left: 50%;
2833
+ transform: translateX(-50%);
2834
+ z-index: 1000;
2835
+ display: flex;
2836
+ align-items: center;
2837
+ gap: 8px;
2838
+ }
2839
+
2840
+ .irrigation-edit-toolbar__button-group {
2841
+ display: inline-flex;
2842
+ align-items: center;
2843
+ gap: 0;
2844
+ background: #fff;
2845
+ border-radius: 6px;
2846
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
2847
+ }
2848
+
2849
+ .irrigation-edit-toolbar__button {
2850
+ position: relative;
2851
+ display: inline-flex;
2852
+ align-items: center;
2853
+ justify-content: center;
2854
+ gap: 8px;
2855
+ height: 32px;
2856
+ padding: 0 12px;
2857
+ font-size: 14px;
2858
+ font-weight: 400;
2859
+ line-height: 1.5714;
2860
+ border: 1px solid transparent;
2861
+ border-radius: calc(6px - 2px);
2862
+ background: #fff;
2863
+ color: rgba(0, 0, 0, 0.88);
2864
+ cursor: pointer;
2865
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
2866
+ white-space: nowrap;
2867
+ user-select: none;
2868
+ margin: 0;
2869
+ outline: none;
2870
+ }
2871
+ .irrigation-edit-toolbar__button:focus-visible {
2872
+ box-shadow: 0 0 0 2px rgba(30, 144, 255, 0.2);
2873
+ }
2874
+ .irrigation-edit-toolbar__button svg {
2875
+ width: 16px;
2876
+ height: 16px;
2877
+ flex-shrink: 0;
2878
+ }
2879
+ .irrigation-edit-toolbar__button:hover:not(:disabled) {
2880
+ color: #1677ff;
2881
+ background: rgba(0, 0, 0, 0.06);
2882
+ border-color: #1677ff;
2883
+ }
2884
+ .irrigation-edit-toolbar__button:active:not(:disabled) {
2885
+ color: #4096ff;
2886
+ background: rgba(0, 0, 0, 0.1);
2887
+ border-color: #4096ff;
2888
+ }
2889
+ .irrigation-edit-toolbar__button:disabled, .irrigation-edit-toolbar__button--disabled {
2890
+ color: rgba(0, 0, 0, 0.25);
2891
+ background: rgba(0, 0, 0, 0.06);
2892
+ cursor: not-allowed;
2893
+ }
2894
+ .irrigation-edit-toolbar__button:disabled svg, .irrigation-edit-toolbar__button--disabled svg {
2895
+ opacity: 0.4;
2896
+ }
2897
+ .irrigation-edit-toolbar__button--primary {
2898
+ color: #fff;
2899
+ background: #1677ff;
2900
+ border-color: #1677ff;
2901
+ }
2902
+ .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
2903
+ background: #4096ff;
2904
+ border-color: #4096ff;
2905
+ }
2906
+ .irrigation-edit-toolbar__button--primary:active:not(:disabled) {
2907
+ background: #1677ff;
2908
+ border-color: #1677ff;
2909
+ }
2910
+ .irrigation-edit-toolbar__button--primary:disabled, .irrigation-edit-toolbar__button--primary.disabled {
2911
+ color: rgba(255, 255, 255, 0.6);
2912
+ background: rgba(30, 144, 255, 0.5);
2913
+ border-color: rgba(30, 144, 255, 0.5);
2914
+ cursor: not-allowed;
2915
+ }
2916
+ .irrigation-edit-toolbar__button--danger {
2917
+ color: #ff4d4f;
2918
+ background: transparent;
2919
+ border-color: transparent;
2920
+ }
2921
+ .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
2922
+ color: #fff;
2923
+ background: #ff4d4f;
2924
+ border-color: #ff4d4f;
2925
+ }
2926
+ .irrigation-edit-toolbar__button--danger:active:not(:disabled) {
2927
+ color: #fff;
2928
+ background: rgb(255, 26, 28.5730337079);
2929
+ border-color: rgb(255, 26, 28.5730337079);
2930
+ }
2931
+ .irrigation-edit-toolbar__button--danger:disabled, .irrigation-edit-toolbar__button--danger.disabled {
2932
+ color: rgba(0, 0, 0, 0.25);
2933
+ background: transparent;
2934
+ cursor: not-allowed;
2935
+ }
2936
+ .irrigation-edit-toolbar__button--active {
2937
+ color: #fff;
2938
+ background: #1E90FF;
2939
+ border-color: #1E90FF;
2940
+ }
2941
+ .irrigation-edit-toolbar__button--success {
2942
+ color: #52c41a;
2943
+ background: transparent;
2944
+ border-color: transparent;
2945
+ }
2946
+ .irrigation-edit-toolbar__button--success:hover:not(:disabled) {
2947
+ color: #fff;
2948
+ background: #52c41a;
2949
+ border-color: #52c41a;
2950
+ }
2951
+ .irrigation-edit-toolbar__button--success:active:not(:disabled) {
2952
+ color: #fff;
2953
+ background: rgb(63.1621621622, 150.972972973, 20.027027027);
2954
+ border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
2955
+ }
2956
+ .irrigation-edit-toolbar__button--success:disabled, .irrigation-edit-toolbar__button--success.disabled {
2957
+ color: rgba(0, 0, 0, 0.25);
2958
+ background: transparent;
2959
+ border-color: transparent;
2960
+ cursor: not-allowed;
2961
+ }
2962
+ .irrigation-edit-toolbar__button--warning {
2963
+ color: #faad14;
2964
+ background: transparent;
2965
+ border-color: transparent;
2966
+ }
2967
+ .irrigation-edit-toolbar__button--warning:hover:not(:disabled) {
2968
+ color: #fff;
2969
+ background: #faad14;
2970
+ border-color: #faad14;
2971
+ }
2972
+ .irrigation-edit-toolbar__button--warning:active:not(:disabled) {
2973
+ color: #fff;
2974
+ background: rgb(214.4375, 144.175, 4.5625);
2975
+ border-color: rgb(214.4375, 144.175, 4.5625);
2976
+ }
2977
+ .irrigation-edit-toolbar__button--warning:disabled, .irrigation-edit-toolbar__button--warning.disabled {
2978
+ color: rgba(0, 0, 0, 0.25);
2979
+ background: transparent;
2980
+ border-color: transparent;
2981
+ cursor: not-allowed;
2982
+ }
2983
+ .irrigation-edit-toolbar__button--error {
2984
+ color: #ff4d4f;
2985
+ background: transparent;
2986
+ border-color: transparent;
2987
+ }
2988
+ .irrigation-edit-toolbar__button--error:hover:not(:disabled) {
2989
+ color: #fff;
2990
+ background: #ff4d4f;
2991
+ border-color: #ff4d4f;
2992
+ }
2993
+ .irrigation-edit-toolbar__button--error:active:not(:disabled) {
2994
+ color: #fff;
2995
+ background: rgb(255, 26, 28.5730337079);
2996
+ border-color: rgb(255, 26, 28.5730337079);
2997
+ }
2998
+ .irrigation-edit-toolbar__button--error:disabled, .irrigation-edit-toolbar__button--error.disabled {
2999
+ color: rgba(0, 0, 0, 0.25);
3000
+ background: transparent;
3001
+ border-color: transparent;
3002
+ cursor: not-allowed;
3003
+ }
3004
+ .irrigation-edit-toolbar__button--magenta {
3005
+ color: #eb2f96;
3006
+ background: transparent;
3007
+ border-color: transparent;
3008
+ }
3009
+ .irrigation-edit-toolbar__button--magenta:hover:not(:disabled) {
3010
+ color: #fff;
3011
+ background: #eb2f96;
3012
+ border-color: #eb2f96;
3013
+ }
3014
+ .irrigation-edit-toolbar__button--magenta:active:not(:disabled) {
3015
+ color: #fff;
3016
+ background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
3017
+ border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
3018
+ }
3019
+ .irrigation-edit-toolbar__button--magenta:disabled, .irrigation-edit-toolbar__button--magenta.disabled {
3020
+ color: rgba(0, 0, 0, 0.25);
3021
+ background: transparent;
3022
+ border-color: transparent;
3023
+ cursor: not-allowed;
3024
+ }
3025
+ .irrigation-edit-toolbar__button--volcano {
3026
+ color: #fa541c;
3027
+ background: transparent;
3028
+ border-color: transparent;
3029
+ }
3030
+ .irrigation-edit-toolbar__button--volcano:hover:not(:disabled) {
3031
+ color: #fff;
3032
+ background: #fa541c;
3033
+ border-color: #fa541c;
3034
+ }
3035
+ .irrigation-edit-toolbar__button--volcano:active:not(:disabled) {
3036
+ color: #fff;
3037
+ background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
3038
+ border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
3039
+ }
3040
+ .irrigation-edit-toolbar__button--volcano:disabled, .irrigation-edit-toolbar__button--volcano.disabled {
3041
+ color: rgba(0, 0, 0, 0.25);
3042
+ background: transparent;
3043
+ border-color: transparent;
3044
+ cursor: not-allowed;
3045
+ }
3046
+ .irrigation-edit-toolbar__button--gold {
3047
+ color: #faad14;
3048
+ background: transparent;
3049
+ border-color: transparent;
3050
+ }
3051
+ .irrigation-edit-toolbar__button--gold:hover:not(:disabled) {
3052
+ color: #fff;
3053
+ background: #faad14;
3054
+ border-color: #faad14;
3055
+ }
3056
+ .irrigation-edit-toolbar__button--gold:active:not(:disabled) {
3057
+ color: #fff;
3058
+ background: rgb(214.4375, 144.175, 4.5625);
3059
+ border-color: rgb(214.4375, 144.175, 4.5625);
3060
+ }
3061
+ .irrigation-edit-toolbar__button--gold:disabled, .irrigation-edit-toolbar__button--gold.disabled {
3062
+ color: rgba(0, 0, 0, 0.25);
3063
+ background: transparent;
3064
+ border-color: transparent;
3065
+ cursor: not-allowed;
3066
+ }
3067
+ .irrigation-edit-toolbar__button--orange {
3068
+ color: #fa8c16;
3069
+ background: transparent;
3070
+ border-color: transparent;
3071
+ }
3072
+ .irrigation-edit-toolbar__button--orange:hover:not(:disabled) {
3073
+ color: #fff;
3074
+ background: #fa8c16;
3075
+ border-color: #fa8c16;
3076
+ }
3077
+ .irrigation-edit-toolbar__button--orange:active:not(:disabled) {
3078
+ color: #fff;
3079
+ background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
3080
+ border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
3081
+ }
3082
+ .irrigation-edit-toolbar__button--orange:disabled, .irrigation-edit-toolbar__button--orange.disabled {
3083
+ color: rgba(0, 0, 0, 0.25);
3084
+ background: transparent;
3085
+ border-color: transparent;
3086
+ cursor: not-allowed;
3087
+ }
3088
+ .irrigation-edit-toolbar__button--cyan {
3089
+ color: #13c2c2;
3090
+ background: transparent;
3091
+ border-color: transparent;
3092
+ }
3093
+ .irrigation-edit-toolbar__button--cyan:hover:not(:disabled) {
3094
+ color: #fff;
3095
+ background: #13c2c2;
3096
+ border-color: #13c2c2;
3097
+ }
3098
+ .irrigation-edit-toolbar__button--cyan:active:not(:disabled) {
3099
+ color: #fff;
3100
+ background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
3101
+ border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
3102
+ }
3103
+ .irrigation-edit-toolbar__button--cyan:disabled, .irrigation-edit-toolbar__button--cyan.disabled {
3104
+ color: rgba(0, 0, 0, 0.25);
3105
+ background: transparent;
3106
+ border-color: transparent;
3107
+ cursor: not-allowed;
3108
+ }
3109
+ .irrigation-edit-toolbar__button--geekblue {
3110
+ color: #2f54eb;
3111
+ background: transparent;
3112
+ border-color: transparent;
3113
+ }
3114
+ .irrigation-edit-toolbar__button--geekblue:hover:not(:disabled) {
3115
+ color: #fff;
3116
+ background: #2f54eb;
3117
+ border-color: #2f54eb;
3118
+ }
3119
+ .irrigation-edit-toolbar__button--geekblue:active:not(:disabled) {
3120
+ color: #fff;
3121
+ background: rgb(20.2631578947, 57.75, 210.7368421053);
3122
+ border-color: rgb(20.2631578947, 57.75, 210.7368421053);
3123
+ }
3124
+ .irrigation-edit-toolbar__button--geekblue:disabled, .irrigation-edit-toolbar__button--geekblue.disabled {
3125
+ color: rgba(0, 0, 0, 0.25);
3126
+ background: transparent;
3127
+ border-color: transparent;
3128
+ cursor: not-allowed;
3129
+ }
3130
+ .irrigation-edit-toolbar__button--purple {
3131
+ color: #722ed1;
3132
+ background: transparent;
3133
+ border-color: transparent;
3134
+ }
3135
+ .irrigation-edit-toolbar__button--purple:hover:not(:disabled) {
3136
+ color: #fff;
3137
+ background: #722ed1;
3138
+ border-color: #722ed1;
3139
+ }
3140
+ .irrigation-edit-toolbar__button--purple:active:not(:disabled) {
3141
+ color: #fff;
3142
+ background: rgb(91.2, 36.8, 167.2);
3143
+ border-color: rgb(91.2, 36.8, 167.2);
3144
+ }
3145
+ .irrigation-edit-toolbar__button--purple:disabled, .irrigation-edit-toolbar__button--purple.disabled {
3146
+ color: rgba(0, 0, 0, 0.25);
3147
+ background: transparent;
3148
+ border-color: transparent;
3149
+ cursor: not-allowed;
3150
+ }
3151
+ .irrigation-edit-toolbar__button--large {
3152
+ height: 40px;
3153
+ padding: 0 16px;
3154
+ font-size: 16px;
3155
+ border-radius: 6px;
3156
+ }
3157
+ .irrigation-edit-toolbar__button--large svg {
3158
+ width: 20px;
3159
+ height: 20px;
3160
+ }
3161
+ .irrigation-edit-toolbar__button--small {
3162
+ height: 32px;
3163
+ padding: 0 8px;
3164
+ font-size: 12px;
3165
+ border-radius: calc(6px - 2px);
3166
+ }
3167
+ .irrigation-edit-toolbar__button--small svg {
3168
+ width: 14px;
3169
+ height: 14px;
3170
+ }
3171
+
3172
+ .irrigation-edit-toolbar--large .irrigation-edit-toolbar__button {
3173
+ height: 40px;
3174
+ padding: 0 16px;
3175
+ font-size: 16px;
3176
+ }
3177
+ .irrigation-edit-toolbar--large .irrigation-edit-toolbar__button svg {
3178
+ width: 20px;
3179
+ height: 20px;
3180
+ }
3181
+
3182
+ .irrigation-edit-toolbar--small .irrigation-edit-toolbar__button {
3183
+ height: 32px;
3184
+ padding: 0 8px;
3185
+ font-size: 12px;
3186
+ }
3187
+ .irrigation-edit-toolbar--small .irrigation-edit-toolbar__button svg {
3188
+ width: 14px;
3189
+ height: 14px;
3190
+ }
3191
+
3192
+ .irrigation-edit-toolbar--large .irrigation-edit-toolbar__icon {
3193
+ width: 20px;
3194
+ height: 20px;
3195
+ }
3196
+
3197
+ .irrigation-edit-toolbar--small .irrigation-edit-toolbar__icon {
3198
+ width: 14px;
3199
+ height: 14px;
3200
+ }
3201
+
3202
+ .irrigation-edit-toolbar__button-group:not(.irrigation-edit-toolbar__button-group--custom) .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before {
3203
+ content: "";
3204
+ position: absolute;
3205
+ left: -1px;
3206
+ top: 50%;
3207
+ transform: translateY(-50%);
3208
+ width: 1px;
3209
+ height: 48%;
3210
+ background-color: rgba(0, 0, 0, 0.06);
3211
+ pointer-events: none;
3212
+ }
3213
+
3214
+ .irrigation-edit-toolbar__icon {
3215
+ display: inline-flex;
3216
+ align-items: center;
3217
+ justify-content: center;
3218
+ width: 16px;
3219
+ height: 16px;
3220
+ }
3221
+
3222
+ .irrigation-edit-toolbar__label {
3223
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
3224
+ }
3225
+
3226
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group,
3227
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group,
3228
+ [data-theme=dark] .irrigation-edit-toolbar__button-group {
3229
+ background: #1f1f1f;
3230
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
3231
+ }
3232
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button,
3233
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button,
3234
+ [data-theme=dark] .irrigation-edit-toolbar__button {
3235
+ color: #f0f6fc;
3236
+ background: transparent;
3237
+ border-color: transparent;
3238
+ }
3239
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled),
3240
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:hover:not(:disabled),
3241
+ [data-theme=dark] .irrigation-edit-toolbar__button:hover:not(:disabled) {
3242
+ color: #1668dc;
3243
+ background: rgba(255, 255, 255, 0.08);
3244
+ border-color: transparent;
3245
+ }
3246
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:active:not(:disabled),
3247
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:active:not(:disabled),
3248
+ [data-theme=dark] .irrigation-edit-toolbar__button:active:not(:disabled) {
3249
+ color: #1668dc;
3250
+ background: rgba(255, 255, 255, 0.15);
3251
+ border-color: transparent;
3252
+ }
3253
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--disabled,
3254
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button:disabled,
3255
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--disabled,
3256
+ [data-theme=dark] .irrigation-edit-toolbar__button:disabled,
3257
+ [data-theme=dark] .irrigation-edit-toolbar__button--disabled {
3258
+ color: rgba(255, 255, 255, 0.25);
3259
+ background: transparent;
3260
+ border-color: transparent;
3261
+ }
3262
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary,
3263
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary,
3264
+ [data-theme=dark] .irrigation-edit-toolbar__button--primary {
3265
+ color: #fff;
3266
+ background: #1668dc;
3267
+ border-color: #1668dc;
3268
+ }
3269
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled),
3270
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:hover:not(:disabled),
3271
+ [data-theme=dark] .irrigation-edit-toolbar__button--primary:hover:not(:disabled) {
3272
+ background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
3273
+ border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
3274
+ }
3275
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:active:not(:disabled),
3276
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:active:not(:disabled),
3277
+ [data-theme=dark] .irrigation-edit-toolbar__button--primary:active:not(:disabled) {
3278
+ background: #1668dc;
3279
+ border-color: #1668dc;
3280
+ }
3281
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--primary.disabled,
3282
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary:disabled,
3283
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--primary.disabled,
3284
+ [data-theme=dark] .irrigation-edit-toolbar__button--primary:disabled,
3285
+ [data-theme=dark] .irrigation-edit-toolbar__button--primary.disabled {
3286
+ color: rgba(255, 255, 255, 0.6);
3287
+ background: rgba(30, 144, 255, 0.5);
3288
+ border-color: rgba(30, 144, 255, 0.5);
3289
+ }
3290
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger,
3291
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger,
3292
+ [data-theme=dark] .irrigation-edit-toolbar__button--danger {
3293
+ color: #ff7875;
3294
+ background: transparent;
3295
+ border-color: transparent;
3296
+ }
3297
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled),
3298
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:hover:not(:disabled),
3299
+ [data-theme=dark] .irrigation-edit-toolbar__button--danger:hover:not(:disabled) {
3300
+ color: #fff;
3301
+ background: #ff4d4f;
3302
+ border-color: #ff4d4f;
3303
+ }
3304
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:active:not(:disabled),
3305
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:active:not(:disabled),
3306
+ [data-theme=dark] .irrigation-edit-toolbar__button--danger:active:not(:disabled) {
3307
+ color: #fff;
3308
+ background: rgb(255, 26, 28.5730337079);
3309
+ border-color: rgb(255, 26, 28.5730337079);
3310
+ }
3311
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--danger.disabled,
3312
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger:disabled,
3313
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--danger.disabled,
3314
+ [data-theme=dark] .irrigation-edit-toolbar__button--danger:disabled,
3315
+ [data-theme=dark] .irrigation-edit-toolbar__button--danger.disabled {
3316
+ color: rgba(255, 255, 255, 0.25);
3317
+ background: transparent;
3318
+ border-color: transparent;
3319
+ }
3320
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--active, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button--active,
3321
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button--active,
3322
+ [data-theme=dark] .irrigation-edit-toolbar__button--active {
3323
+ color: #fff;
3324
+ background: #1E90FF;
3325
+ border-color: #1E90FF;
3326
+ }
3327
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3328
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3329
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3330
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3331
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3332
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3333
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3334
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3335
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3336
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before,
3337
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3338
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3339
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3340
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3341
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3342
+ [data-theme=dark] .irrigation-edit-toolbar__button-group .irrigation-edit-toolbar__button + .irrigation-edit-toolbar__button:not(.irrigation-edit-toolbar__button--primary):not(.irrigation-edit-toolbar__button--danger)::before,
3343
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3344
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3345
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3346
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3347
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3348
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3349
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3350
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3351
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3352
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3353
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3354
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3355
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3356
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3357
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3358
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3359
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3360
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3361
+ .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3362
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3363
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3364
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3365
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3366
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3367
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3368
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3369
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3370
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3371
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3372
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3373
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3374
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3375
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3376
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3377
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3378
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3379
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3380
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3381
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3382
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3383
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3384
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3385
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3386
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3387
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3388
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3389
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3390
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3391
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button + .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3392
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3393
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3394
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3395
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3396
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3397
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3398
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3399
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3400
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before,
3401
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button + [data-theme=dark] .irrigation-edit-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary,
3402
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--primary,
3403
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger,
3404
+ [data-theme=dark] .irrigation-edit-toolbar .irrigation-edit-toolbar__button-group__button--danger,
3405
+ [data-theme=dark] .irrigation-edit-toolbar__button-group__button--danger)::before {
3406
+ background-color: rgba(255, 255, 255, 0.06);
3407
+ }
3408
+
3409
+ .leaflet-container.irrigation-drawing-mode .marker-icon,
3410
+ .leaflet-container.irrigation-drawing-mode .leaflet-marker-icon.marker-icon {
3411
+ background: #fff !important;
3412
+ background-color: #fff !important;
3413
+ border: 2px solid var(--irrigation-vertex-color, #1E90FF) !important;
3414
+ border-radius: 50% !important;
3415
+ box-shadow: 0 0 4px rgba(30, 144, 255, 0.5) !important;
3416
+ box-sizing: border-box !important;
3417
+ }
3418
+
3419
+ .leaflet-container.irrigation-editing-mode .marker-icon,
3420
+ .leaflet-container.irrigation-editing-mode .leaflet-marker-icon.marker-icon {
3421
+ background: #fff !important;
3422
+ background-color: #fff !important;
3423
+ border: 2px solid var(--irrigation-edit-vertex-color, #1E90FF) !important;
3424
+ border-radius: 50% !important;
3425
+ box-shadow: 0 0 4px rgba(30, 144, 255, 0.5) !important;
3426
+ box-sizing: border-box !important;
3427
+ }
3428
+
3429
+ [data-theme=dark] .irrigation-port__label {
3430
+ background: rgba(255, 255, 255, 0.15);
3431
+ color: #e0e0e0;
1408
3432
  }
1409
3433
 
1410
- .road-edit-toolbar {
1411
- position: absolute;
1412
- bottom: 20px;
1413
- left: 50%;
1414
- transform: translateX(-50%);
1415
- z-index: 1000;
1416
- padding: 0;
1417
- border-radius: 8px;
1418
- display: flex;
3434
+ /**
3435
+ * SelectIcon 图标选择器样式
3436
+ */
3437
+ :root {
3438
+ --si-trigger-bg: rgba(255, 255, 255, 0.85);
3439
+ --si-trigger-bg-solid: #fff;
3440
+ --si-trigger-border: rgba(0, 0, 0, 0.15);
3441
+ --si-trigger-border-hover: #1677ff;
3442
+ --si-trigger-border-focus: #1677ff;
3443
+ --si-trigger-focus-shadow: rgba(22, 119, 255, 0.1);
3444
+ --si-text: rgba(0, 0, 0, 0.88);
3445
+ --si-text-secondary: rgba(0, 0, 0, 0.45);
3446
+ --si-text-disabled: rgba(0, 0, 0, 0.25);
3447
+ --si-text-placeholder: rgba(0, 0, 0, 0.25);
3448
+ --si-arrow-color: rgba(0, 0, 0, 0.25);
3449
+ --si-disabled-bg: rgba(0, 0, 0, 0.04);
3450
+ --si-clear-hover-bg: rgba(0, 0, 0, 0.06);
3451
+ --si-clear-hover-color: rgba(0, 0, 0, 0.45);
3452
+ --si-dropdown-bg: #fff;
3453
+ --si-dropdown-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3454
+ --si-item-hover-bg: rgba(0, 0, 0, 0.04);
3455
+ --si-item-selected-border: #1677ff;
3456
+ --si-item-selected-bg: rgba(22, 119, 255, 0.04);
3457
+ --si-item-name-color: rgba(0, 0, 0, 0.65);
3458
+ --si-group-label-color: rgba(0, 0, 0, 0.45);
3459
+ --si-scrollbar-thumb: rgba(0, 0, 0, 0.15);
3460
+ --si-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);
3461
+ }
3462
+
3463
+ [data-theme=dark] .agri-select-icon {
3464
+ --si-trigger-bg-solid: #1a1a1a;
3465
+ --si-trigger-border: rgba(255, 255, 255, 0.15);
3466
+ --si-trigger-border-hover: #66bb6a;
3467
+ --si-trigger-border-focus: #66bb6a;
3468
+ --si-trigger-focus-shadow: rgba(102, 187, 106, 0.15);
3469
+ --si-text: #f0f6fc;
3470
+ --si-text-secondary: rgba(255, 255, 255, 0.45);
3471
+ --si-text-disabled: rgba(255, 255, 255, 0.25);
3472
+ --si-text-placeholder: rgba(255, 255, 255, 0.25);
3473
+ --si-arrow-color: rgba(255, 255, 255, 0.35);
3474
+ --si-disabled-bg: rgba(255, 255, 255, 0.04);
3475
+ --si-clear-hover-bg: rgba(255, 255, 255, 0.08);
3476
+ --si-clear-hover-color: rgba(255, 255, 255, 0.55);
3477
+ --si-dropdown-bg: #1a1a1a;
3478
+ --si-dropdown-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
3479
+ --si-item-hover-bg: rgba(255, 255, 255, 0.06);
3480
+ --si-item-selected-border: #66bb6a;
3481
+ --si-item-selected-bg: rgba(102, 187, 106, 0.08);
3482
+ --si-item-name-color: rgba(255, 255, 255, 0.65);
3483
+ --si-group-label-color: rgba(255, 255, 255, 0.45);
3484
+ --si-scrollbar-thumb: rgba(255, 255, 255, 0.15);
3485
+ --si-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
3486
+ }
3487
+
3488
+ .agri-select-icon {
3489
+ position: relative;
3490
+ display: inline-flex;
1419
3491
  align-items: center;
1420
- gap: 12px;
1421
3492
  }
1422
- .road-edit-toolbar__button-group {
3493
+ .agri-select-icon-trigger {
1423
3494
  display: inline-flex;
3495
+ align-items: center;
3496
+ width: 100%;
3497
+ min-height: 32px;
3498
+ padding: 4px 11px;
3499
+ border: 1px solid var(--si-trigger-border);
1424
3500
  border-radius: 6px;
1425
- overflow: hidden;
1426
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
1427
- background: #fff;
3501
+ cursor: pointer;
3502
+ transition: all 0.15s ease;
3503
+ background-color: var(--si-trigger-bg-solid);
3504
+ font-size: 14px;
3505
+ box-sizing: border-box;
1428
3506
  }
1429
- .road-edit-toolbar__button {
3507
+ .agri-select-icon-trigger:hover {
3508
+ border-color: var(--si-trigger-border-hover);
3509
+ }
3510
+ .agri-select-icon-trigger--focused {
3511
+ border-color: var(--si-trigger-border-focus);
3512
+ box-shadow: 0 0 0 2px var(--si-trigger-focus-shadow);
3513
+ }
3514
+ .agri-select-icon-trigger--disabled {
3515
+ color: var(--si-text-disabled);
3516
+ cursor: not-allowed;
3517
+ background-color: var(--si-disabled-bg);
3518
+ }
3519
+ .agri-select-icon-trigger--disabled:hover {
3520
+ border-color: var(--si-trigger-border);
3521
+ }
3522
+ .agri-select-icon-preview {
1430
3523
  display: inline-flex;
1431
3524
  align-items: center;
1432
3525
  justify-content: center;
1433
- gap: 6px;
1434
- padding: 6px 14px;
1435
- font-size: 14px;
1436
- border: none;
1437
- border-right: 1px solid #e5e5e5;
3526
+ margin-right: 8px;
3527
+ flex-shrink: 0;
1438
3528
  background: transparent;
1439
- cursor: pointer;
1440
- transition: all 0.2s;
1441
- color: rgba(0, 0, 0, 0.88);
1442
- margin: 0;
3529
+ padding: 6px;
1443
3530
  }
1444
- .road-edit-toolbar__button svg {
3531
+ .agri-select-icon-value {
3532
+ flex: 1;
3533
+ overflow: hidden;
3534
+ text-overflow: ellipsis;
3535
+ white-space: nowrap;
3536
+ color: var(--si-text);
3537
+ line-height: 22px;
3538
+ }
3539
+ .agri-select-icon-placeholder {
3540
+ flex: 1;
3541
+ color: var(--si-text-placeholder);
3542
+ line-height: 22px;
3543
+ user-select: none;
3544
+ }
3545
+ .agri-select-icon-arrow {
3546
+ margin-left: 8px;
3547
+ color: var(--si-arrow-color);
3548
+ font-size: 10px;
3549
+ transition: transform 0.15s ease;
3550
+ flex-shrink: 0;
3551
+ }
3552
+ .agri-select-icon-arrow--open {
3553
+ transform: rotate(180deg);
3554
+ }
3555
+ .agri-select-icon-clear {
3556
+ display: inline-flex;
3557
+ align-items: center;
3558
+ justify-content: center;
1445
3559
  width: 16px;
1446
3560
  height: 16px;
3561
+ margin-left: 4px;
3562
+ color: var(--si-arrow-color);
3563
+ font-size: 10px;
3564
+ cursor: pointer;
3565
+ border-radius: 50%;
3566
+ transition: all 0.15s ease;
1447
3567
  flex-shrink: 0;
1448
3568
  }
1449
- .road-edit-toolbar__button:last-child {
1450
- border-right: none;
3569
+ .agri-select-icon-clear:hover {
3570
+ color: var(--si-clear-hover-color);
3571
+ background: var(--si-clear-hover-bg);
1451
3572
  }
1452
- .road-edit-toolbar__button:hover:not(:disabled) {
1453
- color: #8B4513;
1454
- background: rgba(139, 69, 19, 0.04);
3573
+ .agri-select-icon-dropdown {
3574
+ position: absolute;
3575
+ top: calc(100% + 4px);
3576
+ z-index: 1050;
3577
+ min-width: 360px;
3578
+ max-height: 340px;
3579
+ overflow-y: auto;
3580
+ background: var(--si-dropdown-bg);
3581
+ border-radius: 8px;
3582
+ box-shadow: var(--si-dropdown-shadow);
3583
+ padding: 8px 12px;
3584
+ animation: agri-select-icon-slide-in 0.15s ease-out;
3585
+ scrollbar-color: var(--si-scrollbar-thumb) transparent;
3586
+ scrollbar-width: thin;
1455
3587
  }
1456
- .road-edit-toolbar__button:disabled {
3588
+ .agri-select-icon-dropdown::-webkit-scrollbar {
3589
+ width: 6px;
3590
+ }
3591
+ .agri-select-icon-dropdown::-webkit-scrollbar-track {
1457
3592
  background: transparent;
1458
- color: rgba(0, 0, 0, 0.25);
1459
- cursor: not-allowed;
1460
3593
  }
1461
- .road-edit-toolbar__button:disabled svg {
1462
- opacity: 0.5;
3594
+ .agri-select-icon-dropdown::-webkit-scrollbar-thumb {
3595
+ background: var(--si-scrollbar-thumb);
3596
+ border-radius: 3px;
1463
3597
  }
1464
- .road-edit-toolbar__button--primary {
1465
- background: #8B4513;
1466
- color: #fff;
3598
+ .agri-select-icon-dropdown::-webkit-scrollbar-thumb:hover {
3599
+ background: var(--si-scrollbar-thumb-hover);
1467
3600
  }
1468
- .road-edit-toolbar__button--primary:hover:not(:disabled) {
1469
- background: #af5718;
3601
+ .agri-select-icon-dropdown-group-label {
3602
+ font-size: 12px;
3603
+ color: var(--si-group-label-color);
3604
+ font-weight: 500;
3605
+ margin-bottom: 8px;
3606
+ margin-top: 12px;
3607
+ line-height: 1;
1470
3608
  }
1471
- .road-edit-toolbar__button--danger {
1472
- color: #ff4d4f;
3609
+ .agri-select-icon-dropdown-group-label:first-child {
3610
+ margin-top: 0;
1473
3611
  }
1474
- .road-edit-toolbar__button--danger:hover:not(:disabled) {
1475
- background: #ff4d4f;
1476
- color: #fff;
3612
+ .agri-select-icon-dropdown-group-grid {
3613
+ display: grid;
3614
+ grid-template-columns: repeat(5, 1fr);
3615
+ gap: 6px;
3616
+ margin-bottom: 4px;
1477
3617
  }
1478
- .road-edit-toolbar__button--disabled {
1479
- opacity: 0.5;
1480
- cursor: not-allowed;
3618
+ .agri-select-icon-dropdown-item {
3619
+ display: flex;
3620
+ flex-direction: column;
3621
+ align-items: center;
3622
+ padding: 8px 4px;
3623
+ border-radius: 6px;
3624
+ cursor: pointer;
3625
+ transition: all 0.15s ease;
3626
+ border: 1px solid transparent;
1481
3627
  }
1482
- .road-edit-toolbar__button--active {
1483
- background: #8B4513;
1484
- border-color: #8B4513;
1485
- color: #fff;
3628
+ .agri-select-icon-dropdown-item:hover {
3629
+ background: var(--si-item-hover-bg);
1486
3630
  }
1487
- .road-edit-toolbar__icon {
3631
+ .agri-select-icon-dropdown-item--selected {
3632
+ border-color: var(--si-item-selected-border);
3633
+ background: var(--si-item-selected-bg);
3634
+ }
3635
+ .agri-select-icon-dropdown-item-name {
3636
+ font-size: 11px;
3637
+ margin-top: 4px;
3638
+ color: var(--si-item-name-color);
3639
+ text-align: center;
3640
+ line-height: 1;
3641
+ white-space: nowrap;
3642
+ overflow: hidden;
3643
+ text-overflow: ellipsis;
3644
+ max-width: 100%;
3645
+ }
3646
+ .agri-select-icon-dropdown-item-preview {
1488
3647
  display: inline-flex;
1489
3648
  align-items: center;
1490
3649
  justify-content: center;
1491
- width: 16px;
1492
- height: 16px;
1493
- }
1494
- .road-edit-toolbar__label {
1495
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3650
+ position: relative;
3651
+ background: transparent;
3652
+ padding: 6px;
1496
3653
  }
1497
3654
 
1498
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button-group,
1499
- [data-theme=dark] .road-edit-toolbar__button-group {
1500
- background: #1f1f1f;
1501
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
3655
+ @keyframes agri-select-icon-slide-in {
3656
+ from {
3657
+ opacity: 0;
3658
+ transform: translateY(-4px);
3659
+ }
3660
+ to {
3661
+ opacity: 1;
3662
+ transform: translateY(0);
3663
+ }
1502
3664
  }
1503
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button,
1504
- [data-theme=dark] .road-edit-toolbar__button {
1505
- color: #e0e0e0;
1506
- border-right-color: #333;
3665
+ /**
3666
+ * 天地图图层样式
3667
+ * 使用 SVG 滤镜实现主题色切换
3668
+ */
3669
+ .leaflet-container[data-theme=dark] {
3670
+ background-color: #1a2a3a !important;
1507
3671
  }
1508
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled),
1509
- [data-theme=dark] .road-edit-toolbar__button:hover:not(:disabled) {
1510
- color: #8B4513;
1511
- background: rgba(139, 69, 19, 0.1);
3672
+ .leaflet-container[data-theme=dark] .leaflet-tile-pane,
3673
+ .leaflet-container[data-theme=dark] .leaflet-objects-pane,
3674
+ .leaflet-container[data-theme=dark] .leaflet-overlay-pane,
3675
+ .leaflet-container[data-theme=dark] .leaflet-shadow-pane,
3676
+ .leaflet-container[data-theme=dark] .leaflet-marker-pane,
3677
+ .leaflet-container[data-theme=dark] .leaflet-tooltip-pane,
3678
+ .leaflet-container[data-theme=dark] .leaflet-popup-pane,
3679
+ .leaflet-container[data-theme=dark] .leaflet-map-pane {
3680
+ background-color: transparent;
1512
3681
  }
1513
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button:disabled,
1514
- [data-theme=dark] .road-edit-toolbar__button:disabled {
1515
- color: rgba(255, 255, 255, 0.3);
3682
+ .leaflet-container[data-theme=dark] .leaflet-tile-pane {
3683
+ background-color: #1a2a3a !important;
1516
3684
  }
1517
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary,
1518
- [data-theme=dark] .road-edit-toolbar__button--primary {
1519
- background: #8B4513;
1520
- color: #1a1a1a;
3685
+ .leaflet-container[data-theme=dark] .leaflet-tile-container {
3686
+ background-color: #1a2a3a !important;
1521
3687
  }
1522
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled),
1523
- [data-theme=dark] .road-edit-toolbar__button--primary:hover:not(:disabled) {
1524
- background: #af5718;
3688
+ .leaflet-container[data-theme=dark] .leaflet-layer {
3689
+ background-color: #1a2a3a !important;
1525
3690
  }
1526
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger,
1527
- [data-theme=dark] .road-edit-toolbar__button--danger {
1528
- color: #ff7875;
3691
+ .leaflet-container[data-theme=dark] .leaflet-tile {
3692
+ filter: url("#tianditu-dark-filter");
3693
+ background-color: transparent !important;
3694
+ box-shadow: none !important;
3695
+ outline: none !important;
3696
+ border: none !important;
1529
3697
  }
1530
- .leaflet-container[data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled),
1531
- [data-theme=dark] .road-edit-toolbar__button--danger:hover:not(:disabled) {
1532
- background: #ff4d4f;
1533
- color: #fff;
3698
+ .leaflet-container[data-theme=dark] .leaflet-zoom-animated:not(.leaflet-tooltip) {
3699
+ background-color: transparent !important;
1534
3700
  }
1535
3701
 
1536
- /**
1537
- * 天地图图层样式
1538
- * 使用 SVG 滤镜实现主题色切换
1539
- */
1540
3702
  .leaflet-container.dark-theme {
1541
3703
  background-color: #1a2a3a !important;
1542
3704
  }
@@ -1566,26 +3728,7 @@
1566
3728
  outline: none !important;
1567
3729
  border: none !important;
1568
3730
  }
1569
- .leaflet-container.dark-theme .leaflet-zoom-animated {
1570
- background-color: transparent !important;
1571
- }
1572
-
1573
- .tianditu-tile-pane--dark {
1574
- background-color: #1a2a3a !important;
1575
- }
1576
- .tianditu-tile-pane--dark .leaflet-tile {
1577
- filter: url("#tianditu-dark-filter");
1578
- background-color: transparent !important;
1579
- box-shadow: none !important;
1580
- outline: none !important;
1581
- border: none !important;
1582
- }
1583
-
1584
- .tianditu-tile-container--dark {
1585
- background-color: #1a2a3a !important;
1586
- }
1587
- .tianditu-tile-container--dark .leaflet-tile {
1588
- filter: url("#tianditu-dark-filter");
3731
+ .leaflet-container.dark-theme .leaflet-zoom-animated:not(.leaflet-tooltip) {
1589
3732
  background-color: transparent !important;
1590
3733
  }
1591
3734
 
@@ -1601,4 +3744,186 @@
1601
3744
  .leaflet-control-attribution.leaflet-control a:first-child + span {
1602
3745
  display: none;
1603
3746
  }
3747
+
3748
+ .tianditu-layer-selector {
3749
+ position: absolute;
3750
+ right: 10px;
3751
+ bottom: 30px;
3752
+ z-index: 1000;
3753
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
3754
+ font-size: 12px;
3755
+ user-select: none;
3756
+ }
3757
+
3758
+ .tianditu-layer-selector-btn {
3759
+ display: flex;
3760
+ flex-direction: column;
3761
+ align-items: center;
3762
+ width: 80px;
3763
+ height: 60px;
3764
+ padding: 3px;
3765
+ background: rgba(255, 255, 255, 0.95);
3766
+ border-radius: 6px;
3767
+ border: 2px solid rgba(255, 255, 255, 0.9);
3768
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3769
+ cursor: pointer;
3770
+ overflow: hidden;
3771
+ transition: all 0.2s ease;
3772
+ box-sizing: border-box;
3773
+ }
3774
+ .tianditu-layer-selector-btn:hover {
3775
+ background: #fff;
3776
+ border-color: #fff;
3777
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
3778
+ }
3779
+
3780
+ .tianditu-layer-selector-preview {
3781
+ width: 72px;
3782
+ height: 38px;
3783
+ background-size: cover;
3784
+ background-position: center;
3785
+ border-radius: 3px;
3786
+ border: 1px solid rgba(0, 0, 0, 0.1);
3787
+ }
3788
+ .tianditu-layer-selector-preview[data-type=vector] {
3789
+ background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 30%, #a5d6a7 60%, #81c784 100%);
3790
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 30%, #a5d6a7 60%, #81c784 100%);
3791
+ background-size: 10px 10px, 10px 10px, 100% 100%;
3792
+ }
3793
+ .tianditu-layer-selector-preview[data-type=satellite] {
3794
+ background: linear-gradient(135deg, #1a3a2a 0%, #2d5a3e 30%, #1e4a2e 60%, #0d2a1a 100%);
3795
+ background-image: radial-gradient(circle at 30% 40%, rgba(100, 150, 100, 0.3) 0%, transparent 30%), radial-gradient(circle at 70% 60%, rgba(80, 130, 80, 0.3) 0%, transparent 25%), linear-gradient(135deg, #1a3a2a 0%, #2d5a3e 30%, #1e4a2e 60%, #0d2a1a 100%);
3796
+ }
3797
+ .tianditu-layer-selector-preview[data-type=terrain] {
3798
+ background: linear-gradient(135deg, #d4a574 0%, #c9a066 30%, #b8956a 60%, #a08050 100%);
3799
+ background-image: linear-gradient(45deg, rgba(139, 105, 20, 0.2) 25%, transparent 25%), linear-gradient(-45deg, rgba(139, 105, 20, 0.2) 25%, transparent 25%), linear-gradient(135deg, #d4a574 0%, #c9a066 30%, #b8956a 60%, #a08050 100%);
3800
+ background-size: 20px 20px, 20px 20px, 100% 100%;
3801
+ }
3802
+
3803
+ .tianditu-layer-selector-label {
3804
+ color: #333;
3805
+ font-weight: 500;
3806
+ line-height: 18px;
3807
+ text-align: center;
3808
+ }
3809
+
3810
+ .tianditu-layer-selector-dropdown {
3811
+ position: absolute;
3812
+ bottom: 0;
3813
+ right: 100%;
3814
+ margin-right: 4px;
3815
+ display: flex;
3816
+ gap: 4px;
3817
+ background: rgba(255, 255, 255, 0.98);
3818
+ border-radius: 6px;
3819
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
3820
+ padding: 4px;
3821
+ animation: slideInLeft 0.2s ease;
3822
+ }
3823
+
3824
+ @keyframes slideInLeft {
3825
+ from {
3826
+ opacity: 0;
3827
+ transform: translateX(10px);
3828
+ }
3829
+ to {
3830
+ opacity: 1;
3831
+ transform: translateX(0);
3832
+ }
3833
+ }
3834
+ .tianditu-layer-selector-item {
3835
+ display: flex;
3836
+ flex-direction: column;
3837
+ align-items: center;
3838
+ width: 80px;
3839
+ height: 60px;
3840
+ padding: 3px;
3841
+ border-radius: 4px;
3842
+ cursor: pointer;
3843
+ overflow: hidden;
3844
+ transition: all 0.15s ease;
3845
+ background: #fff;
3846
+ border: 2px solid transparent;
3847
+ box-sizing: border-box;
3848
+ }
3849
+ .tianditu-layer-selector-item:hover {
3850
+ border-color: #1890ff;
3851
+ }
3852
+ .tianditu-layer-selector-item.active {
3853
+ border-color: #1890ff;
3854
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.3);
3855
+ }
3856
+ .tianditu-layer-selector-item .tianditu-layer-selector-preview {
3857
+ width: 72px;
3858
+ height: 38px;
3859
+ }
3860
+ .tianditu-layer-selector-item .tianditu-layer-selector-label {
3861
+ color: #333;
3862
+ font-size: 11px;
3863
+ line-height: 14px;
3864
+ }
3865
+
3866
+ .tianditu-layer-selector-item.active .tianditu-layer-selector-label {
3867
+ color: #1890ff;
3868
+ font-weight: 600;
3869
+ }
3870
+
3871
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn {
3872
+ background: rgba(30, 40, 50, 0.95);
3873
+ border-color: rgba(60, 70, 80, 0.9);
3874
+ }
3875
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn:hover {
3876
+ background: rgba(40, 50, 60, 0.98);
3877
+ border-color: rgba(70, 80, 90, 0.9);
3878
+ }
3879
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-btn .tianditu-layer-selector-preview {
3880
+ border-color: rgba(255, 255, 255, 0.1);
3881
+ }
3882
+
3883
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-label {
3884
+ color: #e0e0e0;
3885
+ }
3886
+
3887
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-dropdown {
3888
+ background: rgba(30, 40, 50, 0.98);
3889
+ }
3890
+
3891
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item {
3892
+ background: rgba(40, 50, 60, 0.8);
3893
+ }
3894
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item:hover {
3895
+ border-color: #40a9ff;
3896
+ }
3897
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item.active {
3898
+ border-color: #40a9ff;
3899
+ box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.3);
3900
+ }
3901
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item .tianditu-layer-selector-preview {
3902
+ border-color: rgba(255, 255, 255, 0.1);
3903
+ }
3904
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item .tianditu-layer-selector-label {
3905
+ color: #e0e0e0;
3906
+ }
3907
+
3908
+ .tianditu-layer-selector[data-theme=dark] .tianditu-layer-selector-item.active .tianditu-layer-selector-label {
3909
+ color: #40a9ff;
3910
+ }
3911
+
3912
+ .tooltip-hover-only .leaflet-tooltip {
3913
+ opacity: 0;
3914
+ pointer-events: none;
3915
+ transition: opacity 0.2s ease;
3916
+ }
3917
+
3918
+ .tooltip-hover-only:hover .leaflet-tooltip,
3919
+ .tooltip-hover-only .leaflet-marker-icon:hover + .leaflet-tooltip,
3920
+ .tooltip-hover-only .leaflet-marker-icon:focus + .leaflet-tooltip {
3921
+ opacity: 1;
3922
+ pointer-events: auto;
3923
+ }
3924
+
3925
+ :not(.tooltip-hover-only) .leaflet-tooltip {
3926
+ opacity: 1;
3927
+ pointer-events: auto;
3928
+ }
1604
3929
  /*# sourceMappingURL=index.css.map */