* {    margin: 0;    padding: 0;    box-sizing: border-box;}:root {    --primary-dark: #050a14;    --primary-blue: #0d1b2a;    --accent-orange: #ff6b35;    --accent-cyan: #00d4ff;    --accent-purple: #8b5cf6;    --gray-100: #f8f9fa;    --gray-200: #e9ecef;    --gray-600: #6c757d;    --gray-800: #343a40;    --tech-glow: rgba(0, 212, 255, 0.15);}body {    background-color: #fafbfc;    color: var(--gray-800);    line-height: 1.6;    scroll-behavior: smooth;    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;}/* 导航�?- 科技风格 */.navbar {    display: flex;    justify-content: space-between;    align-items: center;    padding: 1rem 0;    max-width: 1200px;    margin: 0 auto;    width: 100%;    background: var(--primary-dark);    position: sticky;    top: 0;    z-index: 100;    flex-wrap: wrap;    border-bottom: 1px solid rgba(0, 212, 255, 0.2);}.navbar::before {    content: '';    position: absolute;    bottom: -1px;    left: 0;    width: 100%;    height: 1px;    background: linear-gradient(90deg, transparent, var(--accent-cyan), transparent);}.logo-area {    display: flex;    align-items: center;    gap: 0.8rem;    flex-wrap: wrap;}.logo-icon {    width: 40px;    height: 40px;    background: var(--accent-orange);    border-radius: 4px;    display: flex;    align-items: center;    justify-content: center;    color: white;    font-size: 1.2rem;}.logo-text {    display: flex;    flex-direction: column;}.logo {    font-size: 1.6rem;    font-weight: 700;    color: white;    letter-spacing: 1px;}.logo-sub {    font-size: 0.75rem;    color: var(--accent-cyan);    font-weight: 500;    letter-spacing: 2px;    text-transform: uppercase;}.nav-links {    display: flex;    gap: 2rem;    font-weight: 500;}.nav-links a {    text-decoration: none;    color: #b0c4de;    transition: 0.3s;    font-size: 0.95rem;    padding: 0.5rem 0;    border-bottom: 2px solid transparent;}.nav-links a:hover {    color: white;    border-bottom-color: var(--accent-orange);}/* 通用容器 */.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 2rem;}/* 首页大屏 - 工业风格 */.hero {    padding: 0;    margin: 0;    background: var(--primary-dark);    position: relative;    overflow: hidden;    width: 100%;}.hero::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background:         radial-gradient(ellipse at 20% 80%, rgba(139, 92, 246, 0.15) 0%, transparent 50%),        radial-gradient(ellipse at 80% 20%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),        repeating-linear-gradient(90deg, rgba(0, 212, 255, 0.03) 0px, rgba(0, 212, 255, 0.03) 1px, transparent 1px, transparent 60px),        repeating-linear-gradient(0deg, rgba(0, 212, 255, 0.03) 0px, rgba(0, 212, 255, 0.03) 1px, transparent 1px, transparent 60px);    pointer-events: none;}.hero-inner {    padding: 5rem 2rem 6rem;    position: relative;    z-index: 1;    max-width: 1200px;    margin: 0 auto;}.hero-content {    display: flex;    flex-direction: column;    align-items: flex-start;    gap: 1.5rem;    max-width: 800px;}.hero-badge {    background: rgba(0, 212, 255, 0.1);    color: var(--accent-cyan);    padding: 0.5rem 1.2rem;    border-radius: 4px;    font-weight: 600;    font-size: 0.85rem;    display: inline-flex;    align-items: center;    gap: 0.5rem;    border: 1px solid rgba(0, 212, 255, 0.3);    box-shadow: 0 0 20px rgba(0, 212, 255, 0.1);}.hero-title {    font-size: 2.8rem;    font-weight: 700;    line-height: 1.3;    color: white;}.hero-title span {    color: var(--accent-cyan);}.hero-desc {    font-size: 1.15rem;    color: #a0aec0;    max-width: 600px;    line-height: 1.8;}.btn-group {    display: flex;    gap: 1rem;    flex-wrap: wrap;    margin-top: 1rem;}.btn-primary {    background: linear-gradient(135deg, var(--accent-cyan), #0099cc);    color: white;    padding: 0.9rem 2rem;    border-radius: 4px;    font-weight: 600;    font-size: 1rem;    border: none;    cursor: pointer;    transition: 0.3s;    text-decoration: none;    display: inline-flex;    align-items: center;    gap: 0.5rem;    position: relative;    overflow: hidden;}.btn-primary::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);    transition: 0.5s;}.btn-primary:hover::before {    left: 100%;}.btn-primary:hover {    transform: translateY(-2px);    box-shadow: 0 8px 25px rgba(0, 212, 255, 0.4);}.btn-outline {    background: transparent;    border: 1px solid rgba(0, 212, 255, 0.5);    color: var(--accent-cyan);    padding: 0.85rem 2rem;    border-radius: 4px;    font-weight: 600;    font-size: 1rem;    transition: 0.3s;    text-decoration: none;    display: inline-flex;    align-items: center;    gap: 0.5rem;}.btn-outline:hover {    background: rgba(0, 212, 255, 0.1);    border-color: var(--accent-cyan);    box-shadow: 0 0 20px rgba(0, 212, 255, 0.2);}.hero-tags {    margin-top: 2rem;    display: flex;    gap: 1.5rem;    color: #718096;    font-size: 0.9rem;}.hero-tags span {    display: flex;    align-items: center;    gap: 0.4rem;}.hero-tags i {    color: var(--accent-cyan);}/* 产品卡片区域 - 工业风格 */.section-header {    margin-bottom: 3rem;}.section-label {    color: var(--accent-orange);    font-size: 0.85rem;    font-weight: 600;    letter-spacing: 2px;    text-transform: uppercase;    margin-bottom: 0.5rem;}.section-title {    font-size: 2.2rem;    font-weight: 700;    color: var(--primary-dark);    margin-bottom: 0.8rem;}.section-sub {    color: var(--gray-600);    font-size: 1.1rem;    max-width: 700px;}.card-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));    gap: 1.5rem;    margin: 2rem 0;}.product-card {    background: white;    border-radius: 8px;    padding: 2rem;    transition: 0.3s;    border: 1px solid var(--gray-200);    position: relative;    overflow: hidden;}.product-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 3px;    height: 100%;    background: linear-gradient(180deg, var(--accent-cyan), var(--accent-purple));    transition: 0.3s;}.product-card::after {    content: '';    position: absolute;    top: 0;    right: 0;    width: 100px;    height: 100px;    background: radial-gradient(circle, rgba(0, 212, 255, 0.05) 0%, transparent 70%);    pointer-events: none;}.product-card:hover {    transform: translateY(-4px);    box-shadow: 0 12px 40px rgba(0, 212, 255, 0.1);    border-color: rgba(0, 212, 255, 0.3);}.product-card:hover::before {    width: 4px;    box-shadow: 0 0 15px var(--accent-cyan);}.card-header {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 1.2rem;}.card-icon {    width: 50px;    height: 50px;    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(139, 92, 246, 0.1));    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.4rem;    color: var(--accent-cyan);    border: 1px solid rgba(0, 212, 255, 0.2);}.card-title-group {    flex: 1;}.product-card h3 {    font-size: 1.3rem;    font-weight: 600;    color: var(--primary-dark);    margin-bottom: 0.2rem;}.product-card .subhead {    color: var(--gray-600);    font-size: 0.9rem;    font-weight: 500;}.product-card p {    color: var(--gray-600);    font-size: 0.95rem;    line-height: 1.7;    margin-bottom: 1rem;}.ai-tag {    display: inline-flex;    align-items: center;    gap: 0.4rem;    background: var(--gray-100);    border-radius: 4px;    padding: 0.4rem 0.8rem;    font-size: 0.8rem;    font-weight: 500;    color: var(--primary-blue);}.ai-tag i {    color: var(--accent-orange);}/* AI赋能区域 - 工业风格 */.ai-showcase {    background: var(--primary-dark);    color: white;    padding: 4rem 0;    margin: 4rem 0;    position: relative;}.ai-showcase::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 1px;    background: linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-purple), transparent);}.ai-showcase::after {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background:         radial-gradient(ellipse at 30% 50%, rgba(139, 92, 246, 0.08) 0%, transparent 50%),        radial-gradient(ellipse at 70% 50%, rgba(0, 212, 255, 0.05) 0%, transparent 50%);    pointer-events: none;}.ai-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));    gap: 1.5rem;    margin-top: 2.5rem;}.ai-item {    background: rgba(0, 212, 255, 0.03);    padding: 1.8rem;    border-radius: 8px;    border: 1px solid rgba(0, 212, 255, 0.1);    transition: 0.3s;    position: relative;    overflow: hidden;}.ai-item::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 1px;    background: linear-gradient(90deg, transparent, var(--accent-cyan), transparent);    opacity: 0;    transition: 0.3s;}.ai-item:hover {    background: rgba(0, 212, 255, 0.06);    border-color: rgba(0, 212, 255, 0.3);    transform: translateY(-2px);    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.1);}.ai-item:hover::before {    opacity: 1;}.ai-item i {    font-size: 1.8rem;    color: var(--accent-cyan);    margin-bottom: 1rem;    display: block;}.ai-item h4 {    font-size: 1.2rem;    font-weight: 600;    margin-bottom: 0.8rem;    color: white;}.ai-item p {    color: #a0aec0;    font-size: 0.9rem;    line-height: 1.6;}.ai-highlight {    margin-top: 2rem;    background: linear-gradient(90deg, rgba(0, 212, 255, 0.05), rgba(139, 92, 246, 0.05));    padding: 1.2rem 2rem;    border-radius: 8px;    text-align: center;    border: 1px solid rgba(0, 212, 255, 0.2);    color: #a0aec0;    font-size: 0.95rem;    position: relative;}.ai-highlight::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 1px;    background: linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-purple), transparent);}.ai-highlight i {    color: var(--accent-cyan);    margin-right: 0.5rem;}/* 关于我们 - 工业风格 */.about-section {    margin: 4rem 0;    padding: 0 2rem;}.about-section .container {    padding: 0;}.about-box {    background: white;    border-radius: 8px;    padding: 3rem;    border: 1px solid var(--gray-200);}.about-flex {    display: flex;    flex-wrap: wrap;    gap: 3rem;    align-items: flex-start;}.about-text {    flex: 2;    min-width: 300px;}.about-text h3 {    font-size: 1.8rem;    color: var(--primary-dark);    margin-bottom: 1rem;}.about-text p {    color: var(--gray-600);    line-height: 1.8;    margin-bottom: 1rem;}.about-text .highlight {    color: var(--accent-orange);    font-weight: 600;}.location-tag {    display: inline-flex;    align-items: center;    gap: 0.5rem;    background: var(--primary-dark);    color: white;    padding: 0.5rem 1rem;    border-radius: 4px;    font-size: 0.85rem;    margin-top: 1rem;}.about-stats {    flex: 1;    min-width: 200px;    display: grid;    grid-template-columns: 1fr;    gap: 1rem;}.stat-item {    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(139, 92, 246, 0.05));    padding: 1.2rem;    border-radius: 8px;    text-align: center;    border: 1px solid rgba(0, 212, 255, 0.15);    position: relative;}.stat-item::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));    border-radius: 8px 8px 0 0;}.stat-num {    font-size: 2rem;    font-weight: 700;    color: var(--primary-dark);}.stat-label {    font-size: 0.85rem;    color: var(--gray-600);    margin-top: 0.3rem;}/* 联系方式 - 工业风格 */.contact-section {    padding: 4rem 0;    background: linear-gradient(180deg, var(--gray-100) 0%, #fff 100%);    margin-top: 4rem;    position: relative;}.contact-section::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 1px;    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.3), transparent);}.contact-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 2rem;    margin: 2.5rem 0;}.contact-card {    background: white;    border-radius: 8px;    padding: 2rem;    border: 1px solid var(--gray-200);    transition: 0.3s;    position: relative;    overflow: hidden;}.contact-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));    transform: scaleX(0);    transition: 0.3s;}.contact-card:hover {    box-shadow: 0 8px 30px rgba(0, 212, 255, 0.15);    border-color: rgba(0, 212, 255, 0.3);    transform: translateY(-2px);}.contact-card:hover::before {    transform: scaleX(1);}.contact-card-header {    display: flex;    align-items: center;    gap: 1rem;    margin-bottom: 1.2rem;    padding-bottom: 1rem;    border-bottom: 1px solid var(--gray-200);}.contact-card i {    width: 45px;    height: 45px;    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(139, 92, 246, 0.1));    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.2rem;    color: var(--accent-cyan);    border: 1px solid rgba(0, 212, 255, 0.2);}.contact-card .contact-label {    font-size: 0.9rem;    color: var(--gray-600);    font-weight: 500;}.contact-card .contact-value {    font-size: 1.3rem;    font-weight: 600;    color: var(--primary-dark);    word-break: break-word;}.copy-btn {    background: transparent;    border: 1px solid var(--gray-200);    padding: 0.5rem 1.2rem;    border-radius: 4px;    color: var(--gray-600);    font-size: 0.85rem;    font-weight: 500;    cursor: pointer;    transition: 0.3s;    display: inline-flex;    align-items: center;    gap: 0.4rem;}.copy-btn:hover {    background: var(--primary-dark);    color: white;    border-color: var(--primary-dark);}/* 联系方式一行布局 */.contact-row {    display: flex;    gap: 1.5rem;    justify-content: center;    align-items: stretch;    flex-wrap: nowrap;}.contact-item {    background: white;    border-radius: 8px;    padding: 1.5rem 2rem;    border: 1px solid var(--gray-200);    display: flex;    align-items: center;    gap: 1.5rem;    flex: 1;    max-width: 380px;    transition: 0.3s;    position: relative;    overflow: hidden;}.contact-item::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));    transform: scaleX(0);    transition: 0.3s;}.contact-item:hover {    box-shadow: 0 8px 30px rgba(0, 212, 255, 0.15);    border-color: rgba(0, 212, 255, 0.3);}.contact-item:hover::before {    transform: scaleX(1);}.contact-item-header {    display: flex;    align-items: center;    gap: 1rem;    flex: 1;}.contact-item-header i {    width: 45px;    height: 45px;    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(139, 92, 246, 0.1));    border-radius: 8px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.2rem;    color: var(--accent-cyan);    border: 1px solid rgba(0, 212, 255, 0.2);    flex-shrink: 0;}.contact-item-info {    display: flex;    flex-direction: column;    gap: 0.2rem;}.contact-item-label {    font-size: 0.8rem;    color: var(--gray-600);}.contact-item-value {    font-size: 1.2rem;    font-weight: 600;    color: var(--primary-dark);    white-space: nowrap;}.contact-item .copy-btn {    background: transparent;    border: 1px solid var(--gray-200);    padding: 0.5rem 1rem;    border-radius: 4px;    color: var(--gray-600);    font-size: 0.8rem;    font-weight: 500;    cursor: pointer;    transition: 0.3s;    white-space: nowrap;    flex-shrink: 0;}.contact-item .copy-btn:hover {    background: var(--primary-dark);    color: white;    border-color: var(--primary-dark);}/* 二维�?*/.contact-qr {    background: white;    border-radius: 8px;    padding: 1rem 1.5rem;    border: 1px solid var(--gray-200);    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: 0.5rem;    min-width: 120px;    transition: 0.3s;    position: relative;    overflow: hidden;}.contact-qr::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));    transform: scaleX(0);    transition: 0.3s;}.contact-qr:hover {    box-shadow: 0 8px 30px rgba(0, 212, 255, 0.15);    border-color: rgba(0, 212, 255, 0.3);}.contact-qr:hover::before {    transform: scaleX(1);}.qr-box {    width: 60px;    height: 60px;    background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(139, 92, 246, 0.1));    border: 1px solid rgba(0, 212, 255, 0.2);    border-radius: 4px;    display: flex;    align-items: center;    justify-content: center;}.qr-box i {    font-size: 1.8rem;    color: var(--accent-cyan);}.qr-text {    font-size: 0.75rem;    color: var(--gray-600);    white-space: nowrap;}.footer {    background: var(--primary-dark);    color: #718096;    padding: 2.5rem 5%;    text-align: center;    position: relative;}.footer::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 1px;    background: linear-gradient(90deg, transparent, var(--accent-cyan), var(--accent-purple), transparent);}.footer a {    color: var(--accent-cyan);    text-decoration: none;}.footer .domain {    font-size: 1.5rem;    font-weight: 600;    color: white;    margin: 0.5rem 0;}.footer-content {    display: flex;    justify-content: center;    gap: 2rem;    flex-wrap: wrap;    margin: 1rem 0;    font-size: 0.9rem;}.footer-bottom {    border-top: 1px solid rgba(255,255,255,0.1);    padding-top: 1.5rem;    margin-top: 1.5rem;    font-size: 0.85rem;    color: #4a5568;}/* 工具�?*/.mt-2 { margin-top: 2rem; }.text-center { text-align: center; }@media (max-width: 768px) {    .navbar {        flex-direction: column;        gap: 1rem;        padding: 1rem;    }    .nav-links {        gap: 1rem;        font-size: 0.9rem;    }    .hero-title {        font-size: 2.2rem;    }    .hero-inner {        padding: 3rem 1.5rem;    }    .section-title {        font-size: 1.8rem;    }    .about-box {        padding: 2rem 1.5rem;    }    .contact-grid {        grid-template-columns: 1fr;    }    .contact-row {        flex-direction: column;        align-items: center;    }    .contact-item {        max-width: 100%;        width: 100%;    }}