diff --git a/animate.css b/animate.css
index 4073d61..5665f72 100644
--- a/animate.css
+++ b/animate.css
@@ -223,6 +223,17 @@
     animation: BondFlash 3s linear infinite;
 }
 
+#result0 {
+    margin: auto;
+    transition: transform 2s;
+    transform-style: preserve-3d;
+    left: 0;
+    right:0;
+    top: 0;
+    bottom: 0;
+    width: 320px;
+    height: 580px;
+}
 #result {
     margin: auto;
     transition: transform 2s;
@@ -303,6 +314,16 @@ img.prize1 {
     max-width: 150px;
     max-height: 150px;
 }
+img.prize0 {
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right:0;
+    top: 0;
+    bottom: 0;
+    max-width: 150px;
+    max-height: 150px;
+}
 
 .bondbg {
     background-color: hsla(0,0%,100%,.6); 
@@ -348,13 +369,13 @@ img.prize1 {
 }
 
 .ring8>.plane {
-    height: 150px;
-    width: 150px
+    height: 100px;
+    width: 100px
 }
 
 .ring82>.plane {
-    height: 150px;
-    width: 150px
+    height: 100px;
+    width: 100px
 }
 
 .col-xs-4>.showNum {
@@ -389,4 +410,29 @@ img.prize1 {
     right:0;
     top: 0;
     bottom: 0;
+}
+#bb0 {
+    max-width: 100px;
+    max-height: 100px;
+    /* display: block; */
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right:0;
+    top: 0;
+    bottom: 0;
+}
+
+.backnum {
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right:0;
+    top: 0;
+    bottom: 0;
+    width: 140px;
+    height: 220px;
+    background-color: hsla(0,0%,100%,.5);
+    /* border: 1px solid #fff; */
+    border-radius: 100%;
 }
\ No newline at end of file
diff --git a/change.js b/change.js
index 95efc7c..d960d5c 100644
--- a/change.js
+++ b/change.js
@@ -24,6 +24,7 @@ var toggleResult = function(num){
 
 var toggleSecondPrize = function() {
     $(".NumRolling").children("img").css("display", "none");
+    $(".NumRolling").children(".backnum").css("display", "none");
     $(".NumRolling").children("ul").css("display", "inherit");
     $(".row").css("transform", "translateY(2500px)");
     $("#result1").parent().css("transform", "translateY(2500px)");
@@ -43,4 +44,29 @@ var toggleFirstPrize = function() {
     $("#bond0").parent().parent().css("transform", "translateY(0px) translateZ(-250px) rotateZ(45deg)");
     $("#card0").parent().parent().css("transform", "translateY(0px) translateZ(-380px)");
     $("#result11").parent().css("transform", "translateY(2250px)");
+    $("#result0").parent().css("transform", "translateY(2250px)");
+    $("#num1").children("ul").css("display", "inherit");
+    $("#num1").children("img").css("display", "none");
+    // 清空row
+    $("#num1").children("ul").children("li").children("img").attr("src", "");
+    $("#num2").css("background-image","");
+    $("#num3").children("img").attr("src","");
+}
+var toggleSpecialPrize = function() {
+    $(".NumRolling").children("img").css("display", "none");
+    $(".NumRolling").children("ul").css("display", "inherit");
+    $(".row").css("transform", "translateY(2500px)");
+    $("#result1").parent().css("transform", "translateY(2500px)");
+    // $("#result").css("display", "none");
+    $("#bg0").parent().parent().css("transform", "translateY(0px) translateZ(-250px)");
+    $("#bond0").parent().parent().css("transform", "translateY(0px) translateZ(-250px) rotateZ(45deg)");
+    $("#card0").parent().parent().css("transform", "translateY(0px) translateZ(-380px)");
+    $("#result11").parent().css("transform", "translateY(2250px)");
+    $("#result0").parent().css("transform", "translateY(2250px)");
+    $("#num1").children("img").css("display", "inherit");
+    $("#num1").children("ul").css("display", "none");
+    // 清空row
+    $("#num1").children("img").attr("src", "");
+    $("#num2").css("background-image","");
+    $("#num3").children("img").attr("src","");
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 4dcbec2..53cd2de 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
                 </div>
             </div>
             <div id="container" class="container" >
-                <div id="stage" style="transform: translateZ(-250px) rotateZ(45deg);">
+                <div id="stage" style="transform: translateZ(-250px) rotateZ(45deg); padding-top: 50px;">
                     <div id="shape" class="ring8 backfaces cubeShow_0">
                         <div id="bond0" class="plane eine"> <img src="抽奖软件UI/键和方式/1-H2.png">        </div>
                         <div id="bond1" class="plane zwei"> <img src="抽奖软件UI/键和方式/2-水.png">        </div>
@@ -63,9 +63,10 @@
             </div>
         </div>
         <div id="container" class="container">
-            <div id="stage">
-                <div id="result" style="display: none;">
+            <div id="stage" style="transform: translateY(2500px);">
+                <div id="result">
                     <div class="showNum CardUndefined">
+                        <div class="backnum"></div>
                         <img id="n1" src="抽奖软件UI/数字/0.png">
                     </div>
                     <div class="bondbg lefttop">
@@ -77,10 +78,27 @@
                 </div>
             </div>
         </div>
+        <div id="container" class="container">
+            <div id="stage" style="transform: translateY(2250px);">
+                <div id="result0">
+                    <div class="showNum">
+                        <div class="backnum"></div>
+                        <img id="n0" class="prize0" src="抽奖软件UI/数字/0.png">
+                    </div>
+                    <div class="bondbg lefttop">
+                        <img id="b0l" src="抽奖软件UI/键和方式/1-H2.png">
+                    </div>
+                    <div class="bondbg rightbottom">
+                        <img id="b0r" src="抽奖软件UI/键和方式/1-H2.png">
+                    </div>
+                </div>
+            </div>
+        </div>
         <div id="container" class="container">
             <div id="stage" style="transform: translateY(2250px);">
                 <div id="result11">
                     <div class="showNum">
+                        <div class="backnum"></div>
                         <img id="n11" class="prize1" src="抽奖软件UI/数字/0.png">
                     </div>
                     <div class="bondbg lefttop">
@@ -92,6 +110,7 @@
                 </div>
                 <div id="result12">
                     <div class="showNum">
+                        <div class="backnum"></div>
                         <img id="n12" class="prize1" src="抽奖软件UI/数字/0.png">
                     </div>
                     <div class="bondbg lefttop">
@@ -103,6 +122,7 @@
                 </div>
                 <div id="result13">
                     <div class="showNum">
+                        <div class="backnum"></div>
                         <img id="n13" class="prize1" src="抽奖软件UI/数字/0.png">
                     </div>
                     <div class="bondbg lefttop">
@@ -114,6 +134,7 @@
                 </div>
                 <div id="result14">
                     <div class="showNum">
+                        <div class="backnum"></div>
                         <img id="n14" class="prize1" src="抽奖软件UI/数字/0.png">
                     </div>
                     <div class="bondbg lefttop">
@@ -130,19 +151,20 @@
                 <div id="result1">
                     <div id="2p1" class="showNum">
                         <div class="NumRolling" >
+                            <div class="backnum" style="display: none;"></div>
                             <img class="centerNum" style="display: none;">
                             <ul>
-                                <li><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/1.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/2.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/3.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/4.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/5.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/6.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/7.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/8.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/9.png" style="display: block;"></li>
-                                <li><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/1.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/2.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/3.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/4.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/5.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/6.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/7.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/8.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/9.png" style="display: block;"></li>
+                                <li><div class="backnum"></div><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
                             </ul>
                         </div>
                     </div>
@@ -156,19 +178,20 @@
                 <div id="result2">
                     <div id="2p2" class="showNum">
                         <div class="NumRolling" >
+                            <div class="backnum"></div>
                             <img class="centerNum">
                             <ul>
-                            <li><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/1.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/2.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/3.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/4.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/5.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/6.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/7.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/8.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/9.png" style="display: block;"></li>
-                            <li><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/1.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/2.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/3.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/4.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/5.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/6.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/7.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/8.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/9.png" style="display: block;"></li>
+                            <li><div class="backnum"></div><img src="抽奖软件UI/数字/0.png" style="display: block;"></li>
                             </ul>
                         </div>
                     </div>
@@ -185,6 +208,7 @@
             <div class="row" style="transform: translateY(2500px);">
                 <div class="col-xs-4">
                     <div id="num1" class="showNum">
+                        <img id="bb0" src="抽奖软件UI/键和方式/2-水.png">
                         <ul>
                             <li><img id="br1" ></li>
                             <li><img id="br2" ></li>
diff --git a/index.js b/index.js
index 780a14f..dfbde13 100644
--- a/index.js
+++ b/index.js
@@ -258,6 +258,7 @@ $(document).ready(function () {
           $("#result2").toggleClass("jumpDown");
           $(".NumRolling").children("ul").css("display", "none");
           $(".NumRolling").children("img").css("display", "inherit");
+          $(".NumRolling").children(".backnum").css("display", "inherit");
           $(".NumRolling").children("img").attr("src", "抽奖软件UI/数字/"+numArr[2]+".png");
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 2) {
@@ -380,18 +381,99 @@ $(document).ready(function () {
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 1){
           // 抽键合
+          if(numArr[0] === '1'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/1-H2.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/1-H2.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/1-H2.png");
+          } else if(numArr[0] === '2'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/2-水.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/2-水.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/2-水.png");
+          } else if(numArr[0] === '3'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/3-乙炔.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/3-乙炔.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/3-乙炔.png");
+          } else if(numArr[0] === '4'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/4-正四面体.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/4-正四面体.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/4-正四面体.png");
+          } else if(numArr[0] === '5'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/5-石墨.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/5-石墨.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/5-石墨.png");
+          } else if(numArr[0] === '6'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/6-丙炔.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/6-丙炔.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/6-丙炔.png");
+          } else if(numArr[0] === '7'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/7-简单立方.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/7-简单立方.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/7-简单立方.png");
+          } else if(numArr[0] === '0'){
+            $("#bb0").attr("src", "抽奖软件UI/键和方式/8-BCC.png");
+            $("#b0l").attr("src", "抽奖软件UI/键和方式/8-BCC.png");
+            $("#b0r").attr("src", "抽奖软件UI/键和方式/8-BCC.png");
+          }
+          $("#num1").toggleClass("jumpDown");
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 2){
           // 抽背底
+          if(numArr[1] === '0'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/金属/金属1.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/金属/金属1.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '1'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/金属/金属2.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/金属/金属2.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '2'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/复合/复合1.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/复合/复合1.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '3'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/复合/复合2.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/复合/复合2.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '4'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/非金/非金1.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/非金/非金1.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '5'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/非金/非金2.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/非金/非金2.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '6'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/高分子/高分子1.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/高分子/高分子1.png)");
+            // $("#num2").css("background-size", "contain");
+          } else if(numArr[1] === '7'){
+            $("#num2").css("background-image", "url(抽奖软件UI/底色/高分子/高分子2.png)");
+            $("#result0").children(".showNum").css("background-image", "url(抽奖软件UI/底色/高分子/高分子2.png)");
+            // $("#num2").css("background-size", "contain");
+          }
+          $("#num2").toggleClass("jumpDown");
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 3){
           // 抽数字
+          $("#num3").children("img").attr("src", "抽奖软件UI/数字/"+numArr[2]+".png");
+          $(".prize0").attr("src", "抽奖软件UI/数字/"+numArr[2]+".png");
+          $("#num3").toggleClass("jumpDown");
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 4){
           // 最终卡片
+          $("#result0").parent().css("transform", "translateY(0px)");
+          $(".row").css("transform", "translateY(2500px)");
+          $("#bg0").parent().parent().css("transform", "translateY(-1000px)");
+          $("#bond0").parent().parent().css("transform", "translateY(-1000px) rotateZ(45deg)");
+          $("#card0").parent().parent().css("transform", "translateY(-1000px) ");
           pressTimes++;
         } else if(event.which === 32 && pressTimes === 5){
           // 清空，重置
+          $("#num1").toggleClass("jumpDown");
+          $("#num2").toggleClass("jumpDown");
+          $("#num3").toggleClass("jumpDown");
+          numArr = getRandomNum(usedArr, config[0], config[1], config[2]);
+          toggleExpand()
           toggleSpecialPrize();
           pressTimes = 0;
         }
diff --git a/new3d.css b/new3d.css
index 469ff13..196c127 100644
--- a/new3d.css
+++ b/new3d.css
@@ -24,28 +24,28 @@
 }
 
 .ring82>.eine {
-    transform: translateZ(350px);
+    transform: translateZ(400px);
 }
 .ring82>.zwei {
-    transform: rotateY(45deg) translateZ(350px);
+    transform: rotateY(45deg) translateZ(400px);
 }
 .ring82>.drei {
-    transform: rotateY(90deg) translateZ(350px);
+    transform: rotateY(90deg) translateZ(400px);
 }
 .ring82>.viel {
-    transform: rotateY(135deg) translateZ(350px);
+    transform: rotateY(135deg) translateZ(400px);
 }
 .ring82>.funf {
-    transform: rotateY(180deg) translateZ(350px);
+    transform: rotateY(180deg) translateZ(400px);
 }
 .ring82>.sechs {
-    transform: rotateY(225deg) translateZ(350px);
+    transform: rotateY(225deg) translateZ(400px);
 }
 .ring82>.seben {
-    transform: rotateY(270deg) translateZ(350px);
+    transform: rotateY(270deg) translateZ(400px);
 }
 .ring82>.acht {
-    transform: rotateY(315deg) translateZ(350px);
+    transform: rotateY(315deg) translateZ(400px);
 }
 
 .ring8card>.plane img {
diff --git a/scripts.72999ec6.css b/scripts.72999ec6.css
index bb0e026..0eb4f26 100644
--- a/scripts.72999ec6.css
+++ b/scripts.72999ec6.css
@@ -160,8 +160,18 @@ body {
     right:0;
     top: 0;
     bottom: 0;
-    max-width: 80px;
-    max-height: 80px;
+    max-width: 50px;
+    max-height: 50px;
+}
+.ring82>.plane img{
+    position: absolute;
+    margin: auto;
+    left: 0;
+    right:0;
+    top: 0;
+    bottom: 0;
+    max-width: 50px;
+    max-height: 50px;
 }
 
 #shape.backfaces .plane {