.tech-cube-container{display:flex;justify-content:center;align-items:center;height:400px;margin:4rem auto;perspective:1000px;position:relative;overflow:visible;z-index:5}.cube-scene{width:300px;height:300px;position:relative;transform-style:preserve-3d;cursor:pointer}.cube-face{position:absolute;width:250px;height:250px;background:transparent;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:VT323,Fusion Pixel Font,monospace;transition:all .8s cubic-bezier(.4,0,.2,1);box-shadow:none;transform-origin:center center;z-index:1}.cube-face:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#21f3a3,#2196f3);border-radius:17px;z-index:-2;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px}.cube-face:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;border-radius:15px;z-index:-1}.cube-scene:hover .face-front:before{opacity:.8;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition-delay:0s}.cube-scene:hover .face-right:before{opacity:.8;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition-delay:.1s}.cube-scene:hover .face-back:before{opacity:.8;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition-delay:.15s}.cube-scene:hover .face-left:before{opacity:.8;transition:opacity .4s cubic-bezier(.4,0,.2,1);transition-delay:.2s}.cube-face:before{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.face-front:before{transition-delay:.35s}.face-right:before{transition-delay:.25s}.face-back:before{transition-delay:.15s}.face-left:before{transition-delay:0s}.face-front{transform:translateZ(125px)}.face-back{transform:translateZ(-125px) rotateY(180deg)}.face-right{transform:rotateY(90deg) translateZ(125px)}.face-left{transform:rotateY(-90deg) translateZ(125px)}.face-icon{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px currentColor;animation:iconPulse 8s ease-in-out infinite}:lang(zh-CN) .face-icon,:lang(ja-JP) .face-icon{font-size:2.2rem;letter-spacing:.05em}:lang(en-US) .face-icon{font-size:2.6rem;letter-spacing:normal}.face-data{font-size:1.5rem;color:#7dea00;margin-top:4rem;text-align:center;opacity:.9}.face-data .detected{color:#7dea00;text-shadow:0 0 12px rgba(125,234,0,.6)}.face-data .os-risk{color:#ff4d4f;text-shadow:0 0 12px rgba(255,77,79,.6)}.face-icon.os-risk{color:#ff4d4f;text-shadow:0 0 15px rgba(255,77,79,.75)}.cube-face.os-risk-frame:before{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.cube-scene:hover .cube-face.os-risk-frame{box-shadow:0 0 14px #ff4d4fb3,inset 0 0 12px #ff4d4f40}.face-browser .face-icon,.face-version .face-icon,.face-engine .face-icon,.face-os .face-icon{color:#4facfe}.face-browser .face-icon.os-risk,.face-version .face-icon.os-risk,.face-os .face-icon.os-risk{color:#ff4d4f;text-shadow:0 0 15px rgba(255,77,79,.75)}.cube-scene:hover .cube-face{box-shadow:0 0 10px #38f9d7,inset 0 0 10px #1383851a}.cube-scene.expanded .cube-face{transition:all .8s cubic-bezier(.4,0,.2,1)}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-20px) scale(.9);filter:blur(2px)}}.cube-face.face-appear{animation:fadeInSlide .6s cubic-bezier(.4,0,.2,1) forwards}.cube-face.face-disappear{animation:fadeOutSlide .5s cubic-bezier(.4,0,.2,1) forwards}.cube-face.face-appear:before{animation:borderGlow .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes borderGlow{0%{opacity:0;transform:scale(.95)}50%{opacity:.6;transform:scale(1.02)}to{opacity:.9;transform:scale(1)}}.loading-dots{display:inline-block}.loading-dots:after{content:"...";animation:loadingDots 1s steps(3,end) infinite}@keyframes loadingDots{0%,33%{content:"."}34%,66%{content:".."}67%,to{content:"..."}}.data-updating{animation:dataUpdate 1s ease-in-out}@keyframes dataUpdate{0%{color:#fff}50%{color:#4facfe;text-shadow:0 0 10px #4facfe}to{color:#8bc34a}}@media (max-width: 768px){.tech-cube-container{height:300px;margin:2rem auto;overflow:visible}.cube-scene{width:200px;height:200px}.cube-face{width:180px;height:180px}.face-front{transform:translateZ(90px)}.face-back{transform:translateZ(-90px) rotateY(180deg)}.face-right{transform:rotateY(90deg) translateZ(90px)}.face-left{transform:rotateY(-90deg) translateZ(90px)}.face-icon{font-size:1rem;margin-bottom:.5rem}:lang(zh-CN) .face-icon,:lang(ja-JP) .face-icon{font-size:1.6rem;letter-spacing:.04em;line-height:1.2}:lang(en-US) .face-icon{font-size:2rem;letter-spacing:normal;line-height:normal}@media (min-width: 1200px){.tech-cube-container{height:500px;margin:5rem auto}.cube-scene{width:350px;height:350px}.cube-face{width:300px;height:300px}.face-front{transform:translateZ(150px)}.face-back{transform:translateZ(-150px) rotateY(180deg)}.face-right{transform:rotateY(90deg) translateZ(150px)}.face-left{transform:rotateY(-90deg) translateZ(150px)}.face-icon{font-size:2.5rem}:lang(zh-CN) .face-icon,:lang(ja-JP) .face-icon{font-size:2.8rem;letter-spacing:.06em}:lang(en-US) .face-icon{font-size:3.5rem;letter-spacing:normal}}@media (prefers-color-scheme: dark){.cube-face:after{background:#000000e6}}.cube-scene,.cube-face{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tech-particles{contain:layout style paint}@media (prefers-reduced-motion: reduce){.cube-scene,.cube-face,.face-icon,.loading-dots,.particle{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.particle:nth-child(3n){background:#4facfe}.particle:nth-child(3n+1){background:#4facfe}.particle:nth-child(3n+2){background:#4facfe}}@font-face{font-family:EchoScan;src:url(data:font/ttf;base64,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) format("truetype");font-display:swap}:root{--glow-base-white: rgba(255, 255, 255, .5);--glow-base-blue: rgba(3, 17, 207, .671);--glow-base-white-light: rgba(255, 255, 255, .1);--glow-enhanced-white: rgba(255, 255, 255, .7);--glow-enhanced-blue: rgba(3, 17, 207, .8);--glow-enhanced-white-light: rgba(255, 255, 255, .2);--filter-glow-base: drop-shadow(0 0 4px var(--glow-base-white)) drop-shadow(0 0 8px var(--glow-base-blue)) drop-shadow(0 0 12px var(--glow-base-white-light));--filter-glow-enhanced: drop-shadow(0 0 6px var(--glow-enhanced-white)) drop-shadow(0 0 12px var(--glow-enhanced-blue)) drop-shadow(0 0 18px var(--glow-enhanced-white-light));--filter-glow-mobile-base: drop-shadow(0 0 2px rgba(255, 255, 255, .4)) drop-shadow(0 0 4px rgba(3, 17, 207, .5));--filter-glow-mobile-enhanced: drop-shadow(0 0 4px rgba(255, 255, 255, .6)) drop-shadow(0 0 8px rgba(3, 17, 207, .7))}@keyframes gentle-breathe{0%,to{transform:scale(1);opacity:1;filter:var(--filter-glow-base)}50%{transform:scale(1.04);opacity:.75;filter:var(--filter-glow-enhanced)}}@keyframes breathe-float{0%,to{transform:scale(1) translateY(0);opacity:1;filter:var(--filter-glow-base)}25%{transform:scale(1.01) translateY(-4px);opacity:.95}50%{transform:scale(1.02) translateY(-8px);opacity:.9;filter:var(--filter-glow-enhanced)}75%{transform:scale(1.01) translateY(-4px);opacity:.95}}@keyframes pulse-glow{0%,to{filter:var(--filter-glow-base)}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 16px rgba(3,17,207,.9)) drop-shadow(0 0 24px rgba(255,255,255,.3))}}@keyframes pulse-glow-mobile{0%,to{filter:var(--filter-glow-mobile-base)}50%{filter:var(--filter-glow-mobile-enhanced)}}@keyframes svg-fade-in{0%{opacity:0;transform:scale3d(.95,.95,1) translateZ(0)}to{opacity:1;transform:scaleZ(1) translateZ(0)}}.hero-logo-svg.svg-fade-in{animation:svg-fade-in 16.2s cubic-bezier(.25,.46,.45,.94) forwards;will-change:opacity,transform;backface-visibility:hidden;perspective:1000px}@keyframes pure-fade{0%{opacity:0}to{opacity:1}}.letter.pure-fade{animation:pure-fade .5s cubic-bezier(.25,.46,.45,.94) forwards}.hero-section{height:90vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;position:relative;padding-top:60px}.hero-title{font-family:EchoScan,Microsoft YaHei,sans-serif;font-size:3rem;font-weight:400;color:transparent;-webkit-text-stroke:1.7px #ffffff;letter-spacing:.4rem;position:relative;margin-bottom:1rem;margin-top:0;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;z-index:2;filter:var(--filter-glow-base);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:all .3s ease}.hero-title:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.hero-logo-container{display:flex;flex-direction:column;align-items:center;position:relative}.hero-logo-svg{width:337px;height:auto;fill:none;stroke:#fff;stroke-width:4;margin-bottom:-10px;position:relative;z-index:1;opacity:0;visibility:hidden;transform:translateZ(0);will-change:opacity,transform;backface-visibility:hidden}.hero-logo-svg path{stroke-linecap:round;stroke-linejoin:round}.gentle-breathe{animation:gentle-breathe 5s ease-in-out infinite}.letter.draw-stroke{-webkit-text-stroke:1.7px #ffffff;background:linear-gradient(90deg,white 0%,white 60%,transparent 61%,transparent 100%),transparent;background-size:0% 100%,100% 100%;background-position:0 0,0 0;-webkit-background-clip:text,border-box;background-clip:text,border-box;animation:draw-effect 5s ease-in-out 1;color:transparent}@keyframes draw-effect{0%{background-size:0% 100%,100% 100%;background-position:0% 0%,0% 0%}50%{background-size:100% 100%,100% 100%;background-position:0% 0%,0% 0%}to{background-size:0% 100%,100% 100%;background-position:100% 0%,0% 0%}}.hero-title .letter{display:inline-block;transition:all .3s ease;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-stroke:inherit;letter-spacing:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero-title .letter.space{width:.4rem}@keyframes liquid{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.1) scaleX(.95)}50%{transform:scaleY(.9) scaleX(1.05)}75%{transform:scaleY(1.05) scaleX(.98)}}.hero-title .letter.liquid{animation:liquid 2s ease-in-out both;transform-origin:center bottom}.quick-blink{animation:quick-blink .26s ease-in-out}@keyframes quick-blink{0%{opacity:1}15%{opacity:.1}30%{opacity:1}45%{opacity:.1}60%{opacity:1}to{opacity:1}}.hero-subtitle{font-family:VT323,Fusion Pixel Font,Share Tech Mono,monospace;color:#fff;font-size:1.3rem;opacity:1;letter-spacing:.2em;display:block;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:all .3s ease}@media (prefers-reduced-motion: reduce){.gentle-breathe,.letter.pure-fade,.letter.liquid,.quick-blink,.hero-logo-svg.svg-fade-in{animation:none}.hero-logo-svg{opacity:1;visibility:visible}}
