chore(i8n,learn): processed translations

curriculum/challenges/chinese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md

@@ -9,13 +9,13 @@ dashedName: create-a-custom-css-variable
 
 # --description--
 
-为创建一个 CSS 变量，你只需要在变量名前添加两个 `-`，并为其赋值即可，例子如下：
+为创建一个 CSS 变量，你只需要在变量名前添加两个连字符号，并为其赋值即可，例子如下：
 
 ```css
 --penguin-skin: gray;
 ```
 
-这样就会创建一个 `--penguin-skin` 变量，它的值为 `gray`。 现在，其他元素可通过该变量来调用 `gray`。
+这样就会创建一个 `--penguin-skin` 变量，它的值为 `gray`。 现在，其他元素可通过该变量来使元素变成灰色。
 
 # --instructions--
 
@@ -27,7 +27,7 @@ dashedName: create-a-custom-css-variable
 
 ```js
 assert(
-  code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi)
+  code.match(/\.penguin\s*\{[^{}]*?--penguin-skin\s*:\s*gr[ae]y\s*;[^{}]*?\}/gi)
 );
 ```