@font-face{font-family:"linea-basic-10";src:url("fonts/linea-basic-10.eot");src:url("fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),url("fonts/linea-basic-10.woff") format("woff"),url("fonts/linea-basic-10.ttf") format("truetype"),url("fonts/linea-basic-10.svg#linea-basic-10") format("svg");font-weight:normal;font-style:normal}[data-icon]:before{font-family:"linea-basic-10" !important;content:attr(data-icon);font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"linea-basic-10" !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-basic-accelerator:before{content:"a"}.icon-basic-alarm:before{content:"b"}.icon-basic-anchor:before{content:"c"}.icon-basic-anticlockwise:before{content:"d"}.icon-basic-archive:before{content:"e"}.icon-basic-archive-full:before{content:"f"}.icon-basic-ban:before{content:"g"}.icon-basic-battery-charge:before{content:"h"}.icon-basic-battery-empty:before{content:"i"}.icon-basic-battery-full:before{content:"j"}.icon-basic-battery-half:before{content:"k"}.icon-basic-bolt:before{content:"l"}.icon-basic-book:before{content:"m"}.icon-basic-book-pen:before{content:"n"}.icon-basic-book-pencil:before{content:"o"}.icon-basic-bookmark:before{content:"p"}.icon-basic-calculator:before{content:"q"}.icon-basic-calendar:before{content:"r"}.icon-basic-cards-diamonds:before{content:"s"}.icon-basic-cards-hearts:before{content:"t"}.icon-basic-case:before{content:"u"}.icon-basic-chronometer:before{content:"v"}.icon-basic-clessidre:before{content:"w"}.icon-basic-clock:before{content:"x"}.icon-basic-clockwise:before{content:"y"}.icon-basic-cloud:before{content:"z"}.icon-basic-clubs:before{content:"A"}.icon-basic-compass:before{content:"B"}.icon-basic-cup:before{content:"C"}.icon-basic-diamonds:before{content:"D"}.icon-basic-display:before{content:"E"}.icon-basic-download:before{content:"F"}.icon-basic-exclamation:before{content:"G"}.icon-basic-eye:before{content:"H"}.icon-basic-eye-closed:before{content:"I"}.icon-basic-female:before{content:"J"}.icon-basic-flag1:before{content:"K"}.icon-basic-flag2:before{content:"L"}.icon-basic-floppydisk:before{content:"M"}.icon-basic-folder:before{content:"N"}.icon-basic-folder-multiple:before{content:"O"}.icon-basic-gear:before{content:"P"}.icon-basic-geolocalize-01:before{content:"Q"}.icon-basic-geolocalize-05:before{content:"R"}.icon-basic-globe:before{content:"S"}.icon-basic-gunsight:before{content:"T"}.icon-basic-hammer:before{content:"U"}.icon-basic-headset:before{content:"V"}.icon-basic-heart:before{content:"W"}.icon-basic-heart-broken:before{content:"X"}.icon-basic-helm:before{content:"Y"}.icon-basic-home:before{content:"Z"}.icon-basic-info:before{content:"0"}.icon-basic-ipod:before{content:"1"}.icon-basic-joypad:before{content:"2"}.icon-basic-key:before{content:"3"}.icon-basic-keyboard:before{content:"4"}.icon-basic-laptop:before{content:"5"}.icon-basic-life-buoy:before{content:"6"}.icon-basic-lightbulb:before{content:"7"}.icon-basic-link:before{content:"8"}.icon-basic-lock:before{content:"9"}.icon-basic-lock-open:before{content:"!"}.icon-basic-magic-mouse:before{content:"\""}.icon-basic-magnifier:before{content:"#"}.icon-basic-magnifier-minus:before{content:"$"}.icon-basic-magnifier-plus:before{content:"%"}.icon-basic-mail:before{content:"&"}.icon-basic-mail-multiple:before{content:"'"}.icon-basic-mail-open:before{content:"("}.icon-basic-mail-open-text:before{content:")"}.icon-basic-male:before{content:"*"}.icon-basic-map:before{content:"+"}.icon-basic-message:before{content:","}.icon-basic-message-multiple:before{content:"-"}.icon-basic-message-txt:before{content:"."}.icon-basic-mixer2:before{content:"/"}.icon-basic-mouse:before{content:":"}.icon-basic-notebook:before{content:";"}.icon-basic-notebook-pen:before{content:"<"}.icon-basic-notebook-pencil:before{content:"="}.icon-basic-paperplane:before{content:">"}.icon-basic-pencil-ruler:before{content:"?"}.icon-basic-pencil-ruler-pen:before{content:"@"}.icon-basic-photo:before{content:"["}.icon-basic-picture:before{content:"]"}.icon-basic-picture-multiple:before{content:"^"}.icon-basic-pin1:before{content:"_"}.icon-basic-pin2:before{content:"`"}.icon-basic-postcard:before{content:"{"}.icon-basic-postcard-multiple:before{content:"|"}.icon-basic-printer:before{content:"}"}.icon-basic-question:before{content:"~"}.icon-basic-rss:before{content:"\\"}.icon-basic-server:before{content:"\e000"}.icon-basic-server2:before{content:"\e001"}.icon-basic-server-cloud:before{content:"\e002"}.icon-basic-server-download:before{content:"\e003"}.icon-basic-server-upload:before{content:"\e004"}.icon-basic-settings:before{content:"\e005"}.icon-basic-share:before{content:"\e006"}.icon-basic-sheet:before{content:"\e007"}.icon-basic-sheet-multiple:before{content:"\e008"}.icon-basic-sheet-pen:before{content:"\e009"}.icon-basic-sheet-pencil:before{content:"\e00a"}.icon-basic-sheet-txt:before{content:"\e00b"}.icon-basic-signs:before{content:"\e00c"}.icon-basic-smartphone:before{content:"\e00d"}.icon-basic-spades:before{content:"\e00e"}.icon-basic-spread:before{content:"\e00f"}.icon-basic-spread-bookmark:before{content:"\e010"}.icon-basic-spread-text:before{content:"\e011"}.icon-basic-spread-text-bookmark:before{content:"\e012"}.icon-basic-star:before{content:"\e013"}.icon-basic-tablet:before{content:"\e014"}.icon-basic-target:before{content:"\e015"}.icon-basic-todo:before{content:"\e016"}.icon-basic-todo-pen:before{content:"\e017"}.icon-basic-todo-pencil:before{content:"\e018"}.icon-basic-todo-txt:before{content:"\e019"}.icon-basic-todolist-pen:before{content:"\e01a"}.icon-basic-todolist-pencil:before{content:"\e01b"}.icon-basic-trashcan:before{content:"\e01c"}.icon-basic-trashcan-full:before{content:"\e01d"}.icon-basic-trashcan-refresh:before{content:"\e01e"}.icon-basic-trashcan-remove:before{content:"\e01f"}.icon-basic-upload:before{content:"\e020"}.icon-basic-usb:before{content:"\e021"}.icon-basic-video:before{content:"\e022"}.icon-basic-watch:before{content:"\e023"}.icon-basic-webpage:before{content:"\e024"}.icon-basic-webpage-img-txt:before{content:"\e025"}.icon-basic-webpage-multiple:before{content:"\e026"}.icon-basic-webpage-txt:before{content:"\e027"}.icon-basic-world:before{content:"\e028"}*{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}body{padding:3rem;font-family:'Lato',sans-serif;font-size:1.6rem;font-weight:400;color:#777;line-height:1.7;box-sizing:border-box}@media only screen and (max-width: 56.25em){body{padding:0}}@keyframes moveInRight{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInBottom{from{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translateY(0)}}.header-primary{color:#fff;text-transform:uppercase;margin-bottom:4rem}.header-primary--main{font-size:3rem;font-weight:400;letter-spacing:3.5rem;text-align:center;display:block;animation:moveInRight 1s  ease-out}.header-primary--sub{font-size:2.6rem;font-weight:700;letter-spacing:1.75rem;text-align:center;display:block;animation:moveInLeft 1s  ease-out}.header-secondary{font-size:3.5rem;font-weight:700;text-transform:uppercase;display:inline-block;color:transparent;background-image:linear-gradient(to right, #f8afb5, #fe6f7b);-webkit-background-clip:text;background-clip:text;transition:all .2s}.header-secondary:hover{transform:skewY(2deg) skewX(15deg) scale(1.1);text-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.2)}.header-secondary--black{background-image:linear-gradient(to right, #839a9e, #23292a)}.header-tertiary{font-size:1.6rem;font-weight:400}.paragraph{font-size:1.6rem}.paragraph:not(:last-child){margin-bottom:2rem}.u-center-text{text-align:center}.u-margin-bottom-big{margin-bottom:8rem}.u-margin-bottom-small{margin-bottom:2rem}.u-margin-bottom-medium{margin-bottom:5rem}.bg-video{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.15;z-index:-1;overflow:hidden}.bg-video__content{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;display:inline-block;font-size:1.6rem;cursor:pointer;border:none;outline:none;padding:1.5rem 6rem;border-radius:10rem;position:relative}.btn:hover{transform:translateY(-0.5rem);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:hover::after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.btn:active{transform:translateY(-0.1rem);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2)}.btn::after{position:absolute;top:0;left:0;z-index:-1;content:"";width:100%;height:100%;border-radius:10rem;transition:all .3s ease-out}.btn--white{background-color:#fff;color:#777}.btn--white::after{background-color:#fff}.btn--pink{background-color:#fb9099;color:#fff}.btn--pink::after{background-color:#fb9099}.btn--animated{animation:moveInBottom .3s ease-out .75s backwards}.btn-text:link,.btn-text:visited{text-decoration:none;color:#fb9099;font-size:1.6rem;display:inline-block;padding:3px;border-bottom:1px solid #fb9099;transition:all .2s}.btn-text:link:hover,.btn-text:visited:hover{background-color:#fb9099;color:#fff;transform:translateY(-3px)}.btn-text:link:active,.btn-text:visited:active{transform:translateY(-1px)}.btn-text--black:link,.btn-text--black:visited{color:#3c4749}.card{height:45rem;position:relative;perspective:150rem;-moz-perspective:150rem}.card__side{position:absolute;top:0;left:0;background-color:#ddd;height:45rem;width:100%;transition:transform .8s ease;overflow:hidden;border-radius:.5rem;backface-visibility:hidden;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.2)}.card__side--front{transform:rotateY(0)}.card__side--back{transform:rotateY(180deg)}.card__side--back-1{-webkit-background-image:linear-gradient(to right bottom, #839a9e, #23292a);background-image:linear-gradient(to right bottom, #839a9e, #23292a)}.card__side--back-2{-webkit-background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b);background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b)}.card__side--back-3{-webkit-background-image:linear-gradient(to right bottom, #7aaff4, #5378a8);background-image:linear-gradient(to right bottom, #7aaff4, #5378a8)}.card:hover .card__side--front{transform:rotateY(-180deg)}.card:hover .card__side--back{transform:rotateY(0)}.card__picture{height:45%;background-blend-mode:screen;background-size:cover;-webkit-clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 80%, 0 100%)}.card__picture--1{-webkit-background-image:linear-gradient(to right bottom, #839a9e, #23292a),url(../myimg/卡片-3.webp);background-image:linear-gradient(to right bottom, #839a9e, #23292a),url(../myimg/卡片-3.webp)}.card__picture--2{-webkit-background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b),url(../myimg/卡片-1.webp);background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b),url(../myimg/卡片-1.webp)}.card__picture--3{-webkit-background-image:linear-gradient(to right bottom, #7aaff4, #5378a8),url(../myimg/卡片-2.webp);background-image:linear-gradient(to right bottom, #7aaff4, #5378a8),url(../myimg/卡片-2.webp)}.card__heading{position:absolute;font-size:3rem;font-weight:300;width:37%;text-align:right;color:#fff;right:2rem;top:14rem}.card__heading-span{padding:1rem 1.5rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.card__heading-span--1{-webkit-background-image:linear-gradient(to right bottom, #839a9e, #23292a);background-image:linear-gradient(to right bottom, #839a9e, #23292a)}.card__heading-span--2{-webkit-background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b);background-image:linear-gradient(to right bottom, #f8afb5, #fe6f7b)}.card__heading-span--3{-webkit-background-image:linear-gradient(to right bottom, #7aaff4, #5378a8);background-image:linear-gradient(to right bottom, #7aaff4, #5378a8)}.card__detail{padding:3rem}.card__detail ul{list-style:none;margin:0 auto;width:80%}.card__detail ul li{padding:1rem;font-size:1.6rem;text-align:center}.card__detail ul li:not(:last-child){border-bottom:1px solid #555}.card__back-container{width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}.card__number-box{margin-bottom:8rem;text-align:center;color:#fff}.card__number-total{font-size:2.4rem;font-weight:700}.card__number-value{font-size:5rem;font-weight:100}@media only screen and (max-width: 56.25em), only screen and (hover: none){.card{height:auto;border-radius:3px;background-color:#fff;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.2)}.card__side{position:relative;box-shadow:none}.card__side--back{transform:rotateY(0);-webkit-clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);margin-top:-4.5rem}.card__detail{padding:5rem}.card__detail ul li{padding:1.5rem;font-size:1.7rem;text-align:center}.card__number-box{margin-bottom:4rem}}.composition{position:relative}.composition__photo{width:55%;border-radius:2px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.8);position:absolute;outline-offset:2rem;z-index:10;transition:all .15s ease-in-out}@media only screen and (max-width: 56.25em){.composition__photo{float:left;position:relative;width:33.3333%}}.composition__photo:hover{transform:translateY(-0.5rem) scale(1.4);outline:1.5rem solid #fb9099;box-shadow:0 1rem 2rem rgba(0,0,0,0.8);cursor:pointer;z-index:11}.composition__photo--p1{top:-2rem;left:0}@media only screen and (max-width: 56.25em){.composition__photo--p1{top:0;left:0;transform:scale(1.1)}}.composition__photo--p2{right:0;top:2rem}@media only screen and (max-width: 56.25em){.composition__photo--p2{right:0;top:-1rem;transform:scale(1.3);z-index:100}}.composition__photo--p3{top:10rem;left:20%}@media only screen and (max-width: 56.25em){.composition__photo--p3{top:0;left:0;transform:scale(1.1)}}.composition:hover .composition__photo:not(:hover){transform:translateY(2px) scale(0.95)}.experience{width:80%;transform:skewX(-12deg);background-color:#f7f7f7;padding:6rem;padding-left:9rem;margin:0 auto;box-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.2);overflow:hidden}@media only screen and (max-width: 56.25em){.experience{width:100%;transform:skewX(0deg);text-align:center}}@media only screen and (max-width: 37.5em){.experience{padding:3rem}}.experience__shape{width:15rem;height:15rem;border-radius:50%;overflow:hidden;transform:translateX(-2rem) skewX(12deg);shape-outside:circle(50% at 50% 50%);float:left;position:relative;color:#fff;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}@media only screen and (max-width: 56.25em){.experience__shape{transform:translateX(-2rem) skewX(0)}}@media only screen and (max-width: 37.5em){.experience__shape{float:none;display:inline-block;margin:2rem auto}}.experience__image{height:100%;transform:scale(1.1);transition:all .5s ease}.experience__caption{font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%, 50%);opacity:0;transition:all .5s ease}.experience__text{font-size:1.6rem;transform:skewX(12deg)}@media only screen and (max-width: 56.25em){.experience__text{transform:skewX(0)}}.experience:hover .experience__caption{opacity:1;transform:translate(-50%, -50%)}.experience:hover .experience__image{filter:blur(0.8rem) brightness(80%);transform:scale(1)}.features-box{padding:2.5rem;background-color:#fff;box-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.2);text-align:center;border-radius:60px;transition:transform .3s ease}.features-box__icon{font-size:6rem;font-weight:100;background-image:linear-gradient(to right, #f8afb5, #fe6f7b);-webkit-background-clip:text;background-clip:text;display:inline-block;color:transparent}.features-box__text{font-size:1.6rem;font-weight:700}.features-box:hover{transform:translateY(-2rem) scale(1.05);cursor:pointer}.form__group{margin-bottom:2rem}.form__input{font-size:1.7rem;border:none;padding:1.5rem 4rem;display:block;border-radius:3px;background-color:#ddd;border-bottom:3px solid transparent;transition:all .3s;cursor:inherit;width:90%}.form__input:focus{outline:none;background-color:#f7f7f7;border-bottom:3px solid #fb9099;box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.form__input:focus:invalid{border-bottom:3px solid #ff7730}.form__input::-webkit-input-placeholder{color:#555}.form__label{font-size:1.7rem;font-weight:700;color:#fb9099;margin-left:2.7rem;padding:.5rem;display:block;transition:all .4s}.form__input:-moz-placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4.5rem)}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4.5rem)}.form__radio-group{width:40%;display:inline-block}.form__radio-input{display:none}.form__radio-button{width:3rem;height:3rem;border:0.5rem solid #fb9099;border-radius:50%;display:inline-block;margin-right:2rem;position:relative}.form__radio-button::after{content:"";width:1.5rem;height:1.5rem;background-color:#fb9099;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .3s ease}.form__radio-label{font-size:2rem;font-size:400;display:flex;align-items:center;color:#fb9099;cursor:pointer}.form__radio-input:checked ~ .form__radio-label .form__radio-button::after{opacity:1}.footer{background-color:#333;padding:10rem 0;color:#fff;font-size:1.7rem}.footer__logo-box{text-align:center;margin-bottom:8rem}.footer__logo{width:15rem;height:auto}.footer__navigation{list-style:none;padding-top:2rem;border-top:3px solid #555;display:inline-block}@media only screen and (max-width: 56.25em){.footer__navigation{width:100%}}.footer__item{display:inline-block}.footer__item:not(:last-child){margin-right:3rem}.footer__description{float:right;border-top:3px solid #555;padding-top:2rem;width:80%}@media only screen and (max-width: 56.25em){.footer__description{width:100%;float:none}}.footer__link:link,.footer__link:visited{text-decoration:none;color:#fff;background-color:#333;display:inline-block;transition:all .2s ease}.footer__link:active,.footer__link:hover{color:#fb9099;transform:rotate(6deg) scale(1.3);box-shadow:0.5rem 1rem 2rem rgba(0,0,0,0.4)}.header{height:95vh;background-image:linear-gradient(to right bottom, rgba(251,144,153,0.8), rgba(254,111,123,0.8)),url(../myimg/动漫背景-1.webp);background-position:center;background-size:cover;-webkit-clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 75vh, 0 100%);position:relative}.header__logo-box{position:absolute;top:4rem;left:4rem;z-index:1}.header__logo{height:3.5rem}.header__text-box{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);text-align:center}.row{max-width:114rem;margin:0 auto}.row::after{content:"";display:table;clear:both}.row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width: 56.25em){.row{max-width:50rem;padding:0 3rem}}@media only screen and (max-width: 37.5em){.row{max-width:100%;padding:0 3rem}}.row .col{float:left}.row .col:not(:last-child){margin-right:6rem}@media only screen and (max-width: 56.25em){.row .col:not(:last-child){margin-bottom:6rem}}@media only screen and (max-width: 56.25em){.row .col{width:100% !important}}.row .col-1-of-2{width:calc((100% - 6rem) / 2)}.row .col-1-of-3{width:calc((100% - (2 * 6rem)) / 3)}.row .col-2-of-3{width:calc(2 * ((100% - (2 * 6rem)) / 3) + 6rem)}.row .col-1-of-4{width:calc((100% - (3 * 6rem)) / 4)}.row .col-2-of-4{width:calc((2 * (100% - (3 * 6rem)) / 4) + 6rem)}.row .col-3-of-4{width:calc((3 * (100% - (3 * 6rem)) / 4) + (2 * 6rem))}.navigation__checkbox{display:none}.navigation__button{display:block;position:fixed;top:6rem;right:6rem;width:7rem;height:7rem;border-radius:50%;overflow:hidden;background-color:#fb9099;box-shadow:0 1rem 3rem rgba(0,0,0,0.4);text-align:center;cursor:pointer;z-index:2000}.navigation__icon{position:relative;margin-top:3.5rem}.navigation__icon,.navigation__icon::before,.navigation__icon::after{display:inline-block;width:3rem;height:2px;background-color:#000}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;transition:all .3s}.navigation__icon::before{top:-1rem;left:0}.navigation__icon::after{top:1rem;left:0}.navigation__background{display:block;position:fixed;top:6.5rem;right:6.5rem;width:6rem;height:6rem;border-radius:50%;overflow:hidden;background-image:radial-gradient(#f8afb5, #fe6f7b);z-index:1000;transition:transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)}.navigation__nav{height:100vh;position:fixed;left:0;top:0;z-index:1500;overflow:hidden;opacity:0;width:0;transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);list-style:none;width:100%}.navigation__item{text-align:center;margin:2rem 0}.navigation__item span{margin-right:2rem}.navigation__link:link,.navigation__link:visited{display:inline-block;text-decoration:none;color:#fff;padding:1rem 2rem;font-size:3rem;font-weight:300;background-image:linear-gradient(120deg, transparent 50%, #fff 50%);background-size:220%;transform:translateX(0);transition:all .5s}.navigation__link:active,.navigation__link:hover{background-position:100%;color:#fb9099;transform:translateX(1rem)}.navigation__checkbox:checked ~ .navigation__background{transform:scale(80)}.navigation__checkbox:checked ~ .navigation__nav{opacity:1;width:100%}.navigation__button:hover .navigation__icon::before{transform:translateY(-0.3rem) rotate(0)}.navigation__button:hover .navigation__icon::after{transform:translateY(0.3rem) rotate(0)}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon::before{transform:translateY(1rem) rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon::after{transform:translateY(-1rem) rotate(-135deg)}.section-about{background-color:#f7f7f7;margin-top:-20vh;padding:25rem 0}@media only screen and (max-width: 56.25em){.section-about{padding:15rem 0}}.section-features{background-image:linear-gradient(to right bottom, rgba(248,175,181,0.8), rgba(254,111,123,0.8)),url(../myimg/动漫-4.webp);height:70rem;transform:skewY(-7deg);padding:20rem 0;margin-top:-10rem}.section-features>*{transform:skewY(7deg)}@media only screen and (max-width: 56.25em){.section-features{height:auto}}.section-info{background-color:#f7f7f7;padding:20rem 0;margin-top:-10rem}.section-experience{padding:20rem 0;position:relative;background-image:linear-gradient(to right bottom, rgba(251,144,153,0.4), rgba(254,111,123,0.4))}.section-login{margin-top:15rem;padding:10rem 0;background-image:linear-gradient(to right bottom, rgba(248,175,181,0.8), rgba(254,111,123,0.8))}@media only screen and (max-width: 56.25em){.section-login{padding:5rem 0}}.section-login .login-box{background-image:linear-gradient(105deg, #f7f7f7 50%, transparent 50%),url(../myimg/动漫背景-2.webp);block-size:100%;border-radius:.5rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.2)}@media only screen and (max-width: 56.25em){.section-login .login-box{background-image:linear-gradient(105deg, #f7f7f7 50%, #f7f7f7 50%),url(../myimg/动漫背景-2.webp)}}.section-login .login-box__form{padding:5rem;width:55%}@media only screen and (max-width: 56.25em){.section-login .login-box__form{width:100%}}