*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #60a5fa;--text: #333333;--text-light: #666666;--text-lighter: #999999;--bg: #ffffff;--bg-light: #f5f5f5;--bg-lighter: #f0f0f0;--border: #e5e5e5;--accent: #ff6b6b;--success: #10b981;--warning: #f59e0b;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sans: "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;--heading: "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:600;color:var(--text);line-height:1.3}h1{font-size:3rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:1.5rem}h3{font-size:1.5rem;margin-bottom:1rem}p{margin-bottom:1rem;color:var(--text-light)}a{color:var(--primary);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-dark)}button{font-family:var(--sans);border:none;cursor:pointer;transition:all .3s;font-weight:500;border-radius:6px}button.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;font-size:1rem}button.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}button.btn-secondary{background:#fff;color:var(--primary);padding:12px 24px;font-size:1rem;border:2px solid var(--primary)}button.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}#app{min-height:100vh;display:flex;flex-direction:column}header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}nav{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.5rem;font-weight:700;color:var(--primary)}nav ul{list-style:none;display:flex;gap:30px}nav a{color:var(--text);font-weight:500;transition:color .3s}nav a:hover{color:var(--primary)}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 20px}.section-title{text-align:center;margin-bottom:50px}.section-title h2{margin-bottom:15px}.section-title p{font-size:1.1rem;max-width:600px;margin:0 auto}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px;text-align:center}.hero h1{color:#fff;margin-bottom:20px}.hero p{color:#ffffffe6;font-size:1.3rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-buttons .btn-primary{background:#fff;color:var(--primary)}.hero-buttons .btn-primary:hover{background:var(--primary-light);color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:0 auto}.feature-card{background:var(--bg-light);padding:30px;border-radius:12px;border:1px solid var(--border);transition:all .3s;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{color:var(--text);margin-bottom:10px}.feature-card p{margin:0;color:var(--text-light)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.product-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;box-shadow:var(--shadow)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:var(--primary)}.product-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem}.product-content{padding:20px}.product-card h3{margin-bottom:10px}.product-card p{margin-bottom:15px;font-size:.95rem}.contact-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font-family:var(--sans);font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:150px}footer{background:var(--bg-light);border-top:1px solid var(--border);padding:50px 20px 20px}.footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.footer-section h3{margin-bottom:15px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section a{color:var(--text-light)}.footer-section a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border);color:var(--text-light)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}nav ul{gap:15px}.section{padding:60px 20px}.hero{padding:80px 20px}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}nav ul{flex-direction:column;gap:10px;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);display:none}nav ul.active{display:flex}}.menu-toggle[data-v-6ee4c253]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px}.menu-toggle span[data-v-6ee4c253]{width:25px;height:3px;background:var(--text);border-radius:2px;transition:all .3s}@media (max-width: 768px){.menu-toggle[data-v-6ee4c253]{display:flex}.nav-menu[data-v-6ee4c253]{flex-direction:column!important;gap:10px!important;position:absolute!important;top:70px!important;left:0!important;right:0!important;background:#fff!important;padding:20px!important;box-shadow:var(--shadow)!important;display:none!important}.nav-menu.active[data-v-6ee4c253]{display:flex!important}}footer[data-v-6ee4c253]{margin-top:auto}