/* 导航栏 */
.nav-container{width:100%;position:relative;background:#ffffff;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;}
.nav-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(245,250,255,0.8) 0%,rgba(255,255,255,0) 100%);z-index:1;pointer-events:none;}
.nav-tabs{display:flex;justify-content:center;padding:0 20px;position:relative;z-index:2;gap:60px;}
.nav-tab{padding:20px 0;display:flex;align-items:center;gap:8px;color:#666;font-size:16px;cursor:pointer;position:relative;white-space:nowrap;}
.nav-tab.active::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:60%;height:3px;background-color:#4080ff;border-radius:2px;}
.nav-tab-icon{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;}
.icon-ai{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>');}
.icon-star{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>');}
.icon-lamp{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C8.13 2 5 5.13 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.87-3.13-7-7-7z"/><line x1="9" y1="21" x2="15" y2="21"/></svg>');}
.icon-grid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>');}
.icon-case{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>');}
.icon-video{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>');}
.icon-phone{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>');}
.icon-send{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>');}
.icon-clone{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>');}

/* 头部横幅 */
.banner{
    width:100%;
    min-height:380px;
    background-image:url(../images/banner-bg.png);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    padding:0 12%;
    margin-top:70px;
    overflow:hidden;
}
.banner-content{max-width:600px;z-index:2;position:relative;}
.banner-title{
    font-size:48px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:14px;
    line-height:1.2;
    margin-top: -15px;
}
.banner-title .highlight{color:#4080ff;}
.banner-desc{
    font-size:15px;
    color:#666;
    line-height:1.7;
    margin-bottom:28px;
}
.button-group{display:flex;gap:14px;}
.btn{
    padding:10px 24px;
    border-radius:4px;
    font-size:15px;
    font-weight:500;
    border:none;
    cursor:pointer;
    transition:0.3s;
}
.btn-primary{background:#4080ff;color:#fff;}
.btn-outline{background:#fff;color:#4080ff;border:1px solid #4080ff;}

/* 数字人能力卡片 */
.ability-section{
    background:#f8faff;
    padding:60px 0;
}
.ability-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.ability-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
}
.ability-cards{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}
.ability-card{
    background:linear-gradient(135deg, #eaf2ff 0%, #f5eeff 40%, #eef7ff 70%, #f0f0ff 100%);
    border:none;
    border-radius:14px;
    padding:50px 24px 0 24px;
    color:#1a1a1a;
    position:relative;
    overflow:hidden;
    transition:0.3s;
    display:flex;
    flex-direction:column;
}
.ability-card::before{
    content:'';
    position:absolute;
    top:-30%;
    right:-20%;
    width:60%;
    height:80%;
    background:radial-gradient(circle, rgba(120,140,255,0.15) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}
.ability-card::after{
    content:'';
    position:absolute;
    bottom:-20%;
    left:-10%;
    width:50%;
    height:60%;
    background:radial-gradient(circle, rgba(180,130,255,0.1) 0%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
}
.ability-card .card-img,
.ability-card .card-body{position:relative;z-index:1;}
.ability-card:hover{
    border-color:rgba(100,140,255,0.6);
    box-shadow:0 6px 24px rgba(90,110,220,0.18);
}
.ability-card .card-img{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    min-height:0;
}
.ability-card .card-img img{
    width:100%;
    height:auto;
    max-height:240px;
    max-width:100%;
    object-fit:contain;
    display:block;
    flex-shrink:0;
    transition:transform 0.4s ease;
}
.ability-card:hover .card-img img{
    transform:scale(1.06);
}
.ability-card .card-body{
    padding:16px 24px 24px;
    text-align:center;
}
.ability-card .card-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
}
.ability-card .card-desc{
    font-size:13px;
    color:#6b7280;
    line-height:1.6;
    margin-bottom:16px;
}
.ability-card .card-stat{
    display:inline-block;
    background:rgba(64,128,255,0.12);
    color:#4080ff;
    padding:6px 20px;
    border-radius:20px;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

/* 形象克隆/声音克隆 */
.clone-section{
    background:#f5f0ff;
    padding:60px 0;
}
.clone-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.clone-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.clone-section .section-title span{color:#4080ff;}
.clone-wrapper{
    display:flex;
    gap:60px;
    align-items:center;
}
.clone-left{
    flex:1;
}
.clone-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.clone-item{
    background:#fff;
    border-radius:12px;
    padding:20px 24px;
    display:flex;
    align-items:center;
    gap:16px;
    transition:0.3s;
    box-shadow:0 1px 4px rgba(0,0,0,0.06);
}
.clone-item:hover{
    box-shadow:0 6px 16px rgba(64,128,255,0.12);
    transform:translateY(-2px);
}
.clone-item .item-icon{
    width:48px;
    height:48px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:22px;
    color:#fff;
}
.clone-item:nth-child(1) .item-icon{background:#4080ff;}
.clone-item:nth-child(2) .item-icon{background:#6d5cf0;}
.clone-item:nth-child(3) .item-icon{background:#a78bfa;}
.clone-item-text{
    flex:1;
}
.clone-item .item-name{
    font-size:16px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:4px;
}
.clone-item .item-desc{
    font-size:13px;
    color:#999;
    line-height:1.4;
}
.clone-right{
    flex:0 0 540px;
    position:relative;
}
.clone-right img{
    width:100%;
    height:auto;
    border-radius:12px;
    display:block;
    box-shadow:0 8px 32px rgba(64,128,255,0.15);
}
/* 移动端适配 */
@media(max-width:768px){
    .nav-container{display:none !important;}
    .clone-wrapper{
        flex-direction:column;
        gap:30px;
    }
    .clone-right{flex:0 0 auto;width:100%;}
    .clone-section{padding:40px 0;}
    .clone-section-inner{padding:0 16px;}
    .clone-section .section-title{font-size:24px;}
}

/* 数字人视频 */
.video-section{
    background:#f5f7fb;
    padding:60px 0;
}
.video-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.video-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.video-section .section-title span{color:#4080ff;}
.video-wrapper{
    display:flex;
    gap:60px;
    align-items:stretch;
}
.video-left{
    flex:1;
    display:flex;
}
.video-tags{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    flex:1;
}
.video-tag-item{
    background:#fff;
    border-radius:10px;
    padding:16px 18px;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
    color:#444;
    box-shadow:0 1px 4px rgba(0,0,0,0.05);
    transition:0.3s;
}
.video-tag-item:hover{
    box-shadow:0 4px 14px rgba(64,128,255,0.12);
    transform:translateY(-2px);
}
.video-tag-item .tag-icon{
    width:36px;
    height:36px;
    border-radius:8px;
    background:#4080ff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.video-tag-item:nth-child(2) .tag-icon{background:#6366f1;}
.video-tag-item:nth-child(3) .tag-icon{background:#7c3aed;}
.video-tag-item:nth-child(4) .tag-icon{background:#2563eb;}
.video-tag-item:nth-child(5) .tag-icon{background:#0891b2;}
.video-tag-item:nth-child(6) .tag-icon{background:#ec4899;}
.video-right{
    flex:0 0 540px;
    position:relative;
}
.video-right img{
    width:100%;
    height:100%;
    border-radius:12px;
    display:block;
    object-fit:cover;
    box-shadow:0 8px 32px rgba(64,128,255,0.15);
}

/* 直播推流 */
.livepush-section{
    background:#f0f4ff;
    padding:60px 0;
}
.livepush-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.livepush-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.livepush-wrapper{
    display:flex;
    gap:40px;
    align-items:stretch;
}
.livepush-left{
    flex:1;
    display:flex;
}
.livepush-right{
    flex:0 0 540px;
    position:relative;
}
.livepush-right img{
    width:100%;
    height:100%;
    border-radius:12px;
    display:block;
    object-fit:cover;
    box-shadow:0 8px 32px rgba(37,99,235,0.15);
}
.livepush-content{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px;
}
.livepush-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#2563eb;
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:6px 16px;
    border-radius:20px;
    width:fit-content;
}
.livepush-badge svg{
    flex-shrink:0;
}
.livepush-subtitle{
    font-size:18px;
    font-weight:600;
    color:#1a1a1a;
    line-height:1.5;
}
.livepush-features{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.livepush-feature-item{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:16px;
    color:#333;
    font-weight:500;
}
.livepush-feature-item .feature-dot{
    width:28px;
    height:28px;
    border-radius:50%;
    background:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

/* 实时互动型数字人 */
.realtime-section{
    background:#e8ecf1;
    padding:60px 0;
}
.realtime-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.realtime-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.realtime-wrapper{
    display:flex;
    gap:40px;
    align-items:stretch;
}
.realtime-left{
    flex:1;
    display:flex;
}
.realtime-right{
    flex:0 0 540px;
    position:relative;
}
.realtime-right img{
    width:100%;
    height:100%;
    border-radius:12px;
    display:block;
    object-fit:cover;
    box-shadow:0 8px 32px rgba(234,88,12,0.15);
}
.realtime-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    flex:1;
}
.realtime-card{
    background:#f0f2f5;
    border-radius:12px;
    padding:32px 22px;
    text-align:center;
    transition:0.3s;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.realtime-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 28px rgba(234,88,12,0.12);
}
.realtime-card .rc-icon{
    width:56px;
    height:56px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
}
.realtime-card:nth-child(1) .rc-icon{background:#ea580c;}
.realtime-card:nth-child(2) .rc-icon{background:#6366f1;}
.realtime-card:nth-child(3) .rc-icon{background:#dc2626;}
.realtime-card .rc-name{
    font-size:17px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:6px;
}
.realtime-card .rc-desc{
    font-size:13.5px;
    color:#888;
    line-height:1.55;
}

/* 移动端适配 */
@media(max-width:768px){
    .video-wrapper{flex-direction:column;gap:30px;}
    .video-right{flex:0 0 auto;width:100%;}
    .video-section{padding:40px 0;}
    .video-section-inner{padding:0 16px;}
    .livepush-section{padding:40px 0;}
    .livepush-section-inner{padding:0 16px;}
    .livepush-wrapper{flex-direction:column;gap:30px;}
    .livepush-right{flex:0 0 auto;width:100%;}
    .livepush-right img{height:auto;}
    .livepush-section .section-title{font-size:24px;}
    .livepush-subtitle{font-size:15px;}
    .realtime-section{padding:40px 0;}
    .realtime-section-inner{padding:0 16px;}
    .realtime-wrapper{flex-direction:column;gap:24px;}
    .realtime-left{order:1;}
    .realtime-right{order:2;flex:0 0 auto;width:100%;}
    .realtime-right img{height:auto;aspect-ratio:16/9;}
    .realtime-grid{grid-template-columns:1fr;gap:10px;}
    .realtime-card{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;padding:16px 18px;gap:14px;}
    .realtime-card .rc-icon{width:44px;height:44px;border-radius:10px;margin:0;flex-shrink:0;}
    .realtime-card .rc-icon svg{width:22px;height:22px;}
    .realtime-card .rc-name{font-size:15px;margin-bottom:2px;}
    .realtime-card .rc-desc{font-size:12px;line-height:1.45;}
    .realtime-section .section-title{font-size:24px;}
    .realtime-subtitle{font-size:14px;margin-bottom:28px;}
    .overseas-section{padding:40px 0;}
    .overseas-section-inner{padding:0 16px;}
    .overseas-section .section-title{font-size:24px;}
    .overseas-wrapper{flex-direction:column;gap:24px;}
    .overseas-right{flex:0 0 auto;width:100%;}
    .overseas-card{padding:18px 16px;gap:14px;}
    .overseas-card .oc-icon{width:44px;height:44px;border-radius:10px;}
    .overseas-card .oc-icon svg{width:22px;height:22px;}
    .overseas-card .oc-name{font-size:15px;}
    .overseas-card .oc-desc{font-size:12px;}
    .deliver-section{padding:40px 0;}
    .deliver-section-inner{padding:0 16px;}
    .deliver-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px;}
    .deliver-card{grid-template-columns:1fr !important;text-align:center;padding:24px 16px;gap:12px;align-items:center;justify-items:center;overflow:visible;}
    .deliver-card .card-icon{width:44px;height:44px;border-radius:10px;}
    .deliver-card .card-icon svg{width:22px;height:22px;}
    .deliver-card-text .card-name{font-size:15px;}
    .deliver-card-text .card-desc{display:none !important;}
    .deliver-section .section-title{font-size:24px;}
    .overseas-section{padding:40px 0;}
    .overseas-section-inner{padding:0 16px;}
    .overseas-section .section-title{font-size:24px;}
    .overseas-wrapper{flex-direction:column;gap:24px;}
    .overseas-right{flex:0 0 auto;width:100%;flex-direction:row;gap:8px;}
    .overseas-right img{max-height:none;flex:1;min-width:0;}
    .overseas-card{padding:16px 14px;gap:12px;}
    .overseas-card .oc-icon{width:44px;height:44px;border-radius:10px;}
    .overseas-card .oc-icon svg{width:22px;height:22px;}
    .overseas-card .oc-name{font-size:15px;}
    .overseas-card .oc-desc{font-size:12px;}
    .solution-section{padding:40px 0;}
    .solution-section-inner{padding:0 16px;}
    .solution-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px;}
    .solution-section .section-title{font-size:24px;}
    .solution-card{aspect-ratio:4/3 !important;}
    .solution-card .sc-title{font-size:14px;padding:14px 12px;}
    .video-section .section-title{font-size:24px;}
    .customer-section{padding:40px 0;}
    .customer-section-inner{padding:0 16px;}
    .customer-section .section-title{font-size:24px;margin-bottom:8px;}
    .customer-section .section-subtitle{font-size:13px;margin-bottom:30px;}
    .customer-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px;}
    .customer-card{padding:24px 14px 20px;}
    .customer-card .cc-icon{width:48px;height:48px;border-radius:12px;margin-bottom:12px;}
    .customer-card .cc-icon svg{width:24px;height:24px;}
    .customer-card .cc-name{font-size:15px;}
    .customer-card .cc-desc{font-size:12px;}
    .customer-card:nth-child(5){display:none;}
    .customer-img-grid{grid-template-columns:repeat(2,1fr) !important;gap:14px;}
    .customer-img-card{aspect-ratio:9/16;}
    .customer-img-card:nth-child(5){display:none;}
    .customer-img-card img{width:86%;height:94%;object-fit:cover;object-position:top center;border-radius:8px;}
}

/* 海外数字人 */
.overseas-section{
    background:#fff;
    padding:60px 0;
}
.overseas-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.overseas-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.overseas-wrapper{
    display:flex;
    gap:50px;
    align-items:center;
}
.overseas-left{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.overseas-card{
    background:#f8f9fb;
    border-radius:12px;
    padding:24px 28px;
    display:flex;
    align-items:center;
    gap:18px;
    transition:0.3s;
}
.overseas-card:hover{
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
    transform:translateY(-2px);
}
.overseas-card .oc-icon{
    width:56px;
    height:56px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.overseas-card:nth-child(1) .oc-icon{background:#2563eb;}
.overseas-card:nth-child(2) .oc-icon{background:#059669;}
.overseas-card:nth-child(3) .oc-icon{background:#d97706;}
.overseas-card:nth-child(4) .oc-icon{background:#7c3aed;}
.overseas-card .oc-text{flex:1;}
.overseas-card .oc-name{
    font-size:18px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:6px;
}
.overseas-card .oc-desc{
    font-size:14px;
    color:#888;
    line-height:1.5;
}
.overseas-right{
    flex:0 0 580px;
    display:flex;
    flex-direction:row;
    gap:14px;
    align-items:stretch;
}
.overseas-right img{
    width:0;
    flex:1;
    min-width:0;
    border-radius:12px;
    display:block;
    object-fit:cover;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    aspect-ratio:3/8;
}

/* 数字人直播电商客户群像页 */
.customer-section{
    padding:60px 0;
    background:#f0f4ff;
}
.customer-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.customer-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:12px;
}
.customer-section .section-subtitle{
    text-align:center;
    font-size:15px;
    color:#666;
    margin-bottom:40px;
}
.customer-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}
.customer-card{
    background:#fff;
    border-radius:16px;
    padding:28px 24px 22px;
    text-align:center;
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    transition:0.3s;
}
.customer-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
}
.customer-card .cc-icon{
    width:56px;
    height:56px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
}
.customer-card:nth-child(1) .cc-icon{background:linear-gradient(135deg,#6366f1,#818cf8);}
.customer-card:nth-child(2) .cc-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);}
.customer-card:nth-child(3) .cc-icon{background:linear-gradient(135deg,#ec4899,#f472b6);}
.customer-card:nth-child(4) .cc-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);}
.customer-card:nth-child(5) .cc-icon{background:linear-gradient(135deg,#10b981,#34d399);}
.customer-card .cc-name{
    font-size:18px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:6px;
}
.customer-card .cc-desc{
    font-size:13px;
    color:#999;
}
.customer-img-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    margin-top:30px;
}
.customer-img-card{
    position:relative;
    background:transparent;
    border-radius:0;
    padding:0;
    box-shadow:none;
    transition:0.3s;
    aspect-ratio:9/18;
    display:flex;
    align-items:center;
    justify-content:center;
}
.customer-img-card:hover{
    transform:translateY(-6px);
}
.customer-img-card::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background:url(../images/phone-frame.png) no-repeat center / 100% 100%;
    z-index:2;
    pointer-events:none;
}
.customer-img-card img{
    width:92%;
    height:96%;
    display:block;
    object-fit:cover;
    object-position:top center;
    border-radius:10px;
    position:relative;
    z-index:1;
}

/* 解决方案 */
.solution-section{
    padding:60px 0;
    background:#f8f9fb;
}
.solution-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.solution-section .section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.solution-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.solution-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    aspect-ratio:4/3;
    cursor:pointer;
    transition:0.3s;
}
.solution-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(0,0,0,0.15);
}
.solution-card .sc-bg{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.solution-card .sc-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.25);
    z-index:1;
}
.solution-card .sc-title{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:24px 20px;
    z-index:2;
    font-size:18px;
    font-weight:700;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,0.3);
}

/* 交付方式 */
.deliver-section{
    background:#f0fdf4;
    padding:60px 0;
}
.deliver-section-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
}
.deliver-section .section-title{
    text-align:center;
    font-size:36px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:40px;
    line-height:1.3;
}
.deliver-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.deliver-card{
    background:#fff;
    border-radius:14px;
    padding:36px 32px;
    display:grid;
    grid-template-columns:50px 1fr;
    align-items:center;
    gap:24px;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    transition:0.3s;
}
.deliver-card:hover{
    box-shadow:0 6px 24px rgba(34,197,94,0.12);
    transform:translateY(-3px);
}
.deliver-card .card-icon{
    width:50px;
    height:50px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.deliver-card:nth-child(1) .card-icon{background:#2563eb;}
.deliver-card:nth-child(2) .card-icon{background:#d97706;}
.deliver-card:nth-child(3) .card-icon{background:#4f46e5;}
.deliver-card:nth-child(4) .card-icon{background:#db2777;}
.deliver-card-text{}
.deliver-card-text .card-name{
    font-size:19px;
    font-weight:700;
    color:#1a1a1a;
    line-height:1.3;
}
.deliver-card-text .card-desc{
    font-size:15px;
    color:#777;
    line-height:1.5;
    margin-top:2px;
    margin-bottom:0;
}

/* 响应式 */
@media (max-width: 768px) {
    .banner{
        min-height:300px;
        padding:0 5%;
    }
    .banner-title{font-size:32px;}
    .banner-desc{font-size:14px;}
    .button-group{flex-direction:column;gap:10px;}

    .ability-cards{
        grid-template-columns:repeat(2, 1fr);
        gap:12px;
    }
    .ability-card .card-body{
        padding:12px 10px 16px;
    }
    .ability-card .card-title{
        font-size:15px;
    }
    .ability-card .card-desc{
        font-size:12px;
        margin-bottom:10px;
    }
    .ability-card .card-stat{
        padding:5px 12px;
        font-size:12px;
    }
    .ability-section .section-title{
    .ability-section{
        padding:40px 0;
    }
    .ability-section-inner{
        padding:0 16px;
    }
}