*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#303133;background-color:#050816;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#1890ff;text-decoration:none;transition:color .3s}a:hover{color:#4ba9ff}ol,ul{list-style:none}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f7fa}::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media(max-width:768px){.container{padding:0 8px}}.main-content{min-height:calc(100vh - 260px);padding:32px 0}@media(max-width:768px){.main-content{padding:24px 0}}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.06);padding:24px}.tech-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;transition:all .3s ease}.tech-card:hover{border-color:rgba(0,212,255,.3);box-shadow:0 0 30px rgba(0,212,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#0076e4}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover{background-color:#3f9714}.btn-outline{background-color:transparent;border:1px solid #1890ff;color:#1890ff}.btn-outline:hover{background-color:#1890ff;color:#fff}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:12px}.btn-tech{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#00d4ff,#7b2cbf);color:#fff;position:relative;overflow:hidden}.btn-tech:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-tech:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,212,255,.5),0 0 60px rgba(123,44,191,.3)}.btn-tech:hover:before{left:100%}.section-title{font-size:28px;font-weight:600;color:#303133;text-align:center;margin-bottom:32px}.text-primary{color:#1890ff}.text-success{color:#52c41a}.text-warning{color:#faad14}.text-danger{color:#f5222d}.text-secondary{color:#909399}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(0,212,255,.3)}50%{box-shadow:0 0 40px rgba(0,212,255,.6)}}@keyframes glow-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particle-float{0%,to{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(20px);opacity:0}}@keyframes data-flow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.8}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease forwards}.animate-fade-in-right{animation:fadeInRight .6s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particles-container .particle{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;animation:particle-float linear infinite;box-shadow:0 0 10px #00d4ff}.grid-background{top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 0);background-size:50px 50px;animation:grid-move 20s linear infinite}.glow-orb,.grid-background{position:absolute;pointer-events:none}.glow-orb{border-radius:50%;filter:blur(80px)}.glow-orb.blue{background:radial-gradient(circle,rgba(0,212,255,.3) 0,transparent 70%)}.glow-orb.purple{background:radial-gradient(circle,rgba(123,44,191,.3) 0,transparent 70%)}.glow-orb.green{background:radial-gradient(circle,rgba(0,255,136,.2) 0,transparent 70%)}