:root{
  --键盘背景色: #DDD;
  --⇧键单击: #F05;		/*shift键_单按_高亮_文字色*/
  --键边框颜色: #444;
  --键边框大小: 0;
  --键圆角: .35rem;
  --键间距: .17rem;		/* 键(||)*/
  --键阴影: 
			#000 0 -.05rem 0 inset,
			0 .05rem 0 #bbb inset,
			0 .15rem .2rem rgba(0,0,0,.5),
			0 -.2rem .2rem rgba(0,0,0,.2) inset;

/*字母键*/
  --背景色1: #FFF;
  --字体色1: #111;
  --字大小1: 1.4rem;
  --上标字符色1: var(--字体色1);
  --字阴影1: 0 0 0 #000;
  --键阴影1: none;

/*功能键*/
  --背景色2: #F7C94F;
  --字体色2: #111;
  --上标字符色2: var(--字体色2);
  --字阴影2: none;
  --键阴影2: none;

/*回车键*/
  --⏎背景色: #F7C94F;
  --⏎字体色: #000;

/*候选栏*/
  --候背景色: #F7C94F;
  --候字体颜色: var(--字体色1);
  --候高亮首选色: #F05;
  --候底线颜色: #000;		/*候选栏底线(分割键盘区域线)_颜色*/
  --候字阴影: none;
  --候阴影: 0 .2rem .2rem rgba(0,0,0,.3),0 -.1rem .3rem rgba(0,0,0,.2) inset;
  --V背景色: #F7C94F;
	--uifj键色: var(--字体色1);
	--动画框大小: -.11em;
}

.keyboard-key[data-keycode="102"] > .visual-wrapper{
  background: linear-gradient(180deg,rgba(255,255,255,.3),#ffffb3);
}
.keyboard-key[data-keycode="105"] > .visual-wrapper{
  background: linear-gradient(180deg,rgba(255,255,255,.3),#ff8080);
}
.keyboard-key[data-keycode="106"] > .visual-wrapper{
  background: linear-gradient(180deg,rgba(255,255,255,.3),#80ff80);
}
.keyboard-key[data-keycode="118"] > .visual-wrapper{
  background: linear-gradient(180deg,rgba(255,255,255,.3),#4dd2ff);
}

.keyboard-key > .visual-wrapper span:after{
	position:absolute;
	bottom: -35%; right: 5%;
	z-index: -1;
	font-size: .8rem;
  pointer-events: none;
}
.keyboard-key[data-keycode="121"] > .visual-wrapper span:after{
	content: "弋";
}

.keyboard-key > .visual-wrapper span:before{
	position:absolute;
	top: -30%; left: 6%;
	z-index: 0;
	font-size: .9rem;
  pointer-events: none;
	color: #ff4d4d;
}
.keyboard-key[data-keycode="105"] > .visual-wrapper span:before{
	content: "ᴄʜ";
}
del.keyboard-key[data-keycode="116"] > .visual-wrapper span:before{
	content: "ᴜᴇ";
}
del.keyboard-key[data-keycode="117"] > .visual-wrapper span:before{
	content: "sʜ";
}
.keyboard-key[data-keycode="118"] > .visual-wrapper span:before{
	content: "ᴢʜ";
}
.keyboard-key[data-keycode="104"] > .visual-wrapper span:before{
	content: "ᴀɢ";
}
del.keyboard-key[data-keycode="103"] > .visual-wrapper span:before{
	content: "ᴇɢ";
}
del.keyboard-key[data-keycode="98"] > .visual-wrapper span:before{
	content: "𝐢ɴ";
}
