@charset "UTF-8";.el-display-flex,.flex-center,body .app{display:flex}.el-display-block{display:block}.el-display-inline{display:inline}.el-display-inline-block{display:inline-block}.el-display-none{display:none}.el-display-table{display:table}.el-jc-flex-start{justify-content:flex-start}.el-ai-flex-start{align-items:flex-start}.el-jc-flex-end{justify-content:flex-end}.el-ai-flex-end{align-items:flex-end}.el-jc-center,.flex-center,body .app{justify-content:center}.el-ai-center,.flex-center,body .app{align-items:center}.el-jc-space-between{justify-content:space-between}.el-ai-space-between{align-items:space-between}.el-jc-space-around{justify-content:space-around}.el-ai-space-around{align-items:space-around}.el-fd-row{flex-direction:row}.el-fd-row-reverse{flex-direction:row-reverse}.el-fd-column{flex-direction:column}.el-fd-column-reverse{flex-direction:column-reverse}.el-text-left{text-align:left}.el-text-center{text-align:center}.el-text-right{text-align:right}.el-pos-r,body .app .kl-kinetic{position:relative}.el-pos-f{position:fixed}.el-pos-a,body .app .kl-kinetic:before,body .app .kl-kinetic:after{position:absolute}.el-pos-s{position:sticky}.el-pos-s{position:static}.fw-normal{font-weight:400}.fw-lighter{font-weight:lighter}.fw-bold{font-weight:700}.fw-bolder{font-weight:bolder}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.bd-solid,body .app .kl-kinetic:before,body .app .kl-kinetic:after{border-style:solid}.bdl-solid{border-left-style:solid}.bdt-solid{border-top-style:solid}.bdb-solid{border-bottom-style:solid}.bdr-solid{border-right-style:solid}.bd-dashed{border-style:dashed}.bdl-dashed{border-left-style:dashed}.bdt-dashed{border-top-style:dashed}.bdb-dashed{border-bottom-style:dashed}.bdr-dashed{border-right-style:dashed}.bd-inline-block{border-style:inline-block}.bdl-inline-block{border-left-style:inline-block}.bdt-inline-block{border-top-style:inline-block}.bdb-inline-block{border-bottom-style:inline-block}.bdr-inline-block{border-right-style:inline-block}.el-cursor-pointer{cursor:pointer}.el-cursor-zoom{cursor:zoom}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.over-auto{overflow:auto}.over-x-auto{overflow-x:auto}.over-y-auto{overflow-y:auto}.over-scroll{overflow:scroll}.over-x-scroll{overflow-x:scroll}.over-y-scroll{overflow-y:scroll}.over-hidden,body .app{overflow:hidden}.over-x-hidden{overflow-x:hidden}.over-y-hidden{overflow-y:hidden}.over-visible{overflow:visible}.over-x-visible{overflow-x:visible}.over-y-visible{overflow-y:visible}.box-border-box{box-sizing:border-box}.box-content-box{box-sizing:content-box}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.obj-fit-fill{object-fit:fill}.obj-fit-contain{object-fit:contain}.obj-fit-cover{object-fit:cover}.obj-fit-scale-down{object-fit:scale-down}.obj-fit-inline-block{object-fit:inline-block}.link-text-none{text-decoration:inline-block}.bg-transparent{background-color:transparent}.color-white{color:#fff}.color-transparent{color:transparent}.color-black{color:#000}body{margin:0;padding:0}body .app{font-family:nunito_for_arco,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(49% 81% at 45% 47%,rgba(4,101,157,.271) 0,rgba(143,7,255,0) 100%),radial-gradient(113% 91% at 17% -2%,#11adc9 1%,rgba(92,78,220,0) 99%),radial-gradient(142% 91% at 83% 7%,#0946ed 1%,rgba(119,0,255,0) 99%),radial-gradient(142% 91% at -6% 74%,#064aa3 1%,rgba(17,0,255,0) 99%),radial-gradient(142% 91% at 111% 84%,#0e4aef 0,#07b7ed 100%);height:100vh}body .app .kl-kinetic{height:150px;width:150px;margin:25% 15%}body .app .kl-kinetic:before,body .app .kl-kinetic:after{content:"";top:0px;bottom:0px;left:0px;right:0px;border-width:100px;border-color:transparent}body .app .kl-kinetic:before{transform:rotate(90deg);animation:rotateA 4s linear infinite}body .app .kl-kinetic:after{animation:rotateB 4s linear infinite 3s}body .app .kl-kinetic.square:before,body .app .kl-kinetic.square:after{border-image:linear-gradient(135deg,#dd8d24 10%,#cc6008 90%)}body .app .kl-kinetic.angle:before,body .app .kl-kinetic.angle:after{border-bottom-color:#ee730e}@keyframes rotateA{0%,25%{transform:rotate(0)}50%,75%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes rotateB{0%,25%{transform:rotate(90deg)}50%,75%{transform:rotate(270deg)}to{transform:rotate(450deg)}}@media screen and (max-width: 600px){body .app .app{flex-direction:column}}