:root{--body_bg_main: #A2B6C0;--color_dark: #146086;--color_light: #D8F3FF;--color_light_alt: #B1D7E8;--bg_white_50: rgba(255, 255, 255, .5);--bg_white_80: rgba(255, 255, 255, .8);--white_solid: #FFFFFF;--box_shadow_default: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bg_window_light: rgba(216, 243, 255, .8);--window_header_light: rgba(177, 215, 232, .75);--border_window_light: #FFFFFF;--bg_window_dark: rgba(20, 96, 134, .5);--window_header_dark: rgba(20, 96, 134, .3);--border_window_dark: rgba(20, 96, 134, .8)}.window{position:absolute;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;box-shadow:var(--box_shadow_default);min-width:300px;min-height:200px;display:flex;flex-direction:column;z-index:100;opacity:1;visibility:visible;overflow:hidden;.window-header {padding: 6px 10px; cursor: move; display: flex; justify-content: space-between; align-items: center; .window-controls {display: flex; gap: 8px; .window-control {display: flex; gap: 3; align-items: center; justify-content: center; cursor: pointer; font-size: 16px;}}} .window-content {flex: 1; overflow: auto; .hoverable {border-radius: 5px 5px 0 0; cursor: pointer;}} .resize-handle {position: absolute; background: var(--bg_white_50); border-radius: 5px; margin-bottom: 2px; margin-right: 2px; width: 12px; height: 12px; right: 0; bottom: 0; cursor: nwse-resize; z-index: 101;} .button-blue-light {background-color: var(--window_header_light);} .button-blue-light:hover {background-color: var(--color_light_alt);} .button-blue-dark {background-color: var(--window_header_dark);} .button-blue-dark:hover {background-color: var(--color_dark);} .partner {span {font-size: .8rem;}} .partner img:hover {transition: all 200 ease-in; transform-origin: x-axis y-axis center; transform: scale(110%);}}.window.minimized{visibility:hidden;pointer-events:none}.window-light{color:var(--color_dark);background:var(--bg_window_light);border:1px solid var(--border_window_light);.window-header {background-color: var(--window_header_light); border-bottom: 1px solid var(--border_window_light); border-radius: 10px 10px 0px 0px; .window-title {color: var(--color_dark); font-size: 14px; font-weight: 600;}}}.window-dark{color:var(--color_light);background:var(--bg_window_dark);border:1px solid var(--border_window_dark);.window-content {.hoverable:hover {background: var(--bg_window_dark);}} .window-header {background-color: var(--window_header_dark); border-bottom: 1px solid var(--border_window_dark); border-radius: 10px 10px 0px 0px; .window-title {color: var(--color_light); font-size: 14px; font-weight: 600;}}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.app-icon-float{animation:float 3s ease-in-out infinite}.tab-underline{position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--color_dark);transition:width .3s ease,left .3s ease}.map-container{height:300px;background-color:#e2e8f0;position:relative;overflow:hidden}.map-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.2rem}.yaoming{background-image:url(yaoming.9909d9a05c20275b.png);background-position:left bottom;background-size:auto;background-size:260px auto;background-repeat:no-repeat;background-blend-mode:multiply}@keyframes popUp_fadeIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}80%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.calculator{.input-group {height: 2em; background-color: var(--bg_window_dark); color: var(--color_light);} .input-group.top {border-radius: 5px 5px 0 0;} .input-group.bot {border-radius: 0 0 5px 5px;}}.loading-modal{z-index:999999;transition:width 2s,height 4s;height:100%;.modal-content {height: 100%; .main-content {display: flex; flex-direction: column; justify-content: center; height: 100%; color: white; font-size: 12px; font-weight: 500; text-align: center; text-transform: uppercase; background: radial-gradient(at bottom left,#D8F3FF 0%,#0b4461 100%); .man {position: relative; height: 370px; overflow: hidden; transform: rotate(-45deg) scale(1.45); .body {position: absolute; top: 50%; margin-left: -50px; left: 50%; animation: speeder .4s linear infinite; transform: rotate(45deg);} .body > span {height: 5px; width: 35px; background: #FFF; position: absolute; top: -19px; left: 60px; border-radius: 2px 10px 1px 0;} .base span {position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-right: 100px solid #FFF; border-bottom: 6px solid transparent;} .base span:before {content: ""; height: 22px; width: 22px; border-radius: 50%; background: #FFF; position: absolute; right: -110px; top: -16px;} .base span:after {content: ""; position: absolute; width: 0; height: 0; border-top: 0 solid transparent; border-right: 55px solid #FFF; border-bottom: 16px solid transparent; top: -16px; right: -98px;} .face {position: absolute; height: 12px; width: 20px; background: #FFF; border-radius: 20px 20px 0 0; transform: rotate(-40deg); right: -125px; top: -15px;} .face:after {content: ""; height: 12px; width: 12px; background: #FFF; right: 4px; top: 7px; position: absolute; transform: rotate(40deg); transform-origin: 50% 50%; border-radius: 0 0 0 2px;} .body > span > span:nth-child(1),.body > span > span:nth-child(2),.body > span > span:nth-child(3),.body > span > span:nth-child(4) {width: 30px; height: 1px; background: #FFF; position: absolute; animation: fazer1 .2s linear infinite;} .body > span > span:nth-child(2) {top: 3px; animation: fazer2 .4s linear infinite;} .body > span > span:nth-child(3) {top: 1px; animation: fazer3 .4s linear infinite; animation-delay: -1s;} .body > span > span:nth-child(4) {top: 4px; animation: fazer4 1s linear infinite; animation-delay: -1s;} @keyframes fazer1 {0% {transform: translateX(0);} 100% {transform: translateX(-80px); opacity: 0;}} @keyframes fazer2 {0% {transform: translateX(0);} 100% {transform: translateX(-100px); opacity: 0;}} @keyframes fazer3 {0% {transform: translateX(0);} 100% {transform: translateX(-50px); opacity: 0;}} @keyframes fazer4 {0% {transform: translateX(0);} 100% {transform: translateX(-150px); opacity: 0;}} @keyframes speeder {0% {transform: translate(2px,1px) rotate(0deg);} 10% {transform: translate(-1px,-3px) rotate(-1deg);} 20% {transform: translate(-2px,0px) rotate(1deg);} 30% {transform: translate(1px,2px) rotate(0deg);} 40% {transform: translate(1px,-1px) rotate(1deg);} 50% {transform: translate(-1px,3px) rotate(-1deg);} 60% {transform: translate(-1px,1px) rotate(0deg);} 70% {transform: translate(3px,1px) rotate(-1deg);} 80% {transform: translate(-2px,-1px) rotate(1deg);} 90% {transform: translate(2px,1px) rotate(0deg);} 100% {transform: translate(1px,-2px) rotate(-1deg);}} .longfazers {position: absolute; width: 100%; height: 100%;} .longfazers span {position: absolute; height: 2px; width: 20%; background: #FFF;} .longfazers span:nth-child(1) {top: 20%; animation: lf .6s linear infinite; animation-delay: -5s;} .longfazers span:nth-child(2) {top: 40%; animation: lf2 .8s linear infinite; animation-delay: -1s;} .longfazers span:nth-child(3) {top: 60%; animation: lf3 .6s linear infinite;} .longfazers span:nth-child(4) {top: 80%; animation: lf4 .5s linear infinite; animation-delay: -3s;} @keyframes lf {0% {transform: translateX(200%);} 100% {transform: translateX(-200%); opacity: 0;}} @keyframes lf2 {0% {transform: translateX(200%);} 100% {transform: translateX(-200%); opacity: 0;}} @keyframes lf3 {0% {transform: translateX(200%);} 100% {transform: translateX(-100%); opacity: 0;}} @keyframes lf4 {0% {transform: translateX(200%);} 100% {transform: translateX(-100%); opacity: 0;}}}}}}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:rgba(20,96,134,.4);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(177,215,232,.8)}body{font-family:montserrat;background-color:#a2b6c0;overflow:hidden;background-image:url(/assets/bg-box.svg);background-repeat:no-repeat;background-position:right;-webkit-user-select:none;user-select:none}body header .logo .tracker-container{display:block}body header .logo .tracker-container .tracker{position:absolute;pointer-events:none;display:inline-block;border-radius:5px;width:3px;height:3px;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #fffeff,0 0 .8rem #fffeff,0 0 2.8rem #fffeff,inset 0 0 1.3rem #fffeff}body .text-dark-t{color:var(--color_dark)}body .text-light-t{color:var(--color_light)}body .copyright{writing-mode:vertical-lr}body .copyright p{transform:rotate(180deg);position:static}body .data-stream{position:relative;overflow:hidden}body .data-stream:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 90%,var(--box_shadow_default) 100%);animation:stream 10s linear infinite}@keyframes stream{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}body .anim-stagger{position:absolute;z-index:-1;right:0;bottom:0;color:#fff7}body .app-docker{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;box-shadow:var(--box_shadow_default);height:auto;color:var(--color_light);background:var(--bg_window_dark);border:1px solid var(--border_window_dark);display:inline-flex;flex-direction:row;align-items:center;justify-content:center}body .app-docker .app-shortcut{cursor:pointer;padding:2px;width:50px;border-radius:5px;overflow:hidden;align-self:center}body .app-docker .app-shortcut i{font-size:2rem}body .app-docker .app-shortcut .app-text{font-size:.6em}body .app-docker .app-shortcut:hover{background:var(--color_dark)}body .app-window-shortcut{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:start}body .app-window-shortcut .app-shortcut{background:var(--bg_window_light);color:var(--color_dark);cursor:pointer;padding:8px;height:60px;width:60px;border-radius:5px;overflow:hidden;align-self:start}body .app-window-shortcut .app-shortcut i{font-size:2rem}body .app-window-shortcut .app-shortcut .app-text{font-size:.6em}body .app-window-shortcut .app-shortcut:hover{color:var(--color_light);background:var(--color_dark)}body .app-docker-active{position:fixed;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;align-self:center}body .app-docker-active .app-shortcut{background:var(--bg_white_80);color:var(--color_dark);cursor:pointer;padding:8px;height:60px;width:60px;border-radius:5px;overflow:hidden;align-self:center}body .app-docker-active .app-shortcut i{font-size:2rem}body .app-docker-active .app-shortcut .app-text{font-size:.6em}body .app-docker-active .app-shortcut:hover{background:var(--color_light)}body .app-docker-menu{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;box-shadow:var(--box_shadow_default);height:50px;background:var(--bg_white_80);border:1px solid var(--border_window_dark);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;align-self:center}body .app-docker-menu .app-shortcut{color:var(--color_dark);cursor:pointer;width:50px;border-radius:5px;height:40px;padding:8px;overflow:hidden;align-self:center;justify-content:center;align-items:center}body .app-docker-menu .app-shortcut i{font-size:1.6rem}body .app-docker-menu .app-shortcut:hover{background:#a0bfcc}body .app-docker-menu .app-shortcut.active{color:var(--white_solid);background:var(--bg_window_dark)}body .menu-container{height:78px;width:78px}body .menu-container .menu-button{background:var(--bg_white_80);border:2px solid var(--color_dark);display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 0 15px var(--box_shadow_default)}body input.search-top{background:var(--bg_window_light);border:var(--border_window_light);color:var(--color_dark);height:50px;padding-right:10px}body input:focus{border:var(--border_window_dark)}body #default-search.opened{padding-left:60px}body .typewriter p{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:55%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}body .menu-mobile{position:fixed;top:0;left:50%;transform:translate(-50%)}