此色調適用於Google瀏覽器。
  IE瀏覽器的話，目前大致確定是無法看到漸層色彩，在IE瀏覽器中只能看到單一色系〈默〉
   「故事開始」為滑鼠移到該選項時的變色色彩。
  語法
      <style>
      .option-btn , .nametag{
   -moz-box-shadow:inset 0px 1px 25px -14px #221833;
   -webkit-box-shadow:inset 0px 1px 25px -14px #221833;
   box-shadow:inset 0px 1px 25px -14px #221833;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #defffa), color-stop(1, #ffe4b5) );
   background:-moz-linear-gradient( center top, #defffa 5%, #ffe4b5 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#defffa', endColorstr='#ffe4b5');
   background-color:#defffa;
   -webkit-border-top-left-radius:15px;
   -moz-border-radius-topleft:15px;
   border-top-left-radius:15px;
   -webkit-border-top-right-radius:15px;
   -moz-border-radius-topright:15px;
   border-top-right-radius:15px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0px;
   border:1px solid #e1ede6;
   display:inline-block;
   color:#41802c;
   font-family:Courier New;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:29px;
   line-height:29px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px -1px 50px #b5faff;
    }
      .option-btn:hover {
   -moz-box-shadow:inset 0px 1px 25px -4px #221833;
   -webkit-box-shadow:inset 0px 1px 25px -4px #221833;
   box-shadow:inset 0px 1px 25px -4px #221833;
   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #defffa), color-stop(1, #ffe4b5) );
   background:-moz-linear-gradient( center top, #defffa 5%, #ffe4b5 100% );
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#defffa', endColorstr='#ffe4b5');
   background-color:#defffa;
   -webkit-border-top-left-radius:15px;
   -moz-border-radius-topleft:15px;
   border-top-left-radius:15px;
   -webkit-border-top-right-radius:15px;
   -moz-border-radius-topright:15px;
   border-top-right-radius:15px;
   -webkit-border-bottom-right-radius:0px;
   -moz-border-radius-bottomright:0px;
   border-bottom-right-radius:0px;
   -webkit-border-bottom-left-radius:0px;
   -moz-border-radius-bottomleft:0px;
   border-bottom-left-radius:0px;
   text-indent:0px;
   border:1px solid #e1ede6;
   display:inline-block;
   color:#41802c;
   font-family:Courier New;
   font-size:15px;
   font-weight:bold;
   font-style:normal;
   height:29px;
   line-height:29px;
   width:86px;
   text-decoration:none;
   text-align:center;
   text-shadow:1px -1px 50px #b5faff;
    }