:root {--primary-color: #229966;--primary-dark: #1a7a4d;--primary-light: #e8f5f0;--primary-light-bg: #e8f5f0;--text-dark: #333333;--text-light: #666666;--bg-white: #ffffff;--bg-light: #f8f9fa;--border-color: #e0e0e0;}
body {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;line-height: 1.6;color: var(--text-dark);background: var(--bg-white);}
* {margin: 0;padding: 0;box-sizing: border-box;}
.achievement-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
.achievement-item {background: var(--primary-light-bg);padding: 40px 20px;text-align: center;border: 2px solid var(--border-color);}
.achievement-label {font-size: 18px;color: var(--text-dark);}
.achievement-number {font-size: 48px;font-weight: 700;color: var(--primary-color);margin-bottom: 10px;}
.action-icon {width: 18px;height: 18px;margin-right: 5px;display: flex;align-items: center;justify-content: center;}
.address-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}
.address-info h3 {font-size: 24px;color: var(--primary-color);margin-bottom: 20px;}
.address-info p {margin-bottom: 15px;color: var(--text-light);line-height: 1.8;}
.address-map {background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 18px;}
.address-section {padding: 80px 0;background: var(--bg-white);}
.advantage-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;position: relative;transition: transform 0.3s ease;}
.advantage-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.advantage-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.advantage-card:hover {transform: translateY(-5px);}
.advantage-content {flex: 1;}
.advantage-desc {font-size: 16px;line-height: 1.6;color: var(--text-light);}
.advantage-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;margin-top: 60px;}
.advantage-icon {font-size: 36px;margin-bottom: 10px;color: var(--primary-color);}
.advantage-icon {width: 60px;height: 60px;background: var(--primary-color);color: var(--bg-white);display: flex;align-items: center;justify-content: center;font-size: 24px;margin-right: 20px;flex-shrink: 0;}
.advantage-item {text-align: center;padding: 30px 20px;}
.advantage-item h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 10px;}
.advantage-item p {color: var(--text-light);font-size: 14px;}
.advantage-number {font-size: 48px;font-weight: 600;color: var(--primary-color);margin-bottom: 15px;}
.advantages-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.advantages-list {max-width: 900px;margin: 50px auto 0;}
.advantage-title {font-size: 22px;font-weight: 600;color: var(--text-dark);margin-bottom: 10px;}
.ai-advantages {padding: 80px 0;background: var(--bg-white);}
.ai-applications {padding: 100px 0;background: var(--bg-light);}
.ai-capabilities {padding: 80px 0;background: var(--primary-light-bg);}
.ai-comparison {padding: 80px 0;background: var(--bg-white);}
.ai-contact {padding: 80px 0;background: var(--primary-light-bg);}
.ai-content h2 {font-size: 32px;color: var(--text-dark);margin-bottom: 20px;}
.ai-demo {padding: 100px 0;background: var(--bg-light);}
.ai-features {list-style: none;margin: 20px 0;}
.ai-features li {margin-bottom: 10px;padding-left: 20px;position: relative;}
.ai-features li::before {content: '';position: absolute;left: 0;top: 8px;width: 8px;height: 8px;background: var(--primary-color);transform: rotate(45deg);}
.ai-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;align-items: center;}
.ai-integration {padding: 80px 0;background: var(--bg-white);}
.ai-intro {padding: 80px 0;background: var(--bg-white);}
.ai-intro {padding: 80px 0;background: var(--bg-white);}
.ai-scenarios {padding: 80px 0;background: var(--bg-white);}
.ai-shape {height: 120px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: bold;position: relative;overflow: hidden;}
.ai-shape:nth-child(1) {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 100%);}
.ai-shape:nth-child(2) {clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);}
.ai-shape:nth-child(3) {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 75%);}
.ai-shape:nth-child(4) {clip-path: polygon(0% 0%, 100% 25%, 100% 100%, 0% 100%);}
.ai-stats {padding: 80px 0;background: var(--primary-light-bg);}
.ai-visual {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.ai-workflow {padding: 80px 0;background: var(--primary-light-bg);}
.api-card {composes: card;}
.api-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 10px;}
.api-desc {color: var(--text-light);margin-bottom: 20px;font-size: 15px;}
.api-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.api-method {display: inline-block;padding: 4px 10px;background: var(--primary-color);color: white;font-size: 14px;font-weight: 600;border-radius: 4px;margin-bottom: 15px;}
.api-tag {background: var(--primary-light);color: var(--primary-color);padding: 4px 12px;font-size: 13px;border-radius: 20px;}
.api-tags {display: flex;flex-wrap: wrap;gap: 8px;}
.application-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;position: relative;transition: border-color 0.3s ease;}
.application-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.application-card:hover {border-color: var(--primary-color);}
.application-scenarios {padding: 100px 0;background: var(--bg-light);}
.applications-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.arch-block {background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: 600;position: relative;transition: all 0.3s ease;}
.arch-block:hover {background: var(--primary-color);color: var(--bg-white);}
.arch-block-1 {grid-column: 1 / 3;grid-row: 1;}
.arch-block-2 {grid-column: 3;grid-row: 1 / 3;}
.arch-block-3 {grid-column: 1;grid-row: 2;}
.arch-block-4 {grid-column: 2;grid-row: 2;}
.arch-block-5 {grid-column: 1 / 4;grid-row: 3;}
.architecture-container {max-width: 800px;margin: 0 auto;}
.architecture-diagram {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px;margin-top: 40px;}
.architecture-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));gap: 50px;align-items: center;}
.architecture-layer {display: flex;align-items: center;margin-bottom: 20px;padding: 20px;border: 1px solid var(--primary-color);position: relative;}
.architecture-section {padding: 80px 0;background: var(--bg-light);}
.architecture-visual {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 120px);gap: 20px;}
.author-avatar {width: 50px;height: 50px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: bold;}
.author-avatar {width: 50px;height: 50px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: bold;border-radius: 4px;}
.author-info h4 {color: var(--text-dark);margin-bottom: 5px;}
.author-info p {color: var(--text-light);font-size: 14px;}
.banner-content {text-align: center;max-width: 800px;margin: 0 auto;position: relative;z-index: 1;}
.banner-shape-1 {content: '';position: absolute;bottom: -50px;left: -50px;width: 200px;height: 200px;background: var(--primary-dark);opacity: 0.08;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);z-index: 0;}
.banner-shape-2 {content: '';position: absolute;top: 80px;left: 10%;width: 0;height: 0;border-left: 80px solid transparent;border-right: 80px solid transparent;border-bottom: 140px solid var(--primary-color);opacity: 0.07;transform: rotate(15deg);z-index: 0;}
.banner-shape-3 {content: '';position: absolute;bottom: 100px;right: 35%;width: 280px;height: 280px;background: var(--primary-color);border-radius: 50%;opacity: 0.06;z-index: 0;}
.banner-shape-4 {content: '';position: absolute;top: 40%;right: 20%;width: 120px;height: 120px;background: var(--primary-dark);opacity: 0.05;transform: rotate(20deg);z-index: 0;}
.banner-subtitle {font-size: 18px;color: var(--text-light);max-width: 600px;margin: 0 auto 40px;}
.banner-title {font-size: 36px;font-weight: 600;color: var(--text-dark);margin-bottom: 20px;line-height: 1.2;}
.banner-title span {color: var(--primary-color);}
.blog-card {background: var(--bg-white);border: 1px solid var(--border-color);overflow: hidden;position: relative;transition: transform 0.3s ease;}
.blog-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;line-height: 1.4;}
.blog-card:hover {transform: translateY(-5px);}
.blog-category {position: absolute;top: 20px;right: 20px;background: var(--primary-color);color: var(--bg-white);padding: 5px 10px;font-size: 12px;font-weight: 500;}
.blog-container {display: grid;grid-template-columns: 2fr 1fr;gap: 40px;}
.blog-content {padding: 30px;}
.blog-content h4 {font-size: 14px;margin-bottom: 5px;}
.blog-content p {font-size: 11px;color: #666;}
.blog-date {width: 100px;font-size: 12px;color: #229966;font-weight: 600;text-align: left;}
.blog-excerpt {color: var(--text-light);line-height: 1.6;margin-bottom: 20px;}
.blog-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px;}
.blog-image {height: 200px;background: var(--primary-light);position: relative;}
.blog-item {display: flex;padding: 12px 0;border-bottom: 1px solid rgba(245, 245, 245, 0.5);}
.blog-item:last-child {border-bottom: none;}
.blog-main {padding: 80px 0;background: var(--bg-white);}
.blog-pagination {padding: 60px 0 100px;background: var(--bg-white);text-align: center;}
.blog-sidebar {padding: 20px;}
.blog-subscribe {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.brand-intro {padding: 80px 0;background: var(--bg-white);}
.brand-mission {padding: 80px 0;background: var(--bg-white);}
.brand-stats {padding: 80px 0;background: var(--bg-white);}
.brand-timeline {padding: 80px 0;background: var(--primary-light-bg);}
.btn {display: inline-block;padding: 12px 32px;background: var(--primary-color);color: var(--bg-white);text-decoration: none;border: none;font-weight: 500;font-size: 16px;cursor: pointer;transition: all 0.3s ease;}
.btn:hover {background: var(--primary-dark);transform: translateY(-2px);}
.btn-demo {background: #229966;color: white;line-height: 80px;padding: 8px 20px;text-decoration: none;font-weight: 500;font-size: 14px;transition: background-color 0.3s ease;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);}
.btn-demo:hover {background: #1a8052;color: white;}
.btn-outline {background: transparent;border: 2px solid var(--primary-color);color: var(--primary-color);padding: 10px 28px;}
.btn-outline:hover {background: var(--primary-color);color: var(--bg-white);}
.capabilities-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-top: 50px;}
.capability-card {background: var(--bg-white);border: 2px solid var(--border-color);padding: 40px 30px;text-align: center;}
.capability-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.capability-desc {font-size: 16px;line-height: 1.6;color: var(--text-light);}
.capability-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.capability-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 36px;color: var(--primary-color);border-radius: 4px;}
.capability-title {font-size: 22px;font-weight: 600;color: var(--text-dark);margin-bottom: 20px;}
.card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 35px 30px;transition: all 0.3s ease;position: relative;border-radius: 4px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);}
.card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;transition: border-color 0.3s ease;}
.card:hover {border-color: var(--primary-color);box-shadow: 0 10px 25px rgba(34, 153, 102, 0.1);transform: translateY(-5px);}
.card:hover::before {border-color: transparent var(--primary-color) transparent transparent;}
.case-card {padding:20px;background: var(--bg-white);border: 1px solid var(--border-color);overflow: hidden;position: relative;transition: transform 0.3s ease;}
.case-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.case-card:hover {transform: translateY(-5px);}
.case-challenge {background: var(--primary-light);padding: 15px;margin-bottom: 20px;}
.case-challenge h4 {color: var(--primary-color);margin-bottom: 8px;font-size: 14px;}
.case-content {padding: 30px;}
.case-description {color: var(--text-light);line-height: 1.6;margin-bottom: 20px;}
.case-filter {padding: 60px 0 40px;background: var(--bg-white);}
.case-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;}
.case-grid-section {padding: 40px 0 100px;background: var(--bg-light);}
.case-header {background: var(--primary-color);color: var(--bg-white);padding: 20px 30px;}
.case-header h3 {font-size: 20px;}
.case-icon {width: 50px;height: 50px;background: var(--primary-light);margin-right: 15px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--primary-color);}
.case-image {height: 200px;background: var(--primary-light);position: relative;overflow: hidden;}
.case-image::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, var(--primary-color) 0%, transparent 100%);opacity: 0.1;}
.case-industry {display: inline-block;padding: 5px 15px;background: var(--primary-light);color: var(--primary-color);font-size: 12px;margin-bottom: 10px;}
.case-meta {display: flex;gap: 15px;margin: 15px 0;color: var(--text-light);font-size: 14px;}
.case-results {display: flex;gap: 20px;margin-top: 20px;}
.cases-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}
.case-tech {display: flex;flex-wrap: wrap;gap: 10px;margin: 15px 0;}
.case-title {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.categories-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.category-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 50px 30px;text-align: center;position: relative;transition: transform 0.3s ease;}
.category-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 8px;}
.category-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.category-card:hover {transform: translateY(-5px);}
.category-count {color: var(--text-light);font-size: 14px;}
.category-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 25px;}
.category-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 25px;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary-color);position: relative;}
.category-title {font-size: 24px;color: var(--primary-color);margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid var(--primary-light);}
.channel-detail {color: var(--text-light);line-height: 1.6;}
.channel-icon {width: 50px;height: 50px;background: var(--primary-color);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;color: var(--bg-white);font-size: 20px;}
.channel-item {background: var(--bg-white);padding: 30px;text-align: center;border: 2px solid var(--border-color);}
.channels-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
.channel-title {font-size: 18px;color: var(--text-dark);margin-bottom: 10px;}
.cloud-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;}
.cloud-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.cloud-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.cloud-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.code-advantages {padding: 100px 0;background: var(--bg-light);}
.code-cloud {padding: 100px 0;background: var(--bg-white);}
.code-contact {padding: 100px 0;background: var(--primary-light);color: var(--text-dark);text-align: center;}
.code-history {padding: 100px 0;background: var(--bg-light);}
.code-news {padding: 100px 0;background: var(--bg-white);}
.code-overview {padding: 100px 0;background: var(--bg-white);}
.company-data {padding: 80px 0;background: var(--bg-white);}
.company-intro {padding: 80px 0;background: var(--bg-white);}
.company-mission {padding: 80px 0;background: var(--primary-light-bg);}
.company-news {padding: 80px 0;background: var(--primary-light-bg);}
.comparison-table .feature {font-weight: 600;color: var(--primary-color);}
.comparison-table {width: 100%;border-collapse: collapse;margin-top: 50px;}
.comparison-table th {background: var(--primary-light);color: var(--text-dark);font-weight: 600;}
.comparison-table th, .comparison-table td {padding: 20px;text-align: left;border-bottom: 1px solid var(--border-color);}
.comparison-table tr:hover {background: var(--primary-light-bg);}
.consult-content {max-width: 600px;margin: 0 auto;}
.consult-content h2 {font-size: 32px;color: var(--text-dark);margin-bottom: 20px;}
.contact-card {background: var(--primary-light-bg);padding: 40px 30px;text-align: center;border: 2px solid var(--border-color);}
.contact-channels {padding: 80px 0;background: var(--primary-light-bg);}
.contact-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}
.contact-content h2 {font-size: 32px;color: var(--primary-color);margin-bottom: 20px;}
.contact-desc {font-size: 18px;line-height: 1.6;color: var(--text-light);margin-bottom: 40px;}
.contact-detail {color: var(--text-light);line-height: 1.6;}
.contact-detail a {color: var(--primary-color);text-decoration: none;}
.contact-detail a:hover {text-decoration: underline;}
.contact-details h3 {font-size: 24px;color: var(--primary-color);margin-bottom: 20px;}
.contact-details p {margin-bottom: 15px;color: var(--text-light);text-align:left;}
.contact-details strong {color: var(--text-dark);}
.contact-form {background: var(--bg-white);width:600px;padding: 20px;border: 2px solid var(--border-color);text-align: left;max-width: 600px;margin: 0 auto;}
.contact-form-section {padding: 80px 0;}
.contact-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 30px;margin-top: 50px;}
.contact-icon {width: 60px;height: 60px;background: var(--primary-color);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;color: var(--bg-white);font-size: 24px;}
.contact-info p {margin-bottom: 10px;opacity: 0.9;}
.contact-item {composes: card;text-align: center;padding: 30px 20px;}
.contact-item h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 10px;}
.contact-item p {color: var(--text-light);}
.contact-title {font-size: 32px;color: var(--text-dark);margin-bottom: 20px;}
.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.core-solutions{background: var(--primary-light);}
.copyright {text-align: center;padding-top: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.6);font-size: 14px;}
.copyright a {font-size: 14px;color: rgba(255, 255, 255, 0.6);text-decoration-line: none;}
.core-products {padding: 100px 0;background: var(--bg-light);}
.course-card {composes: card;padding: 0 0 25px 0;overflow: hidden;}
.course-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 10px;}
.course-content {padding: 20px 20px 0;}
.course-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.course-image {height: 160px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 48px;border-bottom: 1px solid var(--border-color);}
.course-meta {display: flex;gap: 20px;margin: 15px 0;color: var(--text-light);font-size: 14px;}
.course-meta span {display: flex;align-items: center;gap: 5px;}
.course-tag {display: inline-block;background: var(--primary-light);color: var(--primary-color);padding: 4px 12px;font-size: 12px;border-radius: 20px;margin-bottom: 12px;}
.coverage-card {composes: card;text-align: center;}
.coverage-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 25px;margin-top: 30px;}
.coverage-number {font-size: 42px;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;line-height: 1.2;}
.culture-desc {color: var(--text-light);line-height: 1.6;}
.culture-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.culture-icon {width: 60px;height: 60px;background: var(--primary-color);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;color: var(--bg-white);font-size: 24px;}
.culture-item {background: var(--primary-light-bg);padding: 40px 30px;text-align: center;border: 2px solid var(--border-color);}
.culture-title {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.data-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;}
.data-item {background: var(--primary-light-bg);padding: 40px 20px;text-align: center;border: 2px solid var(--border-color);}
.data-label {font-size: 18px;color: var(--text-dark);}
.data-number {font-size: 48px;font-weight: 700;color: var(--primary-color);margin-bottom: 10px;}
.demo-advantages {padding: 100px 0;background: var(--bg-white);}
.demo-container {background: var(--primary-light);border: 1px solid var(--border-color);padding: 60px 40px;text-align: center;}
.demo-content {max-width: 600px;margin: 0 auto;}
.demo-content h2 {font-size: 32px;margin-bottom: 20px;}
.demo-data {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);}
.demo-feature {display: flex;align-items: center;padding: 10px 0;border-bottom: 1px solid rgba(245, 245, 245, 0.5);}
.demo-feature:last-child {border-bottom: none;}
.demo-form-section {padding: 100px 0;background: var(--bg-white);}
.demo-icon {width: 32px;height: 32px;background: rgba(34, 153, 102, 0.1);display: flex;align-items: center;justify-content: center;margin-right: 10px;border: 1px solid rgba(34, 153, 102, 0.3);}
.demo-placeholder {width: 100%;height: 400px;background: var(--bg-white);border: 1px solid var(--border-color);margin: 40px 0;display: flex;align-items: center;justify-content: center;color: var(--text-light);font-size: 18px;}
.demo-process {padding: 100px 0;background: var(--bg-light);}
.demo-products {padding: 100px 0;background: var(--bg-white);}
.demo-support {padding: 100px 0;background: var(--bg-light);}
.development-cases {padding: 100px 0;background: var(--bg-light);}
.development-consult {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.development-overview {padding: 100px 0;background: var(--bg-white);}
.development-process {padding: 100px 0;background: var(--bg-light);}
.development-services {padding: 100px 0;background: var(--bg-light);}
.diamond {width: 8px;height: 8px;background: #229966;}
.doc-card {composes: card;text-align: center;}
.doc-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.doc-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.doc-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 36px;color: var(--primary-color);border-radius: 4px;}
.doc-link {display: inline-block;margin-top: 15px;color: var(--primary-color);text-decoration: none;font-weight: 500;}
.doc-link:hover {text-decoration: underline;}
.dropdown-column {padding: 20px;position: relative;z-index: 1;}
.dropdown-column:first-child {border-right: 1px solid rgba(34, 153, 102, 0.1);}
.dropdown-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 0;}
.dropdown-grid.three-col {grid-template-columns: repeat(3, 1fr);}
.dropdown-icon {width: 20px;height: 20px;margin-right: 10px;display: flex;align-items: center;justify-content: center;}
.dropdown-item {margin-bottom: 10px;}
.dropdown-link {display: flex;align-items: center;padding: 8px 0;text-decoration: none;color: #333;font-size: 14px;transition: all 0.2s ease;position: relative;z-index: 1;}
.dropdown-link:hover {color: #229966;padding-left: 5px;}
.dropdown-list {list-style: none;}
.dropdown-menu {position: absolute;top: 100%; right: 0;width: 800px;background: white;border: 2px solid #229966;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;z-index: 1001;overflow: hidden;}
.dropdown-menu::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(45deg, transparent 49%, rgba(34, 153, 102, 0.03) 50%, transparent 51%),  linear-gradient(-45deg, transparent 49%, rgba(34, 153, 102, 0.03) 50%, transparent 51%);background-size: 60px 60px;z-index: -1;}
.dropdown-title {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #229966;margin-bottom: 15px;padding-bottom: 5px;border-bottom: 1px solid rgba(34, 153, 102, 0.2);display: flex;align-items: center;}
.dropdown-title-icon {width: 16px;height: 16px;margin-right: 8px;display: flex;align-items: center;justify-content: center;}
.feature-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;position: relative;transition: transform 0.3s ease;}
.feature-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.feature-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.feature-card:hover {transform: translateY(-5px);}
.feature-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.feature-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 25px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.features-section {padding: 80px 0;background: var(--bg-light);}
.filter-btn {padding: 10px 24px;background: var(--bg-white);border: 1px solid var(--border-color);color: var(--text-dark);font-weight: 500;cursor: pointer;transition: all 0.3s ease;}
.filter-btn.active {background: var(--primary-color);border-color: var(--primary-color);color: var(--bg-white);}
.filter-btn:hover {border-color: var(--primary-color);color: var(--primary-color);}
.filter-container {display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;}
.footer {background: #2c3e50;color: var(--bg-white);padding: 60px 0 30px;}
.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;margin-bottom: 40px;}
.footer-links {list-style: none;}
.footer-links a {color: rgba(255, 255, 255, 0.9);text-decoration: none;transition: color 0.3s ease;}
.footer-links a:hover {color: var(--primary-color);}
.footer-links li {margin-bottom: 10px;}
.footer-section h3 {color: var(--primary-color);font-size: 18px;font-weight: 600;margin-bottom: 20px;position: relative;padding-bottom: 10px;}
.footer-section h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 30px;height: 2px;background: var(--primary-color);}
.forgot-link {color: var(--primary-color);text-decoration: none;font-size: 14px;}
.forgot-link:hover {text-decoration: underline;}
.form-checkbox {display: flex;align-items: center;gap: 5px;color: var(--text-light);font-size: 14px;}
.form-container {max-width: 600px;margin: 0 auto;background: var(--bg-white);border: 1px solid var(--border-color);padding: 50px 40px;}
.form-control {width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);font-size: 16px;}
.form-control:focus {outline: none;border-color: var(--primary-color);}
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;font-weight: 500;color: var(--text-dark);}
.form-input {width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);border-radius: 4px;font-size: 16px;transition: border-color 0.3s;font-family: inherit;}
.form-input:focus {outline: none;border-color: var(--primary-color);}
.form-label {display: block;margin-bottom: 8px;font-weight: 500;color: var(--text-dark);}
.form-label.required::after {content: ' *';color: #e74c3c;}
.form-note {font-size: 14px;color: var(--text-light);margin-top: 5px;}
.form-options {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.form-row .form-group {flex: 1;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.form-select {width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);font-size: 16px;background-color: var(--bg-white);cursor: pointer;}
.form-select:focus {outline: none;border-color: var(--primary-color);}
.form-textarea {width: 100%;padding: 12px 15px;border: 1px solid var(--border-color);font-size: 16px;min-height: 120px;resize: vertical;}
.form-textarea:focus {outline: none;border-color: var(--primary-color);}
.geometric-banner {background: var(--primary-light);padding: 120px 0;position: relative;overflow: hidden;}
.geometric-banner::after {content: '';position: absolute;top: -100px;right: -100px;width: 300px;height: 300px;background: var(--primary-color);opacity: 0.1;transform: rotate(45deg);z-index: 0;}
.geometric-banner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(rgba(34, 153, 102, 0.05) 1px, transparent 1px),  linear-gradient(90deg, rgba(34, 153, 102, 0.05) 1px, transparent 1px);background-size: 50px 50px;z-index: 0;}
.history-container {max-width: 800px;margin: 0 auto;}
.history-content {flex: 1;padding-top: 10px;}
.history-content h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 10px;}
.history-item {display: flex;align-items: flex-start;gap: 20px;position: relative;}
.history-timeline {display: flex;flex-direction: column;gap: 30px;position: relative;}
.history-timeline::before {content: '';position: absolute;top: 0;left: 30px;width: 2px;height: 100%;background: var(--primary-color);opacity: 0.2;}
.history-year {width: 60px;height: 60px;background: var(--primary-color);color: var(--bg-white);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;flex-shrink: 0;position: relative;z-index: 1;}
.implementation-process{background: var(--primary-light);padding:20px;}
.industries-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;}
.industry-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;}
.industry-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.industry-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.industry-icon {width: 60px;height: 60px;background: var(--primary-light);margin-bottom: 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.industry-item {text-align: center;}
.industry-item h3 {font-size: 18px;color: var(--text-dark);margin-bottom: 10px;}
.industry-pain-points {padding: 100px 0;background: var(--bg-white);}
.industry-percent {font-size: 48px;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;}
.industry-section {padding: 80px 0;background: var(--bg-white);}
.industry-solutions {padding: 100px 0;background: var(--bg-light);}
.industry-stats {display: flex;justify-content: space-between;margin-top: 20px;padding-top: 15px;border-top: 1px dashed var(--border-color);}
.info-box {margin-top: 15px;padding: 10px;background: rgba(34, 153, 102, 0.05);border: 1px solid rgba(34, 153, 102, 0.2);font-size: 11px;line-height: 1.5;}
.integration-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;}
.integration-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.integration-content {text-align: center;max-width: 800px;margin: 0 auto;}
.integration-desc {font-size: 18px;line-height: 1.6;color: var(--text-light);margin-bottom: 40px;}
.integration-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.integration-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.integration-logo {width: 120px;height: 60px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;font-weight: 600;color: var(--primary-color);}
.integration-logos {display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;margin: 50px 0;}
.integration-section {padding: 80px 0;background: var(--bg-light);}
.intro-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.intro-content {max-width: 900px;margin: 0 auto;}
.intro-highlight {background: var(--primary-light-bg);border-left: 4px solid var(--primary-color);padding: 30px;margin: 40px 0;}
.intro-highlight p {font-size: 20px;font-weight: 500;line-height: 1.6;color: var(--text-dark);}
.intro-image {text-align: center;}
.intro-image img {max-width: 100%;height: auto;}
.intro-text {font-size: 18px;line-height: 1.8;color: var(--text-light);margin-bottom: 30px;}
.intro-text h3 {font-size: 24px;color: var(--primary-color);margin-bottom: 20px;}
.intro-text p {margin-bottom: 20px;color: var(--text-light);line-height: 1.8;}
.item-icon {width: 70px;height: 70px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary-color);border-radius: 4px;}
.layer-content h3 {font-size: 18px;color: var(--primary-color);margin-bottom: 5px;}
.layer-number {width: 40px;height: 40px;background: var(--primary-color);color: var(--bg-white);display: flex;align-items: center;justify-content: center;font-weight: bold;margin-right: 20px;}
.left {left: 0;}
.left::after {right: -10px;}
.lifecycle-container {max-width: 800px;margin: 0 auto;}
.lifecycle-step {display: flex;align-items: flex-start;gap: 20px;position: relative;}
.lifecycle-steps {display: flex;flex-direction: column;gap: 30px;position: relative;}
.lifecycle-steps::before {content: '';position: absolute;top: 0;left: 30px;width: 2px;height: 100%;background: var(--primary-color);opacity: 0.2;}
.login-card {max-width: 450px;margin: 0 auto;}
.login-footer {text-align: center;margin-top: 30px;padding-top: 20px;border-top: 1px solid var(--border-color);}
.login-footer a {color: var(--primary-color);text-decoration: none;font-weight: 500;}
.login-footer a:hover {text-decoration: underline;}
.login-header {text-align: center;margin-bottom: 30px;}
.login-header h2 {font-size: 28px;color: var(--primary-color);margin-bottom: 10px;}
.login-header p {color: var(--text-light);}
.member-avatar {width: 120px;height: 120px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 48px;}
.member-card {background: var(--bg-white);padding: 30px;text-align: center;border: 2px solid var(--border-color);}
.member-desc {color: var(--text-light);line-height: 1.6;}
.member-name {font-size: 20px;font-weight: 600;color: var(--text-dark);margin-bottom: 5px;}
.member-role {font-size: 16px;color: var(--primary-color);margin-bottom: 15px;}
.members-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.meta-item {display: flex;align-items: center;gap: 5px;color: var(--text-light);font-size: 14px;}
.mission-content {max-width: 800px;margin: 0 auto;text-align: center;}
.mission-text {font-size: 20px;line-height: 1.8;color: var(--text-light);margin-bottom: 40px;}
.mobile-menu-btn {display: none;flex-direction: column;justify-content: space-between;width: 30px;height: 21px;background: transparent;border: none;cursor: pointer;}
.mobile-menu-btn span {display: block;height: 3px;width: 100%;background: #333;transition: all 0.3s ease;}
.mobile-nav-menu {display: none;}
.modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);z-index: 2000;overflow-y: auto;}
.modal.active {display: block;}
.modal-body {padding: 30px;}
.modal-close {position: absolute;top: 20px;right: 20px;background: transparent;border: none;color: var(--bg-white);font-size: 24px;cursor: pointer;}
.modal-content {max-width: 800px;margin: 50px auto;background: var(--bg-white);position: relative;}
.modal-header {background: var(--primary-color);color: var(--bg-white);padding: 30px;}
.modal-image {height: 150px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--text-light);}
.modal-images {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;margin-top: 20px;}
.modal-section {margin-bottom: 30px;}
.modal-section h3 {color: var(--primary-color);margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid var(--primary-color);}
.model-cell {background: var(--bg-white);height: 100px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-weight: 600;border: 1px solid var(--primary-color);transition: 0.3s;}
.model-cell:hover {background: var(--primary-color);color: white;}
.model-showcase {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 40px 0;}
.nav-action {display: flex;align-items: center;margin-left: 20px;text-decoration: none;color: #333;font-size: 14px;}
.nav-action:hover {color: #229966;}
.nav-actions {display: flex;align-items: center;}
.nav-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;justify-content: space-between;align-items: center;height: 80px;}
.nav-item:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateX(0) translateY(0);}
.nav-link {width: 90px;display: table-cell;align-items: center;height: 100%;line-height: 80px;padding: 0 15px;text-decoration: none;text-align: center;color: #333;font-weight: 500;transition: all 0.3s ease;position: relative;}
.nav-link.active {color: #229966;}
.nav-link.active::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #229966;}
.nav-link:hover {color: #229966;}
.nav-menu {display: flex;list-style: none;height: 100%;position: relative;}
.nav-right {display: flex;align-items: center;}
.news-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;position: relative;transition: transform 0.3s ease;}
.news-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.news-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.news-card:hover {transform: translateY(-5px);}
.news-content {padding: 30px;}
.news-date {font-size: 14px;color: var(--primary-color);font-weight: 600;margin-bottom: 10px;}
.news-excerpt {color: var(--text-light);margin-bottom: 20px;}
.news-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}
.news-image {width: 100%;height: 200px;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 48px;}
.news-title {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.overview-block {background: var(--primary-light);display: flex;flex-direction: column;align-items: center;justify-content: center;color: var(--primary-color);font-weight: 600;position: relative;transition: all 0.3s ease;}
.overview-block:hover {background: var(--primary-color);color: var(--bg-white);}
.overview-block-1 {grid-column: 1;grid-row: 1;}
.overview-block-2 {grid-column: 2;grid-row: 1;}
.overview-block-3 {grid-column: 1;grid-row: 2;}
.overview-block-4 {grid-column: 2;grid-row: 2;}
.overview-content {max-width: 800px;margin: 0 auto;text-align: center;}
.overview-content p {color: var(--text-light);line-height: 1.6;margin-bottom: 20px;}
.overview-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 50px;}
.overview-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.overview-item {text-align: center;padding: 30px 20px;border: 1px solid var(--border-color);}
.overview-item h3 {font-size: 18px;color: var(--text-dark);margin-bottom: 10px;}
.overview-visual {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 150px);gap: 20px;}
.page-number {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: var(--bg-white);border: 1px solid var(--border-color);color: var(--text-dark);text-decoration: none;transition: all 0.3s ease;}
.page-number.active {background: var(--primary-color);color: var(--bg-white);border-color: var(--primary-color);}
.page-number:hover {background: var(--primary-color);color: var(--bg-white);border-color: var(--primary-color);}
.pagination {display: flex;justify-content: center;gap: 10px;}
.pain-point-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;position: relative;transition: transform 0.3s ease;}
.pain-point-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.pain-point-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.pain-point-card:hover {transform: translateY(-5px);}
.pain-point-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 25px;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary-color);}
.pain-points-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.pattern-card {composes: card;}
.pattern-card h3 {color: var(--primary-color);margin-bottom: 10px;font-size: 20px;}
.pattern-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 25px;margin-top: 30px;}
.phase-card {composes: card;text-align: center;}
.phase-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;}
.phase-icon {font-size: 48px;margin-bottom: 15px;color: var(--primary-color);}
.popular-post {display: flex;gap: 15px;}
.popular-post-content h4 {font-size: 16px;color: var(--text-dark);margin-bottom: 5px;line-height: 1.4;}
.popular-post-date {font-size: 12px;color: var(--text-light);}
.popular-post-image {width: 80px;height: 80px;background: var(--primary-light);flex-shrink: 0;}
.popular-posts {display: flex;flex-direction: column;gap: 20px;}
.process-card {composes: card;text-align: center;}
.process-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 10px;}
.process-container {max-width: 800px;margin: 0 auto;}
.process-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.process-lifecycle {padding: 80px 0;background: var(--bg-light);}
.process-scenes {padding: 80px 0;background: var(--bg-white);}
.process-step {display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;border-radius: 4px;}
.process-steps {display: flex;flex-direction: column;gap: 25px;max-width: 800px;margin: 0 auto;}
.product-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;position: relative;transition: border-color 0.3s ease;}
.product-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.product-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.product-card:hover {border-color: var(--primary-color);}
.product-card:hover {transform: translateY(-5px);}
.product-cases {padding: 100px 0;background: var(--bg-white);}
.product-consult {padding: 80px 0;background: var(--primary-light-bg);text-align: center;}
.product-desc {font-size: 16px;line-height: 1.6;color: var(--text-light);margin-bottom: 20px;}
.product-evolution {padding: 80px 0;background: var(--primary-light-bg);}
.product-features {padding: 100px 0;background: var(--bg-light);}
.product-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.product-icon {width: 60px;height: 60px;background: var(--primary-color);margin-bottom: 20px;display: flex;align-items: center;justify-content: center;color: var(--bg-white);font-size: 24px;}
.product-name {font-size: 20px;font-weight: 600;color: var(--text-dark);margin-bottom: 15px;}
.product-overview {padding: 100px 0;background: var(--bg-white);}
.products {padding: 80px 0;background: var(--bg-white);}
.products-demo {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.products-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.products-overview {padding: 100px 0;background: var(--bg-white);}
.products-services {padding: 80px 0;background: var(--bg-white);}
.product-trial {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.project-cases {padding: 80px 0;background: var(--bg-white);}
.promise-card {composes: card;text-align: center;}
.promise-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;margin-top: 20px;}
.promise-number {font-size: 42px;font-weight: 600;color: var(--primary-color);margin-bottom: 15px;line-height: 1.2;}
.quick-card {composes: card;text-align: center;padding: 20px 15px;}
.quick-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;}
.quick-icon {font-size: 30px;margin-bottom: 10px;color: var(--primary-color);}
.resource-card {composes: card;}
.resource-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;}
.resource-tag {display: inline-block;background: var(--primary-light);color: var(--primary-color);padding: 4px 12px;margin: 5px 5px 0 0;font-size: 13px;border-radius: 2px;}
.result-item {flex: 1;text-align: center;padding: 10px;background: var(--primary-light);}
.result-label {font-size: 12px;color: var(--text-light);}
.result-value {font-size: 20px;font-weight: 600;color: var(--primary-color);margin-bottom: 5px;}
.right {left: 50%;}
.right::after {left: -10px;}
.scenario-benefits {list-style: none;}
.scenario-benefits li {padding: 8px 0;padding-left: 20px;position: relative;}
.scenario-benefits li:before {content: '✓';position: absolute;left: 0;color: var(--primary-color);font-weight: bold;}
.scenario-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;}
.scenario-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.scenario-content {padding: 25px;}
.scenario-desc {font-size: 16px;line-height: 1.6;color: var(--text-light);margin-bottom: 20px;}
.scenario-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.scenario-header {background: var(--primary-light);padding: 20px;display: flex;align-items: center;}
.scenario-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 36px;color: var(--primary-color);border-radius: 4px;}
.scenarios-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;margin-top: 50px;}
.scenario-title {font-size: 20px;font-weight: 600;color: var(--text-dark);}
.scene-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 30px;}
.scene-card h3 {color: var(--primary-color);margin-bottom: 10px;font-size: 20px;}
.scene-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 25px;}
.scene-header {display: flex;align-items: center;margin-bottom: 20px;}
.scene-icon {width: 50px;height: 50px;background: var(--primary-light);margin-right: 15px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: var(--primary-color);}
.scene-industry {display: inline-block;padding: 5px 15px;background: var(--primary-light);color: var(--primary-color);font-size: 12px;margin-bottom: 10px;}
.scenes-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}
.scene-title {font-size: 20px;color: var(--text-dark);}
.section-subtitle {text-align: center;font-size: 18px;color: var(--text-light);max-width: 800px;margin: 0 auto 50px;}
.section-title {text-align: center;font-size: 32px;color: var(--text-dark);margin-bottom: 50px;position: relative;}
.section-title::after {content: '';display: block;width: 60px;height: 3px;background: var(--primary-color);margin: 15px auto 0;}
.service-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;position: relative;transition: transform 0.3s ease;}
.service-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.service-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.service-card:hover {transform: translateY(-5px);}
.service-cases {padding: 100px 0;background: var(--bg-light);}
.service-category-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-bottom: 60px;}
.service-desc {color: var(--text-light);line-height: 1.6;}
.service-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 25px;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary-color);position: relative;}
.service-industries {padding: 100px 0;background: var(--bg-white);}
.service-item-card {composes: card;text-align: center;}
.service-item-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.service-items-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 25px;margin-top: 20px;}
.service-list {list-style: none;}
.service-list li {margin-bottom: 15px;padding-left: 25px;position: relative;}
.service-list li::before {content: '◆';color: var(--primary-color);position: absolute;left: 0;font-size: 14px;}
.service-percent {font-size: 48px;font-weight: 600;color: var(--primary-color);margin-bottom: 15px;}
.service-process {padding: 80px 0;background: var(--bg-light);}
.services {padding: 80px 0;background: var(--bg-light);}
.services-consult {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.services-overview {padding: 100px 0;background: var(--bg-white);}
.service-title {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.sidebar-links {list-style: none;}
.sidebar-links a {color: var(--text-dark);text-decoration: none;transition: color 0.3s ease;}
.sidebar-links a:hover {color: var(--primary-color);}
.sidebar-links li {margin-bottom: 12px;}
.sidebar-section {background: var(--bg-white);border: 1px solid var(--border-color);padding: 30px;margin-bottom: 30px;}
.sidebar-section h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid var(--primary-light);}
.solution-advantages {padding: 100px 0;background: var(--bg-white);}
.solution-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;position: relative;transition: transform 0.3s ease;}
.solution-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.solution-card:hover {transform: translateY(-5px);}
.solution-cases {padding: 100px 0;background: var(--bg-light);}
.solution-categories {padding: 100px 0;background: var(--bg-white);}
.solution-consult {padding: 100px 0;background: var(--primary-color);color: var(--bg-white);text-align: center;}
.solution-icon {width: 60px;height: 60px;background: var(--primary-light);margin-bottom: 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.solution-process {padding: 100px 0;background: var(--bg-white);}
.solutions-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.stat-card {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);padding: 40px 20px;text-align: center;position: relative;transition: all 0.3s ease;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.stat-card:hover {transform: translateY(-10px) translateZ(20px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);border-color: rgba(255, 255, 255, 0.3);}
.stat-item {text-align: center;}
.stat-label {font-size: 12px;}
.stat-number {font-size: 48px;font-weight: 600;margin-bottom: 10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}
.stats {padding: 80px 0;background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color: var(--bg-white);position: relative;overflow: hidden;}
.stats::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 100%;background: repeating-linear-gradient(  45deg,  transparent,  transparent 20px,  rgba(255, 255, 255, 0.05) 20px,  rgba(255, 255, 255, 0.05) 40px  );}
.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 30px;}
.stat-value {font-size: 24px;font-weight: 600;color: var(--primary-dark);}
.step-card {composes: card;display: flex;align-items: flex-start;gap: 20px;}
.step-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.step-content p{color: var(--text-light);width: 600px;padding: 6px 20px;font-size: 16px;}
.step-content h3 {font-size: 20px;color: var(--text-dark);padding: 6px 20px;}
.step-number {width: 60px;height: 60px;background: var(--primary-color);color: var(--bg-white);display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: bold;flex-shrink: 0;position: relative;z-index: 1;}
.subscribe-content {max-width: 600px;margin: 0 auto;}
.subscribe-content h2 {font-size: 32px;margin-bottom: 20px;}
.subscribe-content p {opacity: 0.9;line-height: 1.6;margin-bottom: 30px;text-wrap-mode: nowrap;}
.subscribe-form {display: flex;gap: 10px;margin-top: 30px;}
.subscribe-input {flex: 1;padding: 12px 15px;border: none;font-size: 16px;}
.success-cases {padding: 100px 0;background: var(--bg-white);}
.support-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;}
.support-card h3 {font-size: 20px;color: var(--text-dark);margin-bottom: 15px;}
.support-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.support-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.tag {background: var(--primary-light);color: var(--primary-color);padding: 5px 10px;font-size: 12px;text-decoration: none;transition: all 0.3s ease;}
.tag:hover {background: var(--primary-color);color: var(--bg-white);}
.tag-cloud {display: flex;flex-wrap: wrap;gap: 10px;}
.teacher-avatar {width: 100px;height: 100px;background: var(--primary-light);border-radius: 50%;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 36px;border: 2px solid var(--primary-light);}
.teacher-card {composes: card;text-align: center;}
.teacher-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 5px;}
.teacher-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 30px;}
.teacher-title {color: var(--text-light);font-size: 14px;margin-bottom: 15px;}
.team-achievement {padding: 80px 0;background: var(--bg-white);}
.team-culture {padding: 80px 0;background: var(--bg-white);}
.team-intro {padding: 80px 0;background: var(--bg-white);}
.team-join {padding: 80px 0;background: var(--primary-color);text-align: center;}
.team-join h2 {font-size: 36px;color: var(--bg-white);margin-bottom: 20px;}
.team-join p {font-size: 18px;color: rgba(255, 255, 255, 0.9);max-width: 700px;margin: 0 auto 40px;}
.team-members {padding: 80px 0;background: var(--primary-light-bg);}
.team-tech {padding: 80px 0;background: var(--primary-light-bg);}
.tech-advantages {padding: 100px 0;background: var(--bg-white);}
.tech-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;text-align: center;}
.tech-card h3 {font-size: 20px;color: var(--primary-color);margin-bottom: 15px;}
.tech-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.tech-icon {width: 60px;height: 60px;background: var(--primary-light);margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;color: var(--primary-color);}
.tech-item {background: var(--bg-white);padding: 20px 25px;border: 2px solid var(--border-color);font-weight: 500;color: var(--text-dark);}
.tech-item:hover {background: var(--primary-color);color: var(--bg-white);border-color: var(--primary-color);}
.tech-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
.tech-section {padding: 80px 0;background: var(--bg-white);}
.tech-solutions {padding: 100px 0;background: var(--bg-light);}
.tech-stack {padding: 100px 0;background: var(--bg-white);}
.tech-tag {display: inline-block;background: var(--primary-light);color: var(--primary-color);padding: 6px 16px;margin: 5px;font-size: 14px;border-radius: 20px;font-weight: 500;}
.testimonial-author {display: block;text-align: center;display: flex;align-items: center;gap: 15px;}
.testimonial-card {background: var(--bg-white);border: 1px solid var(--border-color);padding: 40px 30px;position: relative;}
.testimonial-card::before {content: '';position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent var(--primary-light) transparent transparent;}
.testimonial-content {color: var(--text-light);line-height: 1.6;margin-bottom: 20px;}
.testimonial-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.testimonial-quote {font-size: 48px;color: var(--primary-light);line-height: 1;margin-bottom: 20px;}
.testimonials {padding: 100px 0;background: var(--bg-white);}
.testimonial-section {padding: 80px 0;background: var(--primary-color);color: var(--bg-white);}
.testimonials-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.testimonial-text {font-size: 20px;font-style: italic;line-height: 1.6;margin-bottom: 30px;}
.testimonial-title {font-size: 14px;opacity: 0.9;margin-top: 5px;}
.timeline {position: relative;max-width: 900px;margin: 0 auto;}
.timeline::after {content: '';position: absolute;width: 3px;background-color: var(--primary-color);top: 0;bottom: 0;left: 50%;margin-left: -1.5px;}
.timeline-card {composes: card;text-align: center;}
.timeline-content {padding: 20px 30px;background-color: var(--bg-white);position: relative;border: 2px solid var(--border-color);}
.timeline-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 30px;}
.timeline-item {padding: 10px 40px;position: relative;width: 50%;box-sizing: border-box;}
.timeline-item::after {content: '';position: absolute;width: 20px;height: 20px;background-color: var(--primary-color);border: 3px solid var(--bg-white);top: 15px;border-radius: 50%;z-index: 1;}
.timeline-text {font-size: 16px;line-height: 1.6;color: var(--text-light);}
.timeline-title {font-size: 20px;font-weight: 600;color: var(--text-dark);margin-bottom: 15px;}
.timeline-year {font-size: 24px;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;}
.timeline-year {font-size: 28px;font-weight: 700;color: var(--primary-color);margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid var(--primary-light);}
.tool-card {composes: card;text-align: center;}
.tool-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 25px;}
.tool-icon {font-size: 40px;margin-bottom: 15px;color: var(--primary-color);}
.top-line {height: 4px;background: var(--primary-color);}
.top-nav {background: var(--bg-white);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);position: sticky;top: 0;z-index: 1000;}
.trial-content {max-width: 600px;margin: 0 auto;}
.trial-content h2 {font-size: 32px;margin-bottom: 20px;}
.trial-section {padding: 80px 0;background: var(--primary-color);text-align: center;}
.trial-section h2 {font-size: 36px;color: var(--bg-white);margin-bottom: 20px;}
.trial-section p {font-size: 18px;color: rgba(255, 255, 255, 0.9);max-width: 700px;margin: 0 auto 40px;}
.value-card {composes: card;text-align: center;}
.value-card h3 {font-size: 22px;color: var(--primary-color);margin-bottom: 15px;}
.value-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 50px;}
.value-icon {width: 80px;height: 80px;background: var(--primary-light);margin: 0 auto 25px;display: flex;align-items: center;justify-content: center;font-size: 36px;color: var(--primary-color);border-radius: 4px;}
.value-item {text-align: center;padding: 30px 20px;background: var(--bg-white);border: 1px solid var(--border-color);}
.value-label {font-size: 16px;color: var(--text-dark);}
.value-number {font-size: 48px;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;}
.value-section {padding: 80px 0;background: var(--bg-light);}
.values-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.workflow-container {display: flex;align-items: center;margin-top: 50px;}
.workflow-diagram {flex: 1;min-height: 400px;background: var(--primary-light);position: relative;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 20px;font-weight: 600;}
.workflow-step {margin-bottom: 40px;position: relative;padding-left: 30px;}
.workflow-step:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: var(--primary-color);}
.workflow-step-desc {font-size: 16px;line-height: 1.6;color: var(--text-light);}
.workflow-step-number {font-size: 16px;font-weight: 600;color: var(--primary-color);margin-bottom: 10px;}
.workflow-steps {flex: 1;padding-left: 50px;}
.workflow-step-title {font-size: 20px;font-weight: 600;color: var(--text-dark);margin-bottom: 10px;}

@media (max-width: 1024px) {.nav-menu {display: none;position: fixed;top: 60px;left: 0;width: 100%;background: white;flex-direction: column;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);max-height: calc(100vh - 60px);overflow-y: auto;z-index: 1002;}
.nav-menu.active {display: flex;}
.dropdown-menu {position: static;width: 100% !important;max-width: 100% !important;opacity: 1;visibility: visible;transform: none;display: none;border: none;border-top: 1px solid rgba(34, 153, 102, 0.1);box-shadow: none;background: #f9f9f9;transition: none;margin-top: 0;}
.nav-item.mobile-active .dropdown-menu {display: block;}
.nav-item.mobile-active .nav-link::after {content: '−';font-weight: bold;color: #229966;}
.nav-link::after {content: '+';font-weight: bold;color: #229966;}
.dropdown-menu::before,  .geometry-element {display: none;}
.dropdown-grid {grid-template-columns: 1fr;}
.dropdown-grid.three-col {grid-template-columns: 1fr;}
.dropdown-column:first-child {border-right: none;border-bottom: 1px solid rgba(34, 153, 102, 0.1);}
.mobile-menu-btn {display: flex;}
.nav-right .nav-action:not(.btn-demo) {display: none;}}
@keyframes fadeInDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}
.fade-in-down {animation: fadeInDown 0.3s ease-out;}
.nav-link .mobile-arrow {display: none;}
@media (max-width: 1024px) {.nav-link .mobile-arrow {display: inline-block;margin-left: 10px;transition: transform 0.3s ease;}
.nav-item.mobile-active .nav-link .mobile-arrow {transform: rotate(180deg);}}