#HomePanel{position:relative;display:flex;width:100%;color:#fff;text-align:left;overflow:auto}#MainPageInner{position:relative;height:1000px;min-height:100%;width:100%}#MainPageLeft .left-top .brand{width:320px;font-weight:bold;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0)) 0 0 no-repeat;background-size:60px 76px;-webkit-background-clip:text;-o-background-clip:text;background-clip:text;color:rgba(255,255,255,0.8);animation:shine 2.5s infinite}#MainPageLeft .features{margin-top:4rem;max-width:400px}#MainPageLeft .features .feature{opacity:0}#MainPageLeft .features.on .feature{animation-duration:0.8s;animation-name:bounce;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .browser{width:100%;padding-bottom:15px;background-color:#e9e9e9;transform-origin:50% 100%;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.5);--hg-block-width:60px;--hg-block-height:30px;--header-height:14px;--line-height:12px}#MainPageRight .header{font-size:83%;overflow:hidden;background-color:#fbfbfb;border-radius:8px 8px 0px 0px}#MainPageRight .b-user{color:#555}#MainPageRight .b-logo{color:#555;margin-top:1px}#MainPageRight .browser.on .b-logo{animation-duration:0.8s;animation-name:rubber;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero{transform:scaleY(0);transform-origin:50% 0;height:155px;background-color:#6f5499;padding-top:50px}#MainPageRight .b-hero .b-graph-block{position:relative;visibility:hidden;height:var(--hg-block-height);width:0;border-radius:0.3rem}#MainPageRight .b-hero .b-graph-block-gap{margin-right:1.5rem}#MainPageRight .b-hero .b-graph-block-gap::after{content:'';position:absolute;right:calc(-1.5rem - 1px);top:50%;width:1.5rem;border-top:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-subj{border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-head{background-color:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-obj{border:1px solid rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-tag{position:absolute;left:4px;margin-top:-18px;height:12px;width:24px;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:0.2rem}#MainPageRight .browser.on .b-hero .b-graph-tag{animation-duration:0.8s;animation-name:pop;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero .b-graph-advb{position:relative;margin-left:2px;opacity:0}#MainPageRight .browser.on .b-hero .b-graph-advb{position:relative;animation-duration:0.8s;animation-name:rotate-dow-bounce;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-hero .b-graph-advb-port{position:absolute;top:calc(var(--hg-block-height) / 2 - 4px + 1px);left:0px;width:8px;height:8px;border:1px dotted rgba(255,255,255,0.4);border-radius:4px}#MainPageRight .b-hero .b-graph-advb-line-1{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + 1px);left:4px;width:1px;height:calc(var(--hg-block-height) / 3 * 2);border-left:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-advb-line-2{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2);left:calc(0px - var(--hg-block-height) + 4px);width:calc(var(--hg-block-width) / 2);height:1px;border-top:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-advb-line-3{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2);left:calc(0px - var(--hg-block-width) / 2 + 4px);width:1px;height:8px;border-left:1px dashed rgba(255,255,255,0.4)}#MainPageRight .b-hero .b-graph-block-advb{position:absolute;top:calc(var(--hg-block-height) / 2 + 4px + var(--hg-block-height) / 3 * 2 + 8px);left:calc(0px - var(--hg-block-width) / 2 + 4px - var(--hg-block-width) / 5);width:var(--hg-block-width);height:var(--hg-block-height);border-radius:0.3rem;border:1px dashed rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.05)}#MainPageRight .browser.on .b-hero{animation:0.8s b-hero linear forwards 0s}#MainPageRight .browser.on .b-hero .b-graph-block{visibility:visible;width:var(--hg-block-width)}#MainPageRight .b-bottom{position:relative;padding:1rem 0}#MainPageRight .b-bottom .left{position:relative}#MainPageRight .b-bottom .b-paragraph{padding:8px 8px 0px;background-color:#fff;margin-bottom:calc(var(--bs-gutter-y));border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 0 #ddd;transform:scaleY(0)}#MainPageRight .browser.on .b-bottom .b-paragraph{animation-duration:0.8s;animation-name:b-hero;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-bottom .b-paragraph .b-header{height:var(--header-height);width:0;background-color:#e0e0e0;margin-bottom:6px}#MainPageRight .b-bottom .b-line{height:var(--line-height);width:0;background-color:#f0f0f0;margin-bottom:3px}#MainPageRight .browser.on .b-bottom .b-paragraph .b-header{width:50%}#MainPageRight .browser.on .b-bottom .b-line.a{width:100%}#MainPageRight .b-bottom .b-line.b{margin-bottom:8px}#MainPageRight .browser.on .b-bottom .b-line.b{width:70%}#MainPageRight .b-bottom .right{position:relative}#MainPageRight .b-bottom .right .b-panel{border-radius:6px}#MainPageRight .b-bottom .right .b-panel .b-nav-row{width:100%;padding:8px;background-color:#fff;border:1px solid #e0e0e0;margin-bottom:-1px;overflow:auto;transform:scaleY(0);transform-origin:50% 0}#MainPageRight .browser.on .b-bottom .right .b-panel .b-nav-row{animation-duration:0.8s;animation-name:b-hero;animation-timing-function:linear;animation-fill-mode:forwards}#MainPageRight .b-bottom .right .b-panel .b-nav-row:first-child{border-top:0px;border-top-left-radius:4px;border-top-right-radius:4px}#MainPageRight .b-bottom .right .b-panel .b-nav-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#MainPageRight .b-bottom .right .b-nav-row .b-nav-icon{width:var(--header-height);height:var(--header-height);background-color:#e0e0e0;float:left;transform:scale(0)}#MainPageRight .browser.on .b-bottom .right .b-nav-row .b-nav-icon{transform:scale(1)}#MainPageRight .b-bottom .right .b-nav-row .b-nav-text{width:43px;height:var(--line-height);background-color:#f0f0f0;float:left;margin-left:6px;margin-top:1px}@media (max-width:575.98px){#MainPageRight .b-hero{height:130px;padding-top:43px}#MainPageRight .browser{--hg-block-width:50px;--hg-block-height:25px;--header-height:12px;--line-height:10px}}@media (max-width:767.98px){#MainPageRight .header .b-logo{font-size:0.6rem}#MainPageLeft .features{margin-top:2rem}}@media (max-width:991.98px){#MainPageInner{height:1300px}}@media (max-width:1199.98px){}@media (min-width:1200px){}#footer-bottom{position:absolute;bottom:0px;left:0px;width:100%;height:59px;border-top:1px solid #000;background-color:#222;text-align:left;font-size:12px;font-weight:bold;color:#777;-webkit-box-shadow:inset 0 1px 0 #292929;-moz-box-shadow:inset 0 1px 0 #292929;box-shadow:inset 0 1px 0 #292929}