:root{--grid--outer:.5fr repeat(8,1fr) .5fr;--grid--primary:.5fr repeat(8,1fr) .5fr;--grid--gutter:.5rem}.layout{display:grid;grid-template-columns:var(--grid--primary);grid-column-gap:var(--grid--gutter)}body,img{margin:0}blockquote,body,dd,div,dl,dt,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}html{background-color:#f4f4f4}footer,header,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}img,video{border:0;max-width:100%;vertical-align:top}iframe{vertical-align:top}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}body{font:87.5%/2 Circular Std Book,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;background:#fff}button,input,select,textarea{outline:0;resize:none;font:100%/2 Circular Std Book,Helvetica Neue,Helvetica,Arial,sans-serif}input,textarea{font-family:Georgia,serif;box-shadow:none}button{line-height:2;white-space:nowrap;vertical-align:middle;cursor:pointer}strong{font-weight:400}a{text-decoration:none;outline:0;cursor:pointer}a:link,body,label{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}a:focus{outline:currentColor dashed 1px}img{vertical-align:top;max-width:100%}.mjx-chtml{outline:0}@font-face{font-family:icomoon;src:url('https://designer.futurefriendly.cn/assets/font/icomoon.eot?3aoubj');src:url('https://designer.futurefriendly.cn/assets/font/icomoon.eot?3aoubj#iefix') format('embedded-opentype'),url('https://designer.futurefriendly.cn/assets/font/icomoon.ttf?3aoubj') format('truetype'),url('https://designer.futurefriendly.cn/assets/font/icomoon.woff?3aoubj') format('woff'),url('https://designer.futurefriendly.cn/assets/font/icomoon.svg?3aoubj#icomoon') format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-envelop::before{content:"\e945"}.icon-wechat::before,.icon-weixin::before{content:"\e901"}.icon-printer::before{content:"\e902"}.icon-leaf::before{content:"\e903"}.icon-linkedin::before{content:"\eac9"}.icon-appleinc::before{content:"\eabe"}.icon-android::before{content:"\e904"}.icon-html-five::before{content:"\eae4"}.icon-music::before{content:"\e911"}.icon-g_translate::before{content:"\e905"}.icon-quill::before{content:"\e907"}.icon-slideshare::before{content:"\e906"}.icon-pie-chart::before{content:"\e99a"}.icon-trophy::before{content:"\e99e"}.icon-magic::before{content:"\f0d0"}.icon-embed::before{content:"\ea7f"}.icon-quotes-left::before{content:"\e977"}.icon-logo_tencent::before{content:"\e900"}.icon-logo_pku::before{content:"\e908"}.icon-logo_didi::before{content:"\e909"}@font-face{font-family:'Circular Std Book';font-style:normal;font-weight:400;src:local('Circular Std Book'),url('https://designer.futurefriendly.cn/assets/font/CircularStd-Book.woff') format('woff')}@font-face{font-family:'Vesterbro Medium';src:url('https://designer.futurefriendly.cn/assets/font/Vesterbro-Medium.woff2') format('woff2'),url('https://designer.futurefriendly.cn/assets/font/Vesterbro-Medium.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Vesterbro Light';src:url('https://designer.futurefriendly.cn/assets/font/Vesterbro-Light.woff2') format('woff2'),url('https://designer.futurefriendly.cn/assets/font/Vesterbro-Light.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}.tx_l{text-align:left}.tx_r{text-align:right}.tx_c{text-align:center}.tx_geo{font-family:Georgia,serif}.btn,.btn2,.btn2:active,.btn2:hover,.btn2:link,.btn2:visited,.btn3,.btn3:active,.btn3:hover,.btn3:link,.btn3:visited,.btn:active,.btn:hover,.btn:link,.btn:visited{color:#fff}.btn,.btn2,.btn3{display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:.625rem;line-height:1.5rem;border-radius:0 1rem 1rem;vertical-align:top;border:none;cursor:pointer;font-family:Circular Std Book,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-appearance:none;appearance:none;background:#d84315}.btn3{background:#00a699}.btn,.btn:active,.btn:hover{padding:.5rem 1.25rem;font-size:.875rem}.btn2,.btn2:active,.btn2:hover,.btn3,.btn3:active,.btn3:hover{padding:.375rem 1.25rem;font-size:.75rem}.tx_12{font-size:.75rem}.tx_14{font-size:.875rem}.tx_16{font-size:1rem}.tx_18{font-size:1.125rem}.tx_20{font-size:1.25rem}.tx_22{font-size:1.375rem}.tx_24{font-size:1.5rem}.tx_up{text-transform:uppercase}::-webkit-input-placeholder{color:#aaa}.inputArea,.inputTxt{padding:.5rem;border:1px solid #000;background:#fff;color:#333;vertical-align:middle;border-radius:0}.inputArea{line-height:1.8}.clearfix::after,.msgBox::after{content:'.';clear:both;display:block;height:0;visibility:hidden;line-height:0}.clearfix,.msgBox{zoom:1}.left{float:left}.right{float:right}.dis_b{display:block}.dis_in{display:inline}.dis_inb{display:inline-block}.vis_on{visibility:visible}.vis_off{visibility:hidden}.mt5{margin-top:.3rem}.mr5{margin-right:.3rem}.mb5{margin-bottom:.3rem}.ml5{margin-left:.3rem}.mt10{margin-top:.625rem}.mr10{margin-right:.625rem}.mb10{margin-bottom:.625rem}.ml10{margin-left:.625rem}.mt15{margin-top:1rem}.mr15{margin-right:1rem}.mb15{margin-bottom:1rem}.ml15{margin-left:1rem}.mt20{margin-top:1.25rem}.mr20{margin-right:1.25rem}.mb20{margin-bottom:1.25rem}.ml20{margin-left:1.25rem}.pt5{padding-top:.3rem}.pr5{padding-right:.3rem}.pb5{padding-bottom:.3rem}.pl5{padding-left:.3rem}.pt10{padding-top:.625rem}.pr10{padding-right:.625rem}.pb10{padding-bottom:.625rem}.pl10{padding-left:.625rem}body .mt0{margin-top:0!important}body .mr0{margin-right:0!important}body .mb0{margin-bottom:0!important}body .ml0{margin-left:0!important}body .pt0{padding-top:0!important}body .pr0{padding-right:0!important}body .pb0{padding-bottom:0!important}body .pl0{padding-left:0!important}.vt_t{vertical-align:top}.vt_m{vertical-align:middle}.vt_b{vertical-align:bottom}.vt_bl{vertical-align:baseline}.c_t0,body{color:#666}.c_t1{color:#999}.c_tw{color:#fff}.bg_belt{background-image:linear-gradient(45deg,#f4f4f4 0,#f4f4f4 25%,transparent 25%,transparent 50%,#f4f4f4 50%,#f4f4f4 75%,transparent 75%,transparent);background-size:3vw 3vw;background-attachment:fixed}.bg_belt_dark{background-image:linear-gradient(45deg,#000 0,#000 25%,#fff 25%,#fff 50%,#000 50%,#000 75%,#fff 75%,#fff);background-size:3vw 3vw;background-attachment:fixed}a,a.c_a0,a.c_a0:active,a:active,a:link,a:visited{color:#000}a:hover{text-decoration:none;color:#d84315}a.c_a1,a.c_a1:active,a.c_a2,a.c_a2:active{color:#366}.c_dark{color:rgba(0,0,0,.8)}.f_font14{font-size:14px}.f_font16{font-size:16px}.f_font18{font-size:18px}.email::after{content:"ruibin_edu@foxmail.com"}.loadbar{position:fixed;z-index:1;top:0;left:0;right:0;width:100%;overflow:hidden;background-color:#000;mix-blend-mode:difference}#loadbar{display:block;width:110%;height:.3rem;background-color:#f4f4f4;transform:translateX(-100%)}p{margin-bottom:1rem;font-family:Vesterbro Light,serif;word-wrap:break-word;overflow-wrap:break-word}blockquote{font-family:Vesterbro Light,serif;word-wrap:break-word;overflow-wrap:break-word}.container{position:relative}.lg_only{display:none}.plant{display:inline-block;vertical-align:middle;width:.6875rem;height:.875rem;padding:.125rem 0 0 .625rem;transform:rotateZ(-15deg)}.leaf{position:relative;width:.6875rem;height:.6875rem}.leaf .l_a,.leaf .l_b,.leaf .l_c{display:inline-block;vertical-align:top;position:absolute;left:0;top:0;width:.875rem;height:.875rem;transform-origin:.0625rem .0625rem}.leaf .l_b{transform:rotateZ(120deg)}.leaf .l_c{transform:rotateZ(240deg)}.leaf .in{position:relative;display:inline-block;vertical-align:top;width:.75rem;height:.75rem;background-color:rgba(255,255,255,.4);border:.0625rem solid #000;border-radius:50% 50% .0625rem}.leaf .in::after{position:absolute;content:"";left:-.125rem;top:0;width:.75rem;height:.0625rem;background-color:#000;transform:rotate(45deg);transform-origin:.1875rem 0;border-radius:0 50% 50% 0}.e_plant_act{position:absolute;left:0}.e_plant_act .leaf .in{transition:transform .5s ease-in-out}.e_plant_act .leaf .l_a:hover .in,.e_plant_act .leaf .l_b:hover .in,.e_plant_act .leaf .l_c:hover .in{transform:scale(.9) rotateZ(10deg)}.e_plant_logo{opacity:.1;display:block;position:absolute;z-index:3;left:50%;top:4rem;height:6.25rem;width:6.25rem;transform:perspective(25rem) rotateX(40deg) rotateZ(0);padding:0}.e_plant_logo .leaf{width:6.25rem;height:6.25rem}.e_plant_logo .leaf .l_a,.e_plant_logo .leaf .l_b,.e_plant_logo .leaf .l_c{width:6.25rem;height:6.25rem;transform-origin:.625rem .625rem}.e_plant_logo .leaf .in{width:5.75rem;height:5.75rem;border-width:.25rem;border-bottom-right-radius:.125rem}.e_plant_logo .leaf .in::after{left:-1.1875rem;width:6.875rem;height:.1875rem;transform-origin:1.3125rem 0}.sampletext{margin-top:1.5rem}.sampletext img{height:9.375rem;margin:0 .625rem .625rem 0;float:left}.sampletext .text .col{overflow:hidden;box-sizing:border-box}.sampletext .text .col:last-child{margin-top:.626rem}.sampletext .text .col p{margin-bottom:0}.option{display:block;text-align:right;padding:.75rem 0 0;letter-spacing:.12em;text-transform:uppercase;grid-column:2/span 8}.option_printer,.option_txtsize{display:none}.icon{display:inline-block;width:1rem;height:1rem;stroke-width:0;stroke:currentColor;fill:currentColor}header{display:grid;grid-template-columns:var(--grid--outer);grid-column-gap:var(--grid--gutter)}footer{box-sizing:border-box;background:linear-gradient(0deg,#f4f4f4 0,#fff 100%,#fff) #fff}footer .content{padding-bottom:10vw}h1,h2{color:#000}h1{position:relative;z-index:4;text-align:center;font-family:Vesterbro Medium,Georgia,serif;font-size:3rem;padding:4rem 0;line-height:1em}.section,section{padding:2% 0;vertical-align:top;display:grid;grid-template-columns:var(--grid--outer);grid-column-gap:var(--grid--gutter)}.section>a,section>a{grid-column:1/span 11}.section>.inner,section>.inner{width:100%;max-width:3200px;perspective:100000rem;grid-column:2/span 8}h2{padding-top:2rem;font-size:2rem;font-family:Vesterbro Medium,Georgia,serif}h3{font-size:1.1rem;font-family:Vesterbro Medium,Georgia,serif;color:#242424}h3+p{font-family:Vesterbro Light,Georgia,serif;color:#242424}li{padding-top:1rem}li img{display:block;margin:.625rem auto}.summary{padding:5% 0;border-radius:1rem;align-items:center;display:grid;grid-template-columns:var(--grid--primary);grid-column-gap:var(--grid--gutter);grid-row-gap:1rem}.summary .avatar{position:relative;text-align:center;width:100%;border-radius:1%;max-height:40rem;background-color:#fff;display:block;overflow:hidden;grid-column:2/span 8;grid-row:1/span 1}.summary .avatar img{width:100%;height:100%;object-fit:cover}.summary blockquote{overflow:hidden;grid-column:2/span 8;grid-row:2/span 1}.semiul li{padding-bottom:1rem}.semiul li:last-child{padding-bottom:0}.semiul li img{width:100%;max-width:26rem}.showcase{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.showcase .c1{display:none;padding-bottom:1.25rem;padding-top:1.5rem}.showcase .c1 .phone{position:relative;overflow:hidden}.showcase .c2{padding-bottom:1.25rem;padding-top:1.5rem;grid-column:1/11}label{display:inline-block;margin:0 .3rem .3rem 0;background:#f4f4f4;border:1px solid #f4f4f4;padding:1px .8rem;border-radius:0 1rem 1rem;font-size:.75rem;font-family:Circular Std Book,Helvetica Neue,Helvetica,Arial,sans-serif}.pubwrap{grid-row-gap:.5rem}.pubimg{text-align:center;grid-row:1/span 1;grid-column:2/span 8}.pubimg .slidewrap,.pubimg img{-webkit-filter:brightness(98%)}.pubimg img{width:100%;margin:0 .625rem 0 0;border-radius:0;display:inline-block;vertical-align:top;object-fit:cover;background-color:#fff}.pubimg .slidewrap{width:100%}.pubimg img:first-child{margin-right:0}.pubtxt{grid-row:2/span 1;grid-column:1/span 11}.pubpurchase{text-align:right;grid-row:3/span 1;grid-column:1/span 11}.navwrap{display:none;position:fixed;top:0;z-index:1;width:100%;left:0;right:0}.navwrap .inner{padding-left:15rem;padding-right:1rem}.navwrap .sec{position:relative;width:93%;max-width:3200px;margin:0 auto}nav{position:absolute;line-height:1.3em;left:0;margin-left:-15rem;transform:translateY(-200%);transition:.8s}nav .ins{width:14rem;padding-left:1rem;padding-bottom:2rem;border-left:1px solid #000;overflow:hidden}nav .ins a{display:inline-block;vertical-align:top;font-size:.75rem;margin-top:.75rem;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;opacity:.8;transform:perspective(6.25rem) rotateX(-90deg);transition:transform .8s .8s}nav .ins a:hover{opacity:1}.scroll nav{transform:translateY(0)}.scroll nav .ins{padding-top:1rem}.scroll nav .ins a{transform:perspective(6.25rem) rotateX(0)}.paper{font-family:Georgia,serif;padding:3% 0}.paper .topic{font-size:1.5rem;line-height:1.5em;margin-bottom:1rem;text-align:center}.cn .paper .topic{font-size:1.5em}.paper .main{line-height:2em;padding-top:1rem}.paper .main p{text-indent:1em}.en .paper .main>p:first-child,.en p.firsthead:first-child{text-indent:0}.en .paper .main>p:first-child:first-letter,.en p.firsthead:first-child:first-letter{font-size:400%;line-height:1;margin-right:.1em;float:left}.contactform input{width:100%;box-sizing:border-box}.contactform textarea{width:100%;height:12rem;box-sizing:border-box}.logo_tencent{display:inline-block;width:7rem;height:1.8rem;background:url(https://designer.futurefriendly.cn/assets/images/logo_tencent.svg) center center/contain no-repeat;text-indent:-9999rem;overflow:hidden;-webkit-filter:grayscale(100%)}.logo_didi{display:inline-block;width:4rem;height:1.2rem;background:url(https://designer.futurefriendly.cn/assets/images/logo_didi.svg) center center/contain no-repeat;text-indent:-9999rem;overflow:hidden;-webkit-filter:grayscale(100%)}.logo_pku{display:inline-block;width:11.3rem;height:.8rem;background:url(https://designer.futurefriendly.cn/assets/images/logo_pku.svg) center center/contain no-repeat;text-indent:-9999rem;overflow:hidden;-webkit-filter:grayscale(100%)}.quote{padding-left:1.5rem}.quote::before{position:absolute;margin-left:-1.5rem;margin-top:-.25rem;font-family:icomoon;color:currentColor;font-size:1rem;content:"\e977"}.contactform,.contactmail{grid-column:1/span 10}@media (min-width:480px){body{font-size:100%}.btn,.btn2,.btn3{display:inline-block;margin-top:.3rem;width:auto}.summary{border-radius:0 1rem 1rem}.summary .avatar::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2% 10rem 10rem;pointer-events:none}.summary blockquote{padding:5% 0 0}.pubimg{grid-column:3/span 6}}@media (min-width:600px){.paper .topic{font-size:2.4em}.cn .paper .topic{font-size:2em}.contactmail{grid-column:1/span 10}.contactform{grid-column:1/span 8}.option_printer,.option_txtsize{display:inline}.summary{padding:2%;border-radius:0 10rem 10rem}.summary .avatar{margin-top:-10%;margin-bottom:-10%;margin-left:-5%;grid-column:1/span 4;grid-row:1/span 1}.summary blockquote{padding-top:5%;padding-bottom:5%;grid-column:5/span 5;grid-row:1/span 1}.pubimg{grid-column:4/span 4}}@media screen and (min-width:800px){.option{font-size:.875rem;padding:.5rem 1rem 0 0;grid-column:2/span 10}}@media (min-width:800px){:root{--grid--outer:15rem .5fr repeat(8,1fr) .5fr;--grid--primary:.5fr repeat(8,1fr) .5fr;--grid--gutter:1.25rem}.navwrap{display:block}nav .leaf{position:absolute;bottom:-.5625rem;left:-.0625rem;display:block;transform:rotate(45deg);transform-origin:.25rem 0;transition:transform .5s}nav .leaf .in{background:0 0;transform:scale(1.1)}nav .ins{transition:padding-bottom .3s}nav .leaf:hover~.ins{padding-bottom:2.5rem}.btn2,.btn2:active,.btn2:hover{padding:.75rem 1.5rem;border-radius:0 1.5rem 1.5rem;margin-top:1rem;margin-right:.3rem;font-size:.875rem}.quote{padding-left:3rem}.quote::before{margin-left:-3rem;margin-top:-1.5rem;font-size:2rem}.lg_only{display:block}.paper{max-width:90%;padding-left:11%;padding-right:11%}blockquote{padding:2rem}.pubwrap{position:relative}.pubimg{text-align:left}.e_pubwrap_book .pubimg{width:auto;min-width:0;grid-row:1/span 1;grid-column:1/span 4}.f_dropcover:hover img{opacity:0}.e_pubwrap_book .pubimg img{transition:opacity .5s}.pubtxt{margin-top:0;grid-row:1/span 1;grid-column:5/span 7}.pubtxt p{line-height:2em}.sampletext .text .col{width:50%;float:left;padding-left:0;padding-right:1rem}.sampletext .text .col:last-child{margin-top:0;padding-left:1rem;padding-right:0}.f_zoom{position:relative;transition:transform .3s;transform-origin:50% 0;background-color:#fff}.f_zoom:hover{transform:scale(2);z-index:1}.e_plant_act{position:static}.e_plant_logo{opacity:1;position:absolute;left:-8.125rem;top:0;padding:6.25rem 0 0 .625rem;z-index:1;transform:perspective(25rem) rotateX(40deg) rotateZ(20deg)}@keyframes plant_logo{0%,100%,50%{transform:rotateZ(-15deg)}25%{transform:rotateZ(105deg)}75%{transform:rotateZ(-135deg)}}.container{margin:0 auto}.content{position:relative}.section,section{grid-column:2/span 8}.section>.inner,section>.inner{grid-column:3/span 8}h1{z-index:1;font-size:4.5rem;text-align:left;padding:3rem 0 2rem}h2{padding-left:0;font-size:3rem;line-height:1.5em}h3{font-size:1.8rem;line-height:1.5em}footer .container{padding-bottom:0}li img{margin-left:0;margin-right:0}.semiul li{width:100%;float:left}.semiul li img{width:24rem;max-width:100%}}@media (min-width:1240px){.li_pend{margin-top:-2%}.e_plant_logo{padding:7.5rem 0 0 .625rem}h1{padding:4rem 0 3rem;font-size:6rem}.showcase .inner{width:auto}.showcase .layout{align-items:center;grid-template-columns:.5fr 22.75rem repeat(8,1fr) .5fr}.showcase .c1{display:block;grid-row:1/span 1;grid-column:1/span 3}.showcase .c1 .phone{box-sizing:border-box;width:25rem;height:51.2rem;padding:7rem 1.7rem 0;background-image:url(https://designer.futurefriendly.cn/assets/images/iphone-bg.svg);background-size:100%}.showcase .c2{grid-row:1/span 1;grid-column:4/span 8}.e_pubwrap_book .pubimg{grid-column:2/span 3}.e_pubwrap_book .pubtxt{grid-column:5/span 6}.e_pubwrap_book .pubpurchase{grid-row:2/span 1;grid-column:5/span 6}footer{height:100%}.summary blockquote{font-size:1.25rem}.contactform{grid-column:1/span 6}#cnzz::before{position:absolute;left:1rem;color:#000;font-size:1.5rem;font-family:icomoon!important;content:"\e99a";transform:translateY(-100%);opacity:0;transition:.5s}#cnzz:hover::before{opacity:1;transform:translateY(0)}}@media (min-width:1860px){.f_font14{font-size:21px}.f_font16{font-size:24px}.f_font18{font-size:27px}}@media (min-width:2480px){.f_font14{font-size:28px}.f_font16{font-size:32px}.f_font18{font-size:36px}}@media print{body{border-top:none}.option{display:none}.summary .avatar{margin-right:5%}blockquote{border:1px solid #666}.content{border-right:none}.btn,.btn2{border-radius:0;padding:0;text-align:left;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.btn2::after,.btn::after{content:": url(" attr(href) "); ";border-bottom:1px solid #666}label{border-color:#666}.section,li,section{page-break-inside:avoid}.semiul li img{display:block}li .qr{display:inline-block}footer{display:none}}.cn,.cn .btn1,.cn .btn2,.cn .btn3,.cn .paper,.cn h2,.cn h3,.cn input,.cn nav .ins a,.cn p,.cn textarea{font-family:Circular Std Book,Pingfang SC,sans-serif}.cn h2,.cn h3{font-weight:600}.cn .paper strong{font-weight:400}.cn nav .ins a{font-weight:400;font-size:.875rem}.theme_1{background:url(https://designer.futurefriendly.cn/assets/images/grid.png) center center/100px fixed #e65100;padding-bottom:10vw;color:#fff}.theme_1 .c_dark,.theme_1 h1,.theme_1 h2,.theme_1 h3{color:#fff}.theme_1 p{color:rgba(255,255,255,.8)}.theme_1 p label{background:rgba(0,0,0,.3);border:none;color:rgba(255,255,255,.8)}.theme_1 .btn3{background:#6d4c41}.theme_1 .quote::before{color:rgba(255,255,255,.8)}.theme_2{background-color:#dcedc8;color:#000}.theme_2 .c_dark,.theme_2 h1,.theme_2 h2,.theme_2 h3{color:#000}.theme_2 p{color:rgba(0,0,0,.8)}.theme_2 p label{background:rgba(255,255,255,.3);border:none;color:rgba(0,0,0,.8)}.theme_2 .btn3{background:#33691e}.theme_3{background:url(https://designer.futurefriendly.cn/assets/images/grid.png) center center/100px fixed #111;color:#fff}.theme_3 .c_dark,.theme_3 h1,.theme_3 h2,.theme_3 h3{color:#fff}.theme_3 p{color:rgba(255,255,255,.8)}.theme_3 p label{background:rgba(0,0,0,.3);border:none;color:rgba(255,255,255,.8)}.theme_3 .quote::before{color:rgba(255,255,255,.8)}.theme_4{background:url(https://designer.futurefriendly.cn/assets/images/grid.png) center center/100px fixed #039be5;padding-top:9vw;margin-top:-10vw;clip-path:polygon(0 0,100% 9vw,100% 100%,0 100%);color:#fff}.theme_4 .c_dark,.theme_4 h1,.theme_4 h2,.theme_4 h3{color:#fff}.theme_4 p{color:rgba(255,255,255,.8)}.theme_4 p label{background:rgba(0,0,0,.3);border:none;color:rgba(255,255,255,.8)}.theme_4 .btn3{background:#6d4c41}.theme_4 .quote::before{color:rgba(255,255,255,.8)}.theme_5{background-color:#f5f5f5;padding:10vw 0;clip-path:polygon(0 10vw,100% 0,100% 100%,0 100%);color:#000}.theme_5 .c_dark,.theme_5 h1,.theme_5 h2,.theme_5 h3{color:#000}.theme_5 p{color:rgba(0,0,0,.8)}.theme_5 p label{background:#fff;border:none;color:rgba(0,0,0,.5)}.theme_5 .btn3{background:#6d4c41}.theme_5 .quote::before{color:rgba(0,0,0,.8)}.theme_6{background:#fff;margin-top:-10vw;padding-top:10vw;clip-path:polygon(0 10vw,100% 0,100% 100%,0 100%);color:#000}.theme_6 .c_dark,.theme_6 h1,.theme_6 h2,.theme_6 h3{color:#000}.theme_6 p{color:rgba(0,0,0,.8)}.theme_6 p label{background:#f4f4f4;border:1px solid #f4f4f4;color:rgba(0,0,0,.5)}.theme_6 .quote::before{color:rgba(0,0,0,.8)}.f_dark_bg nav .ins{border-left-color:#fff}.f_dark_bg nav .ins a{color:#fff}.f_dark_bg nav .ins a:hover{color:#ffeb3b}.f_dark_bg nav .leaf .l_a,.f_dark_bg nav .leaf .l_b,.f_dark_bg nav .leaf .l_c{animation-duration:1s;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:both}nav .leaf .l_a{opacity:0;transform:rotateZ(-120deg)}nav .leaf .l_b{opacity:0;transform:rotateZ(120deg)}nav .leaf .l_c{transform:rotateZ(0)}.f_dark_bg nav .leaf .l_a{animation-name:ldrop_l}.f_dark_bg nav .leaf .l_b{animation-name:ldrop_r}.f_dark_bg nav .leaf .l_c{animation-name:ldrop_m}@keyframes ldrop_l{0%{opacity:0;transform:rotateZ(-120deg)}100%{opacity:1;transform:rotateZ(-240deg)}}@keyframes ldrop_r{0%{opacity:0;transform:rotateZ(120deg)}100%{opacity:1;transform:rotateZ(0)}}@keyframes ldrop_m{0%{transform:rotateZ(0)}100%{transform:rotateZ(-120deg)}}.f_dark_bg nav .in{border-color:#fff;mix-blend-mode:difference}.f_dark_bg nav .in::after{background-color:#fff}#qLtempOverlay{background:#fff!important}