/* roulang page: index */
:root {
            --primary: #0F2E59;
            --primary-hover: #0a1f3d;
            --accent: #1D63D8;
            --accent-light: #93C5FD;
            --accent-cyan: #00B4D8;
            --bg-canvas: #F8FAFC;
            --bg-white: #FFFFFF;
            --bg-dark: #0B132B;
            --bg-utility: #F1F5F9;
            --text-title: #0A192F;
            --text-body: #334155;
            --text-muted: #64748B;
            --border-light: #E2E8F0;
            --border-dark: #1E293B;
            --shadow-base: 0 4px 20px -2px rgba(15, 46, 89, 0.05), 0 2px 6px -1px rgba(15, 46, 89, 0.03);
            --shadow-hover: 0 20px 30px -8px rgba(29, 99, 216, 0.12);
            --radius-md: 10px;
            --radius-lg: 16px;
            --radius-xl: 20px;
            --transition: all 0.28s ease-in-out;
        }

        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-canvas);
            color: var(--text-body);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }

        a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition);
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        button, input, select, textarea {
            font-family: inherit;
        }

        .container {
            width: 100%;
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }

        /* 顶部双行导航系统 */
        .utility-bar {
            background-color: var(--bg-utility);
            font-size: 0.8125rem;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-light);
            height: 38px;
            display: flex;
            align-items: center;
        }

        .utility-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .utility-meta span {
            margin-right: 1.25rem;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
        }

        .utility-links a {
            margin-left: 1rem;
            color: var(--text-body);
        }
        .utility-links a:hover {
            color: var(--accent);
        }

        .main-nav-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid var(--border-light);
            height: 74px;
            display: flex;
            align-items: center;
        }

        .main-nav-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .brand-logo {
            display: flex;
            align-items: center;
            gap: 0.65rem;
            font-size: 1.35rem;
            font-weight: 700;
            color: var(--primary);
            letter-spacing: -0.02em;
        }

        .brand-icon {
            width: 34px;
            height: 34px;
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-cyan) 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 900;
            font-size: 1.1rem;
        }

        .nav-menu {
            display: flex;
            align-items: center;
            list-style: none;
            gap: 1.5rem;
        }

        .nav-menu li a {
            font-size: 0.9375rem;
            font-weight: 500;
            color: var(--text-body);
            position: relative;
            padding: 0.5rem 0;
        }

        .nav-menu li a:hover,
        .nav-menu li a.active {
            color: var(--accent);
        }

        .nav-menu li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .nav-menu li a:hover::after {
            width: 100%;
        }

        .nav-actions {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.625rem 1.35rem;
            font-size: 0.9375rem;
            font-weight: 600;
            border-radius: 8px;
            border: 1px solid transparent;
            cursor: pointer;
            transition: var(--transition);
            min-height: 44px;
            min-width: 44px;
            gap: 0.5rem;
        }

        .btn-primary {
            background-color: var(--primary);
            color: #fff;
        }
        .btn-primary:hover {
            background-color: var(--accent);
            box-shadow: 0 4px 14px rgba(29, 99, 216, 0.35);
        }

        .btn-accent {
            background-color: var(--accent);
            color: #fff;
        }
        .btn-accent:hover {
            background-color: #1752b5;
            box-shadow: 0 4px 14px rgba(29, 99, 216, 0.35);
        }

        .btn-outline {
            background-color: transparent;
            border-color: var(--border-light);
            color: var(--text-title);
        }
        .btn-outline:hover {
            border-color: var(--accent);
            color: var(--accent);
            background-color: rgba(29, 99, 216, 0.04);
        }

        .btn-white {
            background-color: #ffffff;
            color: var(--primary);
        }
        .btn-white:hover {
            background-color: #f1f5f9;
        }

        .mobile-toggle {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.5rem;
            color: var(--primary);
        }

        /* Hero 创作者/品牌专区样式 */
        .hero-section {
            background: linear-gradient(180deg, #FFFFFF 0%, #F1F5F9 100%);
            padding: 4.5rem 0 5rem;
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid var(--border-light);
        }

        .hero-card-banner {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-xl);
            padding: 2.5rem 3rem;
            box-shadow: var(--shadow-base);
            position: relative;
            z-index: 2;
        }

        .hero-top-profile {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1.5rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid var(--border-light);
            margin-bottom: 2.25rem;
        }

        .profile-id {
            display: flex;
            align-items: center;
            gap: 1.25rem;
        }

        .avatar-box {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 700;
            border: 3px solid #E2E8F0;
        }

        .profile-meta h2 {
            font-size: 1.45rem;
            color: var(--text-title);
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .profile-meta p {
            font-size: 0.9375rem;
            color: var(--text-muted);
        }

        .profile-badges {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            flex-wrap: wrap;
        }

        .badge-chip {
            background: rgba(29, 99, 216, 0.08);
            color: var(--accent);
            padding: 0.35rem 0.85rem;
            border-radius: 9999px;
            font-size: 0.8125rem;
            font-weight: 600;
            border: 1px solid rgba(29, 99, 216, 0.2);
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.15fr 0.85fr;
            gap: 3.5rem;
            align-items: center;
        }

        .hero-content h1 {
            font-size: 2.85rem;
            line-height: 1.15;
            color: var(--primary);
            font-weight: 800;
            margin-bottom: 1.25rem;
            letter-spacing: -0.03em;
        }

        .hero-desc {
            font-size: 1.0625rem;
            color: var(--text-body);
            line-height: 1.7;
            margin-bottom: 2rem;
        }

        .hero-cta-group {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            margin-bottom: 2.5rem;
        }

        .hero-stats-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            padding-top: 1.75rem;
            border-top: 1px solid var(--border-light);
        }

        .hero-stat-item h3 {
            font-size: 1.6rem;
            color: var(--primary);
            font-weight: 800;
            margin-bottom: 0.15rem;
        }
        .hero-stat-item p {
            font-size: 0.8125rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .hero-visual-card {
            background: #F8FAFC;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            overflow: hidden;
            position: relative;
        }

        .hero-visual-card img {
            width: 100%;
            height: 380px;
            object-fit: cover;
        }

        .hero-visual-overlay {
            padding: 1.25rem;
            background: #ffffff;
            border-top: 1px solid var(--border-light);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        /* 统一通用版块样式 */
        .section-padding {
            padding: 5.5rem 0;
            position: relative;
        }

        .section-header {
            max-width: 760px;
            margin: 0 auto 3.5rem;
            text-align: center;
        }

        .section-header.text-left {
            margin-left: 0;
            text-align: left;
        }

        .section-tag {
            display: inline-block;
            font-size: 0.8125rem;
            font-weight: 700;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin-bottom: 0.65rem;
            background: rgba(29, 99, 216, 0.08);
            padding: 0.25rem 0.75rem;
            border-radius: 4px;
        }

        .section-title {
            font-size: 2.15rem;
            color: var(--text-title);
            font-weight: 750;
            margin-bottom: 1rem;
            letter-spacing: -0.02em;
        }

        .section-subtitle {
            font-size: 1rem;
            color: var(--text-muted);
            line-height: 1.65;
        }

        .card {
            background: var(--bg-white);
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2rem;
            box-shadow: var(--shadow-base);
            transition: var(--transition);
        }

        .card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
            border-color: var(--accent-light);
        }

        /* 板块 1: 痛点剖析 */
        .challenges-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }

        .challenge-card {
            border-top: 4px solid var(--accent);
        }

        .challenge-icon {
            font-size: 1.75rem;
            margin-bottom: 1.25rem;
            color: var(--accent);
        }

        .challenge-card h3 {
            font-size: 1.15rem;
            color: var(--text-title);
            margin-bottom: 0.75rem;
            font-weight: 700;
        }

        .challenge-card p {
            font-size: 0.9125rem;
            color: var(--text-body);
            line-height: 1.55;
        }

        /* 板块 2: 技术总览 */
        .intro-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3.5rem;
            align-items: center;
        }

        .intro-img-frame {
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 1px solid var(--border-light);
            box-shadow: var(--shadow-base);
        }

        .intro-points {
            margin-top: 1.75rem;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.25rem;
        }

        .intro-point-item {
            background: #ffffff;
            border: 1px solid var(--border-light);
            padding: 1.15rem;
            border-radius: var(--radius-md);
        }

        .intro-point-item strong {
            display: block;
            font-size: 1.1rem;
            color: var(--primary);
            margin-bottom: 0.25rem;
        }
        .intro-point-item span {
            font-size: 0.8125rem;
            color: var(--text-muted);
        }

        /* 板块 3: 核心架构优势 */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.75rem;
        }

        .feature-item-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .feature-num {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--accent-light);
            margin-bottom: 1rem;
        }

        .feature-item-card h3 {
            font-size: 1.2rem;
            color: var(--text-title);
            margin-bottom: 0.75rem;
            font-weight: 700;
        }

        .feature-item-card p {
            font-size: 0.9375rem;
            color: var(--text-body);
            line-height: 1.6;
        }

        /* 板块 4: 选型矩阵产品表 */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }

        .product-card {
            border-top: 5px solid var(--primary);
            position: relative;
            display: flex;
            flex-direction: column;
        }

        .product-card.featured {
            border-top-color: var(--accent);
            box-shadow: 0 12px 30px rgba(29, 99, 216, 0.12);
        }

        .product-badge-flag {
            position: absolute;
            top: 1rem;
            right: 1.25rem;
            background: var(--accent);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 700;
            padding: 0.25rem 0.65rem;
            border-radius: 4px;
        }

        .product-head {
            margin-bottom: 1.5rem;
        }

        .product-head h3 {
            font-size: 1.4rem;
            color: var(--text-title);
            font-weight: 800;
            margin-bottom: 0.35rem;
        }

        .product-head span {
            font-size: 0.875rem;
            color: var(--text-muted);
        }

        .product-specs-table {
            width: 100%;
            margin-bottom: 1.75rem;
            border-collapse: collapse;
        }

        .product-specs-table tr {
            border-bottom: 1px solid var(--border-light);
        }

        .product-specs-table td {
            padding: 0.65rem 0;
            font-size: 0.875rem;
        }

        .product-specs-table td:first-child {
            color: var(--text-muted);
            width: 45%;
        }

        .product-specs-table td:last-child {
            color: var(--text-title);
            font-weight: 600;
            text-align: right;
        }

        /* 板块 5: NPU 架构微架构 (深色反差板块) */
        .dark-section {
            background-color: var(--bg-dark);
            color: #E2E8F0;
        }

        .dark-section .section-title {
            color: #ffffff;
        }

        .dark-section .section-subtitle {
            color: #94A3B8;
        }

        .architecture-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }

        .arch-node-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--border-dark);
            border-radius: var(--radius-md);
            padding: 1.75rem;
            transition: var(--transition);
        }

        .arch-node-card:hover {
            border-color: var(--accent-cyan);
            background: rgba(255, 255, 255, 0.06);
            transform: translateY(-3px);
        }

        .arch-tag {
            color: var(--accent-cyan);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 0.75rem;
        }

        .arch-node-card h3 {
            font-size: 1.15rem;
            color: #ffffff;
            margin-bottom: 0.65rem;
            font-weight: 700;
        }

        .arch-node-card p {
            font-size: 0.875rem;
            color: #94A3B8;
            line-height: 1.55;
        }

        /* 板块 6: 部署全流程时间线 */
        .workflow-timeline {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            position: relative;
        }

        .workflow-step-card {
            position: relative;
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2rem 1.5rem;
            box-shadow: var(--shadow-base);
        }

        .step-index-badge {
            width: 38px;
            height: 38px;
            background: var(--primary);
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 1.1rem;
            margin-bottom: 1.25rem;
        }

        .workflow-step-card h3 {
            font-size: 1.15rem;
            color: var(--text-title);
            margin-bottom: 0.75rem;
            font-weight: 700;
        }

        .workflow-step-card p {
            font-size: 0.875rem;
            color: var(--text-body);
            line-height: 1.6;
        }

        /* 板块 7: 行业落地场景 */
        .scenarios-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }

        .scenario-card {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-base);
            transition: var(--transition);
        }

        .scenario-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
        }

        .scenario-thumb {
            height: 190px;
            overflow: hidden;
            background: #E2E8F0;
        }

        .scenario-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .scenario-card:hover .scenario-thumb img {
            transform: scale(1.05);
        }

        .scenario-body {
            padding: 1.5rem;
        }

        .scenario-body h3 {
            font-size: 1.15rem;
            color: var(--text-title);
            margin-bottom: 0.5rem;
            font-weight: 700;
        }

        .scenario-body p {
            font-size: 0.875rem;
            color: var(--text-muted);
            line-height: 1.55;
            margin-bottom: 1rem;
        }

        .scenario-tag-list {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem;
        }

        .scenario-tag-list span {
            font-size: 0.75rem;
            background: #F1F5F9;
            color: var(--text-body);
            padding: 0.2rem 0.55rem;
            border-radius: 4px;
        }

        /* 板块 8: 成果转化实测对比 */
        .case-study-split.case-study-split

The analysis needs to resume from the point of interruption, focusing exclusively on content following the split marker. I will avoid repeating any preceding context. The goal is to extract the remaining information about Edge AI chips from the `nicenews88.com` domain. I'll maintain strict adherence to the defined action and constraints.


Examining the case study results, focusing on quantitative metrics and concrete outcomes reported. The goal is to identify patterns in performance gains and successful implementations. Considering correlations between specific features and observed improvements in these cases.

Initial CSS for `.case-study-split` is implemented using `grid` layout, defining column structure, gap, and margin. The next stage involves developing comprehensive CSS rules for all specified sections and elements. This includes establishing mobile responsiveness with media queries and the complete HTML structure.


Analyzing the hero section's content, focusing on the H1 headline, description length, and button text, ensuring the language is concise and accurately reflects the product's value proposition. I'm also considering the key performance indicators (TOPS, power consumption, temperature range) to be prominently displayed. Now examining the suggested images to determine the most suitable hero image, prioritizing those that clearly represent the edge AI chip's capabilities.


Section `#challenges` highlights limitations in edge AI deployment, focusing on latency, power consumption, and security concerns related to data transmission and processing. Section `#intro` introduces a new edge AI chip, featuring a 16 TOPS INT8 processing capability at 2.8W, emphasizing its architecture and design principles.

Section `#features` details six core architectural advantages, including a tensor acceleration engine and low-power micro-watt sleep mode, suitable for edge applications. Section `#products` presents three chip models (EAI-100, EAI-300, and EAI-800), outlining their specifications for different application needs.


Considering the details of the "联拓扑" section reveals a focus on computational resources: a systolic array compute core, on-chip SRAM, low-latency interconnect arbitration, and dynamic power adaptation. The "workflow" section's four-step process emphasizes the smooth integration of models and automated optimization for the target hardware.

The "scenarios" section showcases the chip's utility in real-world applications such as industrial defect detection, robotics navigation, edge visual analysis, and in-vehicle driver monitoring. The "cases" section highlights quantitative benefits through comparing deployments in photovoltaic panel inspection and commercial drone applications.

Focusing on the "metrics" section, the goal is to identify key performance indicators.


Considering performance metrics exceeding 4.8 TOPS/W, latency below 4.2ms, the presence of 120+ hardened neural network operators, and over 1.2 million industrial chip shipments. Now, investigating the testimonials section, the insights section, and the FAQ section.

The testimonials section provides third-party validation via quotes from industry leaders. The insights section details the latest advancements in edge AI chip technology, including news cards with tags and dates. The FAQ section addresses common development and deployment questions.

Reviewing the call-to-action section that offers the evaluation kit (EVK), this kit includes carrier boards, sensors, camera modules, power supplies, and toolchain SDK licenses. This section contains a form to request the EVK. The footer presents contact information, site navigation, and legal information.


 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
        }

        .case-study-card {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2.25rem;
            box-shadow: var(--shadow-base);
        }

        .case-tag {
            font-size: 0.75rem;
            color: var(--accent);
            font-weight: 700;
            background: rgba(29, 99, 216, 0.08);
            padding: 0.25rem 0.65rem;
            border-radius: 4px;
            display: inline-block;
            margin-bottom: 1rem;
        }

        .case-study-card h3 {
            font-size: 1.25rem;
            color: var(--text-title);
            margin-bottom: 0.75rem;
            font-weight: 700;
        }

        .case-study-card p {
            font-size: 0.9125rem;
            color: var(--text-body);
            line-height: 1.6;
            margin-bottom: 1.5rem;
        }

        .case-metric-compare {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            background: var(--bg-canvas);
            padding: 1.25rem;
            border-radius: var(--radius-md);
            border: 1px solid var(--border-light);
        }

        .compare-box span {
            display: block;
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-bottom: 0.25rem;
        }

        .compare-box strong {
            font-size: 1.35rem;
            color: var(--primary);
            font-weight: 800;
        }

        .compare-box.accent-box strong {
            color: var(--accent);
        }

        /* 板块 9: 核心效能指标条 */
        .metrics-banner {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-xl);
            box-shadow: var(--shadow-base);
            padding: 3rem 2.5rem;
        }

        .metrics-grid-four {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            text-align: center;
        }

        .metric-block {
            position: relative;
        }

        .metric-block:not(:last-child)::after {
            content: '';
            position: absolute;
            right: -1rem;
            top: 20%;
            height: 60%;
            width: 1px;
            background: var(--border-light);
        }

        .metric-large-val {
            font-size: 2.75rem;
            font-weight: 850;
            color: var(--primary);
            line-height: 1.1;
            margin-bottom: 0.5rem;
            letter-spacing: -0.03em;
        }

        .metric-large-val small {
            font-size: 1.15rem;
            font-weight: 600;
            color: var(--accent);
            margin-left: 0.25rem;
        }

        .metric-label-title {
            font-size: 1rem;
            font-weight: 700;
            color: var(--text-title);
            margin-bottom: 0.25rem;
        }

        .metric-label-desc {
            font-size: 0.8125rem;
            color: var(--text-muted);
        }

        /* 板块 10: 客户证言评价 */
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.75rem;
        }

        .testimonial-card {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2.25rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            box-shadow: var(--shadow-base);
            transition: var(--transition);
        }

        .testimonial-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
            border-color: var(--accent-light);
        }

        .quote-icon {
            font-size: 2rem;
            color: var(--accent);
            opacity: 0.4;
            line-height: 1;
            margin-bottom: 1rem;
        }

        .quote-text {
            font-size: 0.9375rem;
            color: var(--text-body);
            line-height: 1.65;
            margin-bottom: 1.5rem;
            flex-grow: 1;
        }

        .author-box {
            display: flex;
            align-items: center;
            gap: 0.85rem;
            border-top: 1px solid var(--border-light);
            padding-top: 1.25rem;
        }

        .author-avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #E2E8F0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: var(--primary);
            font-size: 1rem;
        }

        .author-info h4 {
            font-size: 0.9375rem;
            color: var(--text-title);
            font-weight: 700;
        }

        .author-info span {
            font-size: 0.8125rem;
            color: var(--text-muted);
        }

        /* 板块 11: 资讯动态 */
        .insights-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.75rem;
        }

        .insight-card {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-lg);
            padding: 2rem;
            box-shadow: var(--shadow-base);
            display: flex;
            flex-direction: column;
            transition: var(--transition);
        }

        .insight-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
        }

        .insight-header-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        .insight-tag {
            color: var(--accent);
            font-weight: 700;
            background: rgba(29, 99, 216, 0.08);
            padding: 0.2rem 0.5rem;
            border-radius: 4px;
        }

        .insight-card h3 {
            font-size: 1.15rem;
            color: var(--text-title);
            margin-bottom: 0.75rem;
            font-weight: 700;
            line-height: 1.4;
        }

        .insight-card p {
            font-size: 0.875rem;
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 1.5rem;
            flex-grow: 1;
        }

        .insight-link {
            font-size: 0.875rem;
            color: var(--accent);
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
        }

        /* 板块 12: FAQ 常见问答 */
        .faq-accordion {
            max-width: 920px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .faq-item {
            background: #ffffff;
            border: 1px solid var(--border-light);
            border-radius: var(--radius-md);
            overflow: hidden;
            transition: var(--transition);
        }

        .faq-header {
            width: 100%;
            padding: 1.35rem 1.75rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: none;
            border: none;
            cursor: pointer;
            text-align: left;
            font-size: 1.05rem;
            font-weight: 700;
            color: var(--text-title);
            gap: 1rem;
        }

        .faq-header:hover {
            color: var(--accent);
        }

        .faq-icon-arrow {
            width: 22px;
            height: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
            color: var(--accent);
            flex-shrink: 0;
        }

        .faq-body {
            padding: 0 1.75rem 1.35rem;
            font-size: 0.9375rem;
            color: var(--text-body);
            line-height: 1.65;
            display: none;
            border-top: 1px solid rgba(226, 232, 240, 0.5);
            padding-top: 1rem;
            background: var(--bg-canvas);
        }

        .faq-item.active .faq-body {
            display: block;
        }

        .faq-item.active .faq-icon-arrow {
            transform: rotate(180deg);
        }

        /* 板块 13: EVK 申请表单转化专区 */
        .cta-composite-container {
            background: linear-gradient(135deg, #0F2E59 0%, #0B132B 100%);
            border-radius: var(--radius-xl);
            padding: 3.5rem;
            color: #ffffff;
            box-shadow: 0 20px 40px rgba(15, 46, 89, 0.25);
        }

        .cta-grid {
            display: grid;
            grid-template-columns: 1fr 1.15fr;
            gap: 3.5rem;
            align-items: center;
        }

        .cta-details h2 {
            font-size: 2.15rem;
            font-weight: 800;
            line-height: 1.25;
            margin-bottom: 1rem;
            letter-spacing: -0.02em;
        }

        .cta-details p {
            color: #CBD5E1;
            font-size: 0.95rem;
            line-height: 1.65;
            margin-bottom: 2rem;
        }

        .evk-kit-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }

        .evk-kit-list li {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.9125rem;
            color: #E2E8F0;
        }

        .evk-kit-list li::before {
            content: '✓';
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background: rgba(0, 180, 216, 0.2);
            color: var(--accent-cyan);
            border-radius: 50%;
            font-size: 0.75rem;
            font-weight: 900;
        }

        .cta-form-box {
            background: #ffffff;
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            color: var(--text-body);
            box-shadow: var(--shadow-base);
        }

        .cta-form-box h3 {
            font-size: 1.25rem;
            color: var(--text-title);
            margin-bottom: 1.5rem;
            font-weight: 750;
        }

        .form-grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .form-group {
            margin-bottom: 1rem;
        }

        .form-group label {
            display: block;
            font-size: 0.8125rem;
            font-weight: 600;
            color: var(--text-title);
            margin-bottom: 0.35rem;
        }

        .form-control {
            width: 100%;
            padding: 0.65rem 0.85rem;
            border: 1px solid var(--border-light);
            border-radius: 6px;
            font-size: 0.875rem;
            color: var(--text-title);
            background: #fff;
            outline: none;
            transition: var(--transition);
        }

        .form-control:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(29, 99, 216, 0.15);
        }

        .form-checkbox-row {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            margin-bottom: 1.5rem;
            font-size: 0.8125rem;
            color: var(--text-muted);
        }

        .form-checkbox-row input {
            margin-top: 0.2rem;
        }

        /* 全局页脚系统 */
        .site-footer {
            background-color: var(--text-title);
            color: #94A3B8;
            padding: 4.5rem 0 2rem;
            border-top: 1px solid var(--border-dark);
            font-size: 0.875rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
            gap: 3rem;
            margin-bottom: 3.5rem;
        }

        .footer-brand h3 {
            color: #ffffff;
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0.85rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .footer-brand p {
            line-height: 1.6;
            margin-bottom: 1.25rem;
        }

        .footer-col h4 {
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 700;
            margin-bottom: 1.15rem;
        }

        .footer-links {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
        }

        .footer-links a:hover {
            color: var(--accent-light);
        }

        .footer-contact-info p {
            line-height: 1.6;
            margin-bottom: 0.65rem;
        }

        .footer-bottom {
            padding-top: 2rem;
            border-top: 1px solid rgba(148, 163, 184, 0.15);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            font-size: 0.8125rem;
        }

        .footer-bottom a {
            color: #94A3B8;
        }
        .footer-bottom a:hover {
            color: #ffffff;
        }

        /* 响应式样式适配 */
        @media (max-width: 1024px) {
            .nav-menu {
                display: none;
            }
            .mobile-toggle {
                display: block;
            }
            .hero-grid {
                grid-template-columns: 1fr;
                gap: 2.5rem;
            }
            .challenges-grid,
            .scenarios-grid,
            .architecture-grid,
            .workflow-timeline {
                grid-template-columns: repeat(2, 1fr);
            }
            .features-grid,
            .products-grid,
            .testimonials-grid,
            .insights-grid {
                grid-template-columns: 1fr 1fr;
            }
            .metrics-grid-four {
                grid-template-columns: repeat(2, 1fr);
                gap: 2rem;
            }
            .metric-block:not(:last-child)::after {
                display: none;
            }
            .cta-grid {
                grid-template-columns: 1fr;
                gap: 2.5rem;
            }
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .utility-bar {
                display: none;
            }
            .hero-card-banner {
                padding: 1.75rem 1.5rem;
            }
            .hero-content h1 {
                font-size: 2.15rem;
            }
            .hero-stats-row {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.25rem;
            }
            .intro-split {
                grid-template-columns: 1fr;
            }
            .challenges-grid,
            .scenarios-grid,
            .architecture-grid,
            .workflow-timeline,
            .features-grid,
            .products-grid,
            .case-study-split,
            .testimonials-grid,
            .insights-grid {
                grid-template-columns: 1fr;
            }
            .form-grid-2 {
                grid-template-columns: 1fr;
            }
            .cta-composite-container {
                padding: 2rem 1.5rem;
            }
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            .footer-bottom {
                flex-direction: column;
                align-items: flex-start;
            }
        }

        /* 移动端菜单抽屉 */
        .mobile-drawer {
            display: none;
            position: fixed;
            top: 74px;
            left: 0;
            width: 100%;
            background: #ffffff;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            z-index: 999;
            border-bottom: 1px solid var(--border-light);
        }

        .mobile-drawer.active {
            display: block;
        }

        .mobile-nav-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .mobile-nav-list a {
            display: block;
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-title);
            padding: 0.5rem 0;
            border-bottom: 1px solid var(--border-light);
        }