.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.scene{position:relative;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.scene.scene1{height:100vh}.bg.back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.content{position:relative;z-index:2;color:#d4f3ff;font-family:PixelFont!important;font-size:2rem}.typed-text{color:#d4f3ff;font-family:Aa幻梦空间像素体!important;font-size:3.5rem;font-weight:400!important;font-style:normal!important;line-height:1;margin-left:4px;padding:0;text-shadow:0 0 11.14px #D4F3FF}.scene.scene2{position:relative;min-height:200vh}.animation,.animation_layer{height:1000px}.animation{display:block;position:relative;z-index:10}.animation_layer{background-position:bottom center;background-size:auto 1038px;background-repeat:repeat-x;width:100%;position:absolute}.animation_layer.parallax{position:fixed}.part1-bg{width:100%;display:block}#building{background-image:url(/visualizing-the-storm.github.io/assets/part1_bg-DqibkRXO.webp);background-size:cover;background-position:center;width:100%;height:auto}.part1_layer1{position:absolute;left:50%;transform:translate(-50%);width:100%;z-index:2;pointer-events:none;will-change:transform}.text{font-family:点点像素体-方形!important;font-size:1.5rem;font-weight:400!important;color:#d4f3ff;-webkit-text-stroke:1px #D4F3FF;text-shadow:0 0 3px #D4F3FF,0 0 12px #A0EFFF}.text-bg{position:relative;display:inline-block;padding:1.2em 9.8em}.text-bg:before{content:"";position:absolute;inset:0;background:#030e27;border-radius:6px;z-index:-1}.blink{animation:blink 2s 5}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.sentiment-item span{color:#bfd8ff;font-size:14px}.sentiment-item.active span{color:#d4f3ff;font-weight:700}.sentiment-icons{position:absolute;bottom:65%;left:95%;transform:translate(-50%);display:flex;gap:20px}.pinkgirl-layer{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.pinkgirl-fixed{position:sticky;top:50%;transform:translateY(-50%);height:0;pointer-events:none}.pinkgirl-arrow{position:absolute;left:9%;top:50%;transform:translateY(-50%);height:20%;pointer-events:none}.pinkgirl-tv{position:relative;width:90%;height:87%;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center}.pinkgirl-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.tv-frame{width:100%;display:block}.pinkgirl{height:auto}.pinkgirl-scroll-text{margin-top:120vh;padding-bottom:200vh;display:flex;flex-direction:column;gap:40vh}.text-block{width:100%;text-align:center;font-size:1.4rem;line-height:1.8;color:#fff;opacity:.9}.pinkgirl-layer{position:relative;width:100%;height:100%}.pinkgirl-tv{position:relative;z-index:1}.pinkgirl-card{position:absolute;top:90%;left:50%;width:52%;height:auto;background:#030e27;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:2;font-family:点点像素体-方形!important;font-size:1.1rem;font-weight:400!important;color:#d4f3ff;-webkit-text-stroke:1px #D4F3FF;text-shadow:0 0 3px #D4F3FF,0 0 12px #A0EFFF}.cardtext{font-family:点点像素体-方形!important;font-size:1.1rem;font-weight:400!important;color:#d4f3ff;-webkit-text-stroke:1px #D4F3FF;text-shadow:0 0 3px #D4F3FF,0 0 12px #A0EFFF}@keyframes blinking{0%,50%,to{opacity:1}20%,75%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stacked-image{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);object-fit:cover}.textArea{width:24%;position:absolute;left:48%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 15px;border-radius:8px;z-index:10}.button-icon{width:10px;height:40px;object-fit:contain;margin-bottom:4px}.image-layer{position:relative;width:100%}.background-img{position:absolute;width:100%;top:0;left:0;z-index:0}.stacked-image{position:relative;width:100%;z-index:1}.stacked-image{position:absolute;top:48%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);object-fit:cover}.textArea{width:24%;position:absolute;left:48%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;padding:10px 15px;border-radius:8px;z-index:10}.button-icon{width:55px;height:55px;object-fit:contain;margin-bottom:4px}.button-icon:hover{transform:scale(1.2)}._image-stack_2fr6j_1{position:relative;width:100%;height:100%}._textArea_2fr6j_33{width:24%;position:absolute;bottom:26px;left:46.6%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 15px;border-radius:8px;z-index:10}._textArea_2fr6j_33 span{display:block}._textArea_2fr6j_33 span:first-child{font-size:1.2rem;font-family:点点像素体-方形!important;font-weight:400!important;color:#d4f3ff;-webkit-text-stroke:.5px #D4F3FF;text-shadow:0 0 6px #D4F3FF,0 0 10px #A0EFFF}._textArea_2fr6j_33 span:last-child{font-size:1rem;font-family:Arial,sans-serif;font-weight:400;color:#d4f3ff;text-shadow:0 0 3px #D4F3FF,0 0 6px #A0EFFF}._overlay_2fr6j_111{position:absolute;top:81.5%;left:78%;transform:translate(-50%);display:flex;flex-direction:row;gap:1rem;padding:10px 15px;border-radius:8px;z-index:10}._icon-wrapper_2fr6j_137{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease,transform .3s ease;filter:grayscale(100%) brightness(50%);position:relative}._icon-wrapper_2fr6j_137._active_2fr6j_159{filter:none;transform:scale(1.5)}._buttonicon_2fr6j_169{width:6rem;height:auto;object-fit:contain;margin-bottom:4px}._buttonicon_2fr6j_169:hover{transform:scale(1.2)}._button-text_2fr6j_191{font-size:14px;text-align:center;color:#d4f3ff;font-family:点点像素体-方形!important;font-weight:400!important;text-shadow:0 0 5px #D4F3FF,0 0 10px #A0EFFF;white-space:nowrap}.image-stack{position:relative;width:100%;height:100%}.textArea{width:24%;position:absolute;bottom:10px;left:46%;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 15px;border-radius:8px;z-index:10}.textArea span{display:block}.textArea span:first-child{font-size:1.2rem;font-family:点点像素体-方形!important;font-weight:400!important;color:#d4f3ff;-webkit-text-stroke:.5px #D4F3FF;text-shadow:0 0 6px #D4F3FF,0 0 10px #A0EFFF}.textArea span:last-child{font-size:1rem;font-family:Arial,sans-serif;font-weight:400;color:#d4f3ff;text-shadow:0 0 3px #D4F3FF,0 0 6px #A0EFFF}.overlay{position:absolute;top:80.5%;left:79%;transform:translate(-50%);display:flex;flex-direction:row;gap:1.2rem;padding:10px 15px;border-radius:8px;z-index:10;background-image:url(/visualizing-the-storm.github.io/assets/Line-Bq-_eLYZ.png);background-repeat:no-repeat;background-position:center;background-size:auto;background-position:center 23px}.icon-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease,transform .3s ease;filter:grayscale(100%) brightness(50%);position:relative}.icon-wrapper.active{filter:none;transform:scale(1.5)}.button-icon{width:35px;height:35px;object-fit:contain;margin-bottom:4px}.button-text{font-size:12px;text-align:center;color:#d4f3ff;font-family:点点像素体-方形!important;font-weight:400!important;text-shadow:0 0 5px #D4F3FF,0 0 10px #A0EFFF;white-space:nowrap}@font-face{font-family:PixelFont;src:local("PixelFont"),url(/visualizing-the-storm.github.io/fonts/PixelFont.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aa幻梦空间像素体;src:local("Aa幻梦空间像素体"),url(/visualizing-the-storm.github.io/fonts/AaHuanMengKongJianXiangSuTi-2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:点点像素体-方形;src:local("点点像素体-方形"),url(/visualizing-the-storm.github.io/fonts/diandianxiangsutifangxing.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#root{margin:0;padding:0;width:100%;height:100%}:root{font-family:PixelFont,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:PixelFont,system-ui,sans-serif;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body::-webkit-scrollbar{width:0;background:transparent}body{scrollbar-width:none}html{scroll-behavior:smooth}