*{margin:0;padding:0;box-sizing:border-box}:root{--space-dark: #0a0f2b;--space-deep: #1a1f3e;--space-blue: #2a3b8f;--space-light: #4a6bff;--space-purple: #7b68ee;--space-cyan: #00e5ff;--space-star: #f0f8ff;--space-glow: #00fff7;--space-gold: #ffd700;--space-white: #ffffff}body{background:linear-gradient(135deg,var(--space-dark) 0%,var(--space-deep) 50%,#000033 100%);color:var(--space-white);font-family:Microsoft YaHei,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;padding-top:80px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(74,107,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,104,238,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,229,255,.1) 0%,transparent 50%);z-index:-1;animation:spacePulse 24s ease-in-out infinite alternate}@keyframes spacePulse{0%{opacity:.45}to{opacity:.75}}.w{width:1200px;margin:0 auto;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--space-dark)}::-webkit-scrollbar-thumb{background:var(--space-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--space-light)}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float-animation{animation:floatUp 3s ease-in-out infinite}.glow-animation{animation:glowPulse 2s infinite alternate}ul,li{list-style:none}a{text-decoration:none;color:var(--space-cyan);transition:all .3s ease;position:relative}a:hover{color:var(--space-glow)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--space-cyan),var(--space-purple));transition:width .3s ease}a:hover:after{width:100%}.header{height:80px;background:linear-gradient(90deg,#0a0f2bf2,#1a1f3ef2,#0a0f2bf2);border-radius:0;border:none;border-bottom:1px solid rgba(74,107,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 20px #00000080,0 0 30px #4a6bff33;position:fixed;top:0;left:0;right:0;z-index:1000;overflow:hidden}.header:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,var(--space-blue),var(--space-purple),var(--space-cyan),var(--space-blue));z-index:-1;filter:blur(20px);opacity:.3}.logo{float:left;height:80px;display:flex;align-items:center;padding-left:20px;background:transparent}.logo img{height:60px;width:auto;transition:all .3s ease;filter:drop-shadow(0 0 5px var(--space-cyan))}.logo img:hover{transform:scale(1.05);filter:drop-shadow(0 0 15px var(--space-glow))}.nav{float:left;margin-left:40px;height:80px;background:transparent}.nav-center{float:none;margin:0 auto;display:flex;justify-content:center}.nav ul{display:flex;align-items:center;height:100%;gap:15px}.nav ul li{position:relative;float:left}.nav ul li a{display:block;line-height:80px;padding:0 20px;color:var(--space-white);text-decoration:none;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;z-index:1}.nav ul li a:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#4a6bff33,#7b68ee33);border-radius:8px;transform:scale(0);transition:transform .3s ease;z-index:-1}.nav ul li a:hover{color:var(--space-glow);text-shadow:0 0 15px var(--space-cyan)}.nav ul li a:hover:before{transform:scale(1)}.nav ul li a:after{content:"";position:absolute;bottom:15px;left:20px;right:20px;height:3px;background:linear-gradient(90deg,var(--space-cyan),var(--space-purple));border-radius:2px;transform:scaleX(0);transition:transform .3s ease}.nav ul li a:hover:after{transform:scaleX(1)}.nav ul li a.active{color:var(--space-cyan)}.nav ul li a.active:after{transform:scaleX(1)}.search{float:left;margin-left:30px;padding:5px;height:80px;background:transparent;display:flex;align-items:center;gap:10px}.search input{height:40px;width:200px;padding:0 15px;border-radius:20px;border:1px solid rgba(74,107,255,.5);background:#1a1f3ecc;color:var(--space-white);font-size:.9rem;transition:all .3s ease;outline:none}.search input:focus{border-color:var(--space-cyan);box-shadow:0 0 15px #4a6bff80;width:250px}.search input::placeholder{color:#ffffff80}.search button{height:40px;padding:0 20px;border-radius:20px;border:none;background:linear-gradient(45deg,var(--space-blue),var(--space-light));color:var(--space-white);font-weight:600;cursor:pointer;transition:all .3s ease}.search button:hover{background:linear-gradient(45deg,var(--space-light),var(--space-cyan));box-shadow:0 0 20px var(--space-cyan);transform:translateY(-2px)}.header .user{position:relative;float:right;display:flex;align-items:center;height:80px;padding-right:20px;background:transparent;gap:10px}.header .user img{height:40px;width:40px;border-radius:50%;border:2px solid var(--space-cyan);transition:all .3s ease;padding:3px}.header .user img:hover{border-color:var(--space-glow);box-shadow:0 0 15px var(--space-cyan);transform:rotate(15deg)}.header .user h6{color:var(--space-white);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.header .user h6 span{color:var(--space-cyan);font-weight:700;transition:color .3s ease}.header .user:hover h6 span{color:var(--space-glow);text-shadow:0 0 10px var(--space-glow)}.space-slider{height:500px;position:relative;overflow:hidden;margin-top:20px;border-radius:20px;box-shadow:0 0 30px #4a6bff4d,0 0 60px #00e5ff33;border:1px solid rgba(74,107,255,.2)}.space-slider .w{height:100%}.slider-container{position:relative;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0a0f2bcc,#1a1f3ecc)}.slider-track{display:flex;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.slider-slide{flex:0 0 100%;position:relative;height:100%;min-width:100%}.slider-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) contrast(1.1)}.slider-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0f2b66,#0a0f2bb3);z-index:1}.slider-caption{position:absolute;bottom:20%;left:10%;z-index:2;max-width:600px;transform:translateY(30px);opacity:0;transition:all .8s ease .3s}.slider-slide.active .slider-caption{transform:translateY(0);opacity:1}.slider-caption h2{font-size:3rem;font-weight:700;margin-bottom:15px;color:var(--space-white);text-shadow:0 2px 16px rgba(0,0,0,.6);letter-spacing:2px}.slider-caption p{font-size:1.2rem;line-height:1.6;color:#ffffffeb;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.7);letter-spacing:1px}.slider-caption:before{content:"";display:block;width:56px;height:3px;margin-bottom:18px;border-radius:2px;background:linear-gradient(90deg,var(--space-cyan),transparent)}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#1a1f3ecc;border:2px solid var(--space-cyan);border-radius:50%;color:var(--space-white);font-size:2rem;cursor:pointer;z-index:3;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.slider-btn:hover{background:#4a6bffcc;border-color:var(--space-glow);box-shadow:0 0 20px var(--space-cyan);transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.slider-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator:hover{background:var(--space-cyan);transform:scale(1.2)}.indicator.active{background:var(--space-glow);box-shadow:0 0 10px var(--space-glow);transform:scale(1.2)}.goods-header{background:linear-gradient(135deg,#0a0f2be6,#1a1f3ee6);margin:40px auto;padding:40px 0;border-radius:20px;border:1px solid rgba(74,107,255,.3);box-shadow:0 10px 30px #00000080,0 0 40px #4a6bff33;position:relative;overflow:hidden}.goods-header h3{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px;color:var(--space-white);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.goods-header h3:before,.goods-header h3:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--space-cyan);opacity:.7}.goods-header h3:before{left:-45px}.goods-header h3:after{right:-45px}.goods-item{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;padding:0 20px;background:transparent}.goods-item ul{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:0;margin:0}.goods-item ul li{flex:0 0 calc(25% - 30px);max-width:calc(25% - 30px);height:320px;background:linear-gradient(135deg,#1a1f3ee6,#0a0f2be6);border-radius:15px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(74,107,255,.2);box-shadow:0 10px 20px #0000004d,0 0 20px #4a6bff1a}.goods-item ul li:hover{transform:translateY(-15px) scale(1.03);border-color:var(--space-cyan);box-shadow:0 20px 40px #0006,0 0 30px #4a6bff4d}.goods-item ul li:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a6bff1a,#7b68ee1a);border-radius:15px;z-index:1;opacity:0;transition:opacity .3s ease}.goods-item ul li:hover:before{opacity:1}.goods-list1-img,.goods-list2-img,.goods-list3-img,.goods-list4-img{height:70%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden;filter:brightness(.8);transition:all .5s ease}.goods-item ul li:hover .goods-list1-img,.goods-item ul li:hover .goods-list2-img,.goods-item ul li:hover .goods-list3-img,.goods-item ul li:hover .goods-list4-img{filter:brightness(1) contrast(1.1);transform:scale(1.05)}.goods-list1-img:after,.goods-list2-img:after,.goods-list3-img:after,.goods-list4-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0f2b33,#0a0f2bb3);z-index:1}.goods-list1-img{background-image:url(./hero-satellite-DN40F2ry.jpg)}.goods-list2-img{background-image:url(./graphy-B1uJxwtC.png)}.goods-list3-img{background-image:url(./card-2dmap-4hujPkYy.jpg)}.goods-list4-img{background-image:url(./3dearth-pVjJfAfM.png)}.goods-list5-img,.goods-list6-img{height:70%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden;filter:brightness(.8);transition:all .5s ease}.goods-item ul li:hover .goods-list5-img,.goods-item ul li:hover .goods-list6-img{filter:brightness(1) contrast(1.1);transform:scale(1.05)}.goods-list5-img:after,.goods-list6-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0f2b33,#0a0f2bb3);z-index:1}.goods-list5-img{background-image:url(./hero-deepspace-DHSZrQah.jpg)}.goods-list6-img{background-image:url(./hero-space-tech-CsAA1MU3.jpg)}.goods-list7-img,.goods-list8-img{height:70%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden;filter:brightness(.8);transition:all .5s ease}.goods-item ul li:hover .goods-list7-img,.goods-item ul li:hover .goods-list8-img{filter:brightness(1) contrast(1.1);transform:scale(1.05)}.goods-list7-img:after,.goods-list8-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0f2b33,#0a0f2bb3);z-index:1}.goods-list7-img{background-image:url(./card-gis-Cy3WGQP0.jpg)}.goods-list8-img{background-image:url(./card-rs-HcOoDy0G.jpg)}.goods-list9-img{height:70%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden;filter:brightness(.8);transition:all .5s ease;background-image:url(./card-products-HQA-LNM4.jpg)}.goods-item ul li:hover .goods-list9-img{filter:brightness(1) contrast(1.1);transform:scale(1.05)}.goods-list9-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a0f2b33,#0a0f2bb3);z-index:1}.goods-list-text{height:30%;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f3ee6,#0a0f2be6);position:relative;z-index:2;padding:20px}.goods-list-text:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--space-cyan),var(--space-purple),var(--space-cyan),transparent)}.goods-list-text h4{text-align:center;font-size:1.35rem;font-weight:700;color:var(--space-white);margin:0;letter-spacing:1px;transition:all .3s ease;position:relative;z-index:1}.goods-item ul li:hover .goods-list-text h4{color:var(--space-cyan);text-shadow:0 0 12px rgba(0,229,255,.45)}.goods-list-text h4:after{content:"→";display:inline-block;margin-left:8px;opacity:0;transform:translate(-6px);transition:all .3s ease}.goods-item ul li:hover .goods-list-text h4:after{opacity:1;transform:translate(0)}.goods-item ul li:after{content:"+";position:absolute;top:12px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,229,255,.6);border-radius:50%;color:var(--space-cyan);font-size:1.1rem;line-height:1;background:#0a0f2b8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;opacity:0;transform:rotate(0) scale(.7);transition:all .35s ease}.goods-item ul li:hover:after{opacity:1;transform:rotate(180deg) scale(1);box-shadow:0 0 12px #00e5ff66}.footer{background:linear-gradient(135deg,#0a0f2bf2,#1a1f3ef2);margin-top:60px;padding:50px 0 20px;border-radius:20px 20px 0 0;border:1px solid rgba(74,107,255,.3);border-bottom:none;box-shadow:0 -10px 30px #00000080,0 0 40px #4a6bff33;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--space-cyan),var(--space-purple),var(--space-cyan),transparent)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-logo{flex:1;min-width:250px}.footer-logo img{height:60px;width:auto;margin-bottom:15px;filter:drop-shadow(0 0 8px var(--space-cyan))}.footer-logo h3{font-size:1.8rem;font-weight:700;color:var(--space-white);margin-bottom:10px;background:linear-gradient(45deg,var(--space-white),var(--space-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo p{color:#fffc;font-size:.9rem;line-height:1.6}.footer-links{flex:1;min-width:200px}.footer-links h4,.footer-contact h4{font-size:1.2rem;font-weight:700;color:var(--space-white);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block}.footer-links h4:after,.footer-contact h4:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--space-cyan)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{color:#fffc;text-decoration:none;transition:all .3s ease;display:flex;align-items:center}.footer-links ul li a:before{content:"›";margin-right:10px;color:var(--space-cyan);transition:transform .3s ease}.footer-links ul li a:hover{color:var(--space-glow);transform:translate(5px)}.footer-links ul li a:hover:before{transform:rotate(90deg)}.footer-contact{flex:1;min-width:250px}.footer-contact p{color:#fffc;margin-bottom:12px;display:flex;align-items:center;font-size:.95rem}.contact-icon{display:inline-block;margin-right:10px;color:var(--space-cyan);font-size:1.1rem;animation:floatUp 3s ease-in-out infinite}.footer-bottom{border-top:1px solid rgba(74,107,255,.3);padding-top:20px;text-align:center}.footer-bottom p{color:#ffffffb3;margin-bottom:8px;font-size:.9rem}.space-signal{color:var(--space-cyan)!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;animation:glowPulse 2s infinite alternate}@media (max-width: 1200px){.w{width:95%;max-width:1200px}.goods-item ul li{flex:0 0 calc(33.333% - 30px);max-width:calc(33.333% - 30px)}}@media (max-width: 992px){.space-slider{height:400px}.slider-caption h2{font-size:2.5rem}.goods-item ul li{flex:0 0 calc(50% - 30px);max-width:calc(50% - 30px)}.footer-content{flex-direction:column;gap:30px}}@media (max-width: 768px){.header{height:auto;padding:15px 0}.logo,.nav,.search,.header .user{float:none;width:100%;margin:0 0 15px;height:auto}.nav ul{flex-direction:column;gap:10px}.nav ul li a{line-height:40px}.space-slider{height:300px}.slider-caption h2{font-size:2rem}.slider-caption p{font-size:1rem}.goods-header h3{font-size:2rem}.goods-item ul li{flex:0 0 100%;max-width:100%}.slider-btn{width:45px;height:45px;font-size:1.5rem}}@media (max-width: 480px){.slider-caption h2{font-size:1.5rem}.slider-caption p{font-size:.9rem}.goods-header h3{font-size:1.5rem}.goods-header h3:before,.goods-header h3:after{font-size:1.2rem;left:-30px;right:-30px}.space-slider{height:250px}}
