.button a{color:#4d59eb}progress.progress{height:.5rem}progress.progress::-webkit-progress-value{background-color:#4d59eb}progress.progress::-moz-progress-bar{background-color:#4d59eb}progress.progress::-ms-fill{background-color:#4d59eb}.subtitle.primary,.title.primary{color:#4d59eb}.subtitle.tab,.title.tab{position:relative;margin-bottom:3rem}.subtitle.tab:after,.title.tab:after{content:'';position:absolute;top:32px;left:50%;display:block;width:40px;margin-left:-20px;border-top:4px solid #ffc72e}.section{padding:4rem 1.5rem}.tuc-hero{margin-top:3rem}.tuc-hero .hero-body{background-image:url(https://download.pingcap.com/images/tidb-usability-challenge/banner-pc.svg);background-repeat:no-repeat;background-position:center;background-size:cover}@media only screen and (max-width:768px){.tuc-hero .hero-body{height:250px;background-position:top;background-image:url(https://download.pingcap.com/images/tidb-usability-challenge/banner-mobile.svg)}}.tuc-hero .hero-body.bug-hunting{background-image:url(/images/tidb-4-challenge/banner-pc.svg)}@media only screen and (max-width:768px){.tuc-hero .hero-body.bug-hunting.bug-hunting{background-image:url(/images/tidb-4-challenge/banner-mobile.svg)}}.tuc-hero .subtitle,.tuc-hero .title{color:#fff}@media only screen and (max-width:768px){.tuc-hero .subtitle,.tuc-hero .title{display:none}}.tuc-hero .banner-buttons{margin-top:5rem}@media only screen and (max-width:768px){.tuc-hero .banner-buttons{display:none}}.tuc-hero .banner-buttons .button{width:180px;height:auto;padding:.8em;color:#4d59eb;border:none;font-size:.9rem}.tuc-hero .banner-buttons .button-receive{background:#ffc72e}.tuc-hero .banner-buttons .button-details{-webkit-transition:.5s;transition:.5s;position:absolute;bottom:0;left:15em;color:#4d59eb}.tuc-hero .banner-buttons .button-details:after{content:'➔';position:absolute;opacity:0;top:15px;left:0;-webkit-transition:opacity .5s,left .5s;transition:opacity .5s,left .5s}.tuc-hero .banner-buttons .button-details:hover{padding-left:2em!important}.tuc-hero .banner-buttons .button-details:hover:after{opacity:1;left:.8em}@media only screen and (max-width:768px){.tuc-hero.en .hero-body{background-image:url(https://download.pingcap.com/images/tidb-usability-challenge/banner-mobile-en.svg)}}.tuc-readme{padding-top:0}.tuc-readme .desc{color:#6e77a3;font-size:.9rem;line-height:1.75}.tuc-readme .decision{margin-top:1.8rem;font-size:.9rem}.tuc-highlights{background:#f8f8f8}.tuc-highlights .main{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:768px){.tuc-highlights .main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.tuc-highlights .main .content,.tuc-highlights .main .placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:768px){.tuc-highlights .main .content,.tuc-highlights .main .placeholder{margin-top:2rem}}.tuc-highlights .main .placeholder{-webkit-box-flex:1;-ms-flex:1;flex:1}.tuc-highlights .main .placeholder img{width:80%}.tuc-highlights .main .content{-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.tuc-highlights .main .content ul.highlights{width:80%;list-style:none;text-align:left}.tuc-highlights .main .content ul.highlights li{position:relative;margin-bottom:3rem;color:#6e77a3}.tuc-highlights .main .content ul.highlights li:last-child{margin-bottom:0}.tuc-highlights .main .content ul.highlights li:before{content:'■';position:absolute;top:-.25rem;left:-1.5rem;color:#ffc72e}.tuc-highlights .main .content ul.highlights li .title,.tuc-highlights .main .content ul.highlights li p{margin-bottom:.5rem;font-size:.9rem}.tuc-highlights .main .content ul.highlights li a{color:#4d59eb}.tuc-highlights .button-details{width:180px;height:auto;margin-top:3rem;padding:.8em;background:0 0;color:#4d59eb;border:1px solid #4d59eb;border-radius:0;font-size:.9rem}@media only screen and (min-width:769px){.tuc-highlights .button-details{-webkit-transition:.5s;transition:.5s}.tuc-highlights .button-details:after{content:'➔';position:absolute;opacity:0;top:15px;left:0;-webkit-transition:opacity .5s,left .5s;transition:opacity .5s,left .5s}.tuc-highlights .button-details:hover{padding-left:2em!important}.tuc-highlights .button-details:hover:after{opacity:1;left:.8em}}.tuc-timeline{position:relative}@media only screen and (max-width:768px){.tuc-timeline{height:550px}}@media only screen and (max-width:768px){.tuc-timeline .timeline-wrapper{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:300px;height:420px}}.tuc-timeline .timeline{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.tuc-timeline .timeline .bullet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:24px;height:24px;margin-right:280px;border:1px solid grey;border-radius:50%;outline:0;-webkit-transition:.25s;transition:.25s;cursor:pointer}.tuc-timeline .timeline .bullet:last-child{margin-right:0}.tuc-timeline .timeline .bullet:last-child:after{content:none}.tuc-timeline .timeline .bullet:before{content:'';width:12px;height:12px;background:grey;border-radius:50%}.tuc-timeline .timeline .bullet:after{content:'';position:absolute;left:24px;width:280px;height:1px;border:1px dashed #c9d4e3}.tuc-timeline .timeline .bullet.active{background:#4d59eb;border:none}.tuc-timeline .timeline .bullet.active:before{background:#ffc72e}@media only screen and (max-width:768px){.tuc-timeline .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:40%;right:25%;margin-top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tuc-timeline .timeline .bullet{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:24px;height:24px;margin-right:140px;border:1px solid grey;border-radius:50%;outline:0;-webkit-transition:.25s;transition:.25s;cursor:pointer}.tuc-timeline .timeline .bullet:last-child{margin-right:0}.tuc-timeline .timeline .bullet:last-child:after{content:none}.tuc-timeline .timeline .bullet:before{content:'';width:12px;height:12px;background:grey;border-radius:50%}.tuc-timeline .timeline .bullet:after{content:'';position:absolute;left:24px;width:140px;height:1px;border:1px dashed #c9d4e3}.tuc-timeline .timeline .bullet.active{background:#4d59eb;border:none}.tuc-timeline .timeline .bullet.active:before{background:#ffc72e}}.tuc-timeline .explains{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem;color:#6e77a3;font-size:.9rem}@media only screen and (max-width:768px){.tuc-timeline .explains{position:absolute;top:-27.5%;left:35%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:0}}@media only screen and (max-width:768px){.tuc-timeline .explains .text{margin:0!important}.tuc-timeline .explains .text.text1{margin-top:7.5rem!important}.tuc-timeline .explains .text.text2,.tuc-timeline .explains .text.text3{margin-top:6.5rem!important}}.tuc-timeline .explains .text:first-child{margin-right:110px}.tuc-timeline .explains .text:last-child{margin-left:110px}.tuc-timeline .explains .text.active{color:#4d59eb}.tuc-timeline .explains .text .desc{margin-top:1rem;color:#6e77a3;text-decoration:underline}.tuc-timeline .explains .text .desc a{display:inline-block;cursor:pointer}@media only screen and (min-width:769px){.tuc-timeline .explains .text .desc a{max-width:150px}}.tuc-timeline .explains .text .desc a:hover{color:#4d59eb}.tuc-demands{background:#f8f8f8}.tuc-demands .columns{-ms-flex-pack:distribute;justify-content:space-around}@media only screen and (max-width:768px){.tuc-demands .column{margin-bottom:1rem}.tuc-demands .column:last-child{margin-bottom:0}}.tuc-demands .task{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:3rem}.tuc-demands .task .meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.tuc-demands .task .bonus{color:#4d59eb;font-size:.9rem;font-style:italic}.tuc-demands .task .avatar{width:24px;height:24px;border-radius:50%}.tuc-demands .task .text{margin-top:-.25rem;margin-bottom:.5rem;color:#6e77a3;font-size:.9rem}.tuc-demands .task .text a{position:relative;cursor:pointer}.tuc-demands .task .text a:hover{color:#4d59eb}.tuc-demands .task .text .finish{position:absolute;top:.2rem;left:-1rem;display:inline-block;width:16px;height:16px;background:url(https://download.pingcap.com/images/tidb-usability-challenge/check.svg) no-repeat center;background-size:cover}.tuc-demands .button-details{width:180px;height:auto;margin-top:3rem;padding:.8em;background:0 0;color:#4d59eb;border:1px solid #4d59eb;border-radius:0;font-size:.9rem}@media only screen and (min-width:769px){.tuc-demands .button-details{-webkit-transition:.5s;transition:.5s}.tuc-demands .button-details:after{content:'➔';position:absolute;opacity:0;top:15px;left:0;-webkit-transition:opacity .5s,left .5s;transition:opacity .5s,left .5s}.tuc-demands .button-details:hover{padding-left:2em!important}.tuc-demands .button-details:hover:after{opacity:1;left:.8em}}.tuc-prizes .desc{color:#6e77a3;font-size:.9rem}.tuc-prizes .swiper-button-next,.tuc-prizes .swiper-button-prev{color:#6e77a3;outline:0}.tuc-prizes .swiper-button-next:after,.tuc-prizes .swiper-button-prev:after{font-size:1.8rem}.tuc-prizes .swiper-button-prev{left:30px}@media only screen and (max-width:768px){.tuc-prizes .swiper-button-prev{left:-10px}}.tuc-prizes .swiper-button-next{right:30px}@media only screen and (max-width:768px){.tuc-prizes .swiper-button-next{right:-10px}}.tuc-prizes .swiper-container{width:90%;height:400px;margin-top:4rem}.tuc-prizes .swiper-container .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tuc-prizes .swiper-container .swiper-slide-active+.swiper-slide .card{height:90%;-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02)}.tuc-prizes .swiper-container .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%;height:80%;border:1px solid #c9d4e3;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.5s;transition:.5s}.tuc-prizes .swiper-container .card .score{position:relative;margin-bottom:1.5rem;color:#4d59eb;font:2rem Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}.tuc-prizes .swiper-container .card .score:after{content:'分';position:absolute;top:24px;right:-1.35rem;color:#6e77a3;font-size:.9rem}.tuc-prizes .swiper-container .card .score.no-suffix:after{content:none}.tuc-prizes .swiper-container .card .score.is-text{font-size:1.25rem;font-weight:700}.tuc-prizes .swiper-container .card .text{padding:0 1rem;color:#6e77a3;font-size:.9rem}.tuc-prizes .swiper-container .card img{width:90%;height:30%;margin-top:2.5rem}.tuc-prizes .swiper-container .card img.is-png{width:30%;height:30%}.tuc-prizes.en .card .score{margin-bottom:.5rem}.tuc-prizes.en .card .score:after{content:'points';right:-2.475rem}.tuc-prizes.en .card img{margin-top:1.5rem}.tuc-studies .card{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #c9d4e3;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.5s;transition:.5s;cursor:pointer}@media only screen and (max-width:768px){.tuc-studies .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.tuc-studies .card:hover{-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02)}.tuc-studies .card>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.tuc-studies .card .placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:#0d2256}@media only screen and (max-width:768px){.tuc-studies .card .placeholder{padding:3rem;border-top-left-radius:8px;border-top-right-radius:8px}}@media only screen and (min-width:769px){.tuc-studies .card .placeholder{border-top-left-radius:8px;border-bottom-left-radius:8px}}.tuc-studies .card .placeholder img{width:60%;margin-top:1rem}.tuc-studies .card .placeholder .pu{position:absolute;top:calc(5% - 1rem);left:3%;width:25%}.tuc-studies .card .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:250px;padding:1rem;text-align:left}.tuc-studies .card .content .text{color:#6e77a3;font-size:.9rem}.tuc-leaderboard{background:#f8f8f8}.tuc-leaderboard #ranking-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:4rem}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-switch{margin-top:3rem}}.tuc-leaderboard #ranking-switch>div{position:relative;width:20%;height:50px;line-height:50px;background:#dad8ea;color:#6e77a3;border-radius:25px;font-size:.9rem;cursor:pointer}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-switch>div{width:50%}}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-switch>div{height:40px;line-height:40px}}.tuc-leaderboard #ranking-switch>div.first{left:1rem}.tuc-leaderboard #ranking-switch>div.second{left:-1rem}.tuc-leaderboard #ranking-switch>div.slider{position:absolute;width:20%;background:#4d59eb;color:#fff;-webkit-transition:left ease .5s;transition:left ease .5s}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-switch>div.slider{width:50%}}.tuc-leaderboard #ranking-list{margin-top:2rem}.tuc-leaderboard #ranking-list>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(96%);margin:4rem auto}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div{width:calc(90%);margin:2rem auto}}.tuc-leaderboard #ranking-list>div:last-child{margin-bottom:0}.tuc-leaderboard #ranking-list>div .medal{width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-size:cover}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .medal{width:24px;height:24px}}.tuc-leaderboard #ranking-list>div .medal1{background-image:url(https://download.pingcap.com/images/tidb-performance-challenge/medal1.png)}.tuc-leaderboard #ranking-list>div .medal2{background-image:url(https://download.pingcap.com/images/tidb-performance-challenge/medal2.png)}.tuc-leaderboard #ranking-list>div .medal3{background-image:url(https://download.pingcap.com/images/tidb-performance-challenge/medal3.png)}.tuc-leaderboard #ranking-list>div .index{width:48px;height:48px;line-height:48px;color:#4d59eb;font-style:italic}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .index{width:24px;height:24px;line-height:24px}}.tuc-leaderboard #ranking-list>div .github{width:48px;height:48px;margin-left:1rem;background:url(https://download.pingcap.com/images/tidb-usability-challenge/github.svg) no-repeat center;background-size:contain}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .github{width:24px;height:24px}}.tuc-leaderboard #ranking-list>div .main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:2rem}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .main{margin-left:1rem}}.tuc-leaderboard #ranking-list>div .main .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tuc-leaderboard #ranking-list>div .main .info .name{color:#4d59eb}.tuc-leaderboard #ranking-list>div .main .info .name .ti{position:relative;top:50%;display:inline-block;width:24px;height:24px;margin-left:.5rem;background:url(https://download.pingcap.com/images/tidb-performance-challenge/ti.png) no-repeat center;background-size:cover;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .main .info .name .ti{width:12px;height:12px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.tuc-leaderboard #ranking-list>div .main .info .name .team{position:relative;bottom:1px;margin-left:.5rem;padding:.1rem .3rem;background:#1bafea;color:#fff;border-radius:25px;font-size:.6rem;font-weight:700}@media only screen and (max-width:768px){.tuc-leaderboard #ranking-list>div .main .info .name .team{bottom:2px;font-size:.5rem}}.tuc-leaderboard #ranking-list>div .main .info .score{color:#4d59eb;font-weight:700;font-style:italic}.tuc-leaderboard #ranking-list>div .main .progress-wrapper{width:100%}.tuc-support .text{margin-top:.5rem;color:#6e77a3;font-size:.9rem}.tuc-review .card{display:inline-block;height:200px;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:.5s;transition:.5s;cursor:pointer}@media only screen and (max-width:768px){.tuc-review .card{height:170px}}.tuc-review .card:hover{-webkit-box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02)}.tuc-review .card img{height:100%;border-radius:8px}.t4c-demands .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:none;box-shadow:none}.t4c-demands .title{color:#6e77a3;font-size:.9rem}.t4c-demands .title:hover{color:#4d59eb}.t4c-demands .button{-webkit-transition:.5s;transition:.5s;width:150px;color:#4d59eb;font-size:.9rem;border-radius:25px;border-color:#4d59eb}.t4c-demands .button:after{content:'➔';position:absolute;opacity:0;top:8px;left:0;-webkit-transition:opacity .5s,left .5s;transition:opacity .5s,left .5s}.t4c-demands .button:hover{padding-left:2em!important}.t4c-demands .button:hover:after{opacity:1;left:.8em}.t4c-demands .button:hover{background:#4d59eb;color:#fff}