运维服务

Operational Service

.svo{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#0f172a;line-height:1.6;overflow-x:hidden;
  --blue:#2563EB;--blue-d:#1D4ED8;--blue-l:#3B82F6;--blue-ll:#60A5FA;--blue-dd:#1E40AF;--cyan:#0EA5E9;
  --blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--slate-800:#1E293B;--slate-900:#0F172A;
  --gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-500:#64748B;--gray-700:#334155;
  --white:#fff;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;
  --shadow-sm:0 2px 8px rgba(15,23,42,.05);--shadow:0 8px 30px rgba(15,23,42,.08);--shadow-lg:0 20px 50px rgba(37,99,235,.15);
  --transition:all .35s cubic-bezier(.4,0,.2,1)}
.svo *{margin:0;padding:0;box-sizing:border-box}
.svo img{max-width:100%;display:block}
.svo a{text-decoration:none;color:inherit}
.svo .container{max-width:1200px;margin:0 auto;padding:0 24px}
.svo .section{padding:72px 0}
.svo .scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);z-index:9999;transition:width .1s}
.svo .hero{position:relative;background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 60%,#EFF6FF 100%);overflow:hidden;padding:90px 0 70px}
.svo .hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.06) 1px,transparent 1px);background-size:46px 46px;animation:heroGrid 20s linear infinite}
@keyframes heroGrid{to{background-position:46px 46px}}
.svo .hero::after{content:'';position:absolute;top:-260px;right:-180px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2),rgba(14,165,233,.12),transparent 65%);pointer-events:none;animation:heroGlow 6s ease-in-out infinite};transform:translate(var(--mx,0),var(--my,0));transition:transform .4s cubic-bezier(.4,0,.2,1)
@keyframes heroGlow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.svo .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.svo .hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:20px;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.35);color:#93C5FD;font-size:13px;font-weight:600;margin-bottom:22px;line-height:1.5!important;backdrop-filter:blur(6px)}
.svo .hero-tag svg{width:14px!important;height:14px!important;flex-shrink:0}
.svo .hero h1{font-size:2.7rem;font-weight:800;color:#0F172A;line-height:1.28!important;margin-bottom:18px;letter-spacing:.5px;text-shadow:0 2px 30px rgba(37,99,235,.08)}
.svo .hero h1 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.svo .hero-desc{font-size:16.5px;color:#475569;line-height:1.85;max-width:780px;margin-bottom:34px}
.svo .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px}
.svo .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;line-height:1.5!important}
.svo .btn svg{width:18px!important;height:18px!important;flex-shrink:0}
.svo .btn-primary{background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;box-shadow:0 8px 28px rgba(37,99,235,.35);position:relative;overflow:hidden}
.svo .btn-primary::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:btnShine 3.2s ease-in-out infinite}
@keyframes btnShine{0%,60%{left:-80%}100%{left:130%}}
.svo .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(37,99,235,.5)}
.svo .btn-outline{background:rgba(255,255,255,.6);color:#334155;border:1px solid rgba(37,99,235,.25);backdrop-filter:blur(6px)}
.svo .btn-outline:hover{border-color:#2563EB;color:#2563EB;background:rgba(37,99,235,.08)}
.svo .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0 0;border-top:1px solid rgba(37,99,235,.15)}
.svo .hero-stat{text-align:center;position:relative}
.svo .hero-stat-num{font-size:2.1rem;font-weight:800;color:#F8FAFC;line-height:1.2!important;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.svo .hero-stat-num span{font-size:1rem;font-weight:600}
.svo .hero-stat-label{font-size:13px;color:#64748B;margin-top:8px;line-height:1.5!important}
.svo .svc-section{background:linear-gradient(180deg,#F8FAFC,#fff)}
.svo .section-header{text-align:center;max-width:820px;margin:0 auto 52px}
.svo .section-tag{display:inline-block;padding:5px 16px;border-radius:20px;background:linear-gradient(90deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.15);color:#1D4ED8;font-size:13px;font-weight:600;margin-bottom:16px;line-height:1.5!important}
.svo .section-header h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.svo .section-header h2 em{font-style:normal;color:#2563EB}
.svo .section-header p{font-size:16px;color:#64748B;line-height:1.8}
.svo .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svo .svc-card{background:#fff;border-radius:var(--r-lg);padding:26px 24px 30px;transition:var(--transition);border:1px solid var(--gray-200);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.svo .svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.svo .svc-card::after{content:'';position:absolute;top:-50px;right:-50px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.svo .svc-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.25);box-shadow:0 18px 44px rgba(37,99,235,.12)}
.svo .svc-card:hover::before{transform:scaleX(1)}
.svo .svc-card:hover::after{opacity:1}
.svo .svc-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:var(--transition)}
.svo .svc-card:hover .svc-icon{background:linear-gradient(135deg,#2563EB,#0EA5E9);box-shadow:0 8px 20px rgba(37,99,235,.35)}
.svo .svc-icon svg{width:22px!important;height:22px!important;color:#2563EB;transition:var(--transition)}
.svo .svc-card:hover .svc-icon svg{color:#fff;transform:rotate(360deg) scale(1.05);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.svo .svc-num{position:absolute;top:18px;right:20px;font-size:1.9rem;font-weight:800;color:rgba(37,99,235,.12);line-height:1!important;transition:var(--transition)}
.svo .svc-card:hover .svc-num{color:rgba(37,99,235,.25)}
.svo .svc-card h3{font-size:1.1rem;font-weight:700;color:#0F172A;margin-bottom:8px;line-height:1.5!important}
.svo .svc-card p{font-size:14px;color:#64748B;line-height:1.7;margin-bottom:14px}
.svo .svc-list{list-style:none;font-size:12.5px;color:#475569;display:flex;flex-wrap:wrap;gap:6px}
.svo .svc-list li{padding:4px 11px;background:#F1F5F9;border-radius:12px;border:1px solid #E2E8F0;transition:var(--transition)}
.svo .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.svo .svc-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.svo .svc-card:hover .svc-bar{transform:scaleX(1)}
.svo .new-section{background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 100%);position:relative;overflow:hidden}
.svo .new-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px);background-size:40px 40px}
.svo .new-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.svo .new-inner .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.25);color:#1D4ED8}
.svo .new-inner h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.svo .new-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.svo .new-inner>p{font-size:15.5px;color:#475569;line-height:1.85;max-width:820px;margin:0 auto 36px}
.svo .new-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svo .new-card{background:rgba(255,255,255,.7);border:1px solid rgba(37,99,235,.15);border-radius:var(--r-lg);padding:26px 22px;backdrop-filter:blur(10px);transition:var(--transition);text-align:left;box-shadow:0 4px 16px rgba(37,99,235,.06)}
.svo .new-card:hover{background:rgba(255,255,255,.95);border-color:rgba(37,99,235,.4);transform:translateY(-4px);box-shadow:0 12px 28px rgba(37,99,235,.15)}
.svo .new-card strong{display:block;font-size:16px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.svo .new-card strong::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60A5FA,#3B82F6);margin-right:10px;box-shadow:0 0 12px rgba(96,165,250,.6)}
.svo .new-card span{font-size:13.5px;color:#64748B;line-height:1.7}
.svo .new-note{margin-top:28px;font-size:12.5px;color:#94A3B8}
.svo .cs-section{background:#fff}
.svo .cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.svo .cs-steps::before{content:'';position:absolute;top:36px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(14,165,233,.4),rgba(37,99,235,.12))}
.svo .cs-step{text-align:center;position:relative;padding:0 8px}
.svo .cs-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 10px 26px rgba(37,99,235,.3);position:relative;z-index:2;transition:var(--transition)}
.svo .cs-step:hover .cs-num{transform:scale(1.1);box-shadow:0 14px 34px rgba(37,99,235,.45)}
.svo .cs-step h3{font-size:16.5px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.svo .cs-step p{font-size:13.5px;color:#64748B;line-height:1.7}
.svo .faq-section{background:#F8FAFC}
.svo .faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.svo .faq-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);padding:20px 24px;transition:var(--transition)}
.svo .faq-item:hover{border-color:rgba(37,99,235,.25);box-shadow:var(--shadow)}
.svo .faq-q{font-size:15.5px;font-weight:600;color:#0F172A;display:flex;align-items:flex-start;gap:12px;line-height:1.5!important}
.svo .faq-q::before{content:'Q';width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:0 4px 12px rgba(37,99,235,.25)}
.svo .faq-answer{padding:12px 0 0 38px;font-size:14px;color:#64748B;line-height:1.85}
.svo .faq-answer strong{color:#2563EB}
.svo .cta-section{background:linear-gradient(135deg,#1E40AF 0%,#1D4ED8 50%,#1E40AF 100%);position:relative;overflow:hidden}
.svo .cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 45%),radial-gradient(circle at 10% 85%,rgba(96,165,250,.3),transparent 50%),radial-gradient(circle at 50% 50%,rgba(14,165,233,.15),transparent 60%)}
.svo .cta-section::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.svo .cta-inner{position:relative;z-index:2;text-align:center;padding:72px 24px}
.svo .cta-inner h2{font-size:2.2rem;font-weight:800;color:#FFFFFF;margin-bottom:16px;line-height:1.4!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
.svo .cta-inner h2 em{background:linear-gradient(135deg,#FFFFFF,#93C5FD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;text-shadow:none}
.svo .cta-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.svo .cta-inner>p{font-size:15.5px;color:#EFF6FF;line-height:1.8;max-width:780px;margin:0 auto 34px;text-shadow:0 1px 6px rgba(0,0,0,.1)}
.svo .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.svo .cta-contact{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.svo .cta-contact-item{display:flex;align-items:center;gap:12px;color:#FFFFFF;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.08)}
.svo .cta-contact-item svg{width:18px!important;height:18px!important;color:#FFFFFF;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}
.svo .cta-contact-item strong{color:#FFFFFF;font-weight:800}
.svo .cta-desc{font-size:13px;color:#E0F2FE;line-height:1.85;max-width:900px;margin:0 auto;text-shadow:0 1px 4px rgba(0,0,0,.08)}
@media(max-width:968px){
  .svo .hero h1{font-size:2.1rem}
  .svo .hero-stats{grid-template-columns:repeat(2,1fr)}
  .svo .svc-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .svo .new-grid{grid-template-columns:1fr;gap:14px}
  .svo .cs-steps{grid-template-columns:repeat(2,1fr);gap:28px}
  .svo .cs-steps::before{display:none}
  .svo .section{padding:56px 0}
}
@media(max-width:640px){
  .svo .container{padding:0 16px}
  .svo .hero{padding:60px 0 48px}
  .svo .hero h1{font-size:1.7rem}
  .svo .hero-desc{font-size:15px}
  .svo .hero-actions{flex-direction:column;align-items:stretch}
  .svo .btn{justify-content:center}
  .svo .hero-stats{grid-template-columns:repeat(2,1fr);gap:14px}
  .svo .svc-grid{grid-template-columns:1fr;gap:14px}
  .svo .cs-steps{grid-template-columns:1fr}
  .svo .cta-contact{gap:20px;flex-direction:column}
  .svo .section{padding:44px 0}
}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.1);opacity:1}}
.svo .hero-inner::before{content:'';position:absolute;top:30%;right:8%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#60A5FA,#0EA5E9);box-shadow:0 0 30px rgba(14,165,233,.6);animation:heroFloat 5s ease-in-out infinite;pointer-events:none;z-index:1}
.svo .hero-inner::after{content:'';position:absolute;bottom:25%;left:5%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2563EB,#0EA5E9);box-shadow:0 0 20px rgba(37,99,235,.5);animation:heroFloat 6.5s ease-in-out infinite .8s;pointer-events:none;z-index:1}
@keyframes ctaFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-15px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.95)}}
.svo .cta-inner::before{content:'';position:absolute;top:15%;right:12%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#FFFFFF,#93C5FD);box-shadow:0 0 30px rgba(255,255,255,.5);animation:ctaFloat 8s ease-in-out infinite;pointer-events:none;z-index:1};transform:translate(calc(var(--mx,0) * 1.5),calc(var(--my,0) * 1.5))
.svo .cta-inner::after{content:'';position:absolute;bottom:20%;left:8%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#60A5FA,#FFFFFF);box-shadow:0 0 20px rgba(96,165,250,.6);animation:ctaFloat 7s ease-in-out infinite .6s;pointer-events:none;z-index:1}

/* ===== svo 专属：雷达波纹 ===== */
.svo .hero-deco{position:absolute;top:50%;right:6%;transform:translateY(-50%);width:280px;height:280px;pointer-events:none;z-index:1;opacity:.9}
.svo .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(37,99,235,.4);animation:svoPulse 3.6s ease-out infinite}
.svo .ring:nth-child(2){animation-delay:1.2s}
.svo .ring:nth-child(3){animation-delay:2.4s}
.svo .hero-deco::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#2563EB;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(37,99,235,.75)}
@keyframes svoPulse{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1.05);opacity:0}}

@media(max-width:968px){
  svo .hero-deco{display:none}
}

和讯数智 · 运维服务

运维服务
系统稳定 · 持续保障 · 智慧运营

和讯数智为客户提供热线、远程、现场、定期巡检等全类型运维服务，7×12小时快速响应。2026年完成客户成功体系升级，以BIP运营师服务模式深度陪伴客户，并引入AI辅助运维，让系统持续稳定、价值不断增值。

咨询运维服务查看服务内容

7×12h

服务响应

6城

陕西网点

3000+

服务客户

20年+

运维经验

服务内容

多类型运维服务

和讯数智为客户提供多种服务类型，满足不同客户的具体需求。

热线服务

服务热线快速响应，常见问题即时解答，4000-161-700

400-0161-700热线
问题分级处理
工单闭环管理

远程服务

远程操作指导与问题处理，快速定位、即时解决

远程桌面支持
操作指导
数据诊断

现场服务

紧急问题现场处理，重大项目驻场保障

紧急上门
驻场服务
现场巡检

定期巡检

季度系统巡检与健康报告，提前发现隐患

季度巡检
健康报告
性能优化建议

升级支持

版本升级评估、补丁管理、数据迁移保障

补丁管理
升级评估
迁移保障

BIP运营师服务

懂战略、懂需求、懂产品的专业运营师深度陪伴

专属运营师
价值陪伴
持续优化

企业AI服务

AI智能运维让服务更高效

和讯数智将AI能力融入运维服务，以AI辅助故障诊断、智能工单与知识沉淀，提升服务效率与质量。AI运维能力基于用友原厂AI产品与和讯服务实践结合落地。

AI辅助诊断基于知识库与AI模型快速定位问题根因

智能工单AI自动分类派单，缩短响应链路

知识沉淀案例与经验AI化沉淀，服务持续进化

* 企业AI能力声明：AI运维工具为和讯服务能力，底层AI产品基于用友原厂（如YonClaw企业超级智能体）实施落地。

客户成功体系（2026升级）

客户成功全链路运营

2026年4月和讯数智完成客户成功体系升级，以"客户成功"为核心，打通方案共建、项目交付、持续运营全链路服务。

方案共建

共建共创，行业最佳实践+标准化方案

项目交付

全流程管控，标准化例会+价值库沉淀

BIP运营师

懂战略/懂需求/懂产品的专业团队

持续运营

深度陪伴，价值引领实现服务增值

常见问题

运维服务常见问题

更多问题欢迎致电 400-0161-700 咨询。

运维服务怎么收费？

支持年费套餐与按次计费，签约客户享专属服务顾问与季度巡检。具体致电400-0161-700评估。

系统出问题多久能响应？

7×12小时服务响应，一般问题远程快速处理，紧急问题安排上门。

AI智能运维是什么？

和讯将AI辅助能力融入运维（故障诊断、智能工单、知识沉淀），底层基于用友原厂AI产品（如YonClaw）实施落地，和讯提供本地化运维服务。

可以驻场服务吗？

可以，项目关键期可安排顾问驻场，保障系统平稳运行。

让和讯数智成为您的运维伙伴

西安和讯数智是用友软件陕西核心商业伙伴，拥有二十多年企业数字化转型建设经验，服务企业客户三千家以上。和讯数智沉淀多年数智化实战经验，自主研发了和讯研发费用管理系统、和讯PMS项目运营管理系统、和讯数字化工厂管理系统、IPO数据合规管理等面向各行业的专业数字化管理产品方案。

咨询: 4000161700 访问和讯官网

西安 · 宝鸡 · 渭南 · 延安 · 咸阳 · 安康

4000161700 / 18302956503

www.xahexun.cn

/* ============================== Reset & Variables ============================== */
.svo *{{margin:0;padding:0;box-sizing:border-box}}
.svo{{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1a1a2e;line-height:1.6;overflow-x:hidden;
  --red:#2563EB;--red-d:#1D4ED8;--red-l:#3B82F6;--red-xl:#60A5FA;--red-dd:#1E40AF;--red-ll:#93C5FD;
  --red-50:#EFF6FF;--red-100:#DBEAFE;--amber:#B45309;--amber-50:#FFFBEB;--amber-100:#FEF3C7;
  --green:#059669;--green-50:#ECFDF5;
  --gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;
  --gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;
  --text-dark:#1a1a2e;--text-light:#4B5563;--text-muted:#9CA3AF;
  --white:#fff;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);
  --transition:all .3s cubic-bezier(.4,0,.2,1)
}}
.svo img{{max-width:100%;display:block}}
.svo a{{text-decoration:none;color:inherit}}
.svo .container{{max-width:1200px;margin:0 auto;padding:0 24px}}
.svo .section{{padding:80px 0}}
.svo .section-tag{{display:inline-block;padding:4px 14px;border-radius:20px;background:var(--red-50);color:var(--red);font-size:13px;font-weight:600;margin-bottom:16px;line-height:1.5!important}}
.svo .section-header{{text-align:center;max-width:800px;margin:0 auto 56px}}
.svo .section-header h2{{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.svo .section-header h2 em{{font-style:normal;color:var(--red)}}
.svo .section-header p{{font-size:16px;color:var(--text-light);line-height:1.8}}
.svo .btn{{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--r-md);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;line-height:1.5!important}}
.svo .btn-primary{{background:var(--red);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.2}}
.svo .btn-primary:hover{{background:var(--red-d);transform:translateY(-1px);box-shadow:0 8px 32px rgba(37,99,235,.35}}
.svo .btn-outline{{background:transparent;color:var(--gray-800);border:2px solid var(--gray-300)}}
.svo .btn-outline:hover{{border-color:var(--red);color:var(--red)}}
.svo .btn svg{{width:18px;height:18px;flex-shrink:0}}

/* Scroll Progress */
.svo .scroll-progress{{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-l));z-index:9999;transition:width .1s}}

/* Hero */
.svo .hero{{position:relative;background:linear-gradient(180deg,var(--gray-50),#fff);overflow:hidden;padding:80px 0 60px}}
.svo .hero::before{{content:'';position:absolute;inset:0;background-image:
  radial-gradient(circle at 15% 30%,rgba(37,99,235,.03,transparent 40%),
  radial-gradient(circle at 85% 70%,rgba(37,99,235,.02,transparent 40%)}}
.svo .hero-inner{{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}}
.svo .hero-tag{{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:var(--red-50);color:var(--red);font-size:13px;font-weight:600;margin-bottom:20px;line-height:1.5!important;box-shadow:0 0 20px rgba(37,99,235,.1}}
.svo .hero h1{{font-size:2.6rem;font-weight:800;color:var(--gray-900);line-height:1.3!important;margin-bottom:16px}}
.svo .hero h1 em{{font-style:normal;color:var(--red)}}
.svo .hero-desc{{font-size:17px;color:var(--text-light);line-height:1.8;max-width:760px;margin-bottom:32px}}
.svo .hero-actions{{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}}
.svo .hero-stats{{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--gray-200)}}
.svo .hero-stat{{text-align:center}}
.svo .hero-stat-num{{font-size:2rem;font-weight:800;color:var(--red);line-height:1.2!important}}
.svo .hero-stat-num span{{font-size:1rem;font-weight:600}}
.svo .hero-stat-label{{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5!important}}

/* 服务内容卡片 */
.svo .svc-section{{background:var(--white)}}
.svo .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.svo .svc-card{background:linear-gradient(180deg,var(--gray-50) 0%,#fff 100%);border-radius:var(--r-lg);padding:24px 22px;transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);position:relative;overflow:hidden;cursor:pointer}
.svo .svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform:translateX(-100%);transition:transform .6s ease}
.svo .svc-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.06,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.svo .svc-card:hover{background:#fff;border-color:rgba(37,99,235,.25;box-shadow:0 12px 32px rgba(37,99,235,.12;transform:translateY(-4px)}
.svo .svc-card:hover::before{transform:translateX(100%)}
.svo .svc-card:hover::after{opacity:1}
.svo .svc-card:hover .svc-icon{background:linear-gradient(135deg,var(--red) 0%,var(--red-dd) 100%);box-shadow:0 8px 20px rgba(37,99,235,.35;transform:rotate(360deg) scale(1.05)}
.svo .svc-card:hover .svc-icon svg{color:#fff;transform:scale(1.1)}
.svo .svc-card:hover .svc-num{color:var(--red-l);opacity:1}
.svo .svc-num{position:absolute;top:14px;right:18px;font-size:.85rem;font-weight:800;color:var(--gray-200);letter-spacing:.1em;opacity:.6;transition:all .35s;line-height:1!important}
.svo .svc-icon-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}
.svo .svc-icon{width:40px;height:40px;border-radius:10px;background:#fff;border:1.5px solid var(--red-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .55s cubic-bezier(.4,0,.2,1);position:relative}
.svo .svc-icon::before{content:'';position:absolute;inset:-3px;border-radius:12px;border:1px dashed var(--red-100);opacity:0;transition:all .35s;animation:svcSpin 8s linear infinite;animation-play-state:paused}
.svo .svc-card:hover .svc-icon::before{opacity:1;animation-play-state:running}
.svo .svc-icon svg{width:20px;height:20px;color:var(--red);transition:all .35s}
.svo .svc-card h3{font-size:1.05rem;font-weight:700;color:var(--gray-900);margin-bottom:8px;position:relative;z-index:1;display:inline-block;background-image:linear-gradient(90deg,var(--red) 0%,var(--red) 100%);background-size:0 2px;background-position:left bottom;background-repeat:no-repeat;transition:background-size .4s;line-height:1.5!important}
.svo .svc-card:hover h3{background-size:100% 2px}
.svo .svc-card p{font-size:13.5px;color:var(--text-light);line-height:1.65;position:relative;z-index:1;margin-bottom:10px}
.svo .svc-list{list-style:none;font-size:12.5px;color:var(--text-muted);position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px}
.svo .svc-list li{padding:3px 10px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-100);transition:all .3s}
.svo .svc-card:hover .svc-list li{background:var(--red-50);border-color:var(--red-100);color:var(--red-d)}
@keyframes svcSpin{to{transform:rotate(360deg)}}
.svo .svc-card .svc-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--red-l));transform:scaleX(0);transform-origin:left;transition:transform .5s}
.svo .svc-card:hover .svc-bar{transform:scaleX(1)}
@media(max-width:968px){.svo .svc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:640px){.svo .svc-grid{grid-template-columns:1fr;gap:12px}.svo .svc-card{padding:20px 18px}}

.svo .svc-card{{background:var(--gray-50);border-radius:var(--r-lg);padding:32px 26px;transition:var(--transition);border:1px solid transparent;position:relative;overflow:hidden}}
.svo .svc-card::before{{content:attr(data-num);position:absolute;top:12px;right:16px;font-size:3rem;font-weight:800;color:var(--gray-200);line-height:1!important}}
.svo .svc-card:hover{{background:#fff;border-color:rgba(37,99,235,.12;box-shadow:var(--shadow-lg);transform:translateY(-4px)}}
.svo .svc-card:hover::before{{color:var(--red-100)}}
.svo .svc-icon{{width:48px;height:48px;border-radius:var(--r-md);background:var(--red-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:1}}
.svo .svc-icon svg{{width:26px;height:26px;color:var(--red)}}
.svo .svc-card h3{{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:10px;position:relative;z-index:1;line-height:1.5!important}}
.svo .svc-card p{{font-size:14px;color:var(--text-light);line-height:1.7;position:relative;z-index:1}}
.svo .svc-list{{list-style:none;padding:0;position:relative;z-index:1}}
.svo .svc-list li{{display:flex;align-items:flex-start;gap:8px;padding:4px 0;font-size:13px;color:var(--gray-600);line-height:1.6}}
.svo .svc-list li::before{{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:8px}}

/* 新增模块（AI/客户成功）—— 深色区 */
.svo .new-section{{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));position:relative;overflow:hidden}}
.svo .new-section::before{{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(37,99,235,.1,transparent 50%)}}
.svo .new-inner{{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}}
.svo .new-inner h2{{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.4!important}}
.svo .new-inner h2 em{{font-style:normal;color:var(--red-l)}}
.svo .new-inner p{{font-size:15px;color:rgba(255,255,255,.85);line-height:1.9;margin-bottom:28px}}
.svo .new-grid{{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}}
.svo .new-card{{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:18px 16px;text-align:left;backdrop-filter:blur(4px)}}
.svo .new-card strong{{display:block;font-size:14px;color:#fff;margin-bottom:6px;line-height:1.5!important}}
.svo .new-card span{{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6!important}}
.svo .new-note{{font-size:12px;color:rgba(255,255,255,.6);line-height:1.7!important;margin-top:8px}}

/* 客户成功区 */
.svo .cs-section{{background:var(--gray-50)}}
.svo .cs-steps{{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}}
.svo .cs-step{{position:relative;background:#fff;border-radius:var(--r-lg);padding:24px 18px;text-align:center;border-top:4px solid var(--red);transition:var(--transition)}}
.svo .cs-step:hover{{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}
.svo .cs-step::after{{content:'\2192';position:absolute;top:50%;right:-13px;transform:translateY(-50%);font-size:18px;color:var(--gray-300);z-index:2;background:var(--gray-50);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}}
.svo .cs-step:last-child::after{{display:none}}
.svo .cs-num{{display:inline-block;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}}
.svo .cs-step h3{{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:6px;line-height:1.5!important}}
.svo .cs-step p{{font-size:12px;color:var(--text-light);line-height:1.6}}

/* FAQ（平铺） */
.svo .faq-section{{background:var(--white)}}
.svo .faq-list{{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}}
.svo .faq-item{{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:18px 22px;transition:var(--transition)}}
.svo .faq-item:hover{{border-color:rgba(37,99,235,.2;box-shadow:var(--shadow)}}
.svo .faq-q{{font-size:15px;font-weight:600;color:var(--gray-900);display:flex;align-items:flex-start;gap:12px;line-height:1.5!important}}
.svo .faq-q::before{{content:'Q';width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}}
.svo .faq-answer{{padding:10px 0 0 36px;font-size:14px;color:var(--text-light);line-height:1.8}}
.svo .faq-answer strong{{color:var(--red)}}

/* CTA */
.svo .cta-section{{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));position:relative;overflow:hidden;padding:80px 0;border-top:3px solid var(--red)}}
.svo .cta-section::before{{content:'';position:absolute;inset:0;background-image:
  radial-gradient(circle at 30% 50%,rgba(37,99,235,.04,transparent 50%),
  radial-gradient(circle at 70% 50%,rgba(37,99,235,.03,transparent 50%)}}
.svo .cta-inner{{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}}
.svo .cta-section h2{{font-size:1.9rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.svo .cta-section p{{font-size:15px;color:var(--text-light);line-height:1.8;margin-bottom:28px}}
.svo .cta-actions{{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}}
.svo .cta-contact{{margin-top:24px;display:flex;gap:32px;justify-content:center;flex-wrap:wrap}}
.svo .cta-contact-item{{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}}
.svo .cta-contact-item svg{{width:18px;height:18px;color:var(--red)}}
.svo .cta-contact-item strong{{color:var(--gray-900);font-weight:600}}

/* Responsive */
@media(max-width:968px){{
  .svo .hero h1{{font-size:2.2rem}}
  .svo .hero-stats{{grid-template-columns:repeat(2,1fr)}}
  .svo .svc-grid{{grid-template-columns:1fr}}
  .svo .new-grid{{grid-template-columns:1fr}}
  .svo .cs-steps{{grid-template-columns:repeat(2,1fr)}}
  .svo .cs-step::after{{display:none}}
}}
@media(max-width:640px){{
  .svo .container{{padding:0 16px}}
  .svo .section{{padding:48px 0}}
  .svo .hero{{padding:48px 0 40px}}
  .svo .hero h1{{font-size:1.8rem}}
  .svo .hero-stats{{grid-template-columns:1fr 1fr;gap:16px}}
  .svo .hero-stat-num{{font-size:1.5rem}}
  .svo .cs-steps{{grid-template-columns:1fr}}
  .svo .section-header h2{{font-size:1.5rem}}
  .svo .cta-actions{{flex-direction:column;align-items:stretch}}
  .svo .cta-contact{{flex-direction:column;gap:12px}}
}}

/* ========== 科技感增强（蓝白灰） ========== */
.svo .hero::before{background-image:
  radial-gradient(circle at 15% 30%,rgba(37,99,235,.06),transparent 40%),
  radial-gradient(circle at 85% 70%,rgba(14,165,233,.05),transparent 40%),
  linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px}
.svo .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(14,165,233,.08),transparent 50%);pointer-events:none}
.svo .svc-section{background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%)}
.svo .svc-card{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(37,99,235,.08)}
.svo .svc-card::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.svo .svc-card::after{background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.08),transparent 60%)}
.svo .svc-card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 16px 40px rgba(37,99,235,.15)}
.svo .svc-card:hover .svc-icon{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);box-shadow:0 10px 24px rgba(37,99,235,.4);transform:rotate(360deg) scale(1.08)}
.svo .svc-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#fff 0%,#F0F7FF 100%);border:1.5px solid rgba(37,99,235,.2)}
.svo .svc-icon::before{border:1px dashed rgba(37,99,235,.35)}
.svo .svc-icon svg{width:16px!important;height:16px!important;color:#2563EB}
.svo .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.svo .svc-card:hover .svc-num{color:#60A5FA}
.svo .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);color:#1D4ED8;border:1px solid rgba(37,99,235,.15)}
.svo .hero-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);color:#1D4ED8;border:1px solid rgba(37,99,235,.15);box-shadow:0 0 20px rgba(37,99,235,.12)}
.svo .scroll-progress{background:linear-gradient(90deg,#2563EB,#0EA5E9)}
.svo .btn-primary{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);box-shadow:0 4px 16px rgba(37,99,235,.25)}
.svo .btn-primary:hover{background:linear-gradient(135deg,#1D4ED8 0%,#0284C7 100%);box-shadow:0 8px 32px rgba(37,99,235,.4)}
.svo .btn-outline:hover{border-color:#2563EB;color:#2563EB}
.svo .svc-num{color:rgba(37,99,235,.25)}

/* ========== SVG 防放大兜底（CMS 全局 svg{width:100%} 兼容） ========== */
.svo svg{max-width:none!important;flex-shrink:0}
.svo .svc-icon svg{width:16px!important;height:16px!important}
.svo .btn svg{width:18px!important;height:18px!important}
.svo .cta-contact-item svg{width:18px!important;height:18px!important}