管理培训

Management Training

.str{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)}
.str *{margin:0;padding:0;box-sizing:border-box}
.str img{max-width:100%;display:block}
.str a{text-decoration:none;color:inherit}
.str .container{max-width:1200px;margin:0 auto;padding:0 24px}
.str .section{padding:72px 0}
.str .scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#2563EB,#0EA5E9);z-index:9999;transition:width .1s}
.str .hero{position:relative;background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 60%,#EFF6FF 100%);overflow:hidden;padding:90px 0 70px}
.str .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}}
.str .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)}}
.str .hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.str .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)}
.str .hero-tag svg{width:14px!important;height:14px!important;flex-shrink:0}
.str .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)}
.str .hero h1 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.str .hero-desc{font-size:16.5px;color:#475569;line-height:1.85;max-width:780px;margin-bottom:34px}
.str .hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px}
.str .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}
.str .btn svg{width:18px!important;height:18px!important;flex-shrink:0}
.str .btn-primary{background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff;box-shadow:0 8px 28px rgba(37,99,235,.35);position:relative;overflow:hidden}
.str .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%}}
.str .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(37,99,235,.5)}
.str .btn-outline{background:rgba(255,255,255,.6);color:#334155;border:1px solid rgba(37,99,235,.25);backdrop-filter:blur(6px)}
.str .btn-outline:hover{border-color:#2563EB;color:#2563EB;background:rgba(37,99,235,.08)}
.str .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)}
.str .hero-stat{text-align:center;position:relative}
.str .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}
.str .hero-stat-num span{font-size:1rem;font-weight:600}
.str .hero-stat-label{font-size:13px;color:#64748B;margin-top:8px;line-height:1.5!important}
.str .svc-section{background:linear-gradient(180deg,#F8FAFC,#fff)}
.str .section-header{text-align:center;max-width:820px;margin:0 auto 52px}
.str .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}
.str .section-header h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.str .section-header h2 em{font-style:normal;color:#2563EB}
.str .section-header p{font-size:16px;color:#64748B;line-height:1.8}
.str .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.str .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)}
.str .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)}
.str .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}
.str .svc-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.25);box-shadow:0 18px 44px rgba(37,99,235,.12)}
.str .svc-card:hover::before{transform:scaleX(1)}
.str .svc-card:hover::after{opacity:1}
.str .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)}
.str .svc-card:hover .svc-icon{background:linear-gradient(135deg,#2563EB,#0EA5E9);box-shadow:0 8px 20px rgba(37,99,235,.35)}
.str .svc-icon svg{width:22px!important;height:22px!important;color:#2563EB;transition:var(--transition)}
.str .svc-card:hover .svc-icon svg{color:#fff;transform:rotate(360deg) scale(1.05);transition:transform .6s cubic-bezier(.4,0,.2,1)}
.str .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)}
.str .svc-card:hover .svc-num{color:rgba(37,99,235,.25)}
.str .svc-card h3{font-size:1.1rem;font-weight:700;color:#0F172A;margin-bottom:8px;line-height:1.5!important}
.str .svc-card p{font-size:14px;color:#64748B;line-height:1.7;margin-bottom:14px}
.str .svc-list{list-style:none;font-size:12.5px;color:#475569;display:flex;flex-wrap:wrap;gap:6px}
.str .svc-list li{padding:4px 11px;background:#F1F5F9;border-radius:12px;border:1px solid #E2E8F0;transition:var(--transition)}
.str .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.str .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}
.str .svc-card:hover .svc-bar{transform:scaleX(1)}
.str .new-section{background:linear-gradient(180deg,#ffffff 0%,#F5F9FF 100%);position:relative;overflow:hidden}
.str .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}
.str .new-inner{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}
.str .new-inner .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);border:1px solid rgba(37,99,235,.25);color:#1D4ED8}
.str .new-inner h2{font-size:2rem;font-weight:800;color:#0F172A;margin-bottom:16px;line-height:1.4!important}
.str .new-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.str .new-inner>p{font-size:15.5px;color:#475569;line-height:1.85;max-width:820px;margin:0 auto 36px}
.str .new-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.str .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)}
.str .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)}
.str .new-card strong{display:block;font-size:16px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.str .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)}
.str .new-card span{font-size:13.5px;color:#64748B;line-height:1.7}
.str .new-note{margin-top:28px;font-size:12.5px;color:#94A3B8}
.str .cs-section{background:#fff}
.str .cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.str .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))}
.str .cs-step{text-align:center;position:relative;padding:0 8px}
.str .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)}
.str .cs-step:hover .cs-num{transform:scale(1.1);box-shadow:0 14px 34px rgba(37,99,235,.45)}
.str .cs-step h3{font-size:16.5px;font-weight:700;color:#0F172A;margin-bottom:10px;line-height:1.5!important}
.str .cs-step p{font-size:13.5px;color:#64748B;line-height:1.7}
.str .faq-section{background:#F8FAFC}
.str .faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.str .faq-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);padding:20px 24px;transition:var(--transition)}
.str .faq-item:hover{border-color:rgba(37,99,235,.25);box-shadow:var(--shadow)}
.str .faq-q{font-size:15.5px;font-weight:600;color:#0F172A;display:flex;align-items:flex-start;gap:12px;line-height:1.5!important}
.str .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)}
.str .faq-answer{padding:12px 0 0 38px;font-size:14px;color:#64748B;line-height:1.85}
.str .faq-answer strong{color:#2563EB}
.str .cta-section{background:linear-gradient(135deg,#1E40AF 0%,#1D4ED8 50%,#1E40AF 100%);position:relative;overflow:hidden}
.str .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%)}
.str .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}
.str .cta-inner{position:relative;z-index:2;text-align:center;padding:72px 24px}
.str .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)}
.str .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}
.str .cta-inner h2 em{font-style:normal;background:linear-gradient(135deg,#60A5FA,#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.str .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)}
.str .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}
.str .cta-contact{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.str .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)}
.str .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))}
.str .cta-contact-item strong{color:#FFFFFF;font-weight:800}
.str .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){
  .str .hero h1{font-size:2.1rem}
  .str .hero-stats{grid-template-columns:repeat(2,1fr)}
  .str .svc-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .str .new-grid{grid-template-columns:1fr;gap:14px}
  .str .cs-steps{grid-template-columns:repeat(2,1fr);gap:28px}
  .str .cs-steps::before{display:none}
  .str .section{padding:56px 0}
}
@media(max-width:640px){
  .str .container{padding:0 16px}
  .str .hero{padding:60px 0 48px}
  .str .hero h1{font-size:1.7rem}
  .str .hero-desc{font-size:15px}
  .str .hero-actions{flex-direction:column;align-items:stretch}
  .str .btn{justify-content:center}
  .str .hero-stats{grid-template-columns:repeat(2,1fr);gap:14px}
  .str .svc-grid{grid-template-columns:1fr;gap:14px}
  .str .cs-steps{grid-template-columns:1fr}
  .str .cta-contact{gap:20px;flex-direction:column}
  .str .section{padding:44px 0}
}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.1);opacity:1}}
.str .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}
.str .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)}}
.str .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))
.str .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}

/* ===== str 专属：上升台阶+星标 ===== */
.str .hero-deco{position:absolute;top:50%;right:7%;transform:translateY(-50%);width:230px;height:220px;pointer-events:none;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px}
.str .step{display:block;border-radius:8px;background:linear-gradient(135deg,#2563EB,#0EA5E9);animation:strRise 3.2s ease-in-out infinite}
.str .step:nth-child(1){width:80px;height:26px;opacity:.3}
.str .step:nth-child(2){width:125px;height:26px;opacity:.5;animation-delay:.55s}
.str .step:nth-child(3){width:170px;height:26px;opacity:.7;animation-delay:1.1s}
.str .step:nth-child(4){width:215px;height:26px;opacity:.95;animation-delay:1.65s}
.str .hero-deco::after{content:'★';position:absolute;top:-10px;right:2px;font-size:24px;color:#F59E0B;text-shadow:0 0 14px rgba(245,158,11,.6);animation:strStar 2.8s ease-in-out infinite}
@keyframes strRise{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-7px);filter:brightness(1.3)}}
@keyframes strStar{0%,100%{transform:scale(1)}50%{transform:scale(1.22) rotate(10deg)}}

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

和讯数智 · 管理培训

管理培训
ERP培训 + 企业AI培训

和讯数智提供ERP培训（理论、沙盘、软件操作、系统管理员）与管理咨询培训（IPO/集团/制造高层培训），并新增企业AI培训（AI认知、智能体应用、YonClaw实操），2026年客户成功体系升级后同步开展客户成功进阶培训，让团队真正会用、用好系统。

咨询培训服务查看服务内容

20年+

培训经验

3000+

培训人次

6城

覆盖网点

100%

实操导向

服务内容

分层培训体系

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

ERP理论培训

ERP管理思想与价值认知

ERP原理
业务流程
管理价值

ERP沙盘培训

沙盘模拟经营，理解企业运营全局

沙盘推演
经营模拟
决策训练

ERP软件操作培训

用友U8/U9/U8C/NCC等软件实操

模块实操
流程演练
上岗认证

系统管理员培训

系统配置、运维与权限管理

系统管理
权限配置
常见问题处理

管理高层培训

IPO/集团/制造业信息化管理高层培训

信息化战略
数字化认知
转型路径

企业AI培训

AI认知、智能体应用与落地实操

AI认知课
智能体应用
YonClaw实操

企业AI服务

企业AI培训让团队拥抱AI

企业AI时代，团队AI能力是关键。和讯数智提供企业AI培训课程：从AI认知普及、智能体应用场景到用友YonClaw实操演练，帮助企业管理层与业务骨干理解AI、用好AI。AI产品基于用友原厂，和讯提供培训与落地服务。

AI认知培训企业AI趋势、场景与价值认知普及

智能体应用智能体在企业业务中的应用方法与案例

YonClaw实操用友YonClaw企业超级智能体实操演练

* 企业AI声明：用友YonClaw为用友原厂产品，和讯提供本地化培训、实施与落地服务。

客户成功体系（2026升级）

客户成功进阶培训

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

轻咨询能力

全员强化轻咨询能力与问题预判意识

案例沉淀

真实案例教学，经验共享

进阶培训

分层进阶，持续打磨专业素养

AI赋能

AI工具辅助学习与服务

常见问题

管理培训常见问题

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

培训课程有哪些形式？

线上线下结合，支持到企培训、集中培训与实操工作坊。

企业AI培训适合谁？

企业管理层、业务骨干与IT团队，从认知到实操分层开课。

培训老师是什么背景？

和讯数智资深顾问团队，20年+培训经验，服务3000+企业。

培训后有问题怎么办？

提供培训后答疑与操作支持，可衔接运维服务持续保障。

让和讯数智成为您的培训伙伴

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

咨询: 4000161700 访问和讯官网

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

4000161700 / 18302956503

www.xahexun.cn

/* ============================== Reset & Variables ============================== */
.str *{{margin:0;padding:0;box-sizing:border-box}}
.str{{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)
}}
.str img{{max-width:100%;display:block}}
.str a{{text-decoration:none;color:inherit}}
.str .container{{max-width:1200px;margin:0 auto;padding:0 24px}}
.str .section{{padding:80px 0}}
.str .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}}
.str .section-header{{text-align:center;max-width:800px;margin:0 auto 56px}}
.str .section-header h2{{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.str .section-header h2 em{{font-style:normal;color:var(--red)}}
.str .section-header p{{font-size:16px;color:var(--text-light);line-height:1.8}}
.str .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}}
.str .btn-primary{{background:var(--red);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.2}}
.str .btn-primary:hover{{background:var(--red-d);transform:translateY(-1px);box-shadow:0 8px 32px rgba(37,99,235,.35}}
.str .btn-outline{{background:transparent;color:var(--gray-800);border:2px solid var(--gray-300)}}
.str .btn-outline:hover{{border-color:var(--red);color:var(--red)}}
.str .btn svg{{width:18px;height:18px;flex-shrink:0}}

/* Scroll Progress */
.str .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 */
.str .hero{{position:relative;background:linear-gradient(180deg,var(--gray-50),#fff);overflow:hidden;padding:80px 0 60px}}
.str .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%)}}
.str .hero-inner{{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}}
.str .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}}
.str .hero h1{{font-size:2.6rem;font-weight:800;color:var(--gray-900);line-height:1.3!important;margin-bottom:16px}}
.str .hero h1 em{{font-style:normal;color:var(--red)}}
.str .hero-desc{{font-size:17px;color:var(--text-light);line-height:1.8;max-width:760px;margin-bottom:32px}}
.str .hero-actions{{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}}
.str .hero-stats{{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--gray-200)}}
.str .hero-stat{{text-align:center}}
.str .hero-stat-num{{font-size:2rem;font-weight:800;color:var(--red);line-height:1.2!important}}
.str .hero-stat-num span{{font-size:1rem;font-weight:600}}
.str .hero-stat-label{{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5!important}}

/* 服务内容卡片 */
.str .svc-section{{background:var(--white)}}
.str .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.str .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}
.str .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}
.str .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}
.str .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)}
.str .svc-card:hover::before{transform:translateX(100%)}
.str .svc-card:hover::after{opacity:1}
.str .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)}
.str .svc-card:hover .svc-icon svg{color:#fff;transform:scale(1.1)}
.str .svc-card:hover .svc-num{color:var(--red-l);opacity:1}
.str .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}
.str .svc-icon-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}
.str .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}
.str .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}
.str .svc-card:hover .svc-icon::before{opacity:1;animation-play-state:running}
.str .svc-icon svg{width:20px;height:20px;color:var(--red);transition:all .35s}
.str .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}
.str .svc-card:hover h3{background-size:100% 2px}
.str .svc-card p{font-size:13.5px;color:var(--text-light);line-height:1.65;position:relative;z-index:1;margin-bottom:10px}
.str .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}
.str .svc-list li{padding:3px 10px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-100);transition:all .3s}
.str .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)}}
.str .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}
.str .svc-card:hover .svc-bar{transform:scaleX(1)}
@media(max-width:968px){.str .svc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:640px){.str .svc-grid{grid-template-columns:1fr;gap:12px}.str .svc-card{padding:20px 18px}}

.str .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}}
.str .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}}
.str .svc-card:hover{{background:#fff;border-color:rgba(37,99,235,.12;box-shadow:var(--shadow-lg);transform:translateY(-4px)}}
.str .svc-card:hover::before{{color:var(--red-100)}}
.str .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}}
.str .svc-icon svg{{width:26px;height:26px;color:var(--red)}}
.str .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}}
.str .svc-card p{{font-size:14px;color:var(--text-light);line-height:1.7;position:relative;z-index:1}}
.str .svc-list{{list-style:none;padding:0;position:relative;z-index:1}}
.str .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}}
.str .svc-list li::before{{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:8px}}

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

/* 客户成功区 */
.str .cs-section{{background:var(--gray-50)}}
.str .cs-steps{{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}}
.str .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)}}
.str .cs-step:hover{{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}
.str .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}}
.str .cs-step:last-child::after{{display:none}}
.str .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}}
.str .cs-step h3{{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:6px;line-height:1.5!important}}
.str .cs-step p{{font-size:12px;color:var(--text-light);line-height:1.6}}

/* FAQ（平铺） */
.str .faq-section{{background:var(--white)}}
.str .faq-list{{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}}
.str .faq-item{{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:18px 22px;transition:var(--transition)}}
.str .faq-item:hover{{border-color:rgba(37,99,235,.2;box-shadow:var(--shadow)}}
.str .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}}
.str .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}}
.str .faq-answer{{padding:10px 0 0 36px;font-size:14px;color:var(--text-light);line-height:1.8}}
.str .faq-answer strong{{color:var(--red)}}

/* CTA */
.str .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)}}
.str .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%)}}
.str .cta-inner{{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}}
.str .cta-section h2{{font-size:1.9rem;font-weight:800;color:var(--gray-900);margin-bottom:16px;line-height:1.4!important}}
.str .cta-section p{{font-size:15px;color:var(--text-light);line-height:1.8;margin-bottom:28px}}
.str .cta-actions{{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}}
.str .cta-contact{{margin-top:24px;display:flex;gap:32px;justify-content:center;flex-wrap:wrap}}
.str .cta-contact-item{{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}}
.str .cta-contact-item svg{{width:18px;height:18px;color:var(--red)}}
.str .cta-contact-item strong{{color:var(--gray-900);font-weight:600}}

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

/* ========== 科技感增强（蓝白灰） ========== */
.str .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}
.str .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(14,165,233,.08),transparent 50%);pointer-events:none}
.str .svc-section{background:linear-gradient(180deg,#fff 0%,var(--gray-50) 100%)}
.str .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)}
.str .svc-card::before{background:linear-gradient(90deg,transparent,var(--red),transparent)}
.str .svc-card::after{background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.08),transparent 60%)}
.str .svc-card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 16px 40px rgba(37,99,235,.15)}
.str .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)}
.str .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)}
.str .svc-icon::before{border:1px dashed rgba(37,99,235,.35)}
.str .svc-icon svg{width:16px!important;height:16px!important;color:#2563EB}
.str .svc-card:hover .svc-list li{background:#EFF6FF;border-color:rgba(37,99,235,.2);color:#1D4ED8}
.str .svc-card:hover .svc-num{color:#60A5FA}
.str .section-tag{background:linear-gradient(90deg,#EFF6FF,#E0F2FE);color:#1D4ED8;border:1px solid rgba(37,99,235,.15)}
.str .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)}
.str .scroll-progress{background:linear-gradient(90deg,#2563EB,#0EA5E9)}
.str .btn-primary{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);box-shadow:0 4px 16px rgba(37,99,235,.25)}
.str .btn-primary:hover{background:linear-gradient(135deg,#1D4ED8 0%,#0284C7 100%);box-shadow:0 8px 32px rgba(37,99,235,.4)}
.str .btn-outline:hover{border-color:#2563EB;color:#2563EB}
.str .svc-num{color:rgba(37,99,235,.25)}

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