FFA-UserScripts/FFA-Omnibar.js at master · ffainy/FFA-UserScripts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
// ==UserScript==
// @name         FFA Omnibar
// @version      3.5.7
// @namespace    https://github.com/ffainy/FFA-UserScripts
// @description  Multi-engine floating search bar with suggestions and theming.
// @description:zh-CN  多引擎悬浮搜索栏，支持补全与主题。
// @icon         data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMzZhYTZkIiBkPSJNMTIgMEExMiAxMiAwIDAgMCAwIDEyYTEyIDEyIDAgMCAwIDEyIDEyYTEyIDEyIDAgMCAwIDEyLTEyQTEyIDEyIDAgMCAwIDEyIDBNNi43MTggNS4yODJMMTMuNDM2IDEybC02LjcxOCA2LjcxOGwtMi4wMzYtMi4wMzZMOS4zNjQgMTJMNC42ODIgNy4zMTh6bTcuMiAwTDIwLjYzNiAxMmwtNi43MTggNi43MThsLTIuMDM2LTIuMDM2TDE2LjU2NCAxMmwtNC42ODItNC42ODJ6Ii8+PC9zdmc+
// @author       Farfaraway
// @homepage     https://github.com/ffainy
// @supportURL   https://github.com/ffainy/FFA-UserScripts
// @downloadURL  https://raw.githubusercontent.com/ffainy/FFA-UserScripts/refs/heads/master/FFA-Omnibar.js
// @updateURL    https://raw.githubusercontent.com/ffainy/FFA-UserScripts/refs/heads/master/FFA-Omnibar.js
// @tag          productivity
// @match        *://*/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_xmlhttpRequest
// @connect      suggestqueries.google.com
// @connect      suggestion.baidu.com
// @noframes
// @run-at       document-end
// ==/UserScript==

(function () {
    'use strict';

    let _isInitialized = false;

    const STORAGE_KEY = 'ffa_omnibar_settings';
    const HISTORY_KEY = 'ffa_omnibar_history';
    const HISTORY_MAX = 20;

    const DEFAULT_ENGINES = [
        { name: 'Google',    url: 'https://www.google.com/search?q=%s',                host: 'www.google.com',         enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133c-1.147 1.147-2.933 2.4-6.053 2.4c-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0C5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36c2.16-2.16 2.84-5.213 2.84-7.667c0-.76-.053-1.467-.173-2.053z"/></svg>' },
        { name: 'DuckDuckGo',url: 'https://duckduckgo.com/?q=%s',                      host: 'duckduckgo.com',         enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12s12-5.37 12-12S18.63 0 12 0m0 .984C18.083.984 23.016 5.916 23.016 12S18.084 23.016 12 23.016S.984 18.084.984 12S5.916.984 12 .984m0 .938C6.434 1.922 1.922 6.434 1.922 12c0 4.437 2.867 8.205 6.85 9.55c-.237-.82-.776-2.753-1.6-6.052c-1.184-4.741-2.064-8.606 2.379-9.813c.047-.011.064-.064.03-.093c-.514-.467-1.382-.548-2.233-.38a.06.06 0 0 1-.07-.058c0-.011 0-.023.011-.035c.205-.286.572-.507.822-.64a1.8 1.8 0 0 0-.607-.335c-.059-.022-.059-.12-.006-.144q.008-.01.024-.012c1.749-.233 3.586.292 4.49 1.448a.1.1 0 0 0 .035.023c2.968.635 3.509 4.837 3.328 5.998a9.6 9.6 0 0 0 2.346-.576c.746-.286 1.008-.222 1.101-.053c.1.193-.018.513-.28.81c-.496.567-1.393 1.01-2.974 1.137c-.546.044-1.029.024-1.445.006c-.789-.035-1.339-.059-1.633.39c-.192.298-.041.998 1.487 1.22c1.09.157 2.078.047 2.798-.034c.643-.07 1.073-.118 1.172.069c.21.402-.996 1.207-3.066 1.224q-.238-.002-.467-.011c-1.283-.065-2.227-.414-2.816-.735a.1.1 0 0 1-.035-.017c-.105-.059-.31.045-.188.267c.07.134.444.478 1.004.776c-.058.466.087 1.184.338 2l.088-.016q.063-.015.134-.025c.507-.082.775.012.926.175c.717-.536 1.913-1.294 2.03-1.154c.583.694.66 2.332.53 2.99q-.006.018-.04.035c-.274.117-1.783-.296-1.783-.511c-.059-1.075-.26-1.173-.493-1.225h-.156a.1.1 0 0 1 .018.03l.052.12c.093.257.24 1.063.13 1.26c-.112.199-.835.297-1.284.303c-.443.006-.543-.158-.637-.408c-.07-.204-.103-.675-.103-.95a1 1 0 0 1 .012-.216c-.134.058-.333.193-.397.281c-.017.262-.017.682.123 1.149c.07.221-1.518 1.164-1.74.99c-.227-.181-.634-1.952-.459-2.67c-.187.017-.338.075-.42.191c-.367.508.093 2.933.582 3.248c.257.169 1.54-.553 2.176-1.095c.105.145.305.158.553.158c.326-.012.782-.06 1.103-.158c.192.45.423.972.613 1.388c4.47-1.032 7.803-5.037 7.803-9.82c0-5.566-4.512-10.078-10.078-10.078m1.791 5.646c-.42 0-.678.146-.795.332c-.023.047.047.094.094.07c.14-.075.357-.161.701-.156c.328.006.516.09.67.159l.023.01c.041.017.088-.03.059-.065c-.134-.18-.332-.35-.752-.35m-5.078.198a1.2 1.2 0 0 0-.522.082c-.454.169-.67.526-.67.76c0 .051.112.057.141.011c.081-.123.21-.31.617-.478c.408-.17.73-.146.951-.094c.047.012.083-.041.041-.07a1 1 0 0 0-.558-.211m5.434 1.423a.65.65 0 0 0-.655.647a.652.652 0 0 0 1.307 0a.646.646 0 0 0-.652-.647m.283.262h.008a.17.17 0 0 1 .17.17c0 .093-.077.17-.17.17a.17.17 0 0 1-.17-.17c0-.09.072-.165.162-.17m-5.358.076a.75.75 0 0 0-.758.758c0 .42.338.758.758.758s.758-.337.758-.758a.756.756 0 0 0-.758-.758m.328.303h.01a.199.199 0 1 1 0 .397a.195.195 0 0 1-.197-.198c0-.107.082-.194.187-.199"/></svg>' },
        { name: 'Bing',      url: 'https://www.bing.com/search?q=%s',                  host: 'bing.com',               enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="-4 -2 24 24"><path fill="currentColor" d="M15.973 8.57a.48.48 0 0 0-.317-.434L6.273 5.23c-.175-.054-.255.039-.178.206L7.84 9.269c.077.168.276.367.442.443l2.394 1.096c.166.076.17.209.008.295L.47 16.535c-.161.086-.182.056-.046-.067l3.924-3.534a.86.86 0 0 0 .248-.558L4.6 1.664a.48.48 0 0 0-.318-.435L.355.014C.18-.04.037.067.037.252v16.25c0 .185.122.423.272.529l3.99 2.827c.15.106.4.115.557.02l10.832-6.523a.66.66 0 0 0 .286-.507V8.57z"/></svg>' },
        { name: 'Baidu',     url: 'https://www.baidu.com/s?wd=%s',                     host: 'www.baidu.com',          enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M9.154 0C7.71 0 6.54 1.658 6.54 3.707c0 2.051 1.171 3.71 2.615 3.71c1.446 0 2.614-1.659 2.614-3.71C11.768 1.658 10.6 0 9.154 0m7.025.594C14.86.58 13.347 2.589 13.2 3.927c-.187 1.745.25 3.487 2.179 3.735c1.933.25 3.175-1.806 3.422-3.364c.252-1.555-.995-3.364-2.362-3.674a1.2 1.2 0 0 0-.261-.03zM3.582 5.535a3 3 0 0 0-.156.008c-2.118.19-2.428 3.24-2.428 3.24c-.287 1.41.686 4.425 3.297 3.864c2.617-.561 2.262-3.68 2.183-4.362c-.125-1.018-1.292-2.773-2.896-2.75m16.534 1.753c-2.308 0-2.617 2.119-2.617 3.616c0 1.43.121 3.425 2.988 3.362s2.553-3.238 2.553-3.988c0-.745-.62-2.99-2.924-2.99m-8.264 2.478c-1.424.014-2.708.925-3.323 1.947c-1.118 1.868-2.863 3.05-3.112 3.363c-.25.309-3.61 2.116-2.864 5.42c.746 3.301 3.365 3.237 3.365 3.237s1.93.19 4.171-.31c2.24-.495 4.17.123 4.17.123s5.233 1.748 6.665-1.616c1.43-3.364-.808-5.109-.808-5.109s-2.99-2.306-4.736-4.798c-1.072-1.665-2.348-2.268-3.528-2.257m-2.234 3.84l1.542.024v8.197H7.758c-1.47-.291-2.055-1.292-2.13-1.462c-.072-.173-.488-.976-.268-2.343c.635-2.049 2.447-2.196 2.447-2.196h1.81zm3.964 2.39v3.881c.096.413.612.488.612.488h1.614v-4.343h1.689v5.782h-3.915c-1.517-.39-1.59-1.465-1.59-1.465v-4.317zm-5.458 1.147c-.66.197-.978.708-1.05.928c-.076.22-.247.78-.1 1.269c.294 1.095 1.248 1.144 1.248 1.144h1.37v-3.34z"/></svg>' },
        { name: 'Wikipedia', url: 'https://en.wikipedia.org/w/index.php?search=%s',    host: 'en.wikipedia.org',       enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 4.984h2m3 0h2.5m4 0H17m5 0h-2m-16 0L9.455 19.5L16 4.984"/><path d="M9 4.984L15 19.5l6-14.516"/></g></svg>' },
        { name: 'GitHub',    url: 'https://github.com/search?q=%s',                    host: 'github.com',             enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>' },
        { name: 'X',         url: 'https://x.com/search?q=%s',                         host: 'x.com',                  enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="m17.687 3.063l-4.996 5.711l-4.32-5.711H2.112l7.477 9.776l-7.086 8.099h3.034l5.469-6.25l4.78 6.25h6.102l-7.794-10.304l6.625-7.571zm-1.064 16.06L5.654 4.782h1.803l10.846 14.34z"/></svg>' },
        { name: 'YouTube',   url: 'https://www.youtube.com/results?search_query=%s',   host: 'www.youtube.com',        enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z"/></svg>' },
        { name: 'Bilibili',  url: 'https://search.bilibili.com/all?keyword=%s',        host: 'search.bilibili.com',    enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M17.813 4.653h.854q2.266.08 3.773 1.574Q23.946 7.72 24 9.987v7.36q-.054 2.266-1.56 3.773c-1.506 1.507-2.262 1.524-3.773 1.56H5.333q-2.266-.054-3.773-1.56C.053 19.614.036 18.858 0 17.347v-7.36q.054-2.267 1.56-3.76t3.773-1.574h.774l-1.174-1.12a1.23 1.23 0 0 1-.373-.906q0-.534.373-.907l.027-.027q.4-.373.92-.373t.92.373L9.653 4.44q.107.106.187.213h4.267a.8.8 0 0 1 .16-.213l2.853-2.747q.4-.373.92-.373c.347 0 .662.151.929.4s.391.551.391.907q0 .532-.373.906zM5.333 7.24q-1.12.027-1.88.773q-.76.748-.786 1.894v7.52q.026 1.146.786 1.893t1.88.773h13.334q1.12-.026 1.88-.773t.786-1.893v-7.52q-.026-1.147-.786-1.894t-1.88-.773zM8 11.107q.56 0 .933.373q.375.374.4.96v1.173q-.025.586-.4.96q-.373.375-.933.374c-.56-.001-.684-.125-.933-.374q-.375-.373-.4-.96V12.44q0-.56.386-.947q.387-.386.947-.386m8 0q.56 0 .933.373q.375.374.4.96v1.173q-.025.586-.4.96q-.373.375-.933.374c-.56-.001-.684-.125-.933-.374q-.375-.373-.4-.96V12.44q.025-.586.4-.96q.373-.373.933-.373"/></svg>' },
        { name: 'Steam',     url: 'https://store.steampowered.com/search/?term=%s',    host: 'store.steampowered.com', enabled: true,  icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658a3.4 3.4 0 0 1 1.912-.59q.094.001.188.006l2.861-4.142V8.91a4.53 4.53 0 0 1 4.524-4.524c2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911l.004.159a3.39 3.39 0 0 1-3.39 3.396a3.41 3.41 0 0 1-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0M7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25a2.551 2.551 0 0 0 3.337-3.324a2.547 2.547 0 0 0-3.255-1.413l1.523.63a1.878 1.878 0 0 1-1.445 3.467zm11.415-9.303a3.02 3.02 0 0 0-3.015-3.015a3.015 3.015 0 1 0 3.015 3.015m-5.273-.005a2.264 2.264 0 1 1 4.531 0a2.267 2.267 0 0 1-2.266 2.265a2.264 2.264 0 0 1-2.265-2.265"/></svg>' },
    ];

    const THEMES = {
        minimal: { n: { en: 'Clean Steel',  zh: '极简工业' }, b: '#F4F4F5', a: '#1A1A2E', r: 8,  ir: 6,  ta: 70, pa: 80, glow: 0.6 },
        warm:    { n: { en: 'Warm Sepia',   zh: '午后书屋' }, b: '#F5ECD8', a: '#8B5E3C', r: 20, ir: 10, ta: 65, pa: 75, glow: 0.9 },
        cyber:   { n: { en: 'Neon Noir',    zh: '暗夜霓虹' }, b: '#05050F', a: '#7ECFFF', r: 28, ir: 14, ta: 35, pa: 75, glow: 1.2 },
        forest:  { n: { en: 'Deep Forest',  zh: '宁静森林' }, b: '#080F0A', a: '#4AC878', r: 16, ir: 10, ta: 40, pa: 75, glow: 1.3 },
    };

    const LOCALES = {
        panelTitle:          { en: 'FFA Omnibar',                    zh: 'FFA Omnibar'         },
        cardTheme:           { en: 'Theme',                          zh: '主题'                },
        cardInteraction:     { en: 'Toolbar',                        zh: '搜索条'               },
        cardEngines:         { en: 'Search Engines',                 zh: '搜索引擎'             },
        cardSearch:          { en: 'Search',                         zh: '搜索'                },
        cardLanguage:        { en: 'Language',                       zh: '语言'                },
        cardData:            { en: 'Import & Export',                zh: '导入导出'             },
        labelOffset:         { en: 'Bottom Gap',                     zh: '底部间距'             },
        labelFontSize:       { en: 'Font Size',                      zh: '字体大小'             },
        labelPanelRadius:    { en: 'Panel Radius',                   zh: '面板圆角'             },
        labelWidgetRadius:   { en: 'Corner Radius',                  zh: '元素圆角'             },
        labelToolbarAlpha:   { en: 'Toolbar Opacity',                zh: '搜索条透明度'          },
        labelPanelAlpha:     { en: 'Panel Opacity',                  zh: '面板透明度'            },
        labelToolbarBlur:    { en: 'Toolbar Blur',                   zh: '搜索条模糊'            },
        labelPanelBlur:      { en: 'Panel Blur',                     zh: '面板模糊'              },
        labelBgColor:        { en: 'Background',                     zh: '背景颜色'             },
        labelAccentColor:    { en: 'Accent',                         zh: '强调颜色'             },
        labelMiniMode:       { en: 'Mini Mode',                      zh: '迷你模式'             },
        hintMiniMode:        { en: 'Collapse to a small icon when idle', zh: '空闲时收起为小图标' },
        labelNewTabInput:         { en: 'Input Search: New Tab',            zh: '输入搜索：新标签页'         },
        hintNewTabInput:          { en: 'Includes Enter, Search button, Suggestions, and History.', zh: '包含回车、搜索按钮、建议词和历史记录。' },
        labelNewTabEngineSwitch:  { en: 'Engine Switch Search: New Tab',    zh: '切换引擎搜索：新标签页'     },
        hintNewTabEngineSwitch:   { en: 'When query exists, switching engine opens results in a new tab.', zh: '输入框有关键词时，切换引擎将在新标签页打开结果。' },
        labelFont:           { en: 'Font Family',                    zh: '字体族'               },
        labelFontHint:       { en: 'e.g. "Microsoft Yahei"',         zh: '例如 "Microsoft Yahei"' },
        btnAddEngine:        { en: 'Add Engine',                     zh: '添加引擎'             },
        btnApply:            { en: 'Apply & Reload',                 zh: '应用并刷新'            },
        btnReset:            { en: 'Reset',                          zh: '恢复默认'             },
        btnExport:           { en: 'Export',                         zh: '导出'                },
        btnImport:           { en: 'Import',                         zh: '导入'                },
        importFail:          { en: 'Invalid settings file.',         zh: '文件格式无效。'        },
        subPanelTitle:       { en: 'Edit Engine',                    zh: '编辑引擎'             },
        subPanelTitleAdd:    { en: 'Add Engine',                     zh: '添加引擎'             },
        labelName:           { en: 'Name',                           zh: '名称'                },
        labelUrl:            { en: 'Search URL',                     zh: '搜索网址'             },
        labelHost:           { en: 'Hostname',                       zh: '主机名'              },
        labelIcon:           { en: 'Icon (optional)',                zh: '图标（可选）'          },
        labelIconPreview:    { en: 'Preview',                        zh: '预览'                },
        btnConfirm:          { en: 'Confirm',                        zh: '确认'                },
        btnCancel:           { en: 'Cancel',                         zh: '取消'                },
        btnRemoveHistory:    { en: 'Remove',                         zh: '删除'                },
        btnCustomColor:      { en: 'Custom',                         zh: '自定义'               },
        btnCopied:           { en: '✓ Copied',                       zh: '✓ 已复制'             },
        confirmReset:        { en: 'Reset to factory defaults?',     zh: '确定恢复出厂设置？'    },
        confirmDeleteEngine: { en: 'Delete this engine?',            zh: '确定删除该引擎？'      },
        labelRecent:         { en: 'Recent',                         zh: '最近搜索'             },
        labelSuggestions:    { en: 'Suggestions',                    zh: '搜索建议'             },
        hintNameDesc:        { en: 'Shown on the toolbar button. Keep it short.', zh: '显示在工具栏按钮上的名称，建议简短。' },
        hintNameEx:          { en: 'Google',                         zh: 'Google'              },
        hintUrlDesc:         { en: 'Search URL template. Use %s as the query placeholder.', zh: '搜索链接模板，用 %s 代表搜索词。' },
        hintUrlEx:           { en: 'https://www.google.com/search?q=%s', zh: 'https://www.google.com/search?q=%s' },
        hintHostDesc:        { en: 'Domain of the results page. Used to highlight the active engine.', zh: '搜索结果页的域名，用于识别当前页面并高亮对应按钮。' },
        hintHostEx:          { en: 'www.google.com',                 zh: 'www.google.com'      },
        hintHostTip:         { en: 'Tip: extract the domain from your Search URL.', zh: '提示：从搜索网址中截取域名部分即可。' },
        hintIconDesc:        { en: "Paste a base64 data URI. Leave blank to use the engine's initial.", zh: '粘贴 base64 data URI。留空则自动使用首字母作为图标。' },
        hintIconFmt1:        { en: 'Format — Base64 data URI:',      zh: '格式 — Base64 data URI：' },
        hintIconEx1:         { en: 'data:image/svg+xml;base64,PHN2Zy4uLg==', zh: 'data:image/svg+xml;base64,PHN2Zy4uLg==' },
        hintIconErr:         { en: 'Invalid format. Must start with data:image/', zh: '格式错误，必须以 data:image/ 开头。' },
        labelSuggestionsToggle:  { en: 'Search Suggestions',                      zh: '搜索建议'                       },
        hintSuggestionsToggle:   { en: 'Fetch real-time suggestions while typing', zh: '输入时从搜索引擎拉取实时补全建议' },
        labelHistoryToggle:      { en: 'Search History',                           zh: '搜索历史记录'                   },
        hintHistoryToggle:       { en: 'Save recent searches for quick access',    zh: '保存搜索词并在下次输入时快速回调' },
        cardBlacklist:       { en: 'Blocklist',                                   zh: '黑名单'                           },
        labelBlacklistHint:  { en: 'Omnibar is hidden on exact matching domains. Add each domain separately — <code>example.com</code> and <code>www.example.com</code> are treated as different entries.', zh: '以下域名上不显示搜索栏，精确匹配。<code>example.com</code> 和 <code>www.example.com</code> 视为不同条目，需分别添加。' },
        labelBlacklistInput: { en: 'e.g. google.com',                             zh: '例如 google.com'                  },
        btnAddDomain:        { en: 'Add',                                         zh: '添加'                             },
        btnAddCurrent:       { en: '+ Add current site',                          zh: '+ 添加当前网站'                   },
        blacklistEmpty:      { en: 'No sites blocked.',                           zh: '暂无屏蔽站点。'                   },
        blacklistDuplicate:  { en: 'Already in blocklist.',                       zh: '该域名已在黑名单中。'              },
        tabGeneral:          { en: 'General',                                     zh: '通用'                             },
        tabAppearance:       { en: 'Appearance',                                  zh: '外观'                             },
        tabEngines:          { en: 'Engines',                                     zh: '引擎'                             },
        tabBlocklist:        { en: 'Blocklist',                                   zh: '黑名单'                           },
        tabAbout:            { en: 'About',                                       zh: '关于'                             },
        cardAbout:           { en: 'About FFA Omnibar',                           zh: '关于 FFA Omnibar'                 },
        labelAuthor:         { en: 'Author',                                      zh: '作者'                             },
        labelWebsite:        { en: 'Website',                                     zh: '网站'                             },
        labelVersion:        { en: 'Version',                                     zh: '版本'                             },
        labelDescription:    { en: 'Description',                                 zh: '描述'                             },
        labelGlow:           { en: 'Glow Intensity',                 zh: '光晕强度'             },
        cardColors:          { en: 'Colors & Font',                               zh: '颜色与字体'                        },
        cardLayout:          { en: 'Size & Style',                                zh: '尺寸与风格'                        },
        cardOpacity:         { en: 'Opacity & Blur',                              zh: '透明度与模糊'                      },
    };

    const DEFAULT_SETTINGS = {
        bt: 30,           // 搜索条距页面底部的距离 (px)
        fs: 14,           // 基准字号 (px)，所有 UI 字号均基于此缩放
        ta: 50,           // 搜索条背景透明度 (%)
        pa: 75,           // 设置面板背景透明度 (%)
        tb: 10,           // 搜索条背景模糊半径 (px)
        pb: 10,           // 设置面板背景模糊半径 (px)
        mm: true,         // 迷你模式：空闲时收起为小图标
        lang: 'en',       // 界面语言：'en' | 'zh'
        font: '',         // 自定义字体族（CSS font-family 字符串）
        searchBehavior: {
            openInNewTabInput: true,         // 输入框/回车/放大镜/建议/历史触发时是否新标签页打开
            openInNewTabEngineSwitch: true,  // 已有关键词后点击其他引擎按钮时是否新标签页打开
            suggestions: true,   // 是否启用关键字预测
            history: true,       // 是否启用历史关键字记录
        },
        bl: [],                 // 黑名单：在这些精确域名上隐藏搜索栏
        en: DEFAULT_ENGINES,    // 搜索引擎列表
        ...THEMES.cyber,        // 默认主题，首次安装时会根据系统深色偏好自动切换
    };

    let _activeTab = 'general'; // 当前激活的设置 tab，内存状态不持久化

    const EventBus = {
        _h: new Map(),
        on(e, fn) {
            if (!this._h.has(e)) this._h.set(e, new Set());
            this._h.get(e).add(fn);
            return () => this._h.get(e)?.delete(fn);
        },
        emit(e, d) {
            this._h.get(e)?.forEach(fn => { try { fn(d); } catch(err) { console.error('[FFA]',e,err); } });
        },
    };

    const SecurityUtils = {
        escapeHtml(str) {
            return String(str??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[c]));
        },

        validateIcon(raw) {
            if (!raw?.trim()) return { valid: true, type: 'default', value: '' };
            const trimmed = raw.trim();
            if (trimmed.startsWith('data:image/')) {
                return { valid: true, type: 'base64', value: trimmed };
            }
            return { valid: false, reason: 'unknown_format' };
        },
    };

    function hexToRgba(hex, alpha) {
        const [r,g,b] = [1,3,5].map(i => parseInt(hex.slice(i,i+2),16)||0);
        return `rgba(${r},${g},${b},${alpha})`;
    }

    function contrastColor(hex) {
        const [r,g,b] = [1,3,5].map(i => parseInt(hex.slice(i,i+2),16)||0);
        return (r*299+g*587+b*114)/1000 >= 150 ? '#000' : '#fff';
    }

    // WCAG 相对亮度（线性化）
    function _wcagLuminance(hex) {
        return [1,3,5].map(i => {
            const c = (parseInt(hex.slice(i,i+2),16)||0) / 255;
            return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
        }).reduce((sum, c, i) => sum + c * [0.2126, 0.7152, 0.0722][i], 0);
    }

    // WCAG 对比度比值（始终 >= 1）
    function _contrastRatio(hexA, hexB) {
        const [la, lb] = [_wcagLuminance(hexA), _wcagLuminance(hexB)].sort((a,b) => b - a);
        return (la + 0.05) / (lb + 0.05);
    }

    // 将 hex 颜色的亮度向 target（0=暗 或 1=亮）方向推移 step 步，返回新 hex
    function _shiftLightness(hex, towardLight, steps = 1) {
        let [r,g,b] = [1,3,5].map(i => parseInt(hex.slice(i,i+2),16)||0);
        const delta = towardLight ? steps * 15 : -steps * 15;
        const clamp = v => Math.max(0, Math.min(255, Math.round(v)));
        [r,g,b] = [r+delta, g+delta, b+delta].map(clamp);
        return '#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('');
    }

    // 确保 accent 在 bg 背景上对比度 >= minRatio，不足时向远离背景的方向推移亮度
    // 最多尝试 10 步（每步 +/-15 亮度），超出则返回最佳结果
    function ensureReadableAccent(accentHex, bgHex, minRatio = 3.0) {
        if (_contrastRatio(accentHex, bgHex) >= minRatio) return accentHex;
        const bgLum = _wcagLuminance(bgHex);
        const towardLight = bgLum < 0.18; // 深色背景 → accent 往亮推；浅色背景 → 往暗推
        let best = accentHex;
        let bestRatio = _contrastRatio(accentHex, bgHex);
        for (let i = 1; i <= 10; i++) {
            const candidate = _shiftLightness(accentHex, towardLight, i);
            const ratio = _contrastRatio(candidate, bgHex);
            if (ratio > bestRatio) { best = candidate; bestRatio = ratio; }
            if (ratio >= minRatio) return candidate;
        }
        return best;
    }

    // 检测页面背景是深色还是浅色，用于 suggest item 文字色判断
    // 遍历 body / documentElement，取第一个非透明背景色；全透明时默认浅色（白页）
    function detectPageBgIsDark() {
        const parseRgba = (str) => {
            const m = str.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
            if (!m) return null;
            return { r: +m[1], g: +m[2], b: +m[3], a: m[4] !== undefined ? +m[4] : 1 };
        };
        const targets = [document.body, document.documentElement];
        for (const el of targets) {
            if (!el) continue;
            const bg = getComputedStyle(el).backgroundColor;
            const c = parseRgba(bg);
            if (!c || c.a < 0.05) continue; // 透明或极低不透明度，跳过
            const luma = (c.r * 299 + c.g * 587 + c.b * 114) / 1000;
            return luma < 128;
        }
        return false; // 默认：浅色背景
    }

    // 缓存检测结果，避免每次 StyleEngine.update() 都重新查询 DOM
    let _pageBgIsDark = false;
    const refreshPageBgDetection = () => { _pageBgIsDark = detectPageBgIsDark(); };

    const escAttr = str => String(str ?? '').replace(/"/g, '&quot;');

    function debounce(fn, delay=16) {
        let t; return (...a) => { clearTimeout(t); t = setTimeout(()=>fn(...a),delay); };
    }

    const DEFAULT_ICON_URI = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMS43MSAwQzguMjQgMy45IDYuOTIgNiA2LjY0IDkuMTRjLS4wMS0uMDEtLjAzLS4wMS0uMDQtLjAyYy0xLjI4LS43My0yLjMtMi4yMi0yLjkxLTMuNzNsLTIuMjMuODdjMS42NCA0Ljk1IDIuODEgNy4xMyA1LjM5IDguOTRjLS4wMi4wMS0uMDMuMDItLjA1LjAzYy0xLjI3Ljc0LTMuMDcuODktNC42OC42NmwtLjM2IDIuMzdjNS4xMSAxLjA2IDcuNTkgMS4xNSAxMC40Ni0uMTl2LjA2YzAgMS40Ny0uNzcgMy4wOS0xLjc4IDQuMzhMMTIuMyAyNGMzLjQ2LTMuODkgNC43OC01Ljk5IDUuMDYtOS4xM2MuMDIuMDEuMDMuMDEuMDUuMDJjMS4yNy43MyAyLjI5IDIuMjEgMi45IDMuNzNsMi4yMy0uODdjLTEuNjQtNC45NS0yLjgtNy4xNC01LjM5LTguOTVjLjAyLS4wMS4wMy0uMDIuMDUtLjAzYzEuMjctLjc0IDMuMDctLjg4IDQuNjgtLjY1bC4zNi0yLjM4Yy01LjEtMS4wNi03LjU4LTEuMTQtMTAuNDQuMTl2LS4wNmMwLTEuNDcuNzctMy4wOSAxLjc4LTQuMzh6bS4xOSA4LjgyYTMuMTggMy4xOCAwIDAgMSAzLjI4IDMuMDdhMy4xOCAzLjE4IDAgMCAxLTMuMDcgMy4yOGEzLjE4IDMuMTggMCAwIDEtMy4yOC0zLjA3YTMuMTggMy4xOCAwIDAgMSAzLjA3LTMuMjgiLz48L3N2Zz4=';

    function decodeBase64Icon(dataUri, size = 16) {
        const img = document.createElement('img');
        img.src = dataUri;
        img.style.cssText = `width:${size}px;height:${size}px`;
        img.draggable = false;
        return img;
    }

    function renderIconElement(iconValue, size = 16) {
        if (!iconValue) {
            return decodeBase64Icon(DEFAULT_ICON_URI, size);
        }
        if (iconValue.startsWith('<svg')) {
            const wrap = document.createElement('span');
            wrap.innerHTML = iconValue;
            const svg = wrap.querySelector('svg');
            if (svg) {
                svg.style.width = size + 'px';
                svg.style.height = size + 'px';
                return svg;
            }
        }
        return decodeBase64Icon(iconValue, size);
    }

    function t(key) {
        const entry = LOCALES[key];
        if (!entry) return key;
        const lang = SettingsManager.current?.lang ?? 'en';
        return entry[lang] ?? entry.en;
    }

    function extractPageQuery() {
        const p = new URLSearchParams(location.search);
        return p.get('q') || p.get('wd') || p.get('keyword') || p.get('search') || '';
    }

    function matchCurrentPageToEngine() {
        const currentHost = window.location.host;
        const enabled = SettingsManager.current?.en?.filter(e => e.enabled) ?? [];
        return enabled.find(e => e.host === currentHost)
            || enabled.find(e => currentHost.endsWith('.' + e.host))
            || null;
    }

    function performSearch(engineUrl, query, source = 'input') {
        const term = query?.trim();
        if (!engineUrl || !term) return;
        const url = engineUrl.replace('%s', encodeURIComponent(term));
        if (SettingsManager.current?.searchBehavior?.history) {
            HistoryModule.push(term);
        }
        const behavior = SettingsManager.current?.searchBehavior ?? {};
        const openInNewTab = source === 'engine-switch'
            ? (behavior.openInNewTabEngineSwitch ?? true)
            : (behavior.openInNewTabInput ?? true);
        openInNewTab
            ? window.open(url, '_blank') : (location.href = url);
    }

    const BUILTIN_HOSTS = new Set(DEFAULT_ENGINES.map(e => e.host));

    function updateIconPreview(raw, el) {
        if (!el) return;
        if (!raw?.trim()) {
            el.innerHTML = '<span style="font-size:var(--ffa-font-size-xs);opacity:0.4">—</span>';
            return;
        }
        const result = SecurityUtils.validateIcon(raw);
        if (!result.valid) {
            el.innerHTML = '<span style="font-size:var(--ffa-font-size-md)">✕</span>';
            return;
        }
        el.innerHTML = '';
        el.appendChild(decodeBase64Icon(result.value, 24));
    }

    // ─── CSS 变量构建：将设置对象转换为 Shadow DOM 内的 CSS 自定义属性 ────────────
    function buildCSSVariables(s) {
        const textColor  = contrastColor(s.b);
        const isDark     = textColor === '#fff';
        const accentReadable = ensureReadableAccent(s.a, s.b);
        const glow       = s.glow ?? 1.0;
        const shadowColor = hexToRgba(s.a, isDark ? 0.4 * glow : 0.3 * glow);
        const shadowSpec  = `0 ${isDark ? 20 : 15}px ${Math.round((isDark ? 80 : 60) * glow)}px ${shadowColor}`;
        const saturation  = isDark ? `${Math.round(180 + 30 * glow)}%` : `${Math.round(160 + 20 * glow)}%`;
        const dimText     = isDark ? 'rgba(255,255,255,0.65)' : 'rgba(0,0,0,0.78)';
        const borderColor = isDark ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.12)';
        const innerBg     = isDark ? hexToRgba(s.a, 0.08) : hexToRgba(s.a, 0.06);
        const innerBg2    = isDark ? hexToRgba(s.a, 0.1) : hexToRgba(s.a, 0.06);
        const nagAlpha    = isDark ? 0.35 * glow : 0.18 * glow;
        const _fontNames  = s.font?.trim()
            ? s.font.split(',').map(f => f.trim().replace(/^["']+|["']+$/g, '').trim()).filter(Boolean)
            : [];
        const fontStack   = _fontNames.length
            ? _fontNames.map(f => `"${f}"`).join(',') + ','
            : '';

        return `:host,:root{` +
            // ── 间距 & 尺寸 ──
            `--ffa-offset-bottom:${s.bt}px;` +
            `--ffa-radius-panel:${s.r}px;` +
            `--ffa-radius-widget:${s.ir}px;` +
            `--ffa-font-size-base:${s.fs}px;` +
            `--ffa-font-size-xs:${Math.max(s.fs - 2, 10)}px;` +
            `--ffa-font-size-sm:${Math.max(s.fs - 1, 10)}px;` +
            `--ffa-font-size-md:${s.fs + 2}px;` +
            `--ffa-font-size-lg:${s.fs + 6}px;` +
            `--ffa-font-weight-normal:400;` +
            `--ffa-font-weight-semibold:600;` +
            `--ffa-font-weight-bold:800;` +
            // ── 背景色 ──
            `--ffa-bg-panel:${hexToRgba(s.b, s.pa / 100)};` +
            `--ffa-bg-panel-deep:${hexToRgba(s.b, s.pa / 100)};` +
            `--ffa-bg-toolbar:${hexToRgba(s.b, s.ta / 100)};` +
            `--ffa-bg-inner:${innerBg};` +
            `--ffa-bg-inner-strong:${innerBg2};` +
            // ── 颜色：强调 & 边框 ──
            `--ffa-accent:${s.a};` +
            `--ffa-accent-readable:${accentReadable};` +
            `--ffa-accent-rgb:${[1,3,5].map(i=>parseInt(s.a.slice(i,i+2),16)||0).join(',')};` +
            `--ffa-accent-glow:${hexToRgba(s.a, nagAlpha)};` +
            `--ffa-accent-hover-glow:${hexToRgba(s.a, isDark ? 0.45 * glow : 0.22 * glow)};` +
            `--ffa-border:${borderColor};` +
            // ── 颜色：文字 ──
            `--ffa-text-primary:${textColor};` +
            `--ffa-text-primary-rgb:${textColor==='#fff'?'255,255,255':'0,0,0'};` +
            `--ffa-text-secondary:${dimText};` +
            `--ffa-text-on-accent:${contrastColor(s.a)};` +
            // ── 文字光晕 ──
            `--ffa-glow-accent-xs:0 0 4px ${hexToRgba(s.a, 0.4)};` +
            `--ffa-glow-accent-sm:0 0 6px ${hexToRgba(s.a, 0.55)};` +
            `--ffa-glow-accent-md:0 0 8px ${hexToRgba(s.a, 0.7)},0 0 20px ${hexToRgba(s.a, 0.35)};` +
            `--ffa-glow-accent-lg:0 0 10px ${hexToRgba(s.a, 0.9)},0 0 25px ${hexToRgba(s.a, 0.55)},0 0 50px ${hexToRgba(s.a, 0.25)};` +
            `--ffa-glow-on-accent:0 0 5px ${hexToRgba(contrastColor(s.a) === '#fff' ? '#ffffff' : '#000000', 0.3)};` +
            `--ffa-glow-text:0 0 4px ${isDark ? 'rgba(255,255,255,0.18)' : 'rgba(0,0,0,0.12)'};` +
            `--ffa-glow-danger:0 0 5px rgba(255,71,87,0.45);` +
            // ── 效果 ──
            `--ffa-font-stack:${fontStack}system-ui,sans-serif;` +
            `--ffa-easing:cubic-bezier(0.23,1,0.32,1);` +
            `--ffa-shadow:${shadowSpec};` +
            `--ffa-backdrop-toolbar:blur(${s.tb}px) saturate(${saturation});` +
            `--ffa-backdrop-panel:blur(${s.pb}px) saturate(${saturation});` +
            `--ffa-suggest-text:${_pageBgIsDark ? '#fff' : '#000'};` +
            `--ffa-suggest-text-secondary:${_pageBgIsDark ? 'rgba(255,255,255,0.65)' : 'rgba(0,0,0,0.65)'};` +
            `}` +
            `:host *{font-family:${fontStack}system-ui,sans-serif}`;
    }

    const SettingsManager = {
        _s: null,

        get current() { return this._s; },

        _mergeEngines(saved) {
            const builtinHosts = new Set(DEFAULT_ENGINES.map(e => e.host));
            const merged = DEFAULT_ENGINES.map(def => {
                const s = saved.en?.find(e => e.host === def.host);
                return s ? { ...def, ...s } : { ...def };
            });
            const custom = saved.en?.filter(e => !builtinHosts.has(e.host)) ?? [];
            return [...merged, ...custom];
        },

        load() {
            const saved = GM_getValue(STORAGE_KEY, {});
            const isFirstRun = Object.keys(saved).length === 0;
            this._s = { ...DEFAULT_SETTINGS, ...saved };
            this._s.en = this._mergeEngines(saved);
            if (!Array.isArray(this._s.bl)) this._s.bl = [];
            if (!this._s.searchBehavior || typeof this._s.searchBehavior !== 'object') {
                this._s.searchBehavior = { ...DEFAULT_SETTINGS.searchBehavior };
            }
            this._s.searchBehavior = { ...DEFAULT_SETTINGS.searchBehavior, ...this._s.searchBehavior };
            if ('openInNewTab' in this._s.searchBehavior) {
                const oldVal = !!this._s.searchBehavior.openInNewTab;
                if (!('openInNewTabInput' in this._s.searchBehavior)) this._s.searchBehavior.openInNewTabInput = oldVal;
                if (!('openInNewTabEngineSwitch' in this._s.searchBehavior)) this._s.searchBehavior.openInNewTabEngineSwitch = oldVal;
                delete this._s.searchBehavior.openInNewTab;
            }
            // 首次安装：根据系统色彩偏好自动选择主题
            if (isFirstRun) {
                const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)').matches ?? false;
                const autoTheme = prefersDark ? THEMES.cyber : THEMES.minimal;
                Object.assign(this._s, autoTheme);
                this.save();
            }
            return this._s;
        },

        save() { GM_setValue(STORAGE_KEY, this._s); },

        update(patch) {
            Object.assign(this._s, patch);
            this.save();
            EventBus.emit('settings:changed', patch);
        },

        reset() {
            this._s = { ...DEFAULT_SETTINGS, en: DEFAULT_ENGINES.map(e => ({ ...e })) };
            this.save();
            EventBus.emit('settings:reset');
        },

        addEngine(eng) {
            this._s.en.push(eng);
            this.save();
            EventBus.emit('settings:engines:changed');
        },

        updateEngine(ref, patch) {
            Object.assign(ref, patch);
            if (patch.icon === undefined) delete ref.icon;
            this.save();
            EventBus.emit('settings:engines:changed');
        },

        removeEngine(ref) {
            this._s.en = this._s.en.filter(e => e !== ref);
            this.save();
            EventBus.emit('settings:engines:changed');
        },

        reorderEngines(newOrder) {
            if (newOrder.length !== this._s.en.length) return false;
            this._s.en = newOrder;
            this.save();
            EventBus.emit('settings:engines:changed');
            return true;
        },

        addToBlacklist(domain) {
            const d = domain.trim().toLowerCase().replace(/^https?:\/\//, '').split('/')[0];
            if (!d) return false;
            if (this._s.bl.includes(d)) return 'duplicate';
            this._s.bl.push(d);
            this.save();
            return true;
        },

        removeFromBlacklist(domain) {
            if (!this._s.bl) return;
            this._s.bl = this._s.bl.filter(d => d !== domain);
            this.save();
        },

        exportJSON() { return JSON.stringify(this._s, null, 2); },

        importJSON(jsonStr) {
            try {
                const saved = JSON.parse(jsonStr);
                if (!saved || typeof saved !== 'object') throw 0;
                this._s = { ...DEFAULT_SETTINGS, ...saved };
                this._s.en = this._mergeEngines(saved);
                if (!Array.isArray(this._s.bl)) this._s.bl = [];
                if (!this._s.searchBehavior || typeof this._s.searchBehavior !== 'object') {
                    this._s.searchBehavior = { ...DEFAULT_SETTINGS.searchBehavior };
                }
                this._s.searchBehavior = { ...DEFAULT_SETTINGS.searchBehavior, ...this._s.searchBehavior };
                if ('openInNewTab' in this._s.searchBehavior) {
                    const oldVal = !!this._s.searchBehavior.openInNewTab;
                    if (!('openInNewTabInput' in this._s.searchBehavior)) this._s.searchBehavior.openInNewTabInput = oldVal;
                    if (!('openInNewTabEngineSwitch' in this._s.searchBehavior)) this._s.searchBehavior.openInNewTabEngineSwitch = oldVal;
                    delete this._s.searchBehavior.openInNewTab;
                }
                this.save();
                EventBus.emit('settings:reset');
                return true;
            } catch { return false; }
        },
    };

    const AppRoot = {
        host: null,
        root: null,
        styleEl: null,
        mount: null,

        init() {
            if (this.root) return this.root;

            this.host = document.getElementById('ffa-omnibar-host');
            if (!this.host) {
                this.host = document.createElement('div');
                this.host.id = 'ffa-omnibar-host';
                document.documentElement.appendChild(this.host);
            }

            this.root = this.host.shadowRoot || this.host.attachShadow({ mode: 'open' });
            this.styleEl = this.root.querySelector('#ffa-shadow-style');
            if (!this.styleEl) {
                this.styleEl = document.createElement('style');
                this.styleEl.id = 'ffa-shadow-style';
                this.root.appendChild(this.styleEl);
            }

            this.mount = this.root.querySelector('.ffa-app-root');
            if (!this.mount) {
                this.mount = document.createElement('div');
                this.mount.className = 'ffa-app-root';
                this.root.appendChild(this.mount);
            }

            return this.root;
        },

        isMounted() {
            return this.host?.dataset.ffaMounted === 'true';
        },

        markMounted(flag) {
            if (this.host) this.host.dataset.ffaMounted = flag ? 'true' : 'false';
        },

        resetMount() {
            if (this.mount) this.mount.replaceChildren();
            this.markMounted(false);
        },

        destroy() {
            this.resetMount();
            if (this.host?.isConnected) this.host.remove();
            this.host = null;
            this.root = null;
            this.styleEl = null;
            this.mount = null;
        },

        updateStyles(extraCss = '') {
            if (this.styleEl) this.styleEl.textContent = buildCSSVariables(SettingsManager.current) + APP_CSS + extraCss;
        },
    };

    const StyleEngine = {
        init() {
            AppRoot.init();
            refreshPageBgDetection();
            this.update();
        },
        update(extraCss = TOOLBAR_CSS) {
            refreshPageBgDetection();
            AppRoot.updateStyles(extraCss);
        },
    };

    // ─── APP_CSS：面板、卡片、按钮、开关等 UI 组件样式 ───────────────────────────
    const APP_CSS = [
        `:host{all:initial}`,
        `:host,:host *,:host *::before,:host *::after{box-sizing:border-box}`,
        `.ffa-app-root{position:fixed;inset:0;z-index:2147483640;pointer-events:none;font-family:var(--ffa-font-stack);line-height:1.4;color:var(--ffa-text-primary);text-size-adjust:none;-webkit-font-smoothing:antialiased}`,
        `.ffa-app-root *{box-sizing:border-box}`,
        `.ffa-overlay,.ffa-panel-shell,.ffa-mini-icon,.ffa-mini-hitarea,.ffa-suggest,.ffa-toolbar,.ffa-toolbar__input,.ffa-toolbar__search-btn,.ffa-toolbar__search-input,.ffa-toolbar__engine-btn,.ffa-toolbar__settings-btn{pointer-events:auto}`,

        // ── 遮罩层 ──
        `.ffa-overlay{position:fixed;inset:0;background:var(--ffa-bg-inner-strong);backdrop-filter:blur(8px);z-index:2147483640;visibility:hidden;opacity:0;pointer-events:none;transition:0.5s}`,
        `.ffa-overlay--visible{visibility:visible;opacity:1;pointer-events:auto}`,

        // ── 面板全局字体继承 ──
        `.ffa-panel *{font-family:var(--ffa-font-stack);color:inherit;box-sizing:border-box}`,
        `.ffa-panel a,.ffa-panel a:visited,.ffa-panel a:hover{color:inherit;text-decoration:none}`,
        // hint/tip 类小文字不加光晕
        `.ffa-field__hint,.ffa-field__tip,.ffa-field__hint code,.ffa-field__example{text-shadow:none}`,

        // ── 面板滚动区 ──
        `.ffa-panel__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 28px}`,
        `.ffa-panel__scroll::-webkit-scrollbar{width:4px}`,
        `.ffa-panel__scroll::-webkit-scrollbar-track{background:transparent}`,
        `.ffa-panel__scroll::-webkit-scrollbar-thumb{background:var(--ffa-accent-glow);border-radius:10px;transition:background 0.2s}`,
        `.ffa-panel__scroll::-webkit-scrollbar-thumb:hover{background:var(--ffa-accent)}`,
        `.ffa-panel__scroll{scrollbar-width:thin;scrollbar-color:var(--ffa-accent-glow) transparent}`,

        // ── 引擎行 ──
        `.ffa-engine-row__host{font-size:var(--ffa-font-size-xs);color:var(--ffa-text-secondary)}`,
        `.ffa-engine-row{display:flex;align-items:center;gap:12px;padding:10px 13px;background:rgba(255,255,255,0.025);border-radius:var(--ffa-radius-widget);border:1px solid var(--ffa-border);margin-bottom:10px;cursor:grab;transition:background 0.25s var(--ffa-easing),border-color 0.25s var(--ffa-easing),transform 0.35s var(--ffa-easing),box-shadow 0.35s var(--ffa-easing),opacity 0.25s;position:relative}`,
        `.ffa-engine-row:hover{background:rgba(var(--ffa-accent-rgb),0.05);border-color:rgba(var(--ffa-accent-rgb),0.28);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.15),0 0 0 1px rgba(var(--ffa-accent-rgb),0.12),0 0 20px var(--ffa-accent-hover-glow)}`,
        // 拖动中：原地半透明作为空位占位，不旋转不缩放
        `.ffa-engine-row--dragging{opacity:0.3;background:var(--ffa-bg-inner);border-color:rgba(var(--ffa-accent-rgb),0.15);cursor:grabbing;transform:none;box-shadow:none;transition:opacity 0.15s,background 0.15s,border-color 0.15s}`,
        // 放置目标：脉冲边框提示插入位置
        `@keyframes ffa-drop-pulse{0%,100%{border-color:rgba(var(--ffa-accent-rgb),0.25)}50%{border-color:rgba(var(--ffa-accent-rgb),0.65)}}`,
        `.ffa-engine-row--drop-target{background:rgba(var(--ffa-accent-rgb),0.04);border-color:rgba(var(--ffa-accent-rgb),0.4);animation:ffa-drop-pulse 1s ease-in-out infinite}`,
        `.ffa-engine-list.ffa-engine-list--drag-active{border-radius:var(--ffa-radius-widget)}`,

        // ── 开关 ──
        `.ffa-switch{width:40px;height:22px;border-radius:22px;background:rgba(255,255,255,0.08);border:1px solid var(--ffa-border);position:relative;cursor:pointer;transition:background 0.35s var(--ffa-easing),border-color 0.35s var(--ffa-easing),box-shadow 0.35s var(--ffa-easing);flex-shrink:0}`,
        `.ffa-switch::after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:var(--ffa-text-secondary);border-radius:50%;transition:left 0.35s var(--ffa-easing),background 0.35s var(--ffa-easing),box-shadow 0.35s var(--ffa-easing),transform 0.2s var(--ffa-easing)}`,
        `.ffa-switch:hover::after{transform:scale(1.1)}`,
        `.ffa-switch--on{background:rgba(var(--ffa-accent-rgb),0.2);border-color:rgba(var(--ffa-accent-rgb),0.45)}`,
        `.ffa-switch--on::after{left:21px;background:var(--ffa-accent);box-shadow:0 0 8px var(--ffa-accent-glow),0 0 16px var(--ffa-accent-glow)}`,

        // ── 卡片 ──
        `.ffa-card{background:var(--ffa-bg-panel);backdrop-filter:blur(15px);border-radius:min(calc(var(--ffa-radius-panel) * 0.7),20px);padding:22px;margin-bottom:16px;border:1px solid var(--ffa-border);box-shadow:0 4px 12px rgba(0,0,0,0.15),inset 0 1px 0 transparent;box-sizing:border-box;position:relative;overflow:hidden;transition:border-color 0.35s var(--ffa-easing),background 0.35s var(--ffa-easing),box-shadow 0.35s var(--ffa-easing),transform 0.35s var(--ffa-easing)}`,
        // 顶部向下散射晕光（::before 仅用于此，不再做线条）
        `.ffa-card::before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(var(--ffa-accent-rgb),0.07),transparent);opacity:0;transition:opacity 0.35s var(--ffa-easing);pointer-events:none}`,
        // hover：线条用 inset box-shadow 实现，与其他过渡完全同步
        `.ffa-card:hover{border-color:rgba(var(--ffa-accent-rgb),0.28);background:rgba(var(--ffa-accent-rgb),0.025);box-shadow:0 8px 24px rgba(0,0,0,0.2),0 0 0 1px rgba(var(--ffa-accent-rgb),0.12),0 0 28px var(--ffa-accent-hover-glow),inset 0 1px 0 var(--ffa-accent);transform:translateY(-1px)}`,
        `.ffa-card:hover::before{opacity:1}`,
        `.ffa-card__title{font-size:var(--ffa-font-size-md);font-weight:var(--ffa-font-weight-bold);letter-spacing:1px;color:var(--ffa-accent-readable);margin-bottom:16px;display:block;text-transform:uppercase;transform:translateZ(0);text-shadow:var(--ffa-glow-accent-xs)}`,

        // ── 字段标签 & 提示 ──
        `.ffa-field__label{display:flex;justify-content:space-between;align-items:center;font-size:var(--ffa-font-size-base);color:var(--ffa-text-primary);margin-bottom:8px;font-weight:var(--ffa-font-weight-semibold);transform:translateZ(0);text-shadow:var(--ffa-glow-text)}`,
        `.ffa-field__label b{font-weight:var(--ffa-font-weight-normal);color:var(--ffa-text-secondary);font-size:var(--ffa-font-size-xs);background:var(--ffa-bg-inner);padding:2px 8px;border-radius:10px}`,
        `.ffa-field__hint{font-size:var(--ffa-font-size-xs);color:var(--ffa-text-secondary);margin:4px 0 12px;line-height:1.6}`,
        `.ffa-field__hint code{font-family:monospace;font-size:var(--ffa-font-size-xs);color:var(--ffa-accent-readable);background:var(--ffa-bg-inner);padding:1px 5px;border-radius:4px;border:1px solid var(--ffa-border)}`,
        `.ffa-field__example{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;background:var(--ffa-bg-inner);border:1px solid var(--ffa-border);border-radius:8px;font-size:var(--ffa-font-size-xs);font-family:monospace;color:var(--ffa-accent-readable);letter-spacing:0.3px;cursor:pointer;transition:0.2s var(--ffa-easing);user-select:none}`,
        `.ffa-field__example:hover{border-color:var(--ffa-accent);background:var(--ffa-accent-glow);box-shadow:0 0 8px var(--ffa-accent-glow)}`,
        `.ffa-field__example .ffa-field__example-icon{font-size:var(--ffa-font-size-xs);opacity:0.6}`,
        `.ffa-field__tip{font-size:var(--ffa-font-size-xs);color:var(--ffa-text-secondary);margin-top:6px;padding-left:2px;opacity:0.8;font-style:italic}`,

        // ── 输入框 & 范围滑块 ──
        `input[type=range]{width:100%;cursor:pointer;margin:12px 0;height:18px;background:transparent;outline:none;border:none;padding:0;-webkit-appearance:none;appearance:none;font-family:var(--ffa-font-stack)}`,
        `input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--ffa-border);border-radius:2px}`,
        `input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ffa-accent);margin-top:-5px;box-shadow:0 0 6px var(--ffa-accent-glow);transition:box-shadow 0.2s,transform 0.2s;border:none}`,
        `input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 10px var(--ffa-accent),0 0 20px var(--ffa-accent-glow);transform:scale(1.15)}`,
        `input[type=range]::-moz-range-track{height:4px;background:var(--ffa-border);border-radius:2px;border:none}`,
        `input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ffa-accent);box-shadow:0 0 6px var(--ffa-accent-glow);transition:box-shadow 0.2s,transform 0.2s;border:none;cursor:pointer}`,
        `input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 10px var(--ffa-accent),0 0 20px var(--ffa-accent-glow);transform:scale(1.15)}`,

        // ── 面板底部操作区 ──
        `.ffa-panel__footer{padding:18px 28px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--ffa-border);background:linear-gradient(to top,rgba(var(--ffa-accent-rgb),0.02),transparent)}`,
        `.ffa-panel__footer-spacer{flex:1}`,

        // ── 按钮基础 ──
        `.ffa-btn--primary,.ffa-btn--secondary,.ffa-btn--tertiary,.ffa-btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:var(--ffa-radius-widget);font-size:var(--ffa-font-size-sm);font-weight:var(--ffa-font-weight-bold);letter-spacing:0.3px;cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden;white-space:nowrap;-webkit-font-smoothing:antialiased;font-family:var(--ffa-font-stack);transition:transform 0.35s var(--ffa-easing),box-shadow 0.35s var(--ffa-easing),background 0.25s var(--ffa-easing),border-color 0.25s var(--ffa-easing),color 0.2s var(--ffa-easing)}`,
        `.ffa-btn--primary:active,.ffa-btn--secondary:active,.ffa-btn--tertiary:active,.ffa-btn--danger:active{transform:translateY(1px) scale(0.984);transition-duration:0.08s}`,
        `.ffa-btn--primary::after,.ffa-btn--danger::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--ffa-mx,50%) var(--ffa-my,50%),rgba(255,255,255,0.15) 0%,transparent 65%);opacity:0;transition:opacity 0.4s;pointer-events:none}`,
        `.ffa-btn--primary:hover::after,.ffa-btn--danger:hover::after{opacity:1}`,
        `.ffa-btn--secondary::after,.ffa-btn--tertiary::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.07) 50%,transparent 60%);transform:translateX(-100%);transition:transform 0s;pointer-events:none}`,
        `.ffa-btn--secondary:hover::after,.ffa-btn--tertiary:hover::after{transform:translateX(100%);transition:transform 0.5s ease}`,

        // ── Primary — 实心 accent，最高权重 ──
        `.ffa-btn--primary{background:var(--ffa-accent);color:var(--ffa-text-on-accent);border:1px solid var(--ffa-accent);box-shadow:0 2px 10px var(--ffa-accent-glow),inset 0 1px 0 rgba(255,255,255,0.2);text-shadow:var(--ffa-glow-on-accent)}`,
        `.ffa-btn--primary::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.22) 0%,transparent 50%);opacity:0;transition:opacity 0.3s var(--ffa-easing);pointer-events:none}`,
        `.ffa-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px var(--ffa-accent-hover-glow),0 0 0 1px var(--ffa-accent),0 0 40px rgba(var(--ffa-accent-rgb),0.2),inset 0 1px 0 rgba(255,255,255,0.25);text-shadow:var(--ffa-glow-on-accent)}`,
        `.ffa-btn--primary:hover::before{opacity:1}`,

        // ── Secondary — accent 色轮廓，次级有意义操作（Export/Import/Confirm）──
        `.ffa-btn--secondary{background:rgba(var(--ffa-accent-rgb),0.06);color:var(--ffa-accent-readable);border:1px solid rgba(var(--ffa-accent-rgb),0.25);text-shadow:var(--ffa-glow-accent-xs)}`,
        `.ffa-btn--secondary:hover{background:rgba(var(--ffa-accent-rgb),0.12);border-color:rgba(var(--ffa-accent-rgb),0.55);color:var(--ffa-accent-readable);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.15),0 0 0 1px rgba(var(--ffa-accent-rgb),0.3),0 0 20px var(--ffa-accent-hover-glow);text-shadow:var(--ffa-glow-accent-xs)}`,

        // ── Tertiary — 低优先级操作（Add/Cancel/Add Domain）──
        `.ffa-btn--tertiary{background:var(--ffa-bg-inner);color:var(--ffa-text-secondary);border:1px solid var(--ffa-border);text-shadow:var(--ffa-glow-text)}`,
        `.ffa-btn--tertiary:hover{background:var(--ffa-bg-inner-strong);border-color:rgba(var(--ffa-accent-rgb),0.35);color:var(--ffa-text-primary);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.12),0 0 0 1px rgba(var(--ffa-accent-rgb),0.15),0 0 16px var(--ffa-accent-hover-glow);text-shadow:var(--ffa-glow-text)}`,

        // ── Danger — 克制红色，仅用于 Reset；默认态低调，hover 才完全亮起 ──
        `.ffa-btn--danger{background:transparent;color:rgba(255,71,87,0.7);border:1px solid rgba(255,71,87,0.2);text-shadow:var(--ffa-glow-danger)}`,
        `.ffa-btn--danger:hover{color:#ff4757;background:rgba(255,71,87,0.06);border-color:rgba(255,71,87,0.5);transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,71,87,0.12),0 0 0 1px rgba(255,71,87,0.25),0 0 20px rgba(255,71,87,0.1);text-shadow:var(--ffa-glow-danger)}`,

        // ── Icon button — 方形图标按钮（引擎行 编辑/删除）──
        `.ffa-btn--icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border-radius:var(--ffa-radius-widget);border:1px solid var(--ffa-border);background:transparent;color:var(--ffa-text-secondary);transition:background 0.2s var(--ffa-easing),border-color 0.2s var(--ffa-easing),color 0.2s var(--ffa-easing),transform 0.25s var(--ffa-easing)}`,
        `.ffa-btn--icon:hover{background:var(--ffa-bg-inner-strong);border-color:rgba(var(--ffa-accent-rgb),0.3);color:var(--ffa-text-primary);transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,0.1),0 0 12px var(--ffa-accent-hover-glow)}`,
        `.ffa-btn--icon--danger:hover{background:rgba(255,71,87,0.12);border-color:rgba(255,71,87,0.5);color:#ff4757}`,
        `.ffa-btn--icon svg{width:14px;height:14px;flex-shrink:0;pointer-events:none}`,

        // ── 子面板（引擎编辑） ──
        `.ffa-subpanel{position:absolute;inset:0;background:var(--ffa-bg-panel-deep);backdrop-filter:var(--ffa-backdrop-panel);z-index:100;padding:0;transform:translateY(100%);transition:0.5s var(--ffa-easing);display:flex;flex-direction:column;box-sizing:border-box;border-top:1px solid var(--ffa-border)}`,
        `.ffa-subpanel__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:30px;box-sizing:border-box}`,
        `.ffa-subpanel__scroll::-webkit-scrollbar{width:4px}`,
        `.ffa-subpanel__scroll::-webkit-scrollbar-track{background:transparent}`,
        `.ffa-subpanel__scroll::-webkit-scrollbar-thumb{background:var(--ffa-accent-glow);border-radius:10px}`,
        `.ffa-subpanel__scroll::-webkit-scrollbar-thumb:hover{background:var(--ffa-accent)}`,
        `.ffa-subpanel__scroll{scrollbar-width:thin;scrollbar-color:var(--ffa-accent-glow) transparent}`,
        `.ffa-subpanel--visible{transform:translateY(0)}`,

        // ── 通用输入框 ──
        `.ffa-input{width:100%;height:40px;padding:0 14px;background:var(--ffa-bg-inner);border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-widget);color:var(--ffa-text-primary);margin-bottom:15px;outline:none;box-sizing:border-box;font-family:var(--ffa-font-stack);font-size:var(--ffa-font-size-base)}`,
        `.ffa-input:focus{border-color:var(--ffa-accent);background:var(--ffa-bg-panel);box-shadow:0 0 12px var(--ffa-accent-glow)}`,

        // ── 主题/语言选项按钮（option button）──
        `.ffa-theme-btn{flex:1;padding:10px 5px;font-size:var(--ffa-font-size-sm);border-radius:var(--ffa-radius-widget);cursor:pointer;border:1px solid var(--ffa-border);background:var(--ffa-bg-inner);color:var(--ffa-text-secondary);font-weight:var(--ffa-font-weight-semibold);letter-spacing:0.3px;transition:background 0.22s var(--ffa-easing),border-color 0.22s var(--ffa-easing),color 0.18s var(--ffa-easing),transform 0.25s var(--ffa-easing),box-shadow 0.25s var(--ffa-easing);font-family:var(--ffa-font-stack);-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}`,
        `.ffa-theme-btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.07) 50%,transparent 60%);transform:translateX(-100%);transition:transform 0s;pointer-events:none}`,
        `.ffa-theme-btn:hover{background:var(--ffa-bg-inner-strong);border-color:rgba(var(--ffa-accent-rgb),0.35);color:var(--ffa-text-primary);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.12),0 0 0 1px rgba(var(--ffa-accent-rgb),0.15),0 0 16px var(--ffa-accent-hover-glow)}`,
        `.ffa-theme-btn:hover::after{transform:translateX(100%);transition:transform 0.5s ease}`,
        `.ffa-theme-btn:active{transform:scale(0.97);transition-duration:0.08s}`,
        `.ffa-theme-btn--active{background:rgba(var(--ffa-accent-rgb),0.1);border-color:rgba(var(--ffa-accent-rgb),0.5);color:var(--ffa-accent-readable);box-shadow:0 0 12px rgba(var(--ffa-accent-rgb),0.1),inset 0 1px 0 rgba(var(--ffa-accent-rgb),0.15),inset 0 -2px 0 var(--ffa-accent);text-shadow:var(--ffa-glow-accent-xs)}`,
        `.ffa-theme-btn--active:hover{background:rgba(var(--ffa-accent-rgb),0.15);border-color:rgba(var(--ffa-accent-rgb),0.7);color:var(--ffa-accent-readable);transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--ffa-accent-rgb),0.2),inset 0 1px 0 rgba(var(--ffa-accent-rgb),0.2),inset 0 -2px 0 var(--ffa-accent);text-shadow:var(--ffa-glow-accent-xs)}`,

        // ── 图标编辑器 ──
        `.ffa-icon-editor{display:flex;gap:12px;align-items:flex-start;margin-bottom:0}`,
        `.ffa-icon-editor__textarea{flex:1;height:48px;padding:10px;background:var(--ffa-bg-inner);border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-widget);color:var(--ffa-text-primary);outline:none;box-sizing:border-box;font-family:monospace;font-size:var(--ffa-font-size-xs);resize:none;line-height:1.5}`,
        `.ffa-icon-editor__textarea:focus{border-color:var(--ffa-accent);background:var(--ffa-bg-panel);box-shadow:0 0 12px var(--ffa-accent-glow)}`,
        `.ffa-icon-editor__preview{width:48px;height:48px;flex-shrink:0;border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-widget);display:flex;align-items:center;justify-content:center;background:var(--ffa-bg-inner);color:var(--ffa-accent-readable);font-size:var(--ffa-font-size-xs);overflow:hidden}`,
        `.ffa-icon-editor__preview svg,.ffa-icon-editor__preview img{width:24px;height:24px}`,
        `.ffa-icon-editor__error{font-size:var(--ffa-font-size-xs);color:#ff4757;margin-top:5px;display:none}`,
        `.ffa-icon-editor__error--visible{display:block}`,

        // ── 颜色色板 ──
        `.ffa-swatch-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;align-items:center}`,
        `.ffa-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:0.2s var(--ffa-easing);flex-shrink:0;box-sizing:border-box}`,
        `.ffa-swatch:hover{transform:scale(1.2);box-shadow:0 0 8px rgba(0,0,0,0.3)}`,
        `.ffa-swatch--selected{border-color:var(--ffa-accent);transform:scale(1.15);box-shadow:0 0 10px var(--ffa-accent-glow)}`,
        `.ffa-swatch-custom{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px dashed var(--ffa-text-secondary);transition:0.2s var(--ffa-easing);flex-shrink:0;overflow:hidden;position:relative;box-sizing:border-box}`,
        `.ffa-swatch-custom:hover{border-color:var(--ffa-accent);transform:scale(1.2)}`,
        `.ffa-swatch-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0;border:none}`,

        // ── 迷你图标 & 触发区 ──
        `.ffa-mini-icon{position:fixed;bottom:calc(44px * -1 / 3);left:50%;transform:translateX(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.7s,transform 0.7s;opacity:0;pointer-events:none;z-index:2147483641;overflow:visible}`,
        `.ffa-mini-icon svg{width:28px;height:28px;transition:all 0.6s;filter:drop-shadow(0 0 4px var(--ffa-accent));color:var(--ffa-accent-readable)}`,
        `.ffa-mini-icon--hovered svg{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 8px var(--ffa-accent)) drop-shadow(0 0 16px var(--ffa-accent))}`,
        `.ffa-mini-icon--visible{opacity:1;pointer-events:auto}`,
        `.ffa-mini-icon--hidden{opacity:0;transform:translateX(-50%) translateY(70px) scale(0.7);pointer-events:none}`,
        `.ffa-mini-hitarea{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:64px;height:36px;z-index:2147483642;cursor:pointer;pointer-events:none}`,
        `.ffa-mini-hitarea--active{pointer-events:auto}`,

        // ── 面板外壳 & tab 导航 ──
        `.ffa-panel-shell{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(0.94);z-index:2147483645;visibility:hidden;opacity:0;pointer-events:none;transition:0.5s var(--ffa-easing);display:inline-block}`,
        `.ffa-panel-shell--visible{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}`,
        `.ffa-panel__tab-nav{position:absolute;top:50%;transform:translateY(-50%);right:calc(100% + 10px);height:auto;width:56px;display:flex;flex-direction:column;padding:8px 6px;gap:4px;background:var(--ffa-bg-panel-deep);backdrop-filter:var(--ffa-backdrop-panel);border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-panel);box-shadow:var(--ffa-shadow);transition:width 0.35s var(--ffa-easing);z-index:1;overflow:hidden}`,
        `.ffa-panel__tab-nav:hover{width:160px}`,
        `.ffa-panel__tab-nav .ffa-panel__tab-btn{justify-content:center;width:100%;box-sizing:border-box;padding:0;min-width:0;overflow:hidden;gap:0}`,
        `.ffa-panel__tab-nav:hover .ffa-panel__tab-btn{justify-content:flex-start;padding-left:10px;gap:6px}`,
        `.ffa-panel__tab-btn{height:40px;display:flex;align-items:center;gap:10px;padding:0 11px;cursor:pointer;flex-shrink:0;color:var(--ffa-text-secondary);border-radius:var(--ffa-radius-panel);transition:background 0.2s var(--ffa-easing),color 0.2s var(--ffa-easing);position:relative;white-space:nowrap}`,
        `.ffa-panel__tab-btn svg{width:18px;height:18px;flex:0 0 18px;transition:color 0.2s var(--ffa-easing);align-self:center}`,
        `.ffa-panel__tab-label{font-size:var(--ffa-font-size-sm);font-weight:var(--ffa-font-weight-semibold);letter-spacing:0.5px;opacity:0;max-width:0;overflow:hidden;display:inline-block;vertical-align:middle;transition:opacity 0.08s linear,max-width 0.25s var(--ffa-easing)}`,
        `.ffa-panel__tab-nav:hover .ffa-panel__tab-label{opacity:1;max-width:220px;margin-left:6px;transition:opacity 0.15s var(--ffa-easing) 0.15s,max-width 0.25s var(--ffa-easing) 0.15s}`,
        `.ffa-panel__tab-btn:not(.ffa-panel__tab-btn--active):hover{background:var(--ffa-accent-glow);color:var(--ffa-text-primary)}`,
        `.ffa-panel__tab-btn--active{background:var(--ffa-accent);color:var(--ffa-text-on-accent);box-shadow:0 4px 14px var(--ffa-accent-glow),0 0 8px var(--ffa-accent-glow)}`,
        `.ffa-panel__tab-btn--active .ffa-panel__tab-label{color:var(--ffa-text-on-accent);text-shadow:var(--ffa-glow-on-accent)}`,
        `.ffa-panel__tab-btn--active svg{color:var(--ffa-text-on-accent)}`,

        // ── 面板主体 ──
        `.ffa-panel{position:relative;top:auto;left:auto;transform:none;width:520px;height:70vh;max-height:70vh;border-radius:var(--ffa-radius-panel);padding:0;z-index:0;visibility:visible;opacity:1;color:var(--ffa-text-primary);font-family:var(--ffa-font-stack);box-shadow:var(--ffa-shadow);transition:none;background:var(--ffa-bg-panel-deep);border:1px solid var(--ffa-border);backdrop-filter:var(--ffa-backdrop-panel);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}`,

        // ── Tab 内容区 ──
        `.ffa-panel__tab-content{display:none}`,
        `@keyframes ffa-tab-fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}`,
        `.ffa-panel__tab-content--active{display:block;animation:ffa-tab-fadein 0.2s var(--ffa-easing) both}`,
        `.ffa-panel__title{text-align:center;font-weight:var(--ffa-font-weight-bold);letter-spacing:4px;padding:26px 28px 20px;color:var(--ffa-accent-readable);font-size:var(--ffa-font-size-lg);text-shadow:var(--ffa-glow-accent-md);border-bottom:1px solid var(--ffa-border);flex-shrink:0}`,
    ].join('');

    // ─── TOOLBAR_CSS：搜索条、引擎按钮、建议下拉样式 ────────────────────────────
    const TOOLBAR_CSS = [
        `.ffa-toolbar-host{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--ffa-offset-bottom);z-index:2147483642;font-family:var(--ffa-font-stack);pointer-events:none}`,
        `.ffa-toolbar-wrapper{transition:0.8s var(--ffa-easing);pointer-events:auto}`,
        `.ffa-toolbar-wrapper--mini{pointer-events:none}`,
        `.ffa-toolbar-wrapper--mini .ffa-toolbar{opacity:0;transform:translateY(70px) scale(0.92);pointer-events:none;visibility:hidden;transition:opacity 0.5s var(--ffa-easing),transform 0.6s var(--ffa-easing)}`,
        `.ffa-toolbar-wrapper--mini.ffa-toolbar-wrapper--revealed{pointer-events:auto}`,
        `.ffa-toolbar-wrapper--mini.ffa-toolbar-wrapper--revealed .ffa-toolbar{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity 0.5s var(--ffa-easing),transform 0.6s var(--ffa-easing);transition-delay:0.1s}`,
        `.ffa-toolbar-wrapper--mini.ffa-toolbar-wrapper--hiding .ffa-toolbar{opacity:0;transform:translateY(50px) scale(0.94);pointer-events:none;visibility:visible;transition:opacity 0.4s var(--ffa-easing),transform 0.5s var(--ffa-easing);transition-delay:0s}`,
        `.ffa-toolbar-wrapper--mini .ffa-toolbar{will-change:opacity,transform}`,
        `.ffa-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ffa-bg-toolbar);backdrop-filter:var(--ffa-backdrop-toolbar);border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-panel);box-shadow:var(--ffa-shadow);transition:border-color 0.3s var(--ffa-easing),box-shadow 0.3s var(--ffa-easing),background 0.4s var(--ffa-easing)}`,
        `.ffa-toolbar--focused{background:var(--ffa-bg-panel);border-color:rgba(var(--ffa-text-primary-rgb),0.18);box-shadow:var(--ffa-shadow),0 0 0 1px rgba(var(--ffa-text-primary-rgb),0.08)}`,

        // ── 引擎按钮 ──
        `.ffa-toolbar__engine-btn{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:6px;font-size:var(--ffa-font-size-sm);line-height:1.2;color:var(--ffa-text-primary);cursor:pointer;background:var(--ffa-bg-inner);border-radius:var(--ffa-radius-widget);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.35s cubic-bezier(0.4,0,0.2,1),background 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.34,1.56,0.64,1),max-width 0.5s cubic-bezier(0.4,0,0.2,1),padding 0.5s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;font-weight:var(--ffa-font-weight-semibold);border:1px solid var(--ffa-border);box-sizing:border-box;font-family:var(--ffa-font-stack);-webkit-font-smoothing:antialiased;opacity:0.5;max-width:38px;overflow:hidden;will-change:max-width,transform}`,
        `.ffa-toolbar__engine-btn-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;overflow:visible;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}`,
        `.ffa-toolbar__engine-btn-label{display:inline;opacity:0;white-space:nowrap;max-width:0;padding-left:0;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),max-width 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1);transform:translateX(-4px);overflow:hidden}`,
        `.ffa-toolbar:hover .ffa-toolbar__engine-btn:not(.ffa-toolbar__engine-btn--active),.ffa-toolbar--pinned .ffa-toolbar__engine-btn:not(.ffa-toolbar__engine-btn--active){opacity:1}`,
        `.ffa-toolbar__engine-btn:hover{border-color:var(--ffa-accent);background:var(--ffa-accent-glow);color:var(--ffa-accent-readable);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px var(--ffa-accent-glow),0 0 10px var(--ffa-accent-glow);text-shadow:var(--ffa-glow-accent-xs);max-width:160px;padding-right:10px;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.25s cubic-bezier(0.4,0,0.2,1),background 0.25s cubic-bezier(0.4,0,0.2,1),transform 0.4s cubic-bezier(0.34,1.56,0.64,1),max-width 0.45s cubic-bezier(0.23,1,0.32,1),padding 0.4s cubic-bezier(0.23,1,0.32,1)}`,
        `.ffa-toolbar__engine-btn:hover .ffa-toolbar__engine-btn-icon{transform:scale(1.1)}`,
        `.ffa-toolbar__engine-btn:hover .ffa-toolbar__engine-btn-label{opacity:1;max-width:120px;padding-left:5px;transform:translateX(0);transition-delay:0.06s;transition:opacity 0.25s cubic-bezier(0.4,0,0.2,1) 0.06s,max-width 0.45s cubic-bezier(0.23,1,0.32,1),transform 0.4s cubic-bezier(0.23,1,0.32,1) 0.04s}`,
        `.ffa-toolbar__engine-btn--active{border-color:rgba(var(--ffa-accent-rgb),0.35);background:rgba(var(--ffa-accent-rgb),0.08);color:var(--ffa-accent-readable);box-shadow:inset 0 -1.5px 0 var(--ffa-accent);opacity:1;max-width:160px;padding-right:10px;text-shadow:var(--ffa-glow-accent-xs)}`,
        `.ffa-toolbar__engine-btn--active .ffa-toolbar__engine-btn-label{opacity:1;max-width:120px;padding-left:5px;transform:translateX(0)}`,
        `.ffa-toolbar__engine-btn--active:hover{background:var(--ffa-accent-glow);transform:translateY(-2px) scale(1.02)}`,

        // ── 搜索输入区 ──
        `.ffa-toolbar__input{position:relative;display:flex;align-items:center;transition:width 0.45s var(--ffa-easing),background 0.3s var(--ffa-easing),box-shadow 0.3s var(--ffa-easing),border-color 0.3s var(--ffa-easing);width:34px;border-radius:var(--ffa-radius-widget);border:1px solid transparent;box-sizing:border-box}`,
        `.ffa-toolbar__input--expanded{width:236px;background:var(--ffa-bg-inner);border-color:transparent;box-shadow:none;border-radius:var(--ffa-radius-widget)}`,
        `.ffa-toolbar--focused .ffa-toolbar__input--expanded{box-shadow:0 0 0 1px rgba(var(--ffa-accent-rgb),0.25),0 0 12px var(--ffa-accent-hover-glow)}`,
        `.ffa-toolbar__input--expanded .ffa-toolbar__search-btn{background:var(--ffa-bg-inner-strong);border-color:transparent;box-shadow:none;color:var(--ffa-accent-readable);opacity:1}`,
        `.ffa-toolbar__input--expanded .ffa-toolbar__search-btn:hover{background:var(--ffa-accent-glow);border-color:transparent;border-right-color:var(--ffa-border)}`,

        // ── 搜索按钮 ──
        `.ffa-toolbar__search-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;cursor:pointer;color:var(--ffa-text-primary);background:var(--ffa-bg-inner);border:1px solid var(--ffa-border);border-radius:var(--ffa-radius-widget);transition:0.3s var(--ffa-easing);opacity:0.5;box-sizing:border-box}`,
        `.ffa-toolbar__search-btn:hover{opacity:1;border-color:var(--ffa-accent);background:var(--ffa-accent-glow);color:var(--ffa-accent-readable);box-shadow:0 0 8px var(--ffa-accent-glow)}`,

        // ── 搜索输入框 ──
        `.ffa-toolbar__search-input{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:0;outline:none;width:0;min-width:0;font-size:var(--ffa-font-size-base);line-height:1.2;color:var(--ffa-text-primary);border-radius:0;transition:width 0.45s var(--ffa-easing),padding 0.45s var(--ffa-easing),opacity 0.3s var(--ffa-easing);box-sizing:border-box;font-family:var(--ffa-font-stack);opacity:0}`,
        `.ffa-toolbar__input--expanded .ffa-toolbar__search-input{width:200px;padding:6px 10px 6px 6px;opacity:1}`,
        `.ffa-toolbar__search-input::placeholder{color:var(--ffa-text-secondary);opacity:0.55}`,

        // ── 建议下拉框 ──
        `.ffa-suggest{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);width:95vw;max-width:720px;display:none;flex-wrap:wrap;gap:10px;justify-content:center;padding-bottom:35px;pointer-events:auto}`,
        `.ffa-suggest--visible{display:flex;animation:ffa-suggest-in 0.5s var(--ffa-easing)}`,
        `@keyframes ffa-suggest-in{from{opacity:0;transform:translateX(-50%) translateY(30px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}`,
        `@keyframes ffa-suggest-item-in{from{opacity:0;transform:translateY(14px) scale(0.93)}to{opacity:1;transform:translateY(0) scale(1)}}`,
        `.ffa-suggest__item:nth-child(1){animation-delay:0ms}.ffa-suggest__item:nth-child(2){animation-delay:40ms}.ffa-suggest__item:nth-child(3){animation-delay:80ms}.ffa-suggest__item:nth-child(4){animation-delay:120ms}.ffa-suggest__item:nth-child(5){animation-delay:160ms}.ffa-suggest__item:nth-child(6){animation-delay:200ms}.ffa-suggest__item:nth-child(7){animation-delay:240ms}.ffa-suggest__item:nth-child(8){animation-delay:280ms}.ffa-suggest__item:nth-child(9){animation-delay:320ms}.ffa-suggest__item:nth-child(10){animation-delay:360ms}`,
        // 默认态：文字色由 JS 检测网页背景深浅决定，与主题色解耦
        `.ffa-suggest__item{padding:9px 22px;font-size:var(--ffa-font-size-base);font-weight:var(--ffa-font-weight-semibold);cursor:pointer;border-radius:999px;background:var(--ffa-bg-inner);color:var(--ffa-suggest-text);border:1px solid var(--ffa-border);backdrop-filter:var(--ffa-backdrop-toolbar);transition:background 0.22s var(--ffa-easing),border-color 0.22s var(--ffa-easing),color 0.18s var(--ffa-easing),transform 0.28s var(--ffa-easing),box-shadow 0.28s var(--ffa-easing);font-family:var(--ffa-font-stack);opacity:0;animation:ffa-suggest-item-in 0.4s var(--ffa-easing) forwards;letter-spacing:0.3px;position:relative;overflow:hidden}`,
        // shimmer
        `.ffa-suggest__item::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.08) 50%,transparent 60%);transform:translateX(-100%);transition:transform 0s;pointer-events:none}`,
        // hover：accent 实色填充，文字切换为 on-accent（对 accent 色做对比度计算）
        `.ffa-suggest__item:hover{background:var(--ffa-accent);color:var(--ffa-text-on-accent);border-color:var(--ffa-accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.2),0 0 0 1px rgba(var(--ffa-accent-rgb),0.25),0 0 18px var(--ffa-accent-hover-glow),inset 0 1px 0 rgba(255,255,255,0.15);text-shadow:var(--ffa-glow-on-accent)}`,
        `.ffa-suggest__item:hover::after{transform:translateX(100%);transition:transform 0.45s ease}`,
        `.ffa-suggest__item:active{transform:scale(0.97);transition-duration:0.08s}`,

        // ── 建议分隔线 ──
        `.ffa-suggest__divider{width:100%;display:flex;align-items:center;gap:8px;padding:0 4px;opacity:0;animation:ffa-suggest-item-in 0.3s var(--ffa-easing) forwards}`,
        `.ffa-suggest__divider-line{flex:1;height:1px;background:var(--ffa-border)}`,
        `.ffa-suggest__divider-label{font-size:var(--ffa-font-size-xs);font-weight:var(--ffa-font-weight-semibold);letter-spacing:1.5px;color:var(--ffa-text-secondary);text-transform:uppercase;white-space:nowrap}`,

        // ── 历史条目 ──
        `.ffa-suggest__history-item{padding:9px 18px 9px 14px;font-size:var(--ffa-font-size-base);font-weight:var(--ffa-font-weight-semibold);cursor:pointer;border-radius:999px;background:var(--ffa-bg-inner);color:var(--ffa-suggest-text-secondary);border:1px solid var(--ffa-border);backdrop-filter:var(--ffa-backdrop-toolbar);transition:background 0.22s var(--ffa-easing),border-color 0.22s var(--ffa-easing),color 0.18s var(--ffa-easing),transform 0.28s var(--ffa-easing),box-shadow 0.28s var(--ffa-easing);font-family:var(--ffa-font-stack);opacity:0;animation:ffa-suggest-item-in 0.4s var(--ffa-easing) forwards;letter-spacing:0.3px;display:flex;align-items:center;gap:7px;position:relative;overflow:hidden}`,
        `.ffa-suggest__history-item::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.07) 50%,transparent 60%);transform:translateX(-100%);transition:transform 0s;pointer-events:none}`,
        // hover：历史条目文字不变 accent，更克制
        `.ffa-suggest__history-item:hover{background:rgba(var(--ffa-accent-rgb),0.1);border-color:rgba(var(--ffa-accent-rgb),0.4);color:var(--ffa-suggest-text);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.18),0 0 0 1px rgba(var(--ffa-accent-rgb),0.2),0 0 14px var(--ffa-accent-hover-glow)}`,
        `.ffa-suggest__history-item:hover::after{transform:translateX(100%);transition:transform 0.45s ease}`,
        `.ffa-suggest__history-icon{font-size:var(--ffa-font-size-xs);opacity:0.4;flex-shrink:0;transition:opacity 0.22s}`,
        `.ffa-suggest__history-item:hover .ffa-suggest__history-icon{opacity:0.7}`,
        `.ffa-suggest__history-del{margin-left:2px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--ffa-font-size-xs);opacity:0;transition:0.2s var(--ffa-easing);flex-shrink:0;color:inherit}`,
        `.ffa-suggest__history-item:hover .ffa-suggest__history-del{opacity:0.5}`,
        `.ffa-suggest__history-del:hover{opacity:1!important;background:rgba(255,71,87,0.2);color:#ff4757}`,

        // ── 设置按钮 ──
        `.ffa-toolbar__settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ffa-text-primary);transition:0.5s var(--ffa-easing);border-radius:50%;opacity:0.5}`,
        `.ffa-toolbar__settings-btn:hover{opacity:1;background:var(--ffa-accent-glow);color:var(--ffa-accent-readable);transform:rotate(90deg);box-shadow:0 0 15px var(--ffa-accent-glow),0 0 30px var(--ffa-accent-glow)}`,
    ].join('');

    const HistoryModule = {
        get() {
            try { return GM_getValue(HISTORY_KEY, []); } catch (e) { return []; }
        },
        push(term) {
            const t = term?.trim();
            if (!t) return;
            let hist = this.get().filter(h => h !== t);
            hist.unshift(t);
            if (hist.length > HISTORY_MAX) hist = hist.slice(0, HISTORY_MAX);
            GM_setValue(HISTORY_KEY, hist);
        },
        remove(term) {
            GM_setValue(HISTORY_KEY, this.get().filter(h => h !== term));
        },
    };

    const SuggestModule = {
        _cache: new Map(),
        _CACHE_MAX: 100,
        _CACHE_TTL: 5 * 60 * 1000,
        _CLEANUP_INTERVAL: 60 * 1000,   // 最多每分钟清理一次，避免高频触发
        _lastCleanup: 0,
        // 两个源默认均未知（false），probe 后才标记可用
        _sources: { google: false, baidu: false },
        _initialized: false,
        _requestToken: 0,

        _cacheGet(key) {
            const item = this._cache.get(key);
            if (!item) return null;
            if (Date.now() - item.ts > this._CACHE_TTL) {
                this._cache.delete(key);
                return null;
            }
            return item.value;
        },

        // value 为空数组也缓存，避免对必然无结果的 query 重复请求
        _cacheSet(key, value) {
            if (this._cache.size >= this._CACHE_MAX)
                this._cache.delete(this._cache.keys().next().value);
            this._cache.set(key, { value, ts: Date.now() });
        },

        _cleanupCache() {
            const now = Date.now();
            if (now - this._lastCleanup < this._CLEANUP_INTERVAL) return;
            this._lastCleanup = now;
            for (const [key, item] of this._cache) {
                if (now - item.ts > this._CACHE_TTL) this._cache.delete(key);
            }
        },

        initAccessibility() {
            if (this._initialized) return;
            this._initialized = true;
            const probe = (source, url) => new Promise(resolve => {
                GM_xmlhttpRequest({
                    method: 'GET', url, timeout: 2000,
                    onload:    () => { this._sources[source] = true;  resolve(); },
                    onerror:   () => { this._sources[source] = false; resolve(); },
                    ontimeout: () => { this._sources[source] = false; resolve(); },
                });
            });
            Promise.all([
                probe('google', 'https://suggestqueries.google.com/complete/search?client=chrome&q=a'),
                probe('baidu',  'https://suggestion.baidu.com/su?wd=a'),
            ]).catch(() => {});
        },

        _gmFetch(url, parser) {
            return new Promise((resolve, reject) => {
                GM_xmlhttpRequest({
                    method: 'GET', url, timeout: 4000,
                    onload:    r => { try { resolve(parser(r.responseText)); } catch (e) { reject(new Error('parse')); } },
                    onerror:   () => reject(new Error('network')),
                    ontimeout: () => reject(new Error('timeout')),
                });
            });
        },

        _fetchGoogle(q) {
            return this._gmFetch(
                `https://suggestqueries.google.com/complete/search?client=chrome&q=${encodeURIComponent(q)}`,
                text => { const d = JSON.parse(text); return Array.isArray(d?.[1]) ? d[1].slice(0, 8) : []; }
            );
        },

        _fetchBaidu(q) {
            return this._gmFetch(
                `https://suggestion.baidu.com/su?wd=${encodeURIComponent(q)}`,
                text => { const d = JSON.parse(text); return Array.isArray(d?.s) ? d.s.slice(0, 8) : []; }
            );
        },

        async _fetchFromSources(q) {
            const cached = this._cacheGet(q);
            if (cached !== null) return cached;

            const trySource = async (name, fetcher) => {
                if (!this._sources[name]) return [];
                try {
                    const results = await fetcher(q);
                    return results;
                } catch (e) {
                    // 请求失败时标记该源不可用，本次会话内不再重试
                    this._sources[name] = false;
                    return [];
                }
            };

            const google = await trySource('google', this._fetchGoogle.bind(this));
            if (google.length > 0) { this._cacheSet(q, google); return google; }

            const baidu = await trySource('baidu', this._fetchBaidu.bind(this));
            // 无论是否有结果都缓存，避免对同一 query 重复发起双源请求
            this._cacheSet(q, baidu);
            return baidu;
        },

        async fetch(query, box, mask, engineUrl) {
            this._cleanupCache();