:root{--home-adv-card-width:1100px;--home-adv-card-height:540px;--home-annc-width:420px}body,html{min-width:var(--global-page-min-width)}.f-root{display:flex;flex-direction:row;justify-content:center;margin-top:var(--global-header-height)}.f-root,.f-root>.f-center{box-sizing:border-box;position:relative;width:100%}.f-root>.f-center{max-width:var(--global-page-max-width);min-width:var(--global-page-min-width)}.f-root>.f-center>.f-main{box-sizing:border-box;overflow:hidden;position:relative}.f-root>.f-center>.f-main>.bg{content:url(../static/images/home/home-main-bg.png);filter:invert(40%);position:absolute;width:100%}.f-root>.f-center>.f-main>.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:4% 0 250px;position:relative}.f-root>.f-center>.f-main>.container>.msg{align-items:center;background:#fdfcff;border:1px solid #f0ecec;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:row;height:36px;position:relative}.f-root>.f-center>.f-main>.container>.msg>.title{align-items:center;background:rgba(141,117,236,.08);border-radius:6px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;height:24px;margin-left:6px;padding:10px;position:relative;white-space:nowrap}.f-root>.f-center>.f-main>.container>.msg>.title>img{content:url(../static/images/home/home-msg-title-ic.svg);width:14px}.f-root>.f-center>.f-main>.container>.msg>.title>span{color:#9d66ec;font-size:11px;font-weight:700;margin-left:2px}.f-root>.f-center>.f-main>.container>.msg>.text{box-sizing:border-box;cursor:pointer;flex-grow:1;margin:0 10px;overflow:hidden;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;white-space:nowrap;width:0;width:var(--home-annc-width)}@keyframes scroll-text1{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scroll-text2{0%{transform:translateX(var(--home-annc-width))}to{transform:translateX(-100%)}}.f-root>.f-center>.f-main>.container>.msg>.text>span{color:#222324;display:inline-block;font-size:13px}.f-root>.f-center>.f-main>.container>.msg>.text>span.start{animation:scroll-text1 5s linear 2s,scroll-text2 10s linear 7s infinite}.f-root>.f-center>.f-main>.container>.big-words{content:url(../static/images/home/home-main-big-words.svg);height:58px;margin-top:32px}.f-root>.f-center>.f-main>.container>.small-words{color:#454546;font-size:18px;margin:16px 0 0;padding:0;white-space:nowrap}.f-root>.f-center>.f-main>.container>.items{margin-top:56px}.f-root>.f-center>.f-main>.container>.items,.f-root>.f-center>.f-main>.container>.items>.item{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;position:relative}.f-root>.f-center>.f-main>.container>.items>.item{border:1px solid rgba(0,0,0,.1);border-radius:10px;flex-shrink:0;height:48px;padding:0 14px 0 10px}.f-root>.f-center>.f-main>.container>.items>.item:not(:first-child){margin-left:30px}.f-root>.f-center>.f-main>.container>.items>.item>img{border-radius:6px;box-sizing:border-box;display:inline-block;height:32px;padding:5px;width:32px}.f-root>.f-center>.f-main>.container>.items>.item.human-lang-dev>img{background-color:#404240;content:url(../static/images/home/home-main-item-human-lang-dev.svg)}.f-root>.f-center>.f-main>.container>.items>.item.fixed-bugs>img{background-color:#e24f3b;content:url(../static/images/home/home-main-item-fixed-bugs.svg)}.f-root>.f-center>.f-main>.container>.items>.item.run-debug>img{background-color:#3e82dc;content:url(../static/images/home/home-main-item-run-debug.svg)}.f-root>.f-center>.f-main>.container>.items>.item.easy>img{background-color:#3ab15c;content:url(../static/images/home/home-main-item-easy.svg)}.f-root>.f-center>.f-main>.container>.items>.item>span{flex-shrink:0;font-size:14px;margin-left:8px;white-space:nowrap}.f-root>.f-center>.f-main>.container>.items>.item.human-lang-dev>span{color:#404240}.f-root>.f-center>.f-main>.container>.items>.item.fixed-bugs>span{color:#e24f3b}.f-root>.f-center>.f-main>.container>.items>.item.run-debug>span{color:#3e82dc}.f-root>.f-center>.f-main>.container>.items>.item.easy>span{color:#3ab15c}.f-root>.f-center>.f-main>.container>.btns{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin-top:70px;position:relative}.f-root>.f-center>.f-main>.container>.btns>.btn{align-items:center;background-color:#111;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:54px;justify-content:center;position:relative;transition:box-shadow .28s;-o-transition:box-shadow .28s;-moz-transition:box-shadow .28s;-webkit-transition:box-shadow .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:164px}.f-root>.f-center>.f-main>.container>.btns>.btn.download>img{content:url(../static/images/home/home-download-ic.svg);height:24px}.f-root>.f-center>.f-main>.container>.btns>.btn.download>span{color:#fff;font-size:18px;margin-left:10px}.f-root>.f-center>.f-main>.container>.btns>.btn.download:hover{box-shadow:0 12px 40px 0 rgba(0,0,0,.22)}.f-root>.f-center>.f-main>.container>.pic-outer{box-sizing:border-box;margin-top:64px;position:relative}.f-root>.f-center>.f-main>.container>.pic-outer>.pic{box-sizing:border-box;max-width:1100px;min-width:var(--global-page-min-width);position:relative}.f-root>.f-center>.f-main>.container>.pic-outer>.pic>.p{border:1px solid transparent;border-radius:16px;box-shadow:4px 4px 32px 8px rgba(0,0,0,.06);box-sizing:border-box;display:block;padding:16px;position:relative;width:100%;z-index:1}.f-root>.f-center>.f-main>.container>.pic-outer>.pic>.p>img{border-radius:12px;display:inline-block;width:100%}.f-root>.f-center>.f-main>.container>.pic-outer>.pic>.p0>img{content:url(../static/images/home/home-main-aicoding01.png)}.f-root>.f-center>.f-adv{align-items:center;background:rgba(229,234,247,.26);border-radius:20px;display:flex;flex-direction:column;margin-bottom:200px;padding:56px 0 100px}.f-root>.f-center>.f-adv,.f-root>.f-center>.f-adv>.title{box-sizing:border-box;position:relative}.f-root>.f-center>.f-adv>.title>img{content:url(../static/images/home/home-adv-title.svg);height:68px}.f-root>.f-center>.f-adv>.intro{color:#908f8f;font-size:16px;margin:20px 0 0;padding:0;white-space:nowrap}.f-root>.f-center>.f-adv>.card-outer{box-sizing:border-box;height:var(--home-adv-card-height);margin-top:160px;position:relative;width:var(--home-adv-card-width)}.f-root>.f-center>.f-adv>.card-outer>.holder{background:#fff;border-radius:20px;box-shadow:6px 6px 20px 4px rgba(0,0,0,.06);box-sizing:border-box;height:100%;position:relative;width:100%}.f-root>.f-center>.f-adv>.card-outer>.list-outer,.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list{box-sizing:border-box;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card{align-items:center;background:#fff;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;height:var(--home-adv-card-height);left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:var(--home-adv-card-width);z-index:1}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left{align-content:start;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;height:100%;padding:0 40px;position:relative;width:0}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.name{color:#477ff7;font-size:24px;font-weight:700;margin:60px 0 0;padding:0;white-space:nowrap}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.title{color:#202223;font-size:36px;font-weight:700;margin:10px 0 0;padding:0;white-space:normal;word-break:break-all}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.text{color:#5c5c5c;font-size:18px;margin:62px 0 0;padding:0;white-space:normal;word-break:break-all}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.btns{align-content:center;bottom:30px;box-sizing:border-box;display:flex;flex-direction:row;left:40px;position:absolute}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.btns>.btn{align-items:center;border:1px solid #1f1f1f;border-radius:40px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:40px;justify-content:center;padding:0 16px;position:relative;transition:background-color .28s;-o-transition:background-color .28s;-moz-transition:background-color .28s;-webkit-transition:background-color .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.btns>.btn:hover{background-color:rgba(0,0,0,.04)}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.btns>.btn>span{color:#222324;font-size:14px}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.left>.btns>.btn>img{content:url(../static/images/home/home-adv-card-arrow.svg);height:16px;margin-left:2px}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.right{box-sizing:border-box;flex-shrink:0;position:relative}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card>.right>img{height:100%;width:720px}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card.ai>.right>img{content:url(../static/images/home/home-adv-pic1.png)}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card.alias>.right>img{content:url(../static/images/home/home-adv-pic2.png)}.f-root>.f-center>.f-adv>.card-outer>.list-outer>.list>.card.multi-lang>.right>img{content:url(../static/images/home/home-adv-pic3.png)}.f-root>.f-center>.f-adv>.point{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin-top:48px;position:relative}.f-root>.f-center>.f-adv>.point>.p{background:#c2c0c0;border-radius:12px;cursor:pointer;height:12px;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:12px}.f-root>.f-center>.f-adv>.point>.p:not(:first-child){margin-left:10px}.f-root>.f-center>.f-adv>.point>.p.selected{background:linear-gradient(90deg,#ad1498,#0e3280);cursor:auto;width:40px}.f-root>.f-center>.f-ide{box-sizing:border-box;display:flex;flex-direction:row;margin-top:200px;position:relative}.f-root>.f-center>.f-ide>.left{border-radius:12px;box-sizing:border-box;flex-shrink:0;overflow:hidden;position:relative;width:720px}@keyframes img-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateX(0)}}.f-root>.f-center>.f-ide>.left>.holder{content:url(../static/images/home/home-ide-img1.png);width:100%;z-index:0}.f-root>.f-center>.f-ide>.left>.p{left:0;position:absolute;top:0;width:100%;z-index:1}.f-root>.f-center>.f-ide>.left>.p.selected{animation:img-fade-up .26s linear 0s 1;z-index:2}.f-root>.f-center>.f-ide>.left>.p.p1{content:url(../static/images/home/home-ide-img1.png)}.f-root>.f-center>.f-ide>.left>.p.p2{content:url(../static/images/home/home-ide-img2.png)}.f-root>.f-center>.f-ide>.left>.p.p3{content:url(../static/images/home/home-ide-img3.png)}.f-root>.f-center>.f-ide>.left>.p.p4{content:url(../static/images/home/home-ide-img4.png)}.f-root>.f-center>.f-ide>.left>.p.p5{content:url(../static/images/home/home-ide-img5.png)}.f-root>.f-center>.f-ide>.right{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:64px;min-width:300px;position:relative;width:0}.f-root>.f-center>.f-ide>.right>.title{color:#202223;font-size:42px;margin:0;padding:0;white-space:nowrap}.f-root>.f-center>.f-ide>.right>.items{box-sizing:border-box;display:flex;flex-direction:column;margin-top:36px;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}.f-root>.f-center>.f-ide>.right>.items>.item{border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;max-height:48px;overflow:hidden;padding:0 20px 0 0;position:relative;transition:max-height .3s .2s;-o-transition:max-height .3s .2s;-moz-transition:max-height .3s .2s;-webkit-transition:max-height .3s .2s}.f-root>.f-center>.f-ide>.right>.items>.item.selected{background:linear-gradient(90deg,#f4f2ff,transparent);max-height:140px}.f-root>.f-center>.f-ide>.right>.items>.item:not(:first-child){margin-top:0}.f-root>.f-center>.f-ide>.right>.items>.item>.content{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:30px;position:relative;width:0}.f-root>.f-center>.f-ide>.right>.items>.item>.content>.title{color:#39393b;font-size:16px;height:48px;line-height:48px;margin:0;padding:0;white-space:nowrap}.f-root>.f-center>.f-ide>.right>.items>.item>.content>.intro{color:#5d5d5e;display:block;font-size:14px;word-wrap:break-word;margin:0 0 20px;padding:0;word-break:break-all}.f-root>.f-center>.f-ide>.right>.items>.item>.state{content:url(../static/images/home/home-ide-item-uncheck.svg);height:18px;left:6px;position:absolute;top:16px;width:18px}.f-root>.f-center>.f-ide>.right>.items>.item.selected>.state{content:url(../static/images/home/home-ide-item-checked.svg)}.f-root>.f-center>.f-ide>.right>.items>.item>.line{background:#d6d5df;display:none;height:calc(100% - 40px);left:15px;position:absolute;top:26px;width:1px}.f-root>.f-center>.f-ide>.right>.items>.item.selected>.line{display:block}.f-root>.f-center>.f-faq{box-sizing:border-box;display:flex;flex-direction:row;margin-top:160px;position:relative;width:100%}.f-root>.f-center>.f-faq>.left{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:426px}.f-root>.f-center>.f-faq>.left>.title{content:url(../static/images/home/home-faq-title.svg);height:58px}.f-root>.f-center>.f-faq>.left>.intro{color:#969595;font-size:16px;margin-top:34px;width:100%;word-break:break-all}.f-root>.f-center>.f-faq>.left>.items{margin-top:20px}.f-root>.f-center>.f-faq>.left>.items,.f-root>.f-center>.f-faq>.left>.items>.qqqun{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;position:relative}.f-root>.f-center>.f-faq>.left>.items>.qqqun{background-color:#fff;border:1px solid #e6e3e3;border-radius:22px;box-shadow:4px 4px 10px 6px rgba(0,0,0,.02);cursor:pointer;height:44px;justify-content:center;transition:box-shadow .28s;-o-transition:box-shadow .28s;-moz-transition:box-shadow .28s;-webkit-transition:box-shadow .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:138px}.f-root>.f-center>.f-faq>.left>.items>.qqqun:hover{box-shadow:2px 2px 10px 10px rgba(0,0,0,.06)}.f-root>.f-center>.f-faq>.left a:active,.f-root>.f-center>.f-faq>.left a:hover,.f-root>.f-center>.f-faq>.left a:link,.f-root>.f-center>.f-faq>.left a:visited{text-decoration:none}.f-root>.f-center>.f-faq>.left>.items>.qqqun>img{content:url(../static/images/home/home-faq-qun-ic.svg);height:18px;width:18px}.f-root>.f-center>.f-faq>.left>.items>.qqqun>span{color:#39393b;font-size:16px;margin-left:4px}.f-root>.f-center>.f-faq>.left>.items>.goto{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin-left:24px;position:relative}.f-root>.f-center>.f-faq>.left>.items>.goto>.item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;position:relative}.f-root>.f-center>.f-faq>.left>.items>.goto>.item:not(:first-child){margin-left:20px}.f-root>.f-center>.f-faq>.left>.items>.goto>.item>span{color:#39393b;font-size:16px}.f-root>.f-center>.f-faq>.left>.items>.goto>.item>img{content:url(../static/images/home/home-faq-arrow-right.svg);height:20px;width:20px}.f-root>.f-center>.f-faq>.right{flex-grow:1;margin-left:76px;min-width:400px;width:0}.f-root>.f-center>.f-faq>.right,.f-root>.f-center>.f-faq>.right>.item{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.f-root>.f-center>.f-faq>.right>.item{background-color:#fafbff;border:1px solid #ecefff;border-radius:14px;max-height:80px;overflow:hidden;padding:0 30px;transition:background-color .28s,max-height .3s;-o-transition:background-color .28s,max-height .3s;-moz-transition:background-color .28s,max-height .3s;-webkit-transition:background-color .28s,max-height .3s}.f-root>.f-center>.f-faq>.right>.item:not(:first-child){margin-top:24px}.f-root>.f-center>.f-faq>.right>.item.open{max-height:200px}.f-root>.f-center>.f-faq>.right>.item>.head{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}.f-root>.f-center>.f-faq>.right>.item>.head>.title{color:#39393b;flex-grow:1;font-size:18px;height:80px;line-height:80px;width:0}.f-root>.f-center>.f-faq>.right>.item>.head>.btn{content:url(../static/images/home/home-faq-item-add.svg);height:24px;width:24px}.f-root>.f-center>.f-faq>.right>.item.open>.head>.btn{content:url(../static/images/home/home-faq-item-sub.svg)}.f-root>.f-center>.f-faq>.right>.item>.content{box-sizing:border-box;padding:0 20px 20px 0;position:relative;width:100%}.f-root>.f-center>.f-faq>.right>.item>.content>.text{color:#39393b;font-size:14px}.f-root>.f-center>.f-download{background:linear-gradient(69deg,#7559ff,#bc8cff);border-radius:40px;box-sizing:border-box;display:flex;flex-direction:row;height:380px;margin:168px 0 100px;overflow:hidden;position:relative;width:100%}.f-root>.f-center>.f-download>.wg{content:url(../static/images/home/home-bottom-download-wg.svg);height:100%;position:absolute;width:100%}.f-root>.f-center>.f-download>.light{content:url(../static/images/home/home-bottom-download-bg.svg);height:100%;position:absolute;width:100%}.f-root>.f-center>.f-download>.content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.f-root>.f-center>.f-download>.content>.title{content:url(../static/images/home/home-bottom-download-words.svg);height:50px}.f-root>.f-center>.f-download>.content>.btns{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;margin-top:86px;position:relative}.f-root>.f-center>.f-download>.content>.btns>.btn{align-items:center;background-color:#fff;border-radius:54px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:54px;justify-content:center;position:relative;transition:box-shadow .28s;-o-transition:box-shadow .28s;-moz-transition:box-shadow .28s;-webkit-transition:box-shadow .28s;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:164px}.f-root>.f-center>.f-download>.content>.btns>.btn:hover{box-shadow:6px 6px 16px 8px rgba(0,0,0,.06)}.f-root>.f-center>.f-download>.content>.btns>.btn>img{content:url(../static/images/home/home-bottom-download-btn-ic.svg);height:24px;width:24px}.f-root>.f-center>.f-download>.content>.btns>.btn>span{color:#39393b;font-size:18px;font-weight:700;margin-left:8px}