:root {--primary: #2efac5;--secondary: #4CAF50;--accent: #FF5722;--dark: #0F1C2E;--dark-gray: #1a1a1a;--medium-gray: #2D3A4F;--light-gray: #A0A0A0;--white: #FFFFFF;--font-primary: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;--font-heading: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;--container-width: 1200px;--header-height: 80px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);--transition: all 0.3s ease;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: var(--font-primary);font-size: 16px;line-height: 1.6;color: var(--white);background-color: var(--dark);overflow-x: hidden;}h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);font-weight: 700;line-height: 1.3;margin-bottom: 1rem;}p {margin-bottom: 1rem;}a {color: var(--primary);text-decoration: none;transition: var(--transition);}.isBlack {background-color: var(--dark-gray) !important;}a:hover {color: var(--accent);}img {max-width: 100%;height: auto;}ul, ol {list-style: none;}ul{margin-bottom: 1rem;}button {cursor: pointer;font-family: var(--font-primary);}.container {width: 100%;max-width: var(--container-width);margin: 0 auto;padding: 0 1.5rem;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.75rem 1.5rem;border-radius: var(--border-radius-md);font-weight: 600;text-align: center;transition: var(--transition);border: none;cursor: pointer;}.btn i {margin-right: 0.5rem;}.btn-primary {background-color: #0090c9;color: var(--white);}.btn-primary:hover {background-color: #007eb0;color: var(--white);transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-secondary {background-color: var(--secondary);color: var(--white);}.btn-secondary:hover {background-color: #3d8b40;color: var(--white);transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-outline {background-color: transparent;border: 2px solid var(--primary);color: var(--primary);}.btn-outline:hover {background-color: var(--primary);color: var(--white);transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-lg {padding: 1rem 2rem;font-size: 1.1rem;}.header {position: sticky;top: 0;width: 100%;z-index: 1000;transition: var(--transition);}.navbar-transparent {background-color: transparent;}.navbar-scrolled {background-color: var(--dark-gray);box-shadow: var(--shadow-md);}.navbar {display: flex;align-items: center;justify-content: space-between;height: var(--header-height);}.navbar-brand {display: flex;align-items: center;}.navbar-brand img {height: 40px;margin-right: 0.75rem;}.navbar-brand p {font-size: 1.5rem;font-weight: 700;color: var(--white);margin-bottom: 0;}.navbar-nav {display: flex;align-items: center;margin: 0;}.navbar-nav li {margin-left: 1.5rem;}.nav-link {color: var(--white);font-weight: 500;position: relative;padding: 0.5rem 0;}.nav-link:hover, .nav-link.active {color: var(--primary);}.nav-link::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--primary);transition: var(--transition);}.nav-link:hover::after, .nav-link.active::after {width: 100%;}.navbar-download {background-color: var(--accent);color: var(--white);padding: 0.5rem 1.25rem;border-radius: var(--border-radius-md);font-weight: 600;transition: var(--transition);}.navbar-download:hover {background-color: #e64a19;color: var(--white);transform: translateY(-2px);box-shadow: var(--shadow-md);}.navbar-toggle {display: none;background: none;border: none;color: var(--white);font-size: 1.5rem;}.comeSoon{color: #A0A0A0;margin-top: 1rem;}.hero {position: relative;padding: 100px 0;background-image: url('../images/hero-background.webp');background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 30% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);z-index: 1;}.hero .container {position: relative;z-index: 2;display: flex;align-items: center;justify-content: space-between;}.hero-content {max-width: 600px;}.hero-title {font-size: 3.5rem;margin-bottom: 1.5rem;color: var(--white);}.hero-title span {color: var(--primary);}.hero-description {font-size: 1.1rem;color: var(--light-gray);margin-bottom: 2rem;}.hero-buttons {display: flex;gap: 1rem;}.hero-image {max-width: 500px;position: relative;}.hero-image img {width: 100%;border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);transform: perspective(1000px) rotateY(-15deg);transition: var(--transition);}.hero-image:hover img {transform: perspective(1000px) rotateY(-5deg);}.section {padding: 100px 0;}.section-light {background-color: var(--dark-gray);}.section-dark {background-color: var(--dark);}.section-gradient {background: radial-gradient(circle at 70% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);}.section-title {text-align: center;margin-bottom: 3rem;}.section-title h2 {font-size: 2.5rem;margin-bottom: 1rem;color: var(--white);}.section-title p {font-size: 1.1rem;color: var(--light-gray);max-width: 700px;margin: 0 auto;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}.feature-card {background-color: var(--medium-gray);border-radius: var(--border-radius-lg);padding: 2rem;transition: var(--transition);height: 100%;display: flex;flex-direction: column;}.feature-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-lg);}.feature-icon {width: 60px;height: 60px;background-color: rgba(0, 168, 232, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;}.feature-icon i {font-size: 1.5rem;color: var(--primary);}.feature-card h3 {font-size: 1.5rem;margin-bottom: 1rem;color: var(--white);}.feature-card p {color: var(--light-gray);margin-bottom: 1.5rem;flex: 1;}.feature-link {display: inline-flex;align-items: center;color: var(--primary);font-weight: 600;}.feature-link i {margin-left: 0.5rem;transition: var(--transition);}.feature-link:hover i {transform: translateX(5px);}.screenshots-slider {display: flex;justify-content: space-between;}.screenshot-item {padding: 15px;}.screenshot-item img {border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);transition: var(--transition);width: 100%;}.screenshot-item:hover img {transform: scale(1.05);}.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-bottom: 3rem;}.testimonial-card {background-color: var(--medium-gray);border-radius: var(--border-radius-lg);padding: 2rem;transition: var(--transition);display: flex;flex-direction: column;}.testimonial-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-lg);}.testimonial-rating {margin-bottom: 1rem;}.testimonial-rating i {color: #FFD700;margin-right: 0.25rem;}.testimonial-text {font-style: italic;color: var(--light-gray);margin-bottom: 1.5rem;flex: 1;}.testimonial-author {display: flex;align-items: center;}.testimonial-avatar {width: 50px;height: 50px;border-radius: 50%;background-color: var(--primary);display: flex;align-items: center;justify-content: center;margin-right: 1rem;}.testimonial-avatar i {font-size: 1.5rem;color: var(--white);}.testimonial-info h4 {font-size: 1.1rem;margin-bottom: 0.25rem;color: var(--white);}.testimonial-info p {font-size: 0.9rem;color: var(--light-gray);margin-bottom: 0;}.app-rating {text-align: center;}.rating-stars {display: inline-flex;align-items: center;margin-bottom: 0.5rem;}.rating-stars i {color: #FFD700;margin-right: 0.25rem;font-size: 1.5rem;}.rating-value {font-size: 1.5rem;font-weight: 700;color: var(--white);margin-left: 0.5rem;}.rating-count {color: var(--light-gray);}#download {background: radial-gradient(circle at 70% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);}.download-content {display: flex;align-items: center;justify-content: space-between;}.download-text {max-width: 500px;}.download-text h2 {font-size: 2.5rem;margin-bottom: 1rem;color: var(--white);}.download-text p {color: var(--light-gray);margin-bottom: 2rem;}.download-buttons {display: flex;gap: 1rem;}.download-buttons a {transition: var(--transition);}.download-buttons a:hover {transform: translateY(-5px);}.download-buttons img {height: 50px;}.download-image {max-width: 400px;}.download-image img {border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);width: 100%;}.footer {background-color: var(--dark);background: radial-gradient(circle at 70% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);padding: 80px 0 30px;}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 3rem;margin-bottom: 3rem;}.footer-about {grid-column: span 2;}.footer-logo {display: flex;align-items: center;margin-bottom: 1rem;}.footer-logo img {height: 40px;margin-right: 0.75rem;}.footer-logo h2 {font-size: 1.5rem;font-weight: 700;color: var(--white);margin-bottom: 0;}.footer-about p {color: var(--light-gray);margin-bottom: 1.5rem;}.footer-social {display: flex;gap: 1rem;}.footer-social a {width: 40px;height: 40px;background-color: var(--medium-gray);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);transition: var(--transition);}.footer-social a:hover {background-color: var(--primary);transform: translateY(-5px);}.footer-links h3 {font-size: 1.2rem;margin-bottom: 1.5rem;color: var(--white);}.footer-links ul li {margin-bottom: 0.75rem;}.footer-links ul li a {color: var(--light-gray);transition: var(--transition);display: flex;align-items: center;}.footer-links ul li a i {margin-right: 0.5rem;font-size: 0.8rem;}.footer-links ul li a:hover {color: var(--primary);transform: translateX(5px);}.footer-contact h3 {font-size: 1.2rem;margin-bottom: 1.5rem;color: var(--white);}.footer-contact p,.footer-contact a {color: var(--light-gray);margin-bottom: 0.75rem;display: flex;align-items: center;}.footer-contact p i {margin-right: 0.75rem;color: var(--primary);}.footer-bottom {text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-bottom p {color: var(--light-gray);margin-bottom: 0;}.speedometer-container {max-width: 500px;margin: 0 auto;text-align: center;padding: 1rem;background-color: var(--dark-gray);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-lg);position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;}.speedometer-canvas {width: 100%;max-width: 400px;height: auto;margin: 0 auto;display: block;}.speed-value {font-size: 4rem;font-weight: 700;color: var(--white);text-shadow: 0 0 10px rgba(0, 168, 232, 0.7);z-index: 10;}.speed-unit {font-size: 1.5rem;color: var(--light-gray);z-index: 10;}.speed-info {display: flex;justify-content: space-between;margin-top: 2rem;color: var(--white);}.info-item {text-align: center;flex: 1;}.info-value {font-size: 1.5rem;font-weight: 600;margin-bottom: 0.5rem;}.info-label {font-size: 0.9rem;color: var(--light-gray);}.speed-controls {display: flex;justify-content: center;gap: 1rem;margin-top: 2rem;}.speed-chart {width: 100%;height: 200px;margin-top: 3rem;background-color: rgba(255, 255, 255, 0.1);border-radius: var(--border-radius-md);overflow: hidden;}.permission-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 100;padding: 2rem;text-align: center;color: var(--white);}.permission-overlay h3 {margin-bottom: 1rem;font-size: 1.5rem;}.permission-overlay p {margin-bottom: 2rem;color: var(--light-gray);}.unit-toggle {display: flex;justify-content: center;gap: 0.5rem;margin-top: 1rem;}.unit-btn {padding: 0.5rem 1rem;background-color: rgba(255, 255, 255, 0.1);border: none;border-radius: var(--border-radius-sm);color: var(--light-gray);cursor: pointer;transition: var(--transition);}.unit-btn.active {background-color: var(--accent);color: var(--white);}.accuracy-indicator {display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1rem;color: var(--light-gray);font-size: 0.9rem;}.accuracy-dot {width: 10px;height: 10px;border-radius: 50%;background-color: #f44336;}.accuracy-dot.medium {background-color: #ff9800;}.accuracy-dot.high {background-color: #4caf50;}@media (max-width: 1200px) {.section-title h2 {font-size: 2.2rem;}}@media (max-width: 992px) {.footer-about {grid-column: span 1;}}@media (max-width: 768px) {.speed-value {font-size: 3rem;line-height: 1;}.speed-unit {font-size: 1.2rem;}.info-value {font-size: 1.2rem;}.speed-chart {height: 150px;}}@media (max-width: 576px) {.speed-controls {flex-direction: column;align-items: center;}.speed-controls .btn {width: 100%;}}.comparison-table {overflow-x: auto;margin-bottom: 2rem;}.comparison-table table {width: 100%;border-collapse: collapse;border-radius: var(--border-radius-lg);overflow: hidden;font-size: 12px;}.comparison-table th, .comparison-table td {padding: 1rem;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.comparison-table th {background-color: var(--medium-gray);color: var(--white);font-weight: 600;}.comparison-table tr:last-child td {border-bottom: none;}.comparison-table td:first-child {font-weight: 500;color: var(--white);}.comparison-table i.fa-check {color: var(--secondary);}.comparison-table i.fa-times {color: var(--accent);}.cta-box {background-color: var(--medium-gray);border-radius: var(--border-radius-lg);padding: 3rem;text-align: center;box-shadow: var(--shadow-lg);}.cta-box h2 {font-size: 2rem;margin-bottom: 1rem;color: var(--white);}.cta-box p {color: var(--light-gray);margin-bottom: 2rem;max-width: 700px;margin-left: auto;margin-right: auto;}.fade-in {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}.fade-in.active, .fade-in.delay-1.active, .fade-in.delay-2.active, .fade-in.delay-3.active {opacity: 1;transform: translateY(0);}.fade-in.delay-1 {transition-delay: 0.2s;}.fade-in.delay-2 {transition-delay: 0.4s;}.fade-in.delay-3 {transition-delay: 0.6s;}.scroll-animation {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;}.scroll-animation.active {opacity: 1;transform: translateY(0);}.scroll-animation.delay-1 {transition-delay: 0.2s;}.scroll-animation.delay-2 {transition-delay: 0.4s;}.faq {padding: 100px 0;background: radial-gradient(circle at 70% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);position: relative;overflow: hidden;}.faq h1{font-size: 2.5rem;margin-bottom: 1rem;color: var(--white);}.faq::before {content: '';position: absolute;top: -100px;left: 0;width: 100%;height: 200px;z-index: 1;}.faq-content {position: relative;z-index: 2;}.faq-item {background: radial-gradient(circle at 70% 50%, rgba(0, 230, 118, 0.1) 0%, rgba(0, 230, 118, 0) 70%);border-radius: 15px;margin-bottom: 20px;border: 1px solid rgba(255, 255, 255, 0.05);overflow: hidden;transition: all 0.3s ease;}.faq-item:hover {border-color: rgba(0, 230, 118, 0.2);}.faq-question {padding: 20px 30px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}.faq-question h3 {font-size: 1.2rem;font-weight: 600;color: #ffffff;margin: 0;}.faq-question i {color: #00E676;transition: all 0.3s ease;}.faq-answer {padding: 0 30px;max-height: 0;overflow: hidden;transition: all 0.3s ease;}.faq-answer p {color: #aaaaaa;}.faq-answer ul {list-style: disc;padding-left: 1.2rem;margin-bottom: 1rem;color: #aaaaaa;}.faq-item.faqActive .faq-question i {transform: rotate(180deg);}.faq-item.faqActive .faq-answer {max-height: 1000px;}@media (max-width: 1200px) {.hero-title {font-size: 3rem;}.section-title h2 {font-size: 2.2rem;}.download-content {flex-direction: column;text-align: center;}.download-text {max-width: 100%;margin-bottom: 2rem;}.download-buttons {justify-content: center;}}@media (max-width: 992px) {.hero .container {flex-direction: column;text-align: center;}.hero-content {max-width: 100%;margin-bottom: 3rem;}.hero-buttons {justify-content: center;}.hero-image {max-width: 400px;}.footer-about {grid-column: span 1;}}@media (max-width: 768px) {.navbar-nav {position: fixed;top: var(--header-height);left: -100%;width: 100%;height: calc(100vh - var(--header-height));background-color: var(--dark-gray);flex-direction: column;align-items: center;justify-content: flex-start;padding: 2rem 0;transition: var(--transition);overflow-y: auto;}.navbar-nav.active {left: 0;}.navbar-nav li {margin: 1rem 0;}.navbar-toggle {display: block;}.hero {padding: 150px 0 80px;}.hero-title {font-size: 2.5rem;}.section {padding: 80px 0;}.section-title h2 {font-size: 2rem;}.feature-card, .testimonial-card {padding: 1.5rem;}}@media (max-width: 576px) {.hero-title {font-size: 2rem;}.hero-description {font-size: 1rem;}.hero-buttons {flex-direction: column;gap: 1rem;}.hero-buttons .btn {width: 100%;}.section-title h2 {font-size: 1.8rem;}.download-buttons {flex-direction: column;align-items: center;}.cta-box {padding: 2rem 1.5rem;}}.counter {display: inline-block;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: var(--dark);}::-webkit-scrollbar-thumb {background: var(--medium-gray);border-radius: 5px;}::-webkit-scrollbar-thumb:hover {background: var(--primary);}#lang-select{border: none;background-color: #1a1a1a;color: #fff;font-weight: bold;font-size: 14px;width: auto;display: flex;align-items: center;gap: 5px;border: 1px solid #fff;text-align: center;border-radius: 5px;padding: 5px 0px;}#lang-select-container{display: flex;align-items: center;gap: 5px;}#lang-select-container::before{content: '';height: 18px;width: 18px;display: inline-block;background-image: url("data:image/svg+xml;utf8,<svg t='1749002682315' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4391' width='32' height='32'><path d='M1023.969 512.097c0-282.258-228.985-511.074-511.453-511.074C230.043 1.023 1.053 229.84 1.053 512.097c0 260.738 195.391 475.854 447.837 507.156 14.232 3 31.565 4.747 52.21 4.747 5.796 0 11.385-0.305 16.782-0.857 279.996-2.878 506.087-230.568 506.087-511.046z m-73.133 7.231c-1.471-25.5-4.84-50.46-9.97-74.718 0.456-8.662 0.58-16.868 0.348-24.497 6.343 29.66 9.688 60.432 9.688 91.984a435.95 435.95 0 0 1-0.066 7.231z m-876.715-7.23c0-30.978 3.225-61.201 9.345-90.362 18.932 20.248 63.554 19.77 74.436-10.483 19.471 11.605 45.637 13.718 45.637 36.913 0 76.55 2.726 158.618 72.28 159.886 1.958 0.026 38.788 13.958 56.316 59.416 6.06 15.712 30.033 0 56.322 0 13.124 0 0 22.11 0 69.922 0 47.626 102.68 120.96 102.68 120.96-0.475 31.525 0.82 57.017 3.443 77.383-23.177-0.427-42.71 2.645-58.055 7.868C230.627 907.645 74.12 728.143 74.12 512.097z m546.32 424.686c-2.273-11.127-12.215-17.22-30.356-12.452 14.474-61.64 21.511-96.17 51.728-122.387 43.72-37.899 5.206-80.044-28.063-75.077-26.222 3.959-9.651-32.467-33.056-34.482-23.404-1.958-53.97-48.512-87.653-64.53-17.855-8.48-35.403-31.204-62.94-32.222-24.407-0.946-60.076 20.638-60.076 4 0-53.591-5.427-91.832-6.542-107.104-0.9-12.27-8.02-4.133 24.974-3.34 17.957 0.481 9.186-36.068 26.96-37.495 17.456-1.382 59.052 16.34 69.65 9.277 9.846-6.577 72.371 164.127 72.371 28.217 0-16.126-8.351-44.164 0-59.437 33.03-60.352 63.952-109.539 61.175-116.734-1.575-4.051-33.792-7.396-59.57 1.253-8.699 2.905 2.768 16.53-9.727 19.44-46.814 10.808-88.175-12.622-73.691-34.645 14.831-22.57 68.57-9.846 73.282-55.125 2.71-25.936 4.956-55.974 6.46-78.299 63.004 9.853 56.068-81.767-37.614-91.574 189.526 2.217 350.129 124.616 409.063 294.487-2.98-2.719-6.449-4.371-10.454-4.775-28.324-70.75-97.074-19.548-73.752 42.855-124.96 96.058-92.973 163.053-51.918 201.417 21.603 20.167 42.2 50.497 55.61 72.28-14.596 42.56 53.782 25.518 87.504-46.71-42.895 148.763-162.557 265.011-313.365 303.162z' p-id='4392' fill='%23537AED'/></svg>");background-size: contain;background-repeat: no-repeat;background-position: center;}