:root{
  --键盘背景色: #ffffee;
  --⇧键单击: #9C36E5;		/*shift键_单按_高亮_文字色*/
  --⇧键锁定: #acacac;		/*shift键_二按_锁定_背景色*/
  --键边框颜色: #444;
  --键边框大小: 0.1rem;
  --键圆角: .6rem;
  --键间距: .1rem;		/* 键(||)*/
  --键阴影:		/* 键 底部阴影 */
      inset 0 .2rem .1rem rgba(255, 255, 255, .5),
inset 0 -.2rem .4rem rgba(0, 0, 0, .3),
0 .2rem .2rem #666;

/*字母键*/
  --背景色1: rgba(255,255,255,.3);
  --字体色1: #000;
  --字大小1: 1.4rem;
  --上标字符色1: var(--字体色1);
  --字阴影1: none;
  --键阴影1: none;

/*功能键*/
  --背景色2: rgba(180, 236, 116, 0.5);
  --字体色2: #111;
  --上标字符色2: var(--字体色2);
  --字阴影2: none;
  --键阴影2: none;

/*回车键*/
  --⏎背景色: var(--背景色2);
  --⏎字体色: #222;

/*候选栏*/
  --候背景色: transparent;
  --候字体颜色: #000;
  --候高亮首选色: #CA18A2;
  --候底线颜色: transparent;		/*候选栏底线(分割键盘区域线)_颜色*/
  --候字阴影: none;
  --候阴影: none;
  --V背景色: #ffffef;
	--uifj键色: var(--字体色1);
	--底栏字色: #000;
}
.keyboard-key .alt-note {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  font: .6rem Sans-serif;
}
.keyboard-key .hii-note {
  color: transparent !important;
}

.keyboard .keyboard-key[data-keycode="105"] > .visual-wrapper {
  background: linear-gradient(120deg, rgba(169, 136, 231, 0.3), rgba(49, 120, 236, 0.3) 96%); /*i*/
}
.keyboard .keyboard-key[data-keycode="102"] > .visual-wrapper {
  background: linear-gradient(120deg, rgba(107, 222, 234, 0.3), rgba(137, 249, 120, 0.3) 96%); /*f*/
}

.keyboard .keyboard-key[data-keycode="106"] > .visual-wrapper {
  background: linear-gradient(120deg, rgba(238, 110, 5, 0.3), rgba(255, 255, 77, .3) 96%); /*j*/
}

.keyboard-key[data-keycode="118"] > .visual-wrapper {
  background: linear-gradient(120deg, rgba(202, 246, 95, 0.3), rgba(200, 238, 119, 0.3) 96%); /*v*/
}

.keyboard-key.special-key[data-keycode="8"] > .visual-wrapper {
  background: linear-gradient(120deg, rgba(255, 24, 95, 0.1), rgba(255, 0, 9, 0.3) 96%) !important; /* */
}

.keyboard .keyboard-key[data-keycode="32"]:not(.special-key) > .visual-wrapper span{
  text-shadow: none;
  font-weight: 900;
  background-image: linear-gradient(to right, #0D9DB5 25%,#6954E7 40%, #9A69EE 55%, #B21F49 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* 点击按键时效果 */
.keyboard-key:not(.special-key):not(.special-keya):not([data-keycode="32"]) > .visual-wrapper:active{
	box-shadow: none;
}