.changelog-page{background-color:#fff;min-height:100vh;padding:0 0 72px}.changelog-page h1{font-size:32px;font-weight:600;margin-bottom:12px}.changelog-page hr{border:0;height:1px;background-color:#ddd}@media only screen and (max-width: 480px){.changelog-page{padding:0 0 72px}}.changelog-page .banner{min-height:300px;padding-bottom:60px}.changelog-page .banner .container .info{padding:30px 0}@media only screen and (max-width: 768px){.changelog-page .banner{background-image:none;padding:0 0 0;min-height:initial}}@media only screen and (max-width: 481px){.changelog-page .banner{background-image:none;padding:0 0 0;min-height:initial}}.changelog-page .content{padding:0 50px}.changelog-page .content .versions{position:relative;padding:40px 0;margin:40px 0}.changelog-page .content .versions:after{position:absolute;content:"";top:0;left:0;bottom:0;width:2px;background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.1) 50px)}.changelog-page .content .versions .version{max-width:1100px;margin-left:60px;padding-bottom:40px}@media only screen and (max-width: 480px){.changelog-page .content .versions .version{margin-left:20px}}.changelog-page .content .versions .version .dot{z-index:10;position:absolute;left:-7px;background-color:#fff;border-radius:50%;width:16px;height:16px;text-align:start;border:2px solid #007aff}.changelog-page .content .versions .version .ver{font-size:32px;font-weight:600;margin-bottom:32px}.changelog-page .content .versions .version .date{opacity:0.7;font-size:16px;line-height:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ddd}.changelog-page .content .versions .version .message{white-space:pre-line;line-height:1.7}@media only screen and (max-width: 480px){.changelog-page .content .versions .version .message{font-size:13px}.changelog-page .content .versions .version .message p{font-size:13px}}@media only screen and (max-width: 480px){.changelog-page .content .versions .version .logs{font-size:13px}.changelog-page .content .versions .version .logs p{font-size:13px}}.changelog-page .content .versions .version .logs img{display:block;max-width:100%;margin:10px 0 5px}.changelog-page .content .versions .version .logs a{color:#0072EF !important}.changelog-page .content .versions .version .logs h2{font-size:14px;margin-top:24px;margin-bottom:12px;font-weight:bold}.changelog-page .content .versions .version .logs h2:first-child{margin-top:0}.changelog-page .content .versions .version .logs h4{margin-top:32px;font-size:20px !important}.changelog-page .content .versions .version .logs ul{padding-left:0 !important}.changelog-page .content .versions .version .logs iframe{width:480px;height:270px}@media only screen and (max-width: 480px){.changelog-page .content .versions .version .logs iframe{width:80vw;height:45vw}}.changelog-page .content .versions .version .logs .log{display:flex;align-items:baseline;margin-bottom:5px}.changelog-page .content .versions .version .logs .log .type{font-size:13px;font-weight:bold;padding:3px 10px;color:#fff;margin-right:8px;border-radius:3px;flex-grow:0;flex-shrink:0}.changelog-page .content .versions .version .logs .log .type.new{background-color:#717682}.changelog-page .content .versions .version .logs .log .type.improve{background-color:#717682}.changelog-page .content .versions .version .logs .log .type.fixed{background-color:#717682}.changelog-page .content .versions .version .logs .log p{font-size:14px;line-height:1.4}
.changelog-page .content .versions .version p{line-height:20px;margin-bottom:10px;}
.changelog-page .content .versions .version p:first-child{line-height:30px;margin-bottom:10px;}
.banner{min-height:400px;padding:80px 0 24px;background-color:#F3F4F6;background-image:url(../images/wave.svg);background-position:left bottom;background-repeat:no-repeat;padding-bottom:200px}@media only screen and (max-width: 768px){.banner{padding:60px 0 240px;min-height:initial}}@media only screen and (max-width: 481px){.banner{background-image:none;padding:0 0 100px;min-height:initial}}.banner .running-man{position:absolute;bottom:0;left:-300px;margin-left:0}@media only screen and (max-width: 1280px){.banner .running-man{display:none}}.banner .version{font-size:14px;font-weight:400;color:#52565b}.banner .version a{color:#0072EF;padding-bottom:1px;border-bottom:1px solid #0072EF}@media only screen and (max-width: 1024px){.banner .container{padding:0 60px}}@media only screen and (max-width: 800px){.banner .container .version{margin-bottom:20px}.banner .container .hero-img img{text-align:center;max-width:100%}.banner .container .info{max-width:720px;text-align:center}.banner .container .info h1,.banner .container .info h2,.banner .container .info h3{font-size:32px}.banner .container .info p{margin:0 auto;margin-bottom:16px}}@media only screen and (max-width: 767px){.banner .container{padding:0 10px}.banner .container .version{margin-bottom:20px}.banner .container .hero-img{display:none}.banner .container iframe.intro-video{display:block;width:calc(100% + 60px);height:56.25vw;margin:-20px -10px 0px}.banner .container .info{text-align:center;padding:30px 0 60px}.banner .container .info h1,.banner .container .info h2,.banner .container .info h3{font-size:32px}.banner .container .info p{margin:0 auto;margin-bottom:16px}}@media only screen and (max-width: 480px){.banner .container{padding:0 20px}.banner .container .info h1,.banner .container .info h2,.banner .container .info h3{font-size:28px}}.banner iframe.intro-video{display:none}.banner .info{z-index:11;margin:0 auto;padding:0;width:100%;max-width:640px;text-align:center;position:relative}.banner .info .app-logo{margin-bottom:20px}.banner .info h1,.banner .info h2,.banner .info h3{font-size:36px;font-family:'Open Sans',-apple-system,Helvetica Neue,Helvetica,Open Sans,Arial,PingFang SC,PingFang TC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif}.banner .info h1.quote,.banner .info h2.quote,.banner .info h3.quote{letter-spacing:-.012em;font-size:48px;line-height:1.25em;font-weight:600;margin-bottom:0.5em}@media only screen and (max-width: 480px){.banner .info h1.quote,.banner .info h2.quote,.banner .info h3.quote{font-size:32px}}.banner .info p{font-size:18px;margin-bottom:24px;font-weight:400;color:#52565b;max-width:640px}@media only screen and (max-width: 480px){.banner .info p{font-size:16px}}.banner .info .button{padding:0 20px;min-width:160px;margin-bottom:0}.banner img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.banner img.used-companys{margin:60px 0 0;max-width:80%}.banner .hero-img{margin-top:60px}.banner .hero-img img{max-width:100%;cursor:-webkit-grab}.banner .hero-img img:active{cursor:-webkit-grabbing}.changelog-page .content .versions .version p{font-size:14px;}