* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;color: #333;line-height: 1.6;background-color: #f5f5f5;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}header {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding: 20px 0;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}.navbar {display: flex;justify-content: space-between;align-items: center;}.logo {font-size: 28px;font-weight: bold;color: #fff;}.nav-links {display: flex;list-style: none;}.nav-links li {margin-left: 30px;}.nav-links a {color: #fff;text-decoration: none;font-size: 16px;transition: color 0.3s;}.nav-links a:hover {color: #ffd700;}.hero {padding: 180px 0 120px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;text-align: center;}.hero-content h1 {font-size: 48px;margin-bottom: 20px;}.hero-content p {font-size: 18px;margin-bottom: 30px;max-width: 800px;margin-left: auto;margin-right: auto;}.download-buttons {margin-top: 40px;}.btn-primary {display: inline-block;padding: 15px 40px;background: #ffd700;color: #333;text-decoration: none;border-radius: 50px;font-size: 18px;font-weight: bold;margin-right: 20px;transition: transform 0.3s, box-shadow 0.3s;}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 10px 30px rgba(255,215,0,0.4);}.btn-secondary {display: inline-block;padding: 15px 40px;border: 2px solid #fff;color: #fff;text-decoration: none;border-radius: 50px;font-size: 18px;transition: background 0.3s, color 0.3s;}.btn-secondary:hover {background: #fff;color: #667eea;}.hero-features {display: flex;justify-content: center;margin-top: 80px;gap: 60px;}.feature {text-align: center;max-width: 250px;}.feature span {font-size: 48px;display: block;margin-bottom: 15px;}.feature h3 {font-size: 24px;margin-bottom: 10px;}.feature p {font-size: 14px;color: rgba(255,255,255,0.8);}.products {padding: 80px 0;background: #fff;}.products h2, .news h2, .about h2, .contact h2 {font-size: 36px;text-align: center;margin-bottom: 15px;color: #333;}.section-desc {text-align: center;color: #666;margin-bottom: 50px;font-size: 16px;}.product-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}.product-card {background: #f9f9f9;border-radius: 15px;padding: 30px;text-align: center;transition: transform 0.3s, box-shadow 0.3s;}.product-card:hover {transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0,0,0,0.1);}.product-icon {font-size: 48px;display: block;margin-bottom: 20px;}.product-card h3 {font-size: 20px;margin-bottom: 15px;color: #333;}.product-card p {font-size: 14px;color: #666;margin-bottom: 20px;line-height: 1.8;}.product-card ul {text-align: left;font-size: 14px;color: #555;}.product-card li {margin-bottom: 8px;list-style: none;padding-left: 20px;position: relative;}.product-card li::before {content: '✓';position: absolute;left: 0;color: #667eea;font-weight: bold;}.news {padding: 80px 0;background: #f5f5f5;}.news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.news-card {background: #fff;border-radius: 15px;padding: 30px;transition: transform 0.3s;}.news-card:hover {transform: translateY(-5px);}.news-date {font-size: 14px;color: #999;margin-bottom: 15px;}.news-card h3 {font-size: 18px;margin-bottom: 15px;color: #333;line-height: 1.5;}.news-card p {font-size: 14px;color: #666;line-height: 1.8;margin-bottom: 20px;}.read-more {color: #667eea;text-decoration: none;font-size: 14px;font-weight: bold;}.read-more:hover {text-decoration: underline;}.about {padding: 80px 0;background: #fff;}.about-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;margin-bottom: 60px;}.about-item {text-align: center;padding: 30px;}.about-item span {font-size: 48px;display: block;margin-bottom: 20px;}.about-item h3 {font-size: 20px;margin-bottom: 15px;color: #333;}.about-item p {font-size: 14px;color: #666;line-height: 1.8;}.stats {display: flex;justify-content: center;gap: 80px;padding: 40px 0;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 20px;}.stat-item {text-align: center;color: #fff;}.stat-number {font-size: 48px;font-weight: bold;margin-bottom: 10px;}.stat-label {font-size: 16px;color: rgba(255,255,255,0.8);}.contact {padding: 80px 0;background: #f5f5f5;}.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}.contact-info {display: flex;flex-direction: column;gap: 30px;}.contact-item {display: flex;align-items: flex-start;gap: 20px;}.contact-item span {font-size: 36px;}.contact-item h4 {font-size: 18px;margin-bottom: 5px;color: #333;}.contact-item p {font-size: 14px;color: #666;}.contact-form {background: #fff;padding: 40px;border-radius: 15px;}.contact-form input, .contact-form textarea {width: 100%;padding: 15px;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 10px;font-size: 14px;transition: border-color 0.3s;}.contact-form input:focus, .contact-form textarea:focus {outline: none;border-color: #667eea;}.contact-form textarea {height: 150px;resize: none;}.contact-form button {width: 100%;padding: 15px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;border: none;border-radius: 10px;font-size: 16px;font-weight: bold;cursor: pointer;transition: transform 0.3s;}.contact-form button:hover {transform: translateY(-3px);}.footer {background: #333;color: #fff;padding: 60px 0;}.footer-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;margin-bottom: 40px;}.footer-section h4 {font-size: 18px;margin-bottom: 20px;}.footer-section p {font-size: 14px;color: #999;line-height: 1.8;}.footer-section ul {list-style: none;}.footer-section li {margin-bottom: 10px;}.footer-section a {color: #999;text-decoration: none;font-size: 14px;transition: color 0.3s;}.footer-section a:hover {color: #fff;}.footer-bottom {text-align: center;padding-top: 20px;border-top: 1px solid #444;color: #666;font-size: 14px;}@media (max-width: 992px) {.hero-content h1 {font-size: 36px;}.hero-features {flex-wrap: wrap;gap: 30px;}.product-grid {grid-template-columns: repeat(2, 1fr);}.news-grid {grid-template-columns: repeat(2, 1fr);}.about-content {grid-template-columns: 1fr;}.stats {flex-wrap: wrap;gap: 40px;}.contact-content {grid-template-columns: 1fr;}.nav-links li {margin-left: 15px;}}@media (max-width: 768px) {.hero-content h1 {font-size: 28px;}.product-grid {grid-template-columns: 1fr;}.news-grid {grid-template-columns: 1fr;}.navbar {flex-direction: column;gap: 15px;}.nav-links {flex-wrap: wrap;justify-content: center;}}