@co0ontty/wand 1.43.5 → 1.43.7
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.
|
@@ -15727,12 +15727,8 @@
|
|
|
15727
15727
|
letter-spacing: 0.02em;
|
|
15728
15728
|
opacity: 0.8;
|
|
15729
15729
|
}
|
|
15730
|
-
.qc-mobile-actions {
|
|
15731
|
-
display: none;
|
|
15732
|
-
}
|
|
15733
|
-
|
|
15734
15730
|
@media (prefers-reduced-motion: reduce) {
|
|
15735
|
-
.qc-chip, .qc-chip--anim, .qc-dock-cluster, .qc-dock-launch, .qc-dock-busy-dot
|
|
15731
|
+
.qc-chip, .qc-chip--anim, .qc-dock-cluster, .qc-dock-launch, .qc-dock-busy-dot {
|
|
15736
15732
|
animation: none !important;
|
|
15737
15733
|
transition: none !important;
|
|
15738
15734
|
}
|
|
@@ -15808,90 +15804,30 @@
|
|
|
15808
15804
|
min-height: 44px;
|
|
15809
15805
|
font-size: 16px;
|
|
15810
15806
|
}
|
|
15811
|
-
.qc-dock-wrap--desktop {
|
|
15812
|
-
display: none;
|
|
15813
|
-
}
|
|
15814
|
-
.qc-mobile-actions {
|
|
15815
|
-
display: flex;
|
|
15816
|
-
flex-direction: column;
|
|
15817
|
-
gap: 8px;
|
|
15818
|
-
}
|
|
15819
|
-
.qc-mobile-actions[data-disabled="1"] {
|
|
15820
|
-
opacity: 0.6;
|
|
15821
|
-
pointer-events: none;
|
|
15822
|
-
}
|
|
15823
|
-
.qc-mobile-action-grid {
|
|
15824
|
-
display: grid;
|
|
15825
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
15826
|
-
gap: 8px;
|
|
15827
|
-
}
|
|
15828
|
-
.qc-mobile-action-btn {
|
|
15829
|
-
min-width: 0;
|
|
15830
|
-
min-height: 56px;
|
|
15831
|
-
display: flex;
|
|
15832
|
-
flex-direction: column;
|
|
15833
|
-
align-items: flex-start;
|
|
15834
|
-
justify-content: center;
|
|
15835
|
-
gap: 3px;
|
|
15836
|
-
padding: 10px 12px;
|
|
15837
|
-
border-radius: 12px;
|
|
15838
|
-
border: 1px solid rgba(125, 91, 57, 0.16);
|
|
15839
|
-
background: rgba(255, 255, 255, 0.72);
|
|
15840
|
-
color: var(--text-primary);
|
|
15841
|
-
text-align: left;
|
|
15842
|
-
box-shadow: 0 1px 3px rgba(89, 58, 32, 0.06);
|
|
15843
|
-
touch-action: manipulation;
|
|
15844
|
-
-webkit-tap-highlight-color: transparent;
|
|
15845
|
-
transition: transform 0.12s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
|
|
15846
|
-
}
|
|
15847
|
-
.qc-mobile-action-btn:active {
|
|
15848
|
-
transform: scale(0.98);
|
|
15849
|
-
background: rgba(255, 255, 255, 0.92);
|
|
15850
|
-
border-color: rgba(197, 101, 61, 0.28);
|
|
15851
|
-
}
|
|
15852
|
-
.qc-mobile-action-btn:disabled {
|
|
15853
|
-
cursor: not-allowed;
|
|
15854
|
-
}
|
|
15855
|
-
.qc-mobile-action-primary {
|
|
15856
|
-
border-color: rgba(197, 101, 61, 0.32);
|
|
15857
|
-
background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(197, 101, 61, 0.10));
|
|
15858
|
-
}
|
|
15859
|
-
.qc-mobile-action-wide {
|
|
15860
|
-
grid-column: 1 / -1;
|
|
15861
|
-
}
|
|
15862
|
-
.qc-mobile-action-label {
|
|
15863
|
-
max-width: 100%;
|
|
15864
|
-
font-size: 0.88rem;
|
|
15865
|
-
font-weight: 800;
|
|
15866
|
-
line-height: 1.15;
|
|
15867
|
-
overflow-wrap: anywhere;
|
|
15868
|
-
}
|
|
15869
|
-
.qc-mobile-action-note {
|
|
15870
|
-
max-width: 100%;
|
|
15871
|
-
font-size: 0.72rem;
|
|
15872
|
-
font-weight: 600;
|
|
15873
|
-
line-height: 1.2;
|
|
15874
|
-
color: var(--text-muted);
|
|
15875
|
-
overflow-wrap: anywhere;
|
|
15876
|
-
}
|
|
15877
|
-
.qc-mobile-action-hint {
|
|
15878
|
-
min-height: 1em;
|
|
15879
|
-
color: var(--text-muted);
|
|
15880
|
-
font-size: 0.7rem;
|
|
15881
|
-
line-height: 1.35;
|
|
15882
|
-
text-align: center;
|
|
15883
|
-
}
|
|
15884
15807
|
.qc-dock-stage {
|
|
15885
|
-
height:
|
|
15886
|
-
grid-template-columns:
|
|
15808
|
+
height: 236px;
|
|
15809
|
+
grid-template-columns: 1fr;
|
|
15810
|
+
grid-template-rows: minmax(0, 1fr) 58px;
|
|
15887
15811
|
gap: 8px;
|
|
15812
|
+
padding: 8px;
|
|
15813
|
+
border-radius: 14px;
|
|
15814
|
+
}
|
|
15815
|
+
.qc-dock-field {
|
|
15816
|
+
min-height: 160px;
|
|
15888
15817
|
}
|
|
15889
15818
|
.qc-chip {
|
|
15890
15819
|
height: 36px;
|
|
15891
15820
|
padding: 0 12px;
|
|
15892
15821
|
font-size: 0.8rem;
|
|
15893
15822
|
}
|
|
15894
|
-
.qc-dock-launch
|
|
15823
|
+
.qc-dock-launch {
|
|
15824
|
+
min-height: 58px;
|
|
15825
|
+
flex-direction: row;
|
|
15826
|
+
gap: 8px;
|
|
15827
|
+
border-radius: 13px;
|
|
15828
|
+
}
|
|
15829
|
+
.qc-dock-launch-label { font-size: 0.78rem; }
|
|
15830
|
+
.qc-dock-stage[data-hot="1"] .qc-dock-launch-arrow { transform: translateY(2px); }
|
|
15895
15831
|
}
|
|
15896
15832
|
|
|
15897
15833
|
/* ============================================================ */
|
|
@@ -16264,7 +16200,7 @@
|
|
|
16264
16200
|
transition: background 0.2s ease;
|
|
16265
16201
|
}
|
|
16266
16202
|
.wand-joystick-backdrop.active {
|
|
16267
|
-
background: rgba(20, 15, 12, 0.
|
|
16203
|
+
background: rgba(20, 15, 12, 0.18);
|
|
16268
16204
|
pointer-events: auto;
|
|
16269
16205
|
}
|
|
16270
16206
|
.wand-joystick-ball {
|
|
@@ -16277,15 +16213,12 @@
|
|
|
16277
16213
|
display: flex;
|
|
16278
16214
|
align-items: center;
|
|
16279
16215
|
justify-content: center;
|
|
16280
|
-
color:
|
|
16281
|
-
background:
|
|
16282
|
-
|
|
16283
|
-
linear-gradient(145deg, rgba(224, 126, 74, 0.94), rgba(89, 56, 38, 0.94));
|
|
16284
|
-
border: 1px solid rgba(255, 225, 190, 0.42);
|
|
16216
|
+
color: rgba(245, 235, 225, 0.94);
|
|
16217
|
+
background: rgba(35, 28, 24, 0.86);
|
|
16218
|
+
border: 1px solid rgba(245, 235, 225, 0.18);
|
|
16285
16219
|
box-shadow:
|
|
16286
|
-
0
|
|
16287
|
-
|
|
16288
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.28);
|
|
16220
|
+
0 8px 22px rgba(0, 0, 0, 0.3),
|
|
16221
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
|
16289
16222
|
backdrop-filter: blur(10px);
|
|
16290
16223
|
-webkit-backdrop-filter: blur(10px);
|
|
16291
16224
|
pointer-events: auto;
|
|
@@ -16297,107 +16230,27 @@
|
|
|
16297
16230
|
cursor: grab;
|
|
16298
16231
|
transition: transform 0.18s var(--ease-spring), background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
|
16299
16232
|
}
|
|
16300
|
-
.wand-joystick-ball::after {
|
|
16301
|
-
content: "";
|
|
16302
|
-
position: absolute;
|
|
16303
|
-
inset: 7px;
|
|
16304
|
-
border-radius: 50%;
|
|
16305
|
-
border: 1px solid rgba(255, 244, 225, 0.22);
|
|
16306
|
-
pointer-events: none;
|
|
16307
|
-
}
|
|
16308
16233
|
.wand-joystick-logo {
|
|
16309
16234
|
position: relative;
|
|
16310
16235
|
z-index: 1;
|
|
16311
|
-
filter: drop-shadow(0 2px 3px rgba(47, 25, 14, 0.42));
|
|
16312
16236
|
}
|
|
16313
16237
|
.wand-joystick-ball:hover {
|
|
16314
16238
|
transform: translateY(-1px);
|
|
16315
|
-
border-color: rgba(
|
|
16239
|
+
border-color: rgba(245, 235, 225, 0.3);
|
|
16240
|
+
background: rgba(43, 34, 29, 0.9);
|
|
16316
16241
|
box-shadow:
|
|
16317
|
-
0
|
|
16318
|
-
|
|
16319
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.34);
|
|
16242
|
+
0 10px 26px rgba(0, 0, 0, 0.34),
|
|
16243
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
16320
16244
|
}
|
|
16321
16245
|
.wand-joystick-ball:active,
|
|
16322
16246
|
.wand-joystick-ball.panel-open {
|
|
16323
|
-
background:
|
|
16324
|
-
radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.45), transparent 26%),
|
|
16325
|
-
linear-gradient(145deg, rgba(42, 31, 24, 0.95), rgba(118, 67, 42, 0.95));
|
|
16247
|
+
background: rgba(29, 23, 20, 0.94);
|
|
16326
16248
|
}
|
|
16327
16249
|
.wand-joystick-ball.dragging {
|
|
16328
16250
|
transform: scale(1.12);
|
|
16329
16251
|
cursor: grabbing;
|
|
16330
|
-
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.
|
|
16331
|
-
}
|
|
16332
|
-
/* 环形菜单:圆心运行期由 JS 对齐球球中心 */
|
|
16333
|
-
.wand-joystick-ring {
|
|
16334
|
-
position: fixed;
|
|
16335
|
-
left: 0;
|
|
16336
|
-
top: 0;
|
|
16337
|
-
width: 0;
|
|
16338
|
-
height: 0;
|
|
16339
|
-
z-index: 42;
|
|
16340
|
-
pointer-events: none;
|
|
16341
|
-
opacity: 0;
|
|
16342
|
-
visibility: hidden;
|
|
16343
|
-
transform: scale(0.6);
|
|
16344
|
-
transition: opacity 0.18s var(--ease-out-expo), transform 0.22s var(--ease-spring), visibility 0s linear 0.18s;
|
|
16252
|
+
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.36);
|
|
16345
16253
|
}
|
|
16346
|
-
.wand-joystick-ring.active {
|
|
16347
|
-
opacity: 1;
|
|
16348
|
-
visibility: visible;
|
|
16349
|
-
transform: scale(1);
|
|
16350
|
-
transition-delay: 0s;
|
|
16351
|
-
}
|
|
16352
|
-
.wjr-svg {
|
|
16353
|
-
position: absolute;
|
|
16354
|
-
left: 0;
|
|
16355
|
-
top: 0;
|
|
16356
|
-
transform: translate(-50%, -50%);
|
|
16357
|
-
overflow: visible;
|
|
16358
|
-
pointer-events: none;
|
|
16359
|
-
filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.5));
|
|
16360
|
-
}
|
|
16361
|
-
/* 底盘:所有扇区之下的玻璃圆盘,扇区细缝与外缘透出它,统一成一颗整盘 */
|
|
16362
|
-
.wjr-base {
|
|
16363
|
-
fill: rgba(18, 13, 10, 0.8);
|
|
16364
|
-
stroke: rgba(245, 235, 225, 0.14);
|
|
16365
|
-
stroke-width: 1;
|
|
16366
|
-
}
|
|
16367
|
-
.wjr-svg text {
|
|
16368
|
-
text-anchor: middle;
|
|
16369
|
-
dominant-baseline: central;
|
|
16370
|
-
font-size: 10.5px;
|
|
16371
|
-
font-weight: 600;
|
|
16372
|
-
fill: #f6ede3;
|
|
16373
|
-
/* 描边垫底 → 标签在任意扇区色/穿透的终端字上都清晰 */
|
|
16374
|
-
paint-order: stroke;
|
|
16375
|
-
stroke: rgba(10, 7, 5, 0.55);
|
|
16376
|
-
stroke-width: 2.2px;
|
|
16377
|
-
stroke-linejoin: round;
|
|
16378
|
-
pointer-events: none;
|
|
16379
|
-
}
|
|
16380
|
-
.wjr-inner text { font-size: 16px; fill: #fff; }
|
|
16381
|
-
.wjr-svg .wjr-2line { font-size: 9.5px; }
|
|
16382
|
-
.wjr-sector path {
|
|
16383
|
-
fill: rgba(74, 61, 53, 0.9); /* 功能圈:暖玻璃面,明显高于底盘与终端背景 */
|
|
16384
|
-
stroke: none;
|
|
16385
|
-
transition: fill 0.12s ease;
|
|
16386
|
-
}
|
|
16387
|
-
.wjr-inner path { fill: rgba(56, 45, 39, 0.92); } /* 方向圈略深,与功能圈区分层次 */
|
|
16388
|
-
.wjr-sector.is-repeating path,
|
|
16389
|
-
.wjr-sector.is-hover path { fill: var(--accent); }
|
|
16390
|
-
.wjr-sector.is-repeating text,
|
|
16391
|
-
.wjr-sector.is-hover text { fill: #fff; stroke: rgba(120, 42, 18, 0.5); }
|
|
16392
|
-
.wjr-sector.is-repeating,
|
|
16393
|
-
.wjr-sector.is-hover { filter: drop-shadow(0 0 9px rgba(197, 101, 61, 0.6)); }
|
|
16394
|
-
.wjr-hub {
|
|
16395
|
-
fill: rgba(14, 10, 8, 0.96);
|
|
16396
|
-
stroke: rgba(245, 235, 225, 0.22);
|
|
16397
|
-
stroke-width: 1.5;
|
|
16398
|
-
}
|
|
16399
|
-
text.wjr-hub-label { font-size: 12px; font-weight: 700; fill: #f6ede3; stroke: none; }
|
|
16400
|
-
.wand-joystick-ball.is-ringing { opacity: 0; }
|
|
16401
16254
|
/* 钉住面板 */
|
|
16402
16255
|
.wand-joystick-panel {
|
|
16403
16256
|
position: fixed;
|
|
@@ -16406,24 +16259,23 @@
|
|
|
16406
16259
|
z-index: 44;
|
|
16407
16260
|
display: flex;
|
|
16408
16261
|
flex-direction: column;
|
|
16409
|
-
gap:
|
|
16262
|
+
gap: 8px;
|
|
16410
16263
|
padding: 10px;
|
|
16411
|
-
border-radius:
|
|
16412
|
-
background:
|
|
16413
|
-
|
|
16414
|
-
border: 1px solid rgba(245, 235, 225, 0.16);
|
|
16264
|
+
border-radius: 12px;
|
|
16265
|
+
background: rgba(29, 23, 20, 0.96);
|
|
16266
|
+
border: 1px solid rgba(245, 235, 225, 0.12);
|
|
16415
16267
|
box-shadow:
|
|
16416
|
-
0
|
|
16417
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.
|
|
16418
|
-
backdrop-filter: blur(
|
|
16419
|
-
-webkit-backdrop-filter: blur(
|
|
16268
|
+
0 14px 34px rgba(0, 0, 0, 0.34),
|
|
16269
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
|
16270
|
+
backdrop-filter: blur(12px);
|
|
16271
|
+
-webkit-backdrop-filter: blur(12px);
|
|
16420
16272
|
pointer-events: none;
|
|
16421
16273
|
opacity: 0;
|
|
16422
16274
|
visibility: hidden;
|
|
16423
16275
|
transform: translateY(8px) scale(0.96);
|
|
16424
16276
|
transform-origin: bottom right;
|
|
16425
16277
|
transition: opacity 0.18s var(--ease-out-expo), transform 0.22s var(--ease-spring), visibility 0s linear 0.18s;
|
|
16426
|
-
width: min(
|
|
16278
|
+
width: min(224px, calc(100vw - 36px));
|
|
16427
16279
|
max-width: calc(100vw - 36px);
|
|
16428
16280
|
}
|
|
16429
16281
|
.wand-joystick-panel.active {
|
|
@@ -16444,14 +16296,13 @@
|
|
|
16444
16296
|
display: inline-flex;
|
|
16445
16297
|
align-items: center;
|
|
16446
16298
|
gap: 6px;
|
|
16447
|
-
font-size: 0.
|
|
16448
|
-
letter-spacing: 0
|
|
16449
|
-
|
|
16450
|
-
|
|
16451
|
-
font-weight: 700;
|
|
16299
|
+
font-size: 0.76rem;
|
|
16300
|
+
letter-spacing: 0;
|
|
16301
|
+
color: rgba(245, 235, 225, 0.78);
|
|
16302
|
+
font-weight: 600;
|
|
16452
16303
|
}
|
|
16453
16304
|
.wjp-title-icon {
|
|
16454
|
-
color: rgba(
|
|
16305
|
+
color: rgba(245, 235, 225, 0.72);
|
|
16455
16306
|
}
|
|
16456
16307
|
.wjp-close {
|
|
16457
16308
|
width: 24px;
|
|
@@ -16472,28 +16323,20 @@
|
|
|
16472
16323
|
color: rgba(245, 235, 225, 0.95);
|
|
16473
16324
|
}
|
|
16474
16325
|
.wjp-close:active { transform: scale(0.94); }
|
|
16475
|
-
.wjp-
|
|
16476
|
-
|
|
16477
|
-
|
|
16478
|
-
font-size: 0.58rem;
|
|
16479
|
-
font-weight: 700;
|
|
16480
|
-
letter-spacing: 0.09em;
|
|
16481
|
-
text-transform: uppercase;
|
|
16482
|
-
}
|
|
16483
|
-
.wjp-dpad { display: flex; flex-direction: column; align-items: center; gap: 4px; }
|
|
16484
|
-
.wjp-dpad-row { display: flex; gap: 4px; }
|
|
16485
|
-
.wjp-grid { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
|
|
16326
|
+
.wjp-dpad { display: flex; flex-direction: column; align-items: center; gap: 5px; }
|
|
16327
|
+
.wjp-dpad-row { display: flex; gap: 5px; }
|
|
16328
|
+
.wjp-grid { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; }
|
|
16486
16329
|
.wjp-fnkeys { max-width: 200px; }
|
|
16487
16330
|
.wjp-key {
|
|
16488
16331
|
min-width: 44px;
|
|
16489
|
-
height:
|
|
16332
|
+
height: 38px;
|
|
16490
16333
|
padding: 0 8px;
|
|
16491
|
-
border-radius:
|
|
16492
|
-
font-size: 0.
|
|
16493
|
-
font-weight:
|
|
16494
|
-
color: rgba(245, 235, 225, 0.
|
|
16495
|
-
background: rgba(255, 255, 255, 0.
|
|
16496
|
-
border: 1px solid rgba(245, 235, 225, 0.
|
|
16334
|
+
border-radius: 8px;
|
|
16335
|
+
font-size: 0.76rem;
|
|
16336
|
+
font-weight: 500;
|
|
16337
|
+
color: rgba(245, 235, 225, 0.84);
|
|
16338
|
+
background: rgba(255, 255, 255, 0.045);
|
|
16339
|
+
border: 1px solid rgba(245, 235, 225, 0.11);
|
|
16497
16340
|
cursor: pointer;
|
|
16498
16341
|
touch-action: manipulation;
|
|
16499
16342
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -16501,15 +16344,11 @@
|
|
|
16501
16344
|
transition: transform 0.1s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
|
16502
16345
|
}
|
|
16503
16346
|
.wjp-key:hover {
|
|
16504
|
-
background: rgba(255, 255, 255, 0.
|
|
16505
|
-
border-color: rgba(
|
|
16506
|
-
color:
|
|
16507
|
-
}
|
|
16508
|
-
.wjp-key:active { background:
|
|
16509
|
-
.wjp-key[data-key="enter"] { color: #a7d7a9; }
|
|
16510
|
-
.wjp-key[data-key="ctrl_c"],
|
|
16511
|
-
.wjp-key[data-key="escape"] { color: #f1a39d; }
|
|
16512
|
-
.wjp-key[data-key="shift_tab"] { color: #c5b8ff; }
|
|
16347
|
+
background: rgba(255, 255, 255, 0.08);
|
|
16348
|
+
border-color: rgba(245, 235, 225, 0.2);
|
|
16349
|
+
color: rgba(245, 235, 225, 0.95);
|
|
16350
|
+
}
|
|
16351
|
+
.wjp-key:active { background: rgba(255, 255, 255, 0.12); transform: scale(0.96); }
|
|
16513
16352
|
.wjp-key.wjp-mod.active {
|
|
16514
16353
|
background: var(--accent);
|
|
16515
16354
|
color: #fff;
|