:root{--neon-blue: #00f7ff;--neon-pink: #ff0055;--neon-purple: #bc13fe;--neon-green: #00ff9f;--bg-dark: #0a0a0a;--bg-darker: #050505;--bg-panel: rgba(0, 0, 0, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-dark: #222222;--border-light: #333333;--border-glow: var(--neon-blue);--shadow-glow-blue: 0 0 10px rgba(0, 247, 255, .5);--shadow-glow-pink: 0 0 10px rgba(255, 0, 85, .5);--shadow-glow-purple: 0 0 10px rgba(188, 19, 254, .5);--grid-color: rgba(0, 247, 255, .1);--scanline-color: rgba(255, 255, 255, .02)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg-dark);background-image:radial-gradient(circle at 25% 15%,rgba(0,247,255,.05) 0%,transparent 50%),radial-gradient(circle at 75% 85%,rgba(255,0,85,.05) 0%,transparent 50%);color:var(--text-primary);font-family:Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,var(--neon-blue) 49%,transparent 51%),linear-gradient(-45deg,transparent 48%,var(--neon-pink) 49%,transparent 51%);background-size:300px 300px;opacity:.03;z-index:-3;animation:gridMove 120s linear infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;z-index:-2;animation:gridScroll 60s linear infinite}.scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,var(--scanline-color),var(--scanline-color) 2px,transparent 2px,transparent 3px);pointer-events:none;z-index:-1;animation:scanlineMove 8s linear infinite}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;overflow:hidden}.particle{position:absolute;background:radial-gradient(circle,var(--neon-blue) 0%,transparent 70%);border-radius:50%;opacity:0;animation:particleFloat 4s infinite ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:4px;box-shadow:var(--shadow-glow-blue)}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink);box-shadow:var(--shadow-glow-pink)}::selection{background:var(--neon-blue);color:var(--bg-dark)}::-moz-selection{background:var(--neon-blue);color:var(--bg-dark)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.33}}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}@keyframes gridMove{0%{background-position:0 0}to{background-position:1000px 1000px}}@keyframes gridScroll{0%{background-position:-1px -1px}to{background-position:-1px -400px}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes particleFloat{0%{transform:translateY(100vh) translate(var(--x-start));opacity:0;width:var(--size);height:var(--size)}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translateY(-100px) translate(var(--x-end));opacity:0;width:var(--size);height:var(--size)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-grid{display:grid}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:2rem}.cyberpunk-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,247,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,247,255,.05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:-1;animation:gridMoveAdvanced 80s linear infinite}.neon-glow-advanced{position:relative;overflow:hidden}.neon-glow-advanced:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle,rgba(0,247,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:neonPulse 3s infinite ease-in-out}.pulse-border{position:relative}.pulse-border:before{content:"";position:absolute;inset:-3px;border:2px solid transparent;border-radius:12px;background:linear-gradient(45deg,#00f7ff,#f05,#bc13fe,#00f7ff) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:borderRotate 4s linear infinite;pointer-events:none}.flicker-advanced{animation:flickerAdvanced 5s infinite alternate}@keyframes flickerAdvanced{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1;text-shadow:0 0 10px #00f7ff,0 0 20px rgba(0,247,255,.7)}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.33;text-shadow:none}}#app{width:100%;min-height:100vh;margin:0;padding:0;background-color:#0a0a0a;font-family:Arial,Microsoft YaHei,sans-serif}a{text-decoration:none;color:#00f7ff;transition:all .3s ease;position:relative}a:hover{color:#fff}a.neon-link{position:relative;display:inline-block;color:#00f7ff;text-shadow:0 0 5px #00f7ff;transition:all .3s ease}a.neon-link:hover{color:#fff;text-shadow:0 0 10px #00f7ff,0 0 20px #00f7ff,0 0 30px #00f7ff}.btn{display:inline-block;padding:10px 20px;border:1px solid #333;border-radius:5px;background:#00000080;color:#00f7ff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:#00f7ff1a;border-color:#00f7ff;box-shadow:0 0 20px #00f7ff4d}.btn-primary{border-color:#00f7ff;color:#00f7ff;box-shadow:0 0 10px #00f7ff4d}.btn-primary:hover{background:#00f7ff33;box-shadow:0 0 20px #00f7ff80}.btn-secondary{border-color:#f05;color:#f05;box-shadow:0 0 10px #ff00554d}.btn-secondary:hover{background:#f053;box-shadow:0 0 20px #ff005580}.card{background:#000c;border:1px solid #333;border-radius:10px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.card:hover{border-color:#00f7ff;transform:translateY(-5px)}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,247,255,.1),transparent);transition:left .5s}.card:hover:before{left:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}.neon-title{color:#00f7ff;font-size:2.5rem;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #00f7ff,0 0 20px rgba(0,247,255,.5),0 0 30px rgba(0,247,255,.3);margin-bottom:1rem;position:relative;display:inline-block}.neon-title-pink{color:#f05;text-shadow:0 0 10px #ff0055,0 0 20px rgba(255,0,85,.5),0 0 30px rgba(255,0,85,.3)}.neon-title-purple{color:#bc13fe;text-shadow:0 0 10px #bc13fe,0 0 20px rgba(188,19,254,.5),0 0 30px rgba(188,19,254,.3)}.neon-title-green{color:#00ff9f;text-shadow:0 0 10px #00ff9f,0 0 20px rgba(0,255,159,.5),0 0 30px rgba(0,255,159,.3)}.electric-hover{position:relative;overflow:hidden}.electric-hover:before{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(-45deg);transition:all .5s ease;pointer-events:none}.electric-hover:hover:before{animation:electric-surge .5s ease-out}@keyframes electric-surge{0%{left:-100%;opacity:0}50%{opacity:.8}to{left:100%;opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;background:var(--neon-glow-color, #0ff);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .6s,opacity .6s;pointer-events:none}.ripple-effect:active:after{transform:translate(-50%,-50%) scale(4);opacity:.3}.electric-button{position:relative;transition:all .3s ease;background:transparent;border:2px solid var(--neon-glow-color, #0ff);color:var(--neon-text-color, #fff);padding:.5rem 1rem;border-radius:4px;text-transform:uppercase;letter-spacing:1px;overflow:hidden}.electric-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s}.electric-button:hover{box-shadow:0 0 10px var(--neon-glow-color, #0ff),0 0 20px var(--neon-glow-color, #0ff);transform:translateY(-2px)}.electric-button:hover:before{transform:translate(100%);animation:electric-flow 1.5s infinite}@keyframes electric-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.electric-button:active{transform:translateY(0)}.scroll-indicator{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--neon-glow-color, #0ff),var(--accent-color, #f0f),var(--neon-glow-color, #0ff));background-size:200% auto;z-index:9999;transition:width .1s ease;animation:gradient-flow 3s linear infinite}@keyframes gradient-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.parallax-section{position:relative;overflow:hidden}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:130%;background-position:center;background-size:cover;transform:translateZ(-1px) scale(2);z-index:-1;filter:brightness(.3) saturate(1.5)}.neon-glow-trail{position:fixed;pointer-events:none;z-index:9998;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#ffffff26,#fff0 70%);transform:translate(-50%,-50%);transition:transform .1s ease,opacity .3s ease;opacity:0}.scroll-animate{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text) "";position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #ff0055;clip:rect(24px,550px,90px,0);animation:glitch-anim-1 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00f7ff;clip:rect(85px,550px,140px,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.glitch-title{position:relative;display:inline-block;animation:glitch-anim-main 5s infinite}.glitch-title:before,.glitch-title:after{content:attr(data-text) "";position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a12e6}.glitch-title:before{left:2px;text-shadow:-2px 0 #ff0055;clip:rect(20px,9999px,80px,0);animation:glitch-anim-1 3s infinite linear alternate-reverse}.glitch-title:after{left:-2px;text-shadow:-2px 0 #00f7ff;clip:rect(60px,9999px,120px,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.pulse-glitch{animation:pulse-glitch-anim 4s infinite}@keyframes glitch-anim-main{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-1{0%{clip:rect(44px,9999px,56px,0);transform:skew(.7deg)}5%{clip:rect(61px,9999px,74px,0);transform:skew(.2deg)}10%{clip:rect(52px,9999px,27px,0);transform:skew(.4deg)}15%{clip:rect(30px,9999px,92px,0);transform:skew(.3deg)}20%{clip:rect(77px,9999px,13px,0);transform:skew(.9deg)}25%{clip:rect(35px,9999px,33px,0);transform:skew(.5deg)}30%{clip:rect(34px,9999px,8px,0);transform:skew(.6deg)}35%{clip:rect(64px,9999px,92px,0);transform:skew(.8deg)}40%{clip:rect(47px,9999px,9px,0);transform:skew(.1deg)}45%{clip:rect(71px,9999px,82px,0);transform:skew(.3deg)}50%{clip:rect(35px,9999px,41px,0);transform:skew(.5deg)}55%{clip:rect(45px,9999px,12px,0);transform:skew(.9deg)}60%{clip:rect(54px,9999px,42px,0);transform:skew(.7deg)}65%{clip:rect(20px,9999px,27px,0);transform:skew(.2deg)}70%{clip:rect(12px,9999px,64px,0);transform:skew(.4deg)}75%{clip:rect(10px,9999px,28px,0);transform:skew(.8deg)}80%{clip:rect(16px,9999px,12px,0);transform:skew(.1deg)}85%{clip:rect(30px,9999px,81px,0);transform:skew(.3deg)}90%{clip:rect(24px,9999px,66px,0);transform:skew(.6deg)}95%{clip:rect(42px,9999px,37px,0);transform:skew(.5deg)}to{clip:rect(60px,9999px,51px,0);transform:skew(.2deg)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,72px,0);transform:skew(.6deg)}5%{clip:rect(24px,9999px,7px,0);transform:skew(.5deg)}10%{clip:rect(40px,9999px,57px,0);transform:skew(.7deg)}15%{clip:rect(1px,9999px,41px,0);transform:skew(.1deg)}20%{clip:rect(22px,9999px,51px,0);transform:skew(.3deg)}25%{clip:rect(53px,9999px,68px,0);transform:skew(.9deg)}30%{clip:rect(36px,9999px,68px,0);transform:skew(.8deg)}35%{clip:rect(47px,9999px,14px,0);transform:skew(.4deg)}40%{clip:rect(87px,9999px,93px,0);transform:skew(.2deg)}45%{clip:rect(71px,9999px,47px,0);transform:skew(.5deg)}50%{clip:rect(55px,9999px,43px,0);transform:skew(.7deg)}55%{clip:rect(41px,9999px,9px,0);transform:skew(.1deg)}60%{clip:rect(46px,9999px,13px,0);transform:skew(.3deg)}65%{clip:rect(56px,9999px,79px,0);transform:skew(.9deg)}70%{clip:rect(69px,9999px,31px,0);transform:skew(.8deg)}75%{clip:rect(58px,9999px,5px,0);transform:skew(.4deg)}80%{clip:rect(14px,9999px,26px,0);transform:skew(.2deg)}85%{clip:rect(64px,9999px,17px,0);transform:skew(.5deg)}90%{clip:rect(11px,9999px,57px,0);transform:skew(.7deg)}95%{clip:rect(8px,9999px,78px,0);transform:skew(.1deg)}to{clip:rect(25px,9999px,91px,0);transform:skew(.3deg)}}@keyframes pulse-glitch-anim{0%,90%,to{transform:translate(0);opacity:1}91%{transform:translate(-2px,2px);text-shadow:-2px 0 #ff0055}92%{transform:translate(2px,-2px);text-shadow:2px 0 #00f7ff}93%{transform:translate(-2px,-2px);text-shadow:-2px 0 #bc13fe}94%{transform:translate(2px,2px);text-shadow:2px 0 #00ff9f}95%{transform:translate(0);opacity:.8}96%{transform:translate(-1px,1px);text-shadow:-1px 0 #ff0055}97%{transform:translate(1px,-1px);text-shadow:1px 0 #00f7ff}98%{transform:translate(-1px,-1px);text-shadow:-1px 0 #bc13fe}99%{transform:translate(1px,1px);text-shadow:1px 0 #00ff9f}}.glitch-title{color:#f05;text-shadow:0 0 10px #ff0055,0 0 20px rgba(255,0,85,.5);animation:glitch 2s infinite}.neon-flicker{animation:flicker 3s infinite alternate}.neon-pulse{animation:pulse 2s infinite alternate}.neon-border{position:relative;border:1px solid #00f7ff;box-shadow:0 0 5px #00f7ff,inset 0 0 5px #00f7ff}.neon-border-pink{position:relative;border:1px solid #ff0055;box-shadow:0 0 5px #f05,inset 0 0 5px #f05}.neon-border-purple{position:relative;border:1px solid #bc13fe;box-shadow:0 0 5px #bc13fe,inset 0 0 5px #bc13fe}.neon-border-green{position:relative;border:1px solid #00ff9f;box-shadow:0 0 5px #00ff9f,inset 0 0 5px #00ff9f}.cyber-container{position:relative;border-radius:8px;padding:25px;background:#000c;overflow:hidden;box-shadow:0 0 30px #00f7ff1a;transition:all .3s ease}.cyber-border{position:relative;border-radius:8px;overflow:hidden}.cyber-border:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(45deg,#00f7ff,#f05,#bc13fe,#00ff9f,#00f7ff);background-size:400%;animation:glowing 15s linear infinite;opacity:.8;border-radius:10px}.cyber-border:after{content:"";position:absolute;inset:-2px;z-index:-2;background:inherit;background-size:400%;filter:blur(15px);animation:glowing 15s linear infinite reverse;opacity:.6;border-radius:12px}.neon-border-advanced{position:relative;border:1px solid rgba(0,247,255,.3);border-radius:8px;padding:20px;background:#000000b3;overflow:hidden;box-shadow:0 0 20px #00f7ff33}.neon-border-advanced:before{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:8px;background:linear-gradient(45deg,#00f7ff,transparent,#ff0055,transparent,#00f7ff) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;z-index:1;animation:borderRotate 8s linear infinite}.neon-border-advanced:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f7ff,transparent);animation:scanline 3s linear infinite;z-index:2}.pulse-container{position:relative;border-radius:8px;padding:25px;background:#000000d9;box-shadow:0 0 30px #00f7ff33;animation:containerPulse 4s ease-in-out infinite}.hover-enhanced{transition:all .3s ease}.hover-enhanced:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff00554d}.hover-enhanced:hover:before{opacity:1}.neon-corners{position:relative}.neon-corners:before,.neon-corners:after,.neon-corners>span:before,.neon-corners>span:after{content:"";position:absolute;width:30px;height:30px;border-color:#00f7ff;border-style:solid;z-index:10}.neon-corners:before{top:0;left:0;border-width:2px 0 0 2px}.neon-corners:after{top:0;right:0;border-width:2px 2px 0 0}.neon-corners>span:before{bottom:0;left:0;border-width:0 0 2px 2px}.neon-corners>span:after{bottom:0;right:0;border-width:0 2px 2px 0}@keyframes containerPulse{0%,to{box-shadow:0 0 30px #00f7ff33}50%{box-shadow:0 0 40px #ff00554d,0 0 60px #00f7ff1a}}@keyframes borderRotate{0%{background-position:0% 0%}to{background-position:130% 0%}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.neon-glow{box-shadow:0 0 10px #00f7ff,0 0 20px #00f7ff80,0 0 30px #00f7ff4d}.neon-glow-pink{box-shadow:0 0 10px #f05,0 0 20px #ff005580,0 0 30px #ff00554d}.neon-glow-purple{box-shadow:0 0 10px #bc13fe,0 0 20px #bc13fe80,0 0 30px #bc13fe4d}.neon-glow-green{box-shadow:0 0 10px #00ff9f,0 0 20px #00ff9f80,0 0 30px #00ff9f4d}.neon-line{height:2px;background:#00f7ff;box-shadow:0 0 10px #00f7ff}.neon-line-pink{height:2px;background:#f05;box-shadow:0 0 10px #f05}.neon-line-purple{height:2px;background:#bc13fe;box-shadow:0 0 10px #bc13fe}.neon-line-green{height:2px;background:#00ff9f;box-shadow:0 0 10px #00ff9f}@keyframes borderRotate{0%{background-position:0 0}to{background-position:300% 0}}@keyframes neon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.neon-float{animation:neon-float 3s ease-in-out infinite}@media(max-width:768px){body{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:8px 16px;font-size:.9rem}}@media(max-width:576px){body{font-size:13px}h1{font-size:1.8rem}h2{font-size:1.3rem}}.navbar[data-v-8463aad8]{background:#000000f2;border-bottom:1px solid #333;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00f7ff1a}.navbar-container[data-v-8463aad8]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo[data-v-8463aad8]{cursor:pointer}.logo-text[data-v-8463aad8]{font-size:1.5rem;font-weight:700;color:#00f7ff;text-shadow:0 0 5px #00f7ff,0 0 10px #00f7ff,0 0 20px rgba(0,247,255,.7);letter-spacing:2px;animation:neonPulse-8463aad8 3s infinite}.logo-glitch[data-v-8463aad8]{color:#f05;text-shadow:0 0 5px #ff0055,0 0 10px #ff0055,0 0 20px rgba(255,0,85,.7);animation:logoGlitch-8463aad8 2s infinite}@keyframes logoGlitch-8463aad8{0%{text-shadow:0 0 5px #ff0055;transform:none}2%{text-shadow:0 0 10px #ff0055,0 0 20px #ff0055;transform:translate(-1px,1px)}4%{text-shadow:0 0 5px #ff0055;transform:none}98%{text-shadow:0 0 5px #ff0055;transform:none}99%{text-shadow:0 0 10px #ff0055,0 0 20px #ff0055;transform:translate(1px,-1px)}to{text-shadow:0 0 5px #ff0055;transform:none}}@keyframes neonPulse-8463aad8{0%,to{text-shadow:0 0 5px #00f7ff,0 0 10px #00f7ff,0 0 20px rgba(0,247,255,.7)}50%{text-shadow:0 0 10px #00f7ff,0 0 20px #00f7ff,0 0 30px rgba(0,247,255,.9)}}.navbar-menu[data-v-8463aad8]{display:flex;gap:30px}.menu-item[data-v-8463aad8]{color:#999;text-decoration:none;font-size:1rem;position:relative;transition:all .3s ease;cursor:pointer;padding:5px 10px;border-radius:4px}.menu-item[data-v-8463aad8]:hover{color:#00f7ff;background:#00f7ff0d;text-shadow:0 0 5px #00f7ff}.menu-item.active[data-v-8463aad8]{color:#00f7ff;background:#00f7ff1a;text-shadow:0 0 5px #00f7ff}.menu-item.active[data-v-8463aad8]:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#00f7ff;box-shadow:0 0 10px #00f7ff,0 0 20px #00f7ffb3}.dropdown[data-v-8463aad8]{position:relative}.dropdown-content[data-v-8463aad8]{position:absolute;top:100%;left:0;background:#000000f2;border:2px solid #00f7ff;border-radius:5px;min-width:150px;padding:10px 0;z-index:9999;box-shadow:0 5px 15px #00000080,0 0 30px #00f7ff4d;border-top:1px solid rgba(0,247,255,.5);display:block;opacity:1;visibility:visible}.dropdown-item[data-v-8463aad8]{display:block;padding:10px 20px;color:#999;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.dropdown-item[data-v-8463aad8]:hover{background:#00f7ff1a;color:#00f7ff;text-shadow:0 0 5px #00f7ff;box-shadow:inset 0 0 10px #00f7ff33}.dropdown-item[data-v-8463aad8]:active{animation:categoryClick-8463aad8 .3s ease}@keyframes categoryClick-8463aad8{0%{transform:scale(1);box-shadow:inset 0 0 10px #00f7ff33}50%{transform:scale(.95);box-shadow:inset 0 0 20px #00f7ff66}to{transform:scale(1);box-shadow:inset 0 0 10px #00f7ff33}}.navbar-mobile-toggle[data-v-8463aad8]{display:none;flex-direction:column;gap:5px;cursor:pointer}.toggle-bar[data-v-8463aad8]{display:block;width:25px;height:2px;background:#999;transition:all .3s ease}.toggle-bar.open[data-v-8463aad8]:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#00f7ff}.toggle-bar.open[data-v-8463aad8]:nth-child(2){opacity:0}.toggle-bar.open[data-v-8463aad8]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);background:#00f7ff}@media(max-width:768px){.navbar-menu[data-v-8463aad8]{display:none}.navbar-mobile-toggle[data-v-8463aad8]{display:flex}}.footer[data-v-12bc3677]{background:#000000f2;border-top:1px solid #333;padding:40px 0;margin-top:60px;position:relative}.scroll-top-btn[data-v-12bc3677]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:#000c;border:2px solid #00f7ff;color:#00f7ff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 0 15px #00f7ff4d}.scroll-top-btn[data-v-12bc3677]:hover{background:#00f7ff33;transform:translateY(-3px);box-shadow:0 0 25px #00f7ff80;border-color:#00f7ff}.scroll-top-btn[data-v-12bc3677]:active{transform:translateY(1px);box-shadow:0 0 10px #00f7ff4d}.footer[data-v-12bc3677]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#333,transparent)}.footer-content[data-v-12bc3677]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-logo[data-v-12bc3677]{text-align:center;margin-bottom:40px}.logo-text[data-v-12bc3677]{font-size:2rem;font-weight:700;color:#00f7ff;text-shadow:0 0 5px #00f7ff,0 0 10px rgba(0,247,255,.5);letter-spacing:2px}.logo-glitch[data-v-12bc3677]{color:#f05;text-shadow:0 0 5px #ff0055,0 0 10px rgba(255,0,85,.5);animation:logoGlitch-12bc3677 2s infinite}@keyframes logoGlitch-12bc3677{0%{text-shadow:0 0 5px #ff0055;transform:none}2%{text-shadow:0 0 10px #ff0055,0 0 20px #ff0055;transform:translate(-1px,1px)}4%{text-shadow:0 0 5px #ff0055;transform:none}98%{text-shadow:0 0 5px #ff0055;transform:none}99%{text-shadow:0 0 10px #ff0055,0 0 20px #ff0055;transform:translate(1px,-1px)}to{text-shadow:0 0 5px #ff0055;transform:none}}.logo-tagline[data-v-12bc3677]{color:#666;margin-top:10px;font-size:1rem}.footer-links[data-v-12bc3677]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.link-section h4[data-v-12bc3677]{color:#00f7ff;margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px}.link-section h4[data-v-12bc3677]:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:#00f7ff}.link-list[data-v-12bc3677]{list-style:none}.link-list li[data-v-12bc3677]{margin-bottom:15px}.link-list a[data-v-12bc3677]{color:#999;text-decoration:none;transition:all .3s ease;display:inline-block}.link-list a[data-v-12bc3677]:hover{color:#00f7ff;transform:translate(5px)}.tags-cloud[data-v-12bc3677]{display:flex;flex-wrap:wrap;gap:10px}.tag[data-v-12bc3677]{background:#00000080;border:1px solid #444;border-radius:15px;padding:5px 12px;color:#999;font-size:.8rem;text-decoration:none;transition:all .3s ease}.tag[data-v-12bc3677]:hover{background:#00f7ff1a;border-color:#00f7ff;color:#00f7ff}.footer-bottom[data-v-12bc3677]{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid #333}.copyright[data-v-12bc3677]{color:#666;font-size:.9rem}.social-links[data-v-12bc3677]{display:flex;gap:15px}.social-link[data-v-12bc3677]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #444;border-radius:50%;color:#999;transition:all .3s ease;text-decoration:none}.social-link[data-v-12bc3677]:hover{background:#00f7ff1a;border-color:#00f7ff;color:#00f7ff;box-shadow:0 0 10px #00f7ff4d}.social-icon[data-v-12bc3677]{font-size:1.1rem;font-weight:700}@media(max-width:768px){.footer-links[data-v-12bc3677]{grid-template-columns:1fr;gap:40px}.footer-bottom[data-v-12bc3677]{flex-direction:column;gap:20px;text-align:center}.logo-text[data-v-12bc3677]{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,Microsoft YaHei,sans-serif;background-color:#0a0a0a;color:#fff;line-height:1.6;overflow-x:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.scroll-indicator,.neon-glow-trail,.scanline-overlay,.particle-container{pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 20%,rgba(0,247,255,.05) 0%,transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,0,85,.05) 0%,transparent 30%),radial-gradient(circle at 30% 70%,rgba(0,247,255,.05) 0%,transparent 30%),radial-gradient(circle at 90% 90%,rgba(255,0,85,.05) 0%,transparent 30%);pointer-events:none;z-index:-1}.main-content{flex:1;position:relative}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.5}}.neon-flicker{animation:neonFlicker 2s infinite}