.reference-home{margin:0;background:#f9faff;color:#25314a;font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif}.reference-header{height:82px;max-width:1110px;margin:auto;display:flex;align-items:center;padding:0 24px;gap:44px}.reference-brand{display:flex;align-items:center;gap:9px;font-size:21px}.reference-brand span{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#3978ed;color:#fff;font-weight:800}.reference-brand strong{color:#3978ed}.reference-header nav{display:flex;align-items:center;gap:38px}.reference-header nav a,.reference-account a,.reference-account button{color:#9298a9;font-size:15px}.reference-header nav a.active,.reference-header nav a:hover{color:#3978ed}.reference-account{margin-left:auto;display:flex;gap:18px}.reference-account button{border:0;background:none;cursor:pointer}.reference-menu{display:none;border:0;background:none;font-size:23px}.reference-hero{max-width:1110px;min-height:760px;margin:auto;padding:35px 24px 70px;display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:74px}.reference-copy h1{margin:0;font-size:42px;line-height:1.5;font-weight:700;letter-spacing:0}.reference-copy h1 span{color:#3564e8}.reference-copy>p{margin:25px 0 40px;color:#9ba2b2;font-size:15px}.reference-copy>div{display:flex}.reference-copy a{min-width:92px;height:47px;display:grid;place-items:center;background:#5a72e5;color:#fff;font-weight:600}.reference-copy a.primary{background:#3d5de2;box-shadow:0 10px 26px rgba(61,93,226,.22)}.reference-visual{min-height:520px;display:grid;place-items:center}.reference-visual img{display:block;width:100%;max-width:620px;object-fit:contain}.reference-section{padding:90px 24px;max-width:900px;margin:auto;text-align:center;background:#fff}.reference-section:before{content:"";position:absolute;left:0;right:0;z-index:-1;height:380px;margin-top:-90px;background:#fff}.reference-section>span,.reference-feature>div>span{color:#3978ed;font-size:12px;font-weight:700}.reference-section h2,.reference-feature h2{font-size:34px;margin:12px 0 18px}.reference-section p,.reference-feature p{color:#7d8798;line-height:1.9}.reference-services{max-width:1110px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-services>div{background:#fff;border:1px solid #edf0f7;padding:34px}.reference-services span{color:#3978ed;font-weight:800}.reference-services h3{font-size:20px}.reference-services p{color:#8992a3;line-height:1.75}.reference-feature{background:#fff;padding:85px max(24px,calc((100vw - 1062px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.reference-feature a{display:inline-block;margin-top:20px;padding:13px 20px;background:#3978ed;color:#fff}.feature-facts{display:grid;grid-template-columns:auto 1fr;gap:20px 25px;align-items:baseline}.feature-facts strong{font-size:28px;color:#3978ed}.feature-facts span{color:#7d8798}.reference-footer{height:110px;display:flex;align-items:center;gap:20px;max-width:1110px;margin:auto;padding:0 24px;color:#8a92a1}.reference-footer strong{color:#3978ed;font-size:19px}.reference-footer small{margin-left:auto}.reference-home section{scroll-margin-top:90px}
@media(max-width:800px){.reference-header{height:68px;gap:14px}.reference-menu{display:block;margin-left:auto}.reference-header nav{display:none;position:absolute;z-index:50;left:16px;right:16px;top:66px;padding:18px;background:#fff;border:1px solid #e9edf5;box-shadow:0 12px 30px rgba(35,49,74,.1);flex-direction:column;align-items:flex-start;gap:18px}.reference-header nav.open{display:flex}.reference-account{margin:0}.reference-account a:first-child{display:none}.reference-hero{min-height:720px;grid-template-columns:1fr;padding-top:70px;gap:34px;text-align:center}.reference-copy h1{font-size:34px}.reference-copy>div{justify-content:center}.reference-visual{min-height:300px}.reference-visual img{max-height:340px}.reference-services{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.reference-feature{grid-template-columns:1fr;gap:45px}.reference-footer span{display:none}}