:root{--mx: 50%;--my: 50%}body{background-color:#030712;color:#F8FAFC;overflow-x:hidden;font-family:'Outfit', 'Noto Sans TC', sans-serif;-webkit-font-smoothing:antialiased}::selection{background:rgba(0,240,255,0.3);color:#fff}.glass-nav{background:rgba(3,7,18,0.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05)}.glass-panel{background:linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.06);box-shadow:0 8px 32px 0 rgba(0,0,0,0.3);border-radius:1.5rem}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.animate-marquee{animation:marquee 35s linear infinite}.animate-marquee:hover,.animate-marquee.paused{animation-play-state:paused}.mask-horizontal{-webkit-mask-image:linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);mask-image:linear-gradient(to right, transparent, #000 5%, #000 95%, transparent)}.grid-pattern{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center, #000 20%, transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center, #000 20%, transparent 70%)}.noise-layer{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23noise)'/%3E%3C/svg%3E")}.text-reveal-wrapper{overflow:hidden;display:inline-flex}.text-reveal{transform:none;will-change:transform}.sonar-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;width:60vw;height:60vw;max-width:800px;max-height:800px;pointer-events:none}.sonar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,240,255,0.4);opacity:0;box-shadow:inset 0 0 20px rgba(0,240,255,0.1),0 0 20px rgba(0,240,255,0.1);transform:scale(0.1)}.btn-primary{position:relative;overflow:hidden;background:#00F0FF;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);transition:all 0.5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{box-shadow:0 0 30px rgba(0,240,255,0.6);transform:translateY(-2px)}.btn-outline{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);transition:all 0.4s ease}.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);transform:translateY(-2px)}.text-glow-sweep{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg, #b0c0f9 0%, #b0c0f9 40%, #fff 50%, #b0c0f9 60%, #b0c0f9 100%);background-size:300% 300%;animation:text-sweep 4s linear infinite}#navbar{transform:none !important}@keyframes text-sweep{0%{background-position:-100% -100%}100%{background-position:200% 200%}}@keyframes lume{0%{transform:translateX(-100%) skewX(-12deg)}50%{transform:translateX(100%) skewX(-12deg)}100%{transform:translateX(100%) skewX(-12deg)}}.hover-scan-line{animation:scanner-loop 3s linear infinite}@keyframes scanner-loop{0%{transform:translateY(-100%)}100%{transform:translateY(300%)}}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@keyframes float-chip{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-chip{animation:float-chip 4s ease-in-out infinite}.float-chip-delayed{animation:float-chip 4s ease-in-out infinite;animation-delay:1.5s}