/* ====================== CSS 变量系统 ====================== */
    :root {
        --primary: #4A90E2;
        --primary-light: #6BA5E7;
        --primary-dark: #3A7BC8;
        --primary-glow: rgba(74,144,226,.15);
        --accent: #00D4FF;
        --accent-light: #33DEFF;
        --grad-primary: linear-gradient(135deg, #4A90E2 0%, #00D4FF 100%);
        --grad-hero: linear-gradient(160deg, #F0F7FF 0%, #FAFBFF 40%, #FFF 100%);
        --grad-glass: linear-gradient(135deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.65) 100%);
        --grad-card-hover: linear-gradient(135deg, rgba(74,144,226,.03) 0%, rgba(0,212,255,.03) 100%);
        --bg-w: #ffffff;
        --bg-subtle: #F8FBFF;
        --bg-section: #F0F7FF;
        --t-title: #0F172A;
        --t-sub: #64748B;
        --t-body: #334155;
        --t-muted: #94A3B8;
        --border-glass: rgba(255,255,255,.6);
        --border-subtle: rgba(74,144,226,.08);
        --border-card: rgba(226,232,240,.6);
        --shadow-glass: 0 8px 32px rgba(74,144,226,.08), 0 1px 2px rgba(0,0,0,.04);
        --shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 4px 24px rgba(74,144,226,.06);
        --shadow-card-hover: 0 8px 40px rgba(74,144,226,.12), 0 2px 8px rgba(0,0,0,.04);
        --shadow-float: 0 20px 60px rgba(74,144,226,.1), 0 4px 16px rgba(0,0,0,.04);
        --shadow-btn: 0 4px 16px rgba(74,144,226,.25);
        --shadow-btn-hover: 0 8px 28px rgba(74,144,226,.35);
        --radius: 16px;
        --radius-lg: 24px;
        --radius-xl: 32px;
        --radius-sm: 12px;
        --radius-xs: 8px;
        --ease-spring: cubic-bezier(.34,1.56,.64,1);
        --ease-out: cubic-bezier(.16,1,.3,1);
    }

    

    /* ====================== 通用布局 ====================== */
    .mw-w { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
    .mw-section { padding: 80px 0; position: relative; overflow: hidden; }

    /* ====================== 滚动进场动画 ====================== */
    .reveal {
        opacity: 0;
        transform: translateY(32px);
        transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    .reveal-d1 { transition-delay: .1s; }
    .reveal-d2 { transition-delay: .2s; }
    .reveal-d3 { transition-delay: .3s; }
    .reveal-d4 { transition-delay: .4s; }

    /* ====================== 装饰元素 ====================== */
    .deco-orb {
        position: absolute; border-radius: 50%;
        pointer-events: none; z-index: 0;
        filter: blur(80px);
    }

    /* ====================== 按钮 ====================== */
    .btn-primary {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        height: 52px; padding: 0 32px;
        background: linear-gradient(135deg, #6366F1 0%, #5B5FE8 100%);
        color: #fff; font-size: 15px; font-weight: 600;
        border: none; border-radius: 12px; cursor: pointer;
        text-decoration: none;
        box-shadow: 0 4px 16px rgba(99,102,241,.25);
        transition: all .3s var(--ease-out);
        position: relative; overflow: hidden;
        letter-spacing: .01em;
    }
    .btn-primary::before {
        content: '';
        position: absolute; inset: 0;
        background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 50%);
        opacity: 0; transition: opacity .3s;
    }
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 24px rgba(99,102,241,.35);
        background: linear-gradient(135deg, #5B5FE8 0%, #4F52D9 100%);
    }
    .btn-primary:hover::before { opacity: 1; }

    .btn-ghost {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        height: 52px; padding: 0 28px;
        background: rgba(255,255,255,.95);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        color: #1F2937; font-size: 15px; font-weight: 600;
        border: 1px solid rgba(226,232,240,.8); border-radius: 12px; cursor: pointer;
        text-decoration: none;
        transition: all .3s var(--ease-out);
        letter-spacing: .01em;
        box-shadow: 0 2px 8px rgba(0,0,0,.06);
    }
    .btn-ghost:hover {
        background: #fff;
        border-color: rgba(226,232,240,1);
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0,0,0,.1);
    }

    .btn-secondary {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        height: 52px; padding: 0 28px;
        background: rgba(255,255,255,.95);
        color: #1F2937; font-size: 15px; font-weight: 600;
        border: 0px solid rgba(226,232,240,.8); border-radius: 12px; cursor: pointer;
        text-decoration: none;
        transition: all .3s var(--ease-out);
        letter-spacing: .01em;
        box-shadow: 0 2px 8px rgba(0,0,0,.06);
    }
    .btn-secondary:hover {
        background: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0,0,0,.1);
    }

    /* ====================== 段落标题通用 ====================== */
    .sec-label {
        display: inline-flex; align-items: center; gap: 8px;
        background: linear-gradient(135deg, rgba(74,144,226,.08) 0%, rgba(0,212,255,.06) 100%);
        color: var(--primary);
        font-size: 13px; font-weight: 700;
        padding: 8px 18px;
        border-radius: 100px;
        margin-bottom: 24px;
        letter-spacing: .06em;
        text-transform: uppercase;
        border: 1px solid rgba(74,144,226,.1);
    }
    .sec-title {
        font-size: 42px; font-weight: 800; color: var(--t-title);
        line-height: 1.2; margin-bottom: 20px;
        letter-spacing: -.03em;
    }
    .sec-title .hl {
        background: var(--grad-primary);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    .sec-desc {
        font-size: 18px; color: var(--t-sub); line-height: 1.7;
        max-width: 600px; font-weight: 400;
    }
    .sec-header-center { text-align: center; margin-bottom: 64px; }
    .sec-header-center .sec-desc { margin: 0 auto; }

    /* ====================== HERO ====================== */
    .hero {
        padding: 100px 0 0;
        background: url('/images/new/blur-wave-shape-1.svg') center center / cover no-repeat;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
    }

    /* 漂浮装饰元素 */
    .hero-float-widgets {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }

    /* 漂浮图标 */
    .float-widget {
        position: absolute;
        animation: floatUpDown 6s ease-in-out infinite;
    }

    .float-icon-widget {
        width: 48px;
        height: 48px;
        background: rgba(255,255,255,.95);
        border: 1px solid rgba(226,232,240,.6);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 16px rgba(0,0,0,.08);
        backdrop-filter: blur(10px);
    }

    .float-icon-widget svg {
        width: 24px;
        height: 24px;
        color: #4A90E2;
    }

    /* 用户头像组件 */
    .float-avatar-widget {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: rgba(255,255,255,.95);
        border: 1px solid rgba(226,232,240,.6);
        border-radius: 20px;
        box-shadow: 0 4px 16px rgba(0,0,0,.08);
        backdrop-filter: blur(10px);
    }

    .float-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: linear-gradient(135deg, #4A90E2 0%, #00D4FF 100%);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
    }

    .float-avatar-info {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .float-avatar-name {
        font-size: 13px;
        font-weight: 600;
        color: var(--t-title);
        line-height: 1;
    }

    .float-avatar-status {
        font-size: 11px;
        color: var(--t-muted);
        line-height: 1;
    }

    /* 随机位置分布 */
    .float-widget:nth-child(1) {
        top: 22%;
        left: 22%;
        animation-delay: 0s;
    }
    .float-widget:nth-child(2) {
        top: 28%;
        right: 24%;
        animation-delay: 1.5s;
    }
    .float-widget:nth-child(3) {
        top: 42%;
        left: 20%;
        animation-delay: 2.8s;
    }
    .float-widget:nth-child(4) {
        top: 38%;
        right: 22%;
        animation-delay: 0.8s;
    }

    @keyframes floatUpDown {
        0%, 100% {
            transform: translateY(0) rotate(0deg);
        }
        50% {
            transform: translateY(-20px) rotate(3deg);
        }
    }

    /* 居中内容容器 */
    .hero-center {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 1000px;
        margin: 0 auto;
    }

    /* 顶部徽章 */
    .hero-badge {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 24px;
        background: rgba(255,255,255,.95);
        border: 1px solid rgba(99,102,241,.12);
        border-radius: 24px;
        font-size: 13px;
        font-weight: 600;
        color: #1F2937;
        margin-bottom: 32px;
        box-shadow: 0 4px 24px rgba(99,102,241,.08);
        backdrop-filter: blur(10px);
    }
    .hero-badge svg {
        width: 18px;
        height: 18px;
        color: #6366F1;
        background: #6366F1;
        border-radius: 50%;
        padding: 2px;
    }

    /* 主标题 */
    .hero-center h1 {
        font-size: 52px;
        font-weight: 800;
        line-height: 1.2;
        color: var(--t-title);
        margin-bottom: 20px;
    }
    .gradient-text {
        background: var(--grad-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* 副标题 */
    .hero-sub {
        font-size: 17px;
        line-height: 1.65;
        color: var(--t-body);
        margin-bottom: 32px;
        max-width: 750px;
    }

    /* 按钮组 */
    .hero-cta {
        display: flex;
        gap: 16px;
        justify-content: center;
        align-items: center;
        margin-bottom: 64px;
    }

    /* Hero 样机图 */
    .hero-mockup {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        transform: perspective(1200px) rotateY(-8deg) rotateX(5deg);
        transition: transform 0.3s ease-out;
        overflow: hidden;
    }

    .hero-mockup.scroll-normal {
        transform: perspective(1200px) rotateY(0deg) rotateX(0deg);
    }

    .hero-mockup img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 堆叠卡片容器 */
    .hero-cards-stack {
        position: relative;
        width: 100%;
        max-width: 900px;
        height: 360px;
        margin: 0 auto;
    }

    /* 单个堆叠卡片 */
    .stack-card {
        position: absolute;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 8px 40px rgba(0,0,0,.1);
        border: 1px solid rgba(226,232,240,.6);
        overflow: hidden;
        transition: all .5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* 卡片错位排列 - 2-3个卡片 */
    .stack-card.card-1 {
        width: 340px;
        left: 50px;
        top: 20px;
        transform: rotate(-2deg);
        z-index: 2;
    }
    .stack-card.card-2 {
        width: 380px;
        right: 80px;
        top: 80px;
        transform: rotate(3deg);
        z-index: 3;
    }
    .stack-card.card-3 {
        width: 360px;
        left: 280px;
        top: 140px;
        transform: rotate(-1deg);
        z-index: 1;
    }

    .stack-card:hover {
        transform: rotate(0deg) translateY(-4px);
        box-shadow: 0 12px 50px rgba(0,0,0,.15);
        z-index: 10;
    }

    /* 卡片头部 */
    .card-header {
        padding: 14px 20px;
        background: linear-gradient(135deg, #5B6CF2 0%, #4A5BD7 100%);
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .card-dots {
        display: flex;
        gap: 5px;
    }
    .card-dots i {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255,255,255,.6);
        display: block;
    }
    .card-title {
        font-size: 13px;
        font-weight: 600;
        color: #fff;
    }

    /* 卡片内容 */
    .card-body {
        padding: 20px;
    }

    /* 模型选择样式 */
    .model-option {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px;
        background: var(--bg-subtle);
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .model-icon {
        font-size: 20px;
    }
    .model-name {
        flex: 1;
        font-size: 14px;
        font-weight: 600;
        color: var(--t-title);
    }
    .model-toggle {
        width: 42px;
        height: 24px;
        border-radius: 12px;
        background: #ddd;
        position: relative;
        transition: all .3s;
    }
    .model-toggle.on {
        background: var(--primary);
    }
    .model-toggle::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        transition: all .3s;
    }
    .model-toggle.on::after {
        left: 20px;
    }

    /* 聊天消息样式 */
    .chat-message {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 12px;
    }
    .chat-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--bg-subtle);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex-shrink: 0;
    }
    .chat-avatar.ai {
        background: var(--grad-primary);
    }
    .chat-text {
        flex: 1;
        padding: 10px 14px;
        background: var(--bg-subtle);
        border-radius: 12px;
        font-size: 13px;
        color: var(--t-body);
        line-height: 1.5;
    }
    .chat-message.ai .chat-text {
        background: rgba(74,144,226,.1);
        color: var(--t-title);
    }

    /* 日期/时间选择器 */
    .date-selector,
    .time-selector {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 14px;
        background: var(--bg-subtle);
        border-radius: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        transition: all .3s;
    }
    .date-selector:hover,
    .time-selector:hover {
        background: rgba(74,144,226,.08);
    }
    .date-icon,
    .time-icon {
        font-size: 18px;
    }
    .date-text,
    .time-text {
        flex: 1;
        font-size: 13px;
        font-weight: 600;
        color: var(--t-title);
    }
    .date-arrow,
    .time-arrow {
        font-size: 10px;
        color: var(--t-sub);
    }

    /* ====================== 产品定位 ====================== */
    .intro-sec {
        background: linear-gradient(180deg, #F0F7FF 0%, #F5F9FF 100%);
        position: relative;
        overflow: hidden;
    }

    /* 流线动效背景 */
    .intro-bg-animation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 0;
    }
    .flow-line {
        position: absolute;
        width: 2px;
        height: 200px;
        background: linear-gradient(180deg, transparent 0%, rgba(74,144,226,.15) 50%, transparent 100%);
        animation: flowDown 8s linear infinite;
    }
    .flow-line-1 {
        left: 15%;
        animation-delay: 0s;
        height: 180px;
    }
    .flow-line-2 {
        left: 35%;
        animation-delay: 2s;
        height: 220px;
    }
    .flow-line-3 {
        left: 55%;
        animation-delay: 4s;
        height: 160px;
    }
    .flow-line-4 {
        left: 75%;
        animation-delay: 1.5s;
        height: 200px;
    }
    .flow-line-5 {
        left: 85%;
        animation-delay: 3.5s;
        height: 190px;
    }
    @keyframes flowDown {
        0% {
            top: -200px;
            opacity: 0;
        }
        10% {
            opacity: 1;
        }
        90% {
            opacity: 1;
        }
        100% {
            top: 100%;
            opacity: 0;
        }
    }

    /* 定位内容区 */
    .intro-content {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 48px;
        position: relative;
        z-index: 1;
    }
    .intro-content .sec-title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .intro-body {
        font-size: 17px;
        color: var(--t-body);
        line-height: 1.9;
    }
    .intro-body strong {
        color: var(--primary);
        font-weight: 700;
    }

    /* 定位卡片网格 */
    .positioning-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        position: relative;
        z-index: 1;
    }

    .positioning-card {
        background: rgba(255,255,255,.95);
        border: 1px solid rgba(226,232,240,.6);
        border-radius: 16px;
        padding: 28px 24px;
        text-align: center;
        backdrop-filter: blur(10px);
        box-shadow: 0 2px 12px rgba(74,144,226,.06);
        transition: all .4s var(--ease-out);
    }

    .positioning-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 32px rgba(74,144,226,.15);
        border-color: rgba(74,144,226,.2);
    }

    .positioning-icon {
        width: 56px;
        height: 56px;
        margin: 0 auto 20px;
        background: linear-gradient(135deg, rgba(74,144,226,.1) 0%, rgba(0,212,255,.08) 100%);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
    }

    .positioning-icon svg {
        width: 28px;
        height: 28px;
    }

    .positioning-card h3 {
        font-size: 18px;
        font-weight: 700;
        color: var(--t-title);
        margin-bottom: 10px;
    }

    .positioning-card p {
        font-size: 14px;
        color: var(--t-sub);
        line-height: 1.6;
    }
    .flow-diagram {
        background: #fff;
        border-radius: var(--radius-xl);
        padding: 28px 32px;
        box-shadow: 0 8px 40px rgba(74,144,226,.1), 0 2px 8px rgba(0,0,0,.04);
        border: 1px solid rgba(226,232,240,.5);
        display: flex;
        flex-direction: column;
        gap: 0;
        position: relative;
        min-width: 360px;
    }

    .flow-step {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 16px;
        background: var(--bg-subtle);
        border-radius: 12px;
        transition: all .3s var(--ease-out);
        position: relative;
    }
    .flow-step:hover {
        background: rgba(74,144,226,.06);
        transform: translateX(4px);
    }

    .flow-step-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: var(--grad-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: 0 4px 16px rgba(74,144,226,.25);
    }
    .flow-step-icon svg {
        width: 22px;
        height: 22px;
        color: #fff;
    }

    .flow-step-content {
        flex: 1;
    }
    .flow-step-title {
        font-size: 15px;
        font-weight: 700;
        color: var(--t-title);
        margin-bottom: 2px;
    }
    .flow-step-desc {
        font-size: 12px;
        color: var(--t-sub);
    }

    .flow-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 16px;
        position: relative;
    }
    .flow-arrow svg {
        width: 18px;
        height: 18px;
        color: var(--primary);
        opacity: 0.4;
        animation: arrowBounce 2s ease-in-out infinite;
    }
    @keyframes arrowBounce {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(3px);
        }
    }

    /* 流程图步骤动画 */
    .flow-step:nth-child(1) { animation: flowStepIn 0.6s ease-out 0.1s backwards; }
    .flow-step:nth-child(3) { animation: flowStepIn 0.6s ease-out 0.2s backwards; }
    .flow-step:nth-child(5) { animation: flowStepIn 0.6s ease-out 0.3s backwards; }
    .flow-step:nth-child(7) { animation: flowStepIn 0.6s ease-out 0.4s backwards; }
    @keyframes flowStepIn {
        from {
            opacity: 0;
            transform: translateX(-20px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    /* ====================== 核心价值 ====================== */
    .adv-sec { background: var(--bg-w); }
    .adv-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
    .adv-card {
        border-radius: 20px;
        padding: 40px 32px 36px;
        transition: all .4s var(--ease-out);
        position: relative;
        overflow: hidden;
        border: none;
    }
    .adv-card:hover {
        transform: translateY(-6px);
    }
    .adv-card.adv-blue { background: #EEF6FF; }
    .adv-card.adv-blue:hover {
        box-shadow: 0 16px 48px rgba(59,130,246,.15), 0 8px 24px rgba(59,130,246,.1);
    }
    .adv-card.adv-cyan { background: #ECFEFF; }
    .adv-card.adv-cyan:hover {
        box-shadow: 0 16px 48px rgba(6,182,212,.15), 0 8px 24px rgba(6,182,212,.1);
    }
    .adv-card.adv-purple { background: #F3F0FF; }
    .adv-card.adv-purple:hover {
        box-shadow: 0 16px 48px rgba(139,92,246,.15), 0 8px 24px rgba(139,92,246,.1);
    }
    .adv-card.adv-pink { background: #FDF2F8; }
    .adv-card.adv-pink:hover {
        box-shadow: 0 16px 48px rgba(236,72,153,.15), 0 8px 24px rgba(236,72,153,.1);
    }

    .adv-card-num {
        display: inline-flex; align-items: center; justify-content: center;
        width: 48px; height: 48px;
        color: #fff; font-size: 20px; font-weight: 800;
        border-radius: 12px;
        margin-bottom: 20px;
    }
    .adv-card.adv-blue .adv-card-num {
        background: linear-gradient(135deg, #64B1FF 0%, #2A94FF 100%);
        box-shadow: 0 4px 16px rgba(59,130,246,.3);
    }
    .adv-card.adv-cyan .adv-card-num {
        background: linear-gradient(135deg, #48DAF5 0%, #10B6DE 100%);
        box-shadow: 0 4px 16px rgba(6,182,212,.3);
    }
    .adv-card.adv-purple .adv-card-num {
        background: linear-gradient(135deg, #B79DFC 0%, #8C63FF 100%);
        box-shadow: 0 4px 16px rgba(139,92,246,.3);
    }
    .adv-card.adv-pink .adv-card-num {
        background: linear-gradient(135deg, #FF92CE 0%, #EE3C9D 100%);
        box-shadow: 0 4px 16px rgba(236,72,153,.3);
    }
    .adv-card h3 {
        font-size: 22px; font-weight: 700; color: var(--t-title);
        margin-bottom: 14px; line-height: 1.3;
    }
    .adv-card p {
        font-size: 15px; color: var(--t-body); line-height: 1.75;
    }

    /* ====================== 产品功能 ====================== */
    .func-sec { background: var(--bg-subtle); }
    .func-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .func-card {
        background: #fff;
        border-radius: var(--radius-lg);
        padding: 32px;
        border: 1px solid var(--border-card);
        box-shadow: var(--shadow-card);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        transition: all .35s var(--ease-out);
        position: relative;
        overflow: hidden;
    }
    .func-card::after {
        content: '';
        position: absolute; inset: 0;
        background: var(--grad-card-hover);
        opacity: 0; transition: opacity .3s;
        pointer-events: none;
    }
    .func-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-card-hover);
        border-color: rgba(74,144,226,.12);
    }
    .func-card:hover::after { opacity: 1; }
    .func-icon {
        flex-shrink: 0;
        width: 48px; height: 48px;
        background: var(--grad-primary);
        border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 12px rgba(74,144,226,.2);
        margin-bottom: 16px;
        font-size: 24px;
    }
    .func-text h3 {
        font-size: 18px; font-weight: 700; color: var(--t-title);
        margin-bottom: 10px;
        line-height: 1.3;
    }
    .func-text p {
        font-size: 14px; color: var(--t-sub); line-height: 1.7;
    }

    /* ====================== 场景卡片 ====================== */
    .scene-sec { background: var(--bg-w); }

    /* Tab 导航 */
    .scene-tabs {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-bottom: 48px;
        flex-wrap: wrap;
    }
    .scene-tab {
        padding: 14px 28px;
        background: #fff;
        border: 2px solid var(--border-card);
        border-radius: 12px;
        font-size: 14px; font-weight: 600; color: var(--t-sub);
        cursor: pointer;
        transition: all .3s var(--ease-out);
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .scene-tab:hover {
        border-color: rgba(74,144,226,.2);
        color: var(--t-title);
    }
    .scene-tab.active {
        background: var(--grad-primary);
        border-color: transparent;
        color: #fff;
        box-shadow: 0 4px 16px rgba(74,144,226,.25);
        border: none;
    }
    .scene-tab-num {
        display: inline-flex; align-items: center; justify-content: center;
        width: 24px; height: 24px; border-radius: 50%;
        background: rgba(74,144,226,.1);
        color: var(--primary);
        font-size: 12px; font-weight: 800;
    }
    .scene-tab.active .scene-tab-num {
        background: rgba(255,255,255,.25);
        color: #fff;
    }

    /* Tab 面板 */
    .scene-panels { position: relative; min-height: 500px; }
    .scene-panel {
        display: none;
        opacity: 0;
        animation: sceneFadeIn .5s var(--ease-out) forwards;
    }
    .scene-panel.active { display: block; }
    @keyframes sceneFadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .scene-panel-card {
        display: flex;
        gap: 48px;
        background: #fff;
        border-radius: var(--radius-xl);
        padding: 48px;
        border: 1px solid var(--border-card);
        box-shadow: var(--shadow-card);
    }
    .scene-panel-left { flex: 1; }
    .scene-panel-right { flex: 1; display: flex; align-items: center; justify-content: center; }

    .scene-badge {
        display: inline-block;
        padding: 6px 14px;
        background: rgba(74,144,226,.1);
        color: var(--primary);
        font-size: 12px; font-weight: 700;
        border-radius: 8px;
        margin-bottom: 16px;
        text-transform: uppercase;
        letter-spacing: .04em;
    }
    .scene-panel-left h3 {
        font-size: 28px; font-weight: 700; color: var(--t-title);
        margin-bottom: 16px; line-height: 1.3;
    }
    .scene-panel-desc {
        font-size: 15px; color: var(--t-body); line-height: 1.75;
        margin-bottom: 24px;
    }
    .scene-panel-list {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
    }
    .scene-panel-item {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        color: var(--t-body);
        line-height: 1.6;
    }

    /* 场景标签 - 重新设计 */
    .scene-tags {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .scene-tag {
        position: relative;
        padding: 8px 16px 8px 14px;
        background: linear-gradient(135deg, rgba(74,144,226,.08) 0%, rgba(74,144,226,.12) 100%);
        color: var(--primary);
        font-size: 13px;
        font-weight: 600;
        border-radius: 8px;
        border: 1px solid rgba(74,144,226,.15);
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: all .3s var(--ease-out);
    }
    .scene-tag::before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--primary);
        display: inline-block;
        box-shadow: 0 0 8px rgba(74,144,226,.4);
    }
    .scene-tag:hover {
        background: linear-gradient(135deg, rgba(74,144,226,.15) 0%, rgba(74,144,226,.2) 100%);
        border-color: rgba(74,144,226,.3);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(74,144,226,.15);
    }
    .scene-visual {
        width: 100%;
        max-width: 460px;
        padding: 24px;
        border-radius: 20px;
        position: relative;
        height: 380px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #EDF6FF 0%, #D8E9FA 100%);
    }

    .scene-mockup {
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 12px 40px rgba(0,0,0,.08);
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .mockup-bar {
        background: var(--grad-primary);
        padding: 12px 16px;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        flex-shrink: 0;
    }
    .mockup-content {
        padding: 20px;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 排名列表 */
    .mockup-rank {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .rank-item {
        padding: 14px 16px;
        border-radius: 10px;
        background: var(--bg-subtle);
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .rank-badge {
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        flex-shrink: 0;
    }
    .rank-1 .rank-badge { background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%); }
    .rank-2 .rank-badge { background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%); }
    .rank-3 .rank-badge { background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%); }
    .rank-name {
        flex: 1;
        font-size: 13px;
        font-weight: 600;
        color: var(--t-title);
    }
    .rank-score {
        font-size: 12px;
        color: var(--t-sub);
    }

    /* 柱状图 */
    .mockup-bars {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .bar-item {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .bar-label {
        width: 80px;
        font-size: 12px;
        font-weight: 600;
        color: var(--t-title);
        flex-shrink: 0;
    }
    .bar-track {
        flex: 1;
        height: 8px;
        background: var(--bg-subtle);
        border-radius: 10px;
        overflow: hidden;
    }
    .bar-fill {
        height: 100%;
        background: var(--grad-primary);
        border-radius: 10px;
        transition: width .8s var(--ease-out);
    }
    .bar-value {
        width: 40px;
        font-size: 12px;
        font-weight: 700;
        color: var(--primary);
        text-align: right;
        flex-shrink: 0;
    }

    /* 指标圆圈 */
    .mockup-metrics {
        display: flex;
        justify-content: space-around;
        gap: 16px;
    }
    .metric-circle {
        text-align: center;
    }
    .metric-value {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        background: var(--grad-primary);
        color: #fff;
        font-size: 24px;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 8px;
        box-shadow: 0 4px 16px rgba(74,144,226,.2);
    }
    .metric-label {
        font-size: 11px;
        color: var(--t-sub);
        font-weight: 600;
    }

    /* 资产列表 */
    .mockup-assets {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .asset-item {
        padding: 12px 14px;
        background: var(--bg-subtle);
        border-radius: 10px;
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .asset-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--grad-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        flex-shrink: 0;
    }
    .asset-info {
        flex: 1;
    }
    .asset-name {
        font-size: 13px;
        font-weight: 600;
        color: var(--t-title);
        margin-bottom: 2px;
    }
    .asset-stat {
        font-size: 11px;
        color: var(--t-sub);
    }

    /* ====================== 客户案例 ====================== */
    .case-sec {
        background: linear-gradient(180deg, #F8FBFF 0%, #FFFFFF 100%);
    }
    .case-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
        margin-bottom: 64px;
    }
    .case-card {
        background: #fff;
        border-radius: var(--radius-lg);
        padding: 36px 28px;
        border: 1px solid var(--border-card);
        box-shadow: var(--shadow-card);
        transition: all .4s var(--ease-out);
    }
    .case-card:hover {
        transform: translateY(-6px);
        box-shadow: var(--shadow-card-hover);
    }
    .case-type {
        display: inline-block;
        padding: 8px 16px;
        background: var(--grad-primary);
        color: #fff;
        font-size: 13px; font-weight: 700;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .case-card h4 {
        font-size: 16px; font-weight: 700; color: var(--t-title);
        margin-bottom: 12px;
    }
    .case-card p {
        font-size: 14px; color: var(--t-body); line-height: 1.7;
        margin-bottom: 16px;
    }
    .case-result {
        background: var(--bg-section);
        border-radius: 10px;
        padding: 14px;
        border-left: 3px solid var(--primary);
    }
    .case-result strong {
        font-size: 13px; color: var(--t-title);
        display: block; margin-bottom: 6px;
    }
    .case-result p {
        font-size: 13px; margin: 0;
    }

    /* Logo 墙 */
    .logo-wall {
        background: #fff;
        border-radius: var(--radius-lg);
        padding: 48px;
        box-shadow: var(--shadow-card);
    }
    .logo-wall h3 {
        text-align: center;
        font-size: 18px; font-weight: 700; color: var(--t-title);
        margin-bottom: 32px;
    }
    .logo-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
    }
    .logo-item {
        background: var(--bg-subtle);
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        font-size: 13px; font-weight: 600; color: var(--t-sub);
        transition: all .3s var(--ease-out);
        border: 2px solid transparent;
    }
    .logo-item:hover {
        transform: translateY(-4px);
        border-color: rgba(74,144,226,.2);
        color: var(--primary);
        box-shadow: var(--shadow-card);
    }

    /* ====================== 响应式 ====================== */
    @media (max-width: 1024px) {
        .hero .mw-w { flex-direction: column; gap: 60px; }
        .hero-left { max-width: 100%; text-align: center; }
        .hero-cta { justify-content: center; }
        .hero-right { min-height: 400px; }
        .adv-grid, .func-grid { grid-template-columns: 1fr; }
        .case-grid { grid-template-columns: repeat(2, 1fr); }
        .logo-grid { grid-template-columns: repeat(3, 1fr); }
        .scene-panel-card { flex-direction: column; }
        .scene-panel-right { margin-top: 24px; }
        .intro-container { flex-direction: column; gap: 48px; }
        .intro-left { max-width: 100%; }
        .intro-left .sec-title { text-align: center; }
        .intro-body { text-align: center; }
    }

    @media (max-width: 640px) {
        .mw-w { padding: 0 20px; }
        .mw-section { padding: 60px 0; }
        .hero { padding: 120px 0 60px; min-height: auto; }
        .hero-left h1 { font-size: 32px; }
        .hero-left .hero-sub { font-size: 16px; }
        .sec-title { font-size: 28px; }
        .sec-desc { font-size: 16px; }
        .case-grid { grid-template-columns: 1fr; }
        .logo-grid { grid-template-columns: repeat(2, 1fr); }
        .hero-dashboard { width: 100%; position: relative; transform: none; }
        .hero-float { display: none; }
        .scene-tabs { flex-direction: column; gap: 8px; }
        .scene-tab { padding: 12px 20px; }
        .scene-panel-card { padding: 32px 24px; }
        .flow-diagram { min-width: auto; padding: 32px 24px; }
        .intro-left .sec-title { font-size: 28px; }
        .intro-body { font-size: 15px; }
    }