:root{
  --键盘背景色: #eee;
  --⇧键单击: #f00;		/*shift键_单按_高亮_文字色*/
  --键边框颜色: #ebedf0;
  --键边框大小: 0;
  --键圆角: .6rem;
  --键间距: .15rem;		/* 键(||)*/
  --键阴影:   	/* 键 底部阴影 */
			0 .05rem 0 #999;

/*字母键*/
  --背景色1: #fee9e6;
  --字体色1: #000000;
  --字大小1: 1.3rem;
  --上标字符色1: var(--字体色1);
  --字阴影1: none;
  --键阴影1: none;
  
/*功能键*/
  --背景色2: #fff;
  --字体色2: #000000;
  --上标字符色2: var(--字体色2);
  --字阴影2: none;
  --键阴影2: 0 0 .1rem #ccc;

/*回车键*/
  --⏎背景色: #fff;
  --⏎字体色: #4b6364;

/*候选栏*/
  --候背景色: #f4f6f9;
  --候字体颜色: var(--字体色1);
  --候高亮首选色: #ED0638;
  --候底线颜色: none;		/*候选栏底线(分割键盘区域线)_颜色*/
  --候字阴影: none;
  --候阴影: none;
  --V背景色: #f4f6f9;
	--uifj键色: var(--字体色1);
}

.keyboard-key[data-keycode="113"] > .visual-wrapper {
  background: #ef7e6c; /*q*/
}
.keyboard-key[data-keycode="119"] > .visual-wrapper {
  background: #f39788; /*w*/
}
.keyboard-key[data-keycode="101"] > .visual-wrapper {
  background: #f9cd9c; /*e*/
}
.keyboard-key[data-keycode="114"] > .visual-wrapper {
  background: #fde0a6; /*r*/
}
.keyboard-key[data-keycode="116"] > .visual-wrapper {
  background: #fdf1b4; /*t*/
}
.keyboard-key[data-keycode="121"] > .visual-wrapper {
  background: #c8e2b2; /*y*/
}
.keyboard .keyboard-key[data-keycode="117"] > .visual-wrapper {
  background: #99d0ba; /*u*/
}
.keyboard .keyboard-key[data-keycode="105"] > .visual-wrapper {
  background: #99d1d2; /*i*/
}
.keyboard-key[data-keycode="111"] > .visual-wrapper {
  background: #93aad6; /*o*/
}
.keyboard-key[data-keycode="112"] > .visual-wrapper {
  background: #d2a6c7; /*p*/
}

.keyboard-key[data-keycode="97"] > .visual-wrapper {
  background: #ffbdb4; /*a*/
}
.keyboard-key[data-keycode="115"] > .visual-wrapper {
  background: #ffd0ca; /*s*/
}
.keyboard-key[data-keycode="100"] > .visual-wrapper {
  background: #ffdcd8; /*d*/
}
.keyboard .keyboard-key[data-keycode="102"] > .visual-wrapper {
  background: #fee9e6; /*f*/
}
.keyboard-key[data-keycode="103"] > .visual-wrapper {
  background: #D8ECB9; /*g*/
}
.keyboard-key[data-keycode="104"] > .visual-wrapper {
  background: #c9e3d7; /*h*/
}
.keyboard .keyboard-key[data-keycode="106"] > .visual-wrapper {
  background: #c9e5e7; /*j*/
}
.keyboard-key[data-keycode="107"] > .visual-wrapper {
  background: #bfcae6; /*k*/
}
.keyboard-key[data-keycode="108"] > .visual-wrapper {
  background: #c9b6d4; /*l*/
}

.keyboard-key[data-keycode="122"] > .visual-wrapper {
  background: #fde9e6; /*z*/
}
.keyboard-key[data-keycode="120"] > .visual-wrapper {
  background: #fce9db; /*x*/
}
.keyboard-key[data-keycode="99"] > .visual-wrapper {
  background: #feeedf; /*c*/
}
.keyboard-key[data-keycode="118"] > .visual-wrapper {
  background: #E3F1CA; /*v*/
}
.keyboard-key[data-keycode="98"] > .visual-wrapper {
  background: #dfefe5; /*b*/
}
.keyboard-key[data-keycode="110"] > .visual-wrapper {
  background: #dadef1; /*n*/
}
.keyboard-key[data-keycode="109"] > .visual-wrapper {
  background: #e7d3e2; /*m*/
}
.keyboard-key[data-keycode="32"] > .visual-wrapper {
  background: #fff;
}

/* 上标居中 */
.keyboard-key .alt-note {
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ●隐藏下标 */
.keyboard-key .hii-note {
  color: transparent !important;
}