html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block}a,button{cursor:pointer}button{outline:none}.section:nth-child(odd){background-color:#2c0405}.section:nth-child(2n){background-color:#e2e0da}.footer{padding:14px 0 10vh;font-size:16px;line-height:26px;text-align:center}@media screen and (min-width:1024px){.footer{padding:14px 0 76px}}.app-header{display:flex;align-items:center;position:fixed;left:0;top:0;z-index:999;width:100%;height:60px;padding:0 10px;background-color:#2c0405}.app-header button{background-color:transparent;border:none}@media screen and (min-width:1024px){.app-header{padding:0 24px}}.app-header__logo img{width:42px;height:42px}.app-header__index,.app-header__share{width:42px;height:42px;padding:3.5px}.app-header__index img,.app-header__share img{width:35px;height:35px}.app-header__share{position:relative;z-index:1;margin-left:5px}@media screen and (min-width:1024px){.app-header__share{margin:0 0 0 auto}}.app-header__share button{padding:0}.app-header__share .share{display:none;position:absolute;left:3.5px}.app-header__share .share img{width:35px;height:35px}.app-header__share .share.facebook{top:52px}.app-header__share .share.line{top:97px}.app-header__share.active .share{display:block}.app-header__index{margin:0 0 0 auto}@media screen and (min-width:1024px){.app-header__index{display:none}}.app-header__title{position:fixed;top:calc(100vh - 320px);left:50%;transform:translate(-50%,-50%);width:90%;transition:all .3s ease-out}@media screen and (min-width:768px){.app-header__title{width:60%;max-width:650px;top:calc(100vh - 350px)}}@media screen and (min-width:1024px){.app-header__title{width:500px;top:calc(100vh - 320px)}}@media screen and (min-width:1400px){.app-header__title{top:calc(100vh - 350px);transform:translate(-90%,-50%);width:650px}}.app-header__title img{display:block;width:100%}.app-header__title .img-title-zh{width:70%;margin:0 auto;transform:translateY(-30px);opacity:1;transition:opacity .3s ease-out}@media screen and (min-width:1024px){.app-header__title .img-title-zh{transform:translateY(-50px)}}@media screen and (min-width:1400px){.app-header__title .img-title-zh{transform:translateY(-70px)}}.app-header__title.fixed{top:13px;transform:translateX(-50%) rotate(9deg);transition:all .5s ease-out}.app-header__title.fixed .img-title{width:118px;margin:0 auto}.app-header__title.fixed .img-title-zh{opacity:0}.index{position:fixed;top:60px;left:0;right:0;z-index:999;width:100%;height:calc(100vh - 60px);background-color:rgba(0,0,0,.5);visibility:hidden}@media screen and (max-width:1023px){.index.active{visibility:visible}.index.active .index-container{transform:translateX(0)}}@media screen and (min-width:1024px){.index{display:block;right:auto;width:250px;background-color:transparent;visibility:visible!important;opacity:0}.index.visable{opacity:1;transition:opacity .5s ease-out}.index.odd button{color:#fff}.index.odd button.active{color:#eee6cb}}.index-container{display:flex;flex-direction:column;justify-content:center;transform:translateX(100%);width:240px;height:100%;margin:0 0 0 auto;background-color:#e2e0da;transition:transform .3s ease-out}@media screen and (min-width:1024px){.index-container{transform:translateX(0)!important;background-color:transparent}}.index-container button{color:#5d5d5d;font-size:14px;line-height:19px;background-color:transparent;border:none;transition:color .5s ease-in-out;outline:none}.index-container button+button{margin-top:27px}.index-container button.active{color:#000;text-decoration:underline}.intro{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.intro video{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.intro h1{display:none}.intro h2{position:absolute;left:50%;bottom:129px;transform:translateX(-50%);z-index:500;max-width:553px;margin:10px auto 0;color:#fff;font-size:24px;line-height:33px;text-align:center;white-space:nowrap;border-top:1px solid #fff;border-bottom:1px solid #fff;text-shadow:0 4px 4px rgba(0,0,0,.25)}@media screen and (min-width:768px){.intro h2{font-size:48px;line-height:65px}}@media screen and (min-width:1024px){.intro h2{bottom:120px;margin-top:0}}@media screen and (min-width:1400px){.intro h2{bottom:184px}}.intro .title-img{display:block;position:absolute;left:50%;bottom:177px;z-index:999;transform:translateX(-50%);width:300px}@media screen and (min-width:768px){.intro .title-img{width:700px;bottom:260px}}@media screen and (min-width:1024px){.intro .title-img{bottom:220px;transform:translateX(-75%)}}.intro .title-img.fixed{position:fixed;top:19px;bottom:auto;transform:translateX(-50%);width:118px}.intro .btn-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);background-color:transparent;border:none;animation:beat .8s infinite}.intro .btn-scroll img{width:50px;height:50px}@media screen and (min-width:768px){.intro .btn-scroll img{width:60px;height:60px}}@keyframes beat{0%{bottom:30px}50%{bottom:25px}to{bottom:30px}}.story{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;padding:70px 0 10vh}@media screen and (min-width:1024px){.story{flex-direction:row;justify-content:flex-start;padding:60px 0 0 250px}}@media screen and (min-width:1400px){.story{padding:60px 0 0 300px}}.story__title-img{text-align:center}@media screen and (min-width:1024px){.story__title-img{display:flex;flex-direction:column;justify-content:center;width:250px;padding:0 20px;background-color:#c4c4c4}}@media screen and (min-width:1400px){.story__title-img{width:298px}}.story__title-img h3{display:none;margin:10px auto 0;font-size:30px;line-height:1.5}@media screen and (max-height:620px){.story__title-img h3{margin:0 auto;font-size:25px}}@media screen and (min-width:768px){.story__title-img h3{display:block;margin:19px auto 0}}.story__title-img img{display:block;width:100px;height:100px;margin:0 auto;background-color:#fff;border-radius:50%;object-fit:cover;object-position:center center}@media screen and (min-width:768px){.story__title-img img{margin:18px auto 0}}@media screen and (min-width:1024px){.story__title-img img{width:150px;height:150px;margin:19px auto 0}}@media screen and (min-width:1400px){.story__title-img img{width:250px;height:250px}}.story__title-img span{display:inline-block;margin:17px auto 0;font-size:18px;font-weight:500;line-height:28px;text-align:justify}@media screen and (max-height:620px){.story__title-img span{margin:5px auto 0;font-size:16px}}@media screen and (min-width:768px){.story__title-img span{margin:20px auto 0}}@media screen and (min-width:1024px){.story__title-img span{font-size:20px}}.story__content{width:100%;margin:15px 0 0}@media screen and (max-height:620px){.story__content{margin:5px 0 0}}@media screen and (min-width:768px){.story__content{margin:30px auto 0}}@media screen and (min-width:1024px){.story__content{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 250px);margin:0 auto;padding:0 20px 62px 21px}}@media screen and (min-width:1400px){.story__content{align-items:flex-start;width:calc(100% - 298px);padding:0 87px 62px 150px}}.story__content>p{display:-webkit-box;width:90%;margin:0 auto;font-size:18px;line-height:28px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-height:620px){.story__content>p{font-size:16px;line-height:22px;-webkit-line-clamp:2}}@media screen and (min-width:768px){.story__content>p{width:60%;text-align:justify}}@media screen and (min-width:1024px){.story__content>p{display:block;width:100%;max-width:600px}}@media screen and (min-width:1400px){.story__content>p{margin:0 auto 0 0}}.story__link{display:block;width:90%;padding:5px 0;margin:8px auto 0;color:#fff;font-size:18px;line-height:1.8;letter-spacing:2.5px;text-align:center;text-decoration:none;background-color:#b64900}@media screen and (min-width:768px){.story__link{width:60%;margin:30px auto 0;padding:8px 0}}@media screen and (min-width:1024px){.story__link{width:100%;max-width:600px}}@media screen and (min-width:1400px){.story__link{margin:30px auto 0 0}}.section:nth-child(odd) .story{color:#fff}@media screen and (min-width:1024px){.section:nth-child(odd) .story__title-img{background-color:hsla(0,0%,100%,.3)}}.section:nth-child(odd) .story__link{color:#000;background-color:#eee6cb}.section.singleton .story__title-img img{object-position:90% 50%}.swiper-slide{padding-top:56.25%}@media screen and (min-width:1024px){.swiper-slide{padding-top:66.66%}}.swiper-slide iframe,.swiper-slide img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-position:center center}.swiper-slide img{object-fit:cover}.swiper-pagination{display:none}@media screen and (min-width:1024px){.swiper-pagination{display:block;bottom:0!important}}.swiper-pagination-bullet{background-color:#b64900!important}.wrapper{position:relative;width:80%;margin:10px auto 0}@media screen and (min-width:768px){.wrapper{width:60%;margin-top:20px}}@media screen and (min-width:1024px){.wrapper{max-width:600px}}@media screen and (min-width:1400px){.wrapper{width:600px;margin:20px auto 0 0}}.wrapper .swiper-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;z-index:500;transform:translateY(-50%);width:50px;height:50px;background-color:transparent;border:none}.wrapper .swiper-btn span{display:block;width:20px;height:20px;border:solid #fff;transform:rotate(-45deg)}@media screen and (min-width:768px){.wrapper .swiper-btn span{width:30px;height:30px;border:solid #b64900}}.wrapper .swiper-btn.prev{left:0}@media screen and (min-width:768px){.wrapper .swiper-btn.prev{left:10px}}@media screen and (min-width:1200px){.wrapper .swiper-btn.prev{left:-40px}}.wrapper .swiper-btn.prev span{border-width:2px 0 0 2px}@media screen and (min-width:768px){.wrapper .swiper-btn.prev span{border-width:3px 0 0 3px}}.wrapper .swiper-btn.next{right:0}@media screen and (min-width:768px){.wrapper .swiper-btn.next{right:10px}}@media screen and (min-width:1200px){.wrapper .swiper-btn.next{right:-40px}}.wrapper .swiper-btn.next span{border-width:0 2px 2px 0}@media screen and (min-width:768px){.wrapper .swiper-btn.next span{border-width:0 3px 3px 0}}.warning{display:none;position:fixed;bottom:0;left:0;right:0;height:10vh;background-color:#000}.warning.active{display:block}.warning img{width:100%;height:100%;object-fit:contain}@media screen and (min-width:1024px){.warning{height:62px}}
/*# sourceMappingURL=main.1b147348.chunk.css.map */