:root{--紫:#6865f4;--紫深:#4f48d8;--蓝:#2d65f2;--橙:#ff7b4b;--黄:#ffc84a;--青:#27c7bd;--墨:#202124;--灰:#656872;--线:#e8e9ef;--浅:#f5f4ff;--白:#fff;--阴影:0 24px 70px rgba(52,48,126,.12);--宽:min(1180px,90vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--墨);font:15px/1.75 "Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.容器{width:var(--宽);margin:auto}.顶部条{background:var(--墨);color:#fff;font-size:12px}.顶部条 .容器{min-height:38px;display:flex;justify-content:space-between;align-items:center}.顶部条 a{color:#c9c7ff}.页头{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,233,239,.8)}.导航{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.品牌{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:900;letter-spacing:-.04em}.品牌标{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c6df6,#455deb);box-shadow:0 10px 24px rgba(96,88,235,.28)}.品牌 small{display:block;margin-top:-5px;color:#8d91a0;font-size:9px;font-weight:500;letter-spacing:.15em}.导航链接{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.导航链接>a:hover,.导航链接>a.当前{color:var(--紫)}.导航按钮,.主按钮,.次按钮{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:8px;font-weight:700;transition:.25s}.导航按钮,.主按钮{color:#fff;background:var(--紫)}.导航按钮{min-height:42px;padding:0 17px}.导航按钮:hover,.主按钮:hover{transform:translateY(-2px);background:var(--紫深);box-shadow:0 14px 28px rgba(104,101,244,.25)}.次按钮{border:1px solid var(--线);background:#fff}.菜单按钮{display:none;border:0;background:transparent;font-size:25px}.首屏{position:relative;overflow:hidden;padding:105px 0 0;background:linear-gradient(135deg,#f0efff,#f9fbff 52%,#eefbff)}.首屏:before{position:absolute;inset:0;content:"";background:url('../img/hero/hero-frame.png') center top/cover no-repeat;opacity:.7}.首屏内容{position:relative;z-index:1;text-align:center}.眉题{display:inline-flex;align-items:center;gap:8px;color:var(--紫);font-size:12px;font-weight:800;letter-spacing:.13em}.眉题:before,.眉题:after{content:"";width:28px;height:1px;background:currentColor}.首屏 h1{max-width:940px;margin:22px auto 20px;font-size:clamp(46px,6.2vw,84px);line-height:1.12;letter-spacing:-.07em}.首屏 h1 span{color:var(--紫)}.首屏导语{max-width:730px;margin:auto;color:var(--灰);font-size:17px}.按钮组{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}.首屏看板{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:66px;padding:20px;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 28px 80px rgba(57,52,139,.16)}.看板主图,.看板侧图{overflow:hidden;border-radius:18px}.看板主图 img,.看板侧图 img{width:100%;height:100%;object-fit:cover}.看板侧图{display:grid;gap:18px;background:#f2f1ff}.看板卡{padding:24px;text-align:left;background:linear-gradient(145deg,#5d5aec,#7b67f3);color:#fff}.看板卡 b{display:block;font-size:32px}.看板卡 span{font-size:13px;color:#e5e4ff}.数据条{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--线);border-radius:0 0 22px 22px;background:#fff}.数据项{padding:27px 24px;border-right:1px solid var(--线)}.数据项:last-child{border:0}.数据项 b{display:block;font-size:31px;letter-spacing:-.06em}.数据项 span{color:var(--灰);font-size:12px}.区块{padding:110px 0}.浅底{background:#f7f7fb}.深底{color:#fff;background:#202124}.区块标题{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.区块标题 h2{max-width:680px;margin:12px 0 0;font-size:clamp(32px,4.3vw,54px);line-height:1.2;letter-spacing:-.055em}.区块标题 p{max-width:430px;margin:0;color:var(--灰)}.深底 .区块标题 p{color:#b8bbc5}.卡片网格{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.业务卡{position:relative;min-height:300px;padding:30px;border:1px solid var(--线);border-radius:18px;background:#fff;overflow:hidden;transition:.25s}.业务卡:hover{transform:translateY(-5px);box-shadow:var(--阴影)}.业务卡:nth-child(1){background:#fff4ec}.业务卡:nth-child(2){background:#eef5ff}.业务卡:nth-child(3){background:#f2efff}.业务卡:nth-child(4){background:#ebfaf6}.业务卡:nth-child(5){background:#fff9e9}.业务卡:nth-child(6){color:#fff;background:linear-gradient(135deg,#5f5bea,#755ee9)}.业务序号{color:#8c8fa0;font-size:12px;font-weight:800}.业务卡 h3{margin:58px 0 12px;font-size:23px;letter-spacing:-.04em}.业务卡 p{margin:0;color:#696c75;font-size:13px}.业务卡:nth-child(6) p,.业务卡:nth-child(6) .业务序号{color:#dfdeff}.业务箭头{position:absolute;right:28px;bottom:25px;font-size:22px}.优势网格,.流程网格,.交付网格{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.15);border-radius:18px;overflow:hidden}.优势项,.流程项,.交付项{min-height:230px;padding:28px;border-right:1px solid rgba(255,255,255,.15)}.优势项:last-child,.流程项:last-child,.交付项:last-child{border:0}.优势项 b,.流程项 b,.交付项 b{color:#9ea6ff;font-size:12px}.优势项 h3,.流程项 h3,.交付项 h3{margin:52px 0 10px;font-size:19px}.优势项 p,.流程项 p,.交付项 p{margin:0;color:#b8bbc5;font-size:13px}.流程网格,.交付网格{border-color:var(--线);background:#fff}.流程项,.交付项{border-color:var(--线)}.流程项 b,.交付项 b{color:var(--紫)}.流程项 p,.交付项 p{color:var(--灰)}.横幅{padding:78px 0;color:#fff;background:linear-gradient(120deg,#514bdd,#7061ee 62%,#2aa9d8)}.横幅 .容器{display:flex;justify-content:space-between;align-items:center;gap:40px}.横幅 h2{margin:0;font-size:clamp(30px,4vw,50px);line-height:1.2;letter-spacing:-.055em}.横幅 p{margin:12px 0 0;color:#e3e2ff}.页脚{padding:74px 0 24px;color:#aeb1bc;background:#17181a}.页脚网格{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px;padding-bottom:48px}.页脚 .品牌{color:#fff}.页脚 h4{color:#fff;font-size:14px}.页脚 p,.页脚 li{font-size:13px}.页脚 ul{padding:0;list-style:none}.页脚 li{margin:10px 0}.页脚底{padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.内页头{position:relative;overflow:hidden;padding:95px 0 85px;color:#fff;background:linear-gradient(130deg,#2a2b36,#5552da)}.内页头:after{position:absolute;right:-80px;top:-100px;width:420px;height:420px;border:80px solid rgba(255,255,255,.08);border-radius:50%;content:""}.内页头 .容器{position:relative;z-index:1}.面包屑{color:#c9c8ff;font-size:12px}.内页头 h1{max-width:900px;margin:20px 0;font-size:clamp(40px,5.5vw,68px);line-height:1.14;letter-spacing:-.065em}.内页头 p{max-width:720px;margin:0;color:#dcddf5;font-size:16px}.标签组{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.标签{padding:7px 12px;border-radius:100px;background:rgba(255,255,255,.13);font-size:12px}.双栏{display:grid;grid-template-columns:.95fr 1.05fr;gap:76px;align-items:center}.双栏.反向>*:first-child{order:2}.大文案 h2{margin:12px 0 20px;font-size:clamp(31px,4vw,49px);line-height:1.22;letter-spacing:-.055em}.大文案 p{color:var(--灰)}.清单{padding:0;list-style:none}.清单 li{padding:13px 0;border-bottom:1px solid var(--线);font-weight:700}.清单 li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;color:#fff;background:var(--紫);font-size:11px}.信号板{padding:32px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#282a38,#5552df);box-shadow:var(--阴影)}.信号板 h3{margin:16px 0 32px;font-size:28px}.信号行{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15);font-size:13px}.信号行 span:last-child{color:#b9f3ff}.服务索引{border-top:1px solid var(--线)}.服务索引 a{display:grid;grid-template-columns:60px 1fr 38px;gap:24px;align-items:center;padding:30px 12px;border-bottom:1px solid var(--线);transition:.2s}.服务索引 a:hover{padding-left:24px;background:#f7f7fb}.服务索引 b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:var(--紫)}.服务索引 h2{margin:0;font-size:23px}.服务索引 p{grid-column:2/3;margin:5px 0 0;color:var(--灰);font-size:13px}.价值网格{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.价值卡{padding:30px;border-radius:18px;background:#f5f4ff}.价值卡 b{color:var(--紫)}.价值卡 h3{font-size:21px}.价值卡 p{color:var(--灰);font-size:13px}.联系网格{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px}.联系卡,.表单卡{padding:36px;border:1px solid var(--线);border-radius:20px;background:#fff}.联系卡{background:linear-gradient(145deg,#efefff,#fff)}.联系项{padding:16px 0;border-bottom:1px solid var(--线)}.联系项 b{display:block}.联系项 span{color:var(--灰);font-size:13px}.表单行{display:grid;grid-template-columns:1fr 1fr;gap:14px}.字段{display:block;margin-bottom:15px}.字段 span{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.字段 input,.字段 select,.字段 textarea{width:100%;padding:12px 14px;border:1px solid var(--线);border-radius:8px;outline:0}.字段 textarea{min-height:120px;resize:vertical}.字段 input:focus,.字段 select:focus,.字段 textarea:focus{border-color:var(--紫);box-shadow:0 0 0 3px rgba(104,101,244,.11)}.提示{display:none;margin-top:13px;padding:12px;border-radius:8px;color:#19623b;background:#e7f8ee;font-size:13px}.二维码网格{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.二维码卡{padding:30px;border:1px dashed #b9b7e6;border-radius:18px;text-align:center}.二维码占位{display:grid;place-items:center;width:160px;height:160px;margin:0 auto 18px;border-radius:12px;color:#7d7f8c;background:repeating-linear-gradient(45deg,#f1f1f6,#f1f1f6 8px,#fafafd 8px,#fafafd 16px);font-size:12px}.跳转页{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#efefff,#fff)}.跳转卡{max-width:560px;padding:55px;border-radius:24px;text-align:center;background:#fff;box-shadow:var(--阴影)}.跳转卡 h1{font-size:38px}.跳转卡 p{color:var(--灰)}
@media(max-width:900px){.导航链接{display:none}.菜单按钮{display:block}.导航.展开 .导航链接{position:absolute;top:76px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 5vw 20px;background:#fff;border-bottom:1px solid var(--线)}.导航.展开 .导航链接 a{padding:12px}.首屏{padding-top:72px}.首屏看板,.双栏,.联系网格{grid-template-columns:1fr}.看板侧图{grid-template-columns:1fr 1fr}.数据条{grid-template-columns:repeat(2,1fr)}.数据项:nth-child(2){border-right:0}.数据项:nth-child(-n+2){border-bottom:1px solid var(--线)}.卡片网格{grid-template-columns:repeat(2,1fr)}.优势网格,.流程网格,.交付网格{grid-template-columns:repeat(2,1fr)}.优势项:nth-child(2),.流程项:nth-child(2),.交付项:nth-child(2){border-right:0}.区块{padding:78px 0}.区块标题{display:block}.区块标题 p{margin-top:18px}.页脚网格{grid-template-columns:1.5fr 1fr 1fr}.页脚网格>div:last-child{display:none}.双栏.反向>*:first-child{order:0}}
@media(max-width:580px){.顶部条 .容器{justify-content:center}.顶部条 span:last-child{display:none}.首屏 h1{font-size:45px}.首屏看板{margin-top:48px;padding:10px}.看板侧图{grid-template-columns:1fr}.数据项{padding:20px 15px}.卡片网格,.优势网格,.流程网格,.交付网格,.价值网格,.二维码网格{grid-template-columns:1fr}.优势项,.流程项,.交付项{border-right:0;border-bottom:1px solid var(--线)}.优势项:last-child,.流程项:last-child,.交付项:last-child{border-bottom:0}.深底 .优势项{border-color:rgba(255,255,255,.15)}.横幅 .容器{align-items:stretch;flex-direction:column}.主按钮,.次按钮{width:100%}.页脚网格{grid-template-columns:1fr 1fr}.页脚网格>div:first-child{grid-column:1/-1}.表单行{grid-template-columns:1fr}.区块标题 h2{font-size:34px}.内页头 h1{font-size:41px}.服务索引 a{grid-template-columns:48px 1fr 25px;gap:14px}.服务索引 p{grid-column:2/4}}
.二维码图片{width:220px;height:220px;margin:0 auto 20px;border:10px solid #fff;border-radius:16px;object-fit:contain;box-shadow:0 12px 36px rgba(37,38,64,.12)}.提示.错误{color:#8a2532;background:#fff0f2}.主按钮:disabled{cursor:wait;opacity:.68;transform:none}.防骚扰字段{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.品牌图{display:block;width:48px;height:43px;flex:0 0 auto;object-fit:contain}.页脚 .品牌图{width:54px;height:49px}@media(max-width:580px){.品牌图{width:42px;height:38px}}
.横幅 .次按钮{color:var(--墨)!important;background:#fff}.横幅 .次按钮:hover,.横幅 .次按钮:focus-visible{color:var(--紫深)!important;box-shadow:0 12px 28px rgba(29,28,72,.18)}