@co0ontty/wand 1.43.5 → 1.43.6
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.
|
@@ -16264,7 +16264,7 @@
|
|
|
16264
16264
|
transition: background 0.2s ease;
|
|
16265
16265
|
}
|
|
16266
16266
|
.wand-joystick-backdrop.active {
|
|
16267
|
-
background: rgba(20, 15, 12, 0.
|
|
16267
|
+
background: rgba(20, 15, 12, 0.18);
|
|
16268
16268
|
pointer-events: auto;
|
|
16269
16269
|
}
|
|
16270
16270
|
.wand-joystick-ball {
|
|
@@ -16277,15 +16277,12 @@
|
|
|
16277
16277
|
display: flex;
|
|
16278
16278
|
align-items: center;
|
|
16279
16279
|
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);
|
|
16280
|
+
color: rgba(245, 235, 225, 0.94);
|
|
16281
|
+
background: rgba(35, 28, 24, 0.86);
|
|
16282
|
+
border: 1px solid rgba(245, 235, 225, 0.18);
|
|
16285
16283
|
box-shadow:
|
|
16286
|
-
0
|
|
16287
|
-
|
|
16288
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.28);
|
|
16284
|
+
0 8px 22px rgba(0, 0, 0, 0.3),
|
|
16285
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
|
16289
16286
|
backdrop-filter: blur(10px);
|
|
16290
16287
|
-webkit-backdrop-filter: blur(10px);
|
|
16291
16288
|
pointer-events: auto;
|
|
@@ -16297,107 +16294,27 @@
|
|
|
16297
16294
|
cursor: grab;
|
|
16298
16295
|
transition: transform 0.18s var(--ease-spring), background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
|
16299
16296
|
}
|
|
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
16297
|
.wand-joystick-logo {
|
|
16309
16298
|
position: relative;
|
|
16310
16299
|
z-index: 1;
|
|
16311
|
-
filter: drop-shadow(0 2px 3px rgba(47, 25, 14, 0.42));
|
|
16312
16300
|
}
|
|
16313
16301
|
.wand-joystick-ball:hover {
|
|
16314
16302
|
transform: translateY(-1px);
|
|
16315
|
-
border-color: rgba(
|
|
16303
|
+
border-color: rgba(245, 235, 225, 0.3);
|
|
16304
|
+
background: rgba(43, 34, 29, 0.9);
|
|
16316
16305
|
box-shadow:
|
|
16317
|
-
0
|
|
16318
|
-
|
|
16319
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.34);
|
|
16306
|
+
0 10px 26px rgba(0, 0, 0, 0.34),
|
|
16307
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
16320
16308
|
}
|
|
16321
16309
|
.wand-joystick-ball:active,
|
|
16322
16310
|
.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));
|
|
16311
|
+
background: rgba(29, 23, 20, 0.94);
|
|
16326
16312
|
}
|
|
16327
16313
|
.wand-joystick-ball.dragging {
|
|
16328
16314
|
transform: scale(1.12);
|
|
16329
16315
|
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;
|
|
16345
|
-
}
|
|
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;
|
|
16316
|
+
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.36);
|
|
16379
16317
|
}
|
|
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
16318
|
/* 钉住面板 */
|
|
16402
16319
|
.wand-joystick-panel {
|
|
16403
16320
|
position: fixed;
|
|
@@ -16406,24 +16323,23 @@
|
|
|
16406
16323
|
z-index: 44;
|
|
16407
16324
|
display: flex;
|
|
16408
16325
|
flex-direction: column;
|
|
16409
|
-
gap:
|
|
16326
|
+
gap: 8px;
|
|
16410
16327
|
padding: 10px;
|
|
16411
|
-
border-radius:
|
|
16412
|
-
background:
|
|
16413
|
-
|
|
16414
|
-
border: 1px solid rgba(245, 235, 225, 0.16);
|
|
16328
|
+
border-radius: 12px;
|
|
16329
|
+
background: rgba(29, 23, 20, 0.96);
|
|
16330
|
+
border: 1px solid rgba(245, 235, 225, 0.12);
|
|
16415
16331
|
box-shadow:
|
|
16416
|
-
0
|
|
16417
|
-
inset 0 1px 0 rgba(255, 255, 255, 0.
|
|
16418
|
-
backdrop-filter: blur(
|
|
16419
|
-
-webkit-backdrop-filter: blur(
|
|
16332
|
+
0 14px 34px rgba(0, 0, 0, 0.34),
|
|
16333
|
+
inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
|
16334
|
+
backdrop-filter: blur(12px);
|
|
16335
|
+
-webkit-backdrop-filter: blur(12px);
|
|
16420
16336
|
pointer-events: none;
|
|
16421
16337
|
opacity: 0;
|
|
16422
16338
|
visibility: hidden;
|
|
16423
16339
|
transform: translateY(8px) scale(0.96);
|
|
16424
16340
|
transform-origin: bottom right;
|
|
16425
16341
|
transition: opacity 0.18s var(--ease-out-expo), transform 0.22s var(--ease-spring), visibility 0s linear 0.18s;
|
|
16426
|
-
width: min(
|
|
16342
|
+
width: min(224px, calc(100vw - 36px));
|
|
16427
16343
|
max-width: calc(100vw - 36px);
|
|
16428
16344
|
}
|
|
16429
16345
|
.wand-joystick-panel.active {
|
|
@@ -16444,14 +16360,13 @@
|
|
|
16444
16360
|
display: inline-flex;
|
|
16445
16361
|
align-items: center;
|
|
16446
16362
|
gap: 6px;
|
|
16447
|
-
font-size: 0.
|
|
16448
|
-
letter-spacing: 0
|
|
16449
|
-
|
|
16450
|
-
|
|
16451
|
-
font-weight: 700;
|
|
16363
|
+
font-size: 0.76rem;
|
|
16364
|
+
letter-spacing: 0;
|
|
16365
|
+
color: rgba(245, 235, 225, 0.78);
|
|
16366
|
+
font-weight: 600;
|
|
16452
16367
|
}
|
|
16453
16368
|
.wjp-title-icon {
|
|
16454
|
-
color: rgba(
|
|
16369
|
+
color: rgba(245, 235, 225, 0.72);
|
|
16455
16370
|
}
|
|
16456
16371
|
.wjp-close {
|
|
16457
16372
|
width: 24px;
|
|
@@ -16472,28 +16387,20 @@
|
|
|
16472
16387
|
color: rgba(245, 235, 225, 0.95);
|
|
16473
16388
|
}
|
|
16474
16389
|
.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; }
|
|
16390
|
+
.wjp-dpad { display: flex; flex-direction: column; align-items: center; gap: 5px; }
|
|
16391
|
+
.wjp-dpad-row { display: flex; gap: 5px; }
|
|
16392
|
+
.wjp-grid { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; }
|
|
16486
16393
|
.wjp-fnkeys { max-width: 200px; }
|
|
16487
16394
|
.wjp-key {
|
|
16488
16395
|
min-width: 44px;
|
|
16489
|
-
height:
|
|
16396
|
+
height: 38px;
|
|
16490
16397
|
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.
|
|
16398
|
+
border-radius: 8px;
|
|
16399
|
+
font-size: 0.76rem;
|
|
16400
|
+
font-weight: 500;
|
|
16401
|
+
color: rgba(245, 235, 225, 0.84);
|
|
16402
|
+
background: rgba(255, 255, 255, 0.045);
|
|
16403
|
+
border: 1px solid rgba(245, 235, 225, 0.11);
|
|
16497
16404
|
cursor: pointer;
|
|
16498
16405
|
touch-action: manipulation;
|
|
16499
16406
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -16501,15 +16408,11 @@
|
|
|
16501
16408
|
transition: transform 0.1s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
|
|
16502
16409
|
}
|
|
16503
16410
|
.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; }
|
|
16411
|
+
background: rgba(255, 255, 255, 0.08);
|
|
16412
|
+
border-color: rgba(245, 235, 225, 0.2);
|
|
16413
|
+
color: rgba(245, 235, 225, 0.95);
|
|
16414
|
+
}
|
|
16415
|
+
.wjp-key:active { background: rgba(255, 255, 255, 0.12); transform: scale(0.96); }
|
|
16513
16416
|
.wjp-key.wjp-mod.active {
|
|
16514
16417
|
background: var(--accent);
|
|
16515
16418
|
color: #fff;
|