*{box-sizing:border-box;margin:0;padding:0}:root{--primary-900:#191324;--primary-800:#2b1f63;--primary-700:#4c3aaf;--primary-600:#6147ee;--primary-500:#7a5cff;--primary-400:#9580ff;--primary-300:#b4a6ff;--primary-200:#d4ccff;--primary-100:#ece9ff;--primary-color:var(--primary-500);--primary-dark:var(--primary-600);--accent-cyan:#2588ff;--accent-purple:#7a5cff;--accent-orange:#f4450c;--secondary-color:#ff6b00;--text-color:#333;--text-light:#666;--text-lighter:#999;--text-white:#fff;--bg-light:#f5f7fa;--bg-white:#fff;--bg-dark:var(--primary-800);--bg-darker:var(--primary-900);--border-color:#e0e0e0;--border-light:rgba(0,102,255,.15);--shadow:0 4px 12px rgba(0,0,0,.1);--shadow-hover:0 8px 24px rgba(0,0,0,.15);--shadow-primary:0 8px 30px rgba(0,102,255,.25);--gradient-primary:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);--gradient-dark:linear-gradient(135deg,var(--primary-900) 0%,var(--primary-700) 50%,var(--primary-600) 100%);--gradient-header:linear-gradient(180deg,rgba(0,33,115,.95),rgba(0,33,115,.85));--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--breakpoint-sm:768px;--breakpoint-md:1024px;--breakpoint-lg:1200px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}a{color:inherit;text-decoration:none;transition:all .3s ease}ul{list-style:none}button{border:none}.zy-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(0,33,115,.95),rgba(0,33,115,.85))}.zy-header .left-box,.zy-header .right-box,.zy-header .zynav li a,.zy-header .zynav li a span{color:#fff}.zy-header .zynav li a:hover,.zy-header .zynav li a:hover span{color:hsla(0,0%,100%,.8)}.zy-header.down{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);box-shadow:0 2px 20px rgba(0,0,0,.1)}.zy-header.down .left-box,.zy-header.down .right-box,.zy-header.down .zynav li a,.zy-header.down .zynav li a span{color:#333}.zy-header.down .zynav li a:hover,.zy-header.down .zynav li a:hover span{color:#0052cc}.zy-header:hover{background:hsla(0,0%,100%,.98);box-shadow:0 2px 20px rgba(0,0,0,.1)}.zy-header:hover .left-box,.zy-header:hover .right-box,.zy-header:hover .zynav li a,.zy-header:hover .zynav li a span{color:#333}.zy-header:hover .zynav li a:hover,.zy-header:hover .zynav li a:hover span{color:#0052cc}.zy-header.down:before,.zy-header:before,.zy-header:hover:before{opacity:0!important}.zy-header-m{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(0,33,115,.95),rgba(0,33,115,.9))}.zy-header-m.down{background:hsla(0,0%,100%,.98);box-shadow:0 2px 15px rgba(0,0,0,.1)}.zy-header-tips{background:linear-gradient(90deg,#f3efff,#ece9ff)}.zy-header.ip-style{background:hsla(0,0%,100%,.98);box-shadow:0 2px 20px rgba(0,0,0,.1)}.zy-header.ip-style .left-box,.zy-header.ip-style .right-box,.zy-header.ip-style .zynav li a,.zy-header.ip-style .zynav li a span{color:#333}.zy-header.ip-style .zynav li a:hover,.zy-header.ip-style .zynav li a:hover span{color:#0052cc}.header-tips{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;left:0;padding:12px 0;position:fixed;top:0;transition:transform .3s ease;width:100%;z-index:1000}.header-tips .container{align-items:center;display:flex;justify-content:space-between}.header-tips .right{display:flex;gap:30px}.header-tips a{color:#fff;font-size:14px}.header-tips a:hover{opacity:.8}.header{background:var(--bg-white);box-shadow:var(--shadow);left:0;position:fixed;top:44px;transition:all .3s ease;width:100%;z-index:999}.header .container{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.logo a{color:var(--primary-color);font-size:24px;font-weight:700}.nav ul{display:flex;gap:40px}.nav a{color:var(--text-color);font-size:16px;padding:10px 0;position:relative}.nav a.active,.nav a:hover{color:var(--primary-color)}.nav a:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a.active:after,.nav a:hover:after{width:100%}.dropdown{position:relative}.dropdown-menu{background:var(--bg-white);border-radius:8px;box-shadow:var(--shadow-hover);left:50%;min-width:800px;opacity:0;padding:30px;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.menu-container{display:flex;gap:40px}.menu-left{border-right:1px solid var(--border-color);width:200px}.menu-item{border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.menu-item.active,.menu-item:hover{background:var(--bg-light);color:var(--primary-color);font-weight:500}.menu-right{flex:1}.menu-content{display:none}.menu-content.active{display:block}.product-list{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.product-item{align-items:center;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.product-item:hover{background:var(--bg-light);transform:translateY(-2px)}.product-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;height:50px;justify-content:center;width:50px}.product-info h3{font-size:16px;margin-bottom:4px}.product-info p{color:var(--text-light);font-size:13px}.header-right{display:flex;gap:15px}.search-btn{border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);font-size:14px;padding:8px 16px;transition:all .3s ease}.search-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.contact-btn{background:var(--primary-color);border-radius:20px;color:#fff;font-size:14px;padding:8px 24px;transition:all .3s ease}.contact-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}main{margin-top:0}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.hero-content h1{font-size:48px;line-height:1.3;margin-bottom:20px}.hero-content p{font-size:20px;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;gap:20px;justify-content:center}.btn-primary,.btn-secondary{border-radius:30px;font-size:16px;font-weight:500;padding:14px 36px;transition:all .3s ease}.btn-primary{background:#fff;color:var(--primary-color)}.btn-primary:hover{box-shadow:0 8px 24px rgba(0,0,0,.2);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:var(--primary-color)}.features{background:var(--bg-white);padding:80px 0}.section-title{margin-bottom:60px;text-align:center}.section-title h2{font-size:36px;margin-bottom:15px}.section-title p{color:var(--text-light);font-size:16px}.feature-grid{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.feature-item{border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease}.feature-item:hover{background:var(--bg-light);box-shadow:var(--shadow);transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.feature-item h3{font-size:20px;margin-bottom:12px}.feature-item p{color:var(--text-light);font-size:14px;line-height:1.8}.products{background:var(--bg-light);padding:80px 0}.product-grid{display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.product-card{background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow);padding:40px 30px;text-align:center;transition:all .3s ease}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:16px;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.product-card h3{font-size:20px;margin-bottom:12px}.product-card p{color:var(--text-light);font-size:14px;line-height:1.8;margin-bottom:20px}.card-link{color:var(--primary-color);display:inline-block;font-weight:500;transition:all .3s ease}.card-link:hover{transform:translateX(5px)}.cta{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:100px 0;text-align:center}.cta-content h2{font-size:36px;margin-bottom:15px}.cta-content p{font-size:18px;margin-bottom:30px;opacity:.9}.btn-large{background:#fff;border-radius:30px;color:var(--primary-color);display:inline-block;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s ease}.btn-large:hover{box-shadow:0 12px 32px rgba(0,0,0,.2);transform:translateY(-3px)}.footer{background:#1a1a2e;color:#fff;padding:60px 0 30px}.footer-top{display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.footer-column h4{font-size:18px;margin-bottom:20px}.footer-column ul li{margin-bottom:12px}.footer-column a{color:hsla(0,0%,100%,.7);font-size:14px}.footer-column a:hover{color:#fff}.footer-column p{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:10px}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:30px;text-align:center}.footer-bottom p{color:hsla(0,0%,100%,.5);font-size:14px}.back-to-top{bottom:30px;position:fixed;right:30px;z-index:999}.back-to-top button{background:var(--primary-color);border-radius:50%;box-shadow:var(--shadow);color:#fff;font-size:24px;height:50px;opacity:0;transition:all .3s ease;visibility:hidden;width:50px}.back-to-top button.show{opacity:1;visibility:visible}.back-to-top button:hover{background:var(--primary-dark);transform:translateY(-3px)}.header.hidden{transform:translateY(-44px)}.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.15)}@media (max-width:1024px){.feature-grid,.footer-top,.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-tips{display:none}.header{top:0}main{margin-top:0}.header-right,.nav{display:none}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.hero-buttons{align-items:center;flex-direction:column}.feature-grid,.footer-top,.product-grid{grid-template-columns:1fr}.dropdown-menu{display:none}}@media (max-width:480px){.section-title h2{font-size:28px}.card-icon,.feature-icon{font-size:20px;height:60px;width:60px}}