@media (max-width: 767px) {/* .S8aoiZzCl 自定义样式*/
.SM9x2w9uu {
/* <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模块01 - 导航栏 | 全球鲸</title>
    <link rel="stylesheet" href="base.css">
    <style>body { background: var(--dark); padding-top: 80px; }</style> */
}}
.SZmPoaP56{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / cover;padding:0 48px;width:100%;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0px;z-index:100;border-bottom:1px solid rgba(255,255,255,0.08);}
@media (max-width: 991px) {.SZmPoaP56{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;}}
.SJoay7vj5{object-fit:cover;max-width:100%;max-height:100%;height:40px;}
@media (max-width: 991px) {.SJoay7vj5{height:40px;}}
.S6yEyfE5f{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S6yEyfE5f{color:rgba(0, 0, 0, 1);width:200px;}}
.SPPly7UHP{justify-content:flex-end;color:rgba(0, 0, 0, 1);}
.SDmLQEOxR{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SDmLQEOxR{color:rgba(0, 0, 0, 1);width:50px;text-align:right;}}
.S4vvf5lgt{text-align:justify;}
@media (max-width: 991px) {.S4vvf5lgt{color:rgba(0, 0, 0, 1);}}
.STLF26H6m{display:flex;flex-direction:row;padding:9px 15px 9px 15px;}
.SHXs4UJDZ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SHXs4UJDZ{color:rgba(0, 0, 0, 1);width:90px;text-align:right;}}
/* .S33cfcoFK 自定义样式*/
.S33cfcoFK {
  
/* 请在此处编写样式 */
}
.S33cfcoFK{width:24px;height:24px;}
.S0fZVXNLg{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S0fZVXNLg{color:rgba(0, 0, 0, 1);width:90px;}}
.SUQGhbpIJ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SUQGhbpIJ{color:rgba(0, 0, 0, 1);width:90px;}}
/* .SRoKe62KA 自定义样式*/
.SRoKe62KA {
/* <script>
const useBubble = document.createElement("script");
      useBubble.type = "text/javascript";
      useBubble.async = true;
      useBubble.src = "https://v8.whaleonlin.com/yb_solution/addons/ai_service/public/js/showBubble.js?v=4";
      const header = document.getElementsByTagName("head")[0];
      header.appendChild(useBubble);
      setTimeout(() => {
          window.showKAIBubbles("https://v8.whaleonlin.com/yb_solution/h5/1/#/yb_jianzhan/page/ai/AiChat?type=ai_chat&preview=1&hide_back=1&id=1");
      }, 1000);
</script> */
}
.SRoKe62KA{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SRoKe62KA{color:rgba(0, 0, 0, 1);width:90px;}}
.S6F0M5Ir9{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S6F0M5Ir9{color:rgba(0, 0, 0, 1);text-align:left;letter-spacing:0px;width:90px;}}
.SkXWCr5N2{background:#0a1220;padding-top:80px;padding-right:0px;padding-bottom:40px;padding-left:0px;}
.SoXgGuXfh{padding:0 24px;margin:0 auto;max-width:1200px;}
.ScEiBan5j{margin-bottom:40px;padding:20px;display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;}
@media (max-width: 991px) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}}
@media (max-width: 767px) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
@media (max-width: 575px) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
.SgZfwxNFu{display:flex;align-items:flex-start;flex-direction:column;}
.Sy6AXp9XI{color:#ffffff;margin-top:0px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3;}
.S5MwLoPbN{color:#1677ff;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.5;}
.Szndwmu4v{color:#9aa8bf;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.8;}
.S43u6rNZr{color:#9aa8bf;font-size:14px;font-weight:400;line-height:1.6;}
.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
.SvfF4kFFl{display:flex;align-items:flex-start;flex-direction:column;}
.SXkEgFir0{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.SiQGzfc2i{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Stea29JiW{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SlAYDU9a8{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SQ1RL8ekr{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
.SNnaQ4YUJ{display:flex;align-items:flex-start;flex-direction:column;}
.S4zNn1hQ1{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.Sb3IJyvWe{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SWg2sp3Jt{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SUv9Rc77I{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S8M1Xw05w{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
.SeU8BX1Tn{display:flex;align-items:flex-start;flex-direction:column;}
.Sq4wXkwAK{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.STT8AZQ3T{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.So7bXMqnZ{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.STCT42K9g{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SwnLjkvOR{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S7E7JF5yE{background:#1e2a3d;margin-bottom:24px;width:100%;height:1px;}
.SKcPdiRIl{color:#6b7a91;text-align:center;font-size:13px;font-weight:400;line-height:1.6;}
.SJqm5moQk{background:linear-gradient(180deg, #f6faff 0%, #ffffff 100%);width:100%;min-height:560px;display:flex;justify-content:center;align-items:center;}
.SEZE3AYdj{padding:120px 24px;margin:0 auto;text-align:center;max-width:960px;}
.S08gYBD6L{color:#1a1a2e;margin-top:0px;margin-bottom:24px;text-align:center;font-size:48px;font-weight:700;line-height:1.2;}
.SbYW6EU9X{color:#4a4a5a;margin:0 auto 40px auto;text-align:center;font-size:20px;font-weight:400;line-height:1.6;max-width:720px;}
.S0TTUi1LC{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;}
.Sm5PLK3F4{color:#ffffff;background:#1677ff;padding:14px 40px;font-size:18px;font-weight:500;border:none;border-radius:8px;box-shadow:0 8px 24px rgba(22,119,255,0.35);cursor:pointer;}
.SHIX2Btig{color:#1677ff;background:transparent;padding:14px 40px;font-size:18px;font-weight:500;border:1px solid #1677ff;border-radius:8px;cursor:pointer;}
.ShMydXQVj{padding:60px 0px 60px 0px;width:100%;}
@media (max-width: 767px) {.ShMydXQVj{padding:20px 0px 20px 0px;}}
@media (max-width: 575px) {.ShMydXQVj{padding:10px 0px 10px 0px;}}
.ScvR0wG1y{max-width:1200px;padding:0px 0px 0px 0px;margin:0 auto;}
@media (max-width: 991px) {.ScvR0wG1y{padding:0px 20px 0px 20px;}}
@media (max-width: 767px) {.ScvR0wG1y{padding:0px 12px 0px 12px;}}
.S5W4wCMd1{padding:0px 0px 0px 0px;width:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;}
.SoJN9qb4b{word-break:break-all;font-size:38px;font-weight:700;}
@media (max-width: 767px) {.SoJN9qb4b{font-size:18px;}}
.SY6e4Ya22{word-break:break-all;margin:10px 0px 0px 0px;color:rgba(133, 133, 133, 1);font-size:20px;}
@media (max-width: 767px) {.SY6e4Ya22{font-size:14px;}}
@media (max-width: 575px) {.SY6e4Ya22{font-size:12px;margin:6px 0px 0px 0px;}}
.SttafoqJn{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;margin:40px 0px 0px 0px;}
@media (max-width: 991px) {.SttafoqJn{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;}}
@media (max-width: 767px) {.SttafoqJn{padding:0px 0px 0px 0px;display:grid;column-gap:10px;row-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SttafoqJn{padding:0px 0px 0px 0px;display:grid;column-gap:10px;row-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:10px 0px 0px 0px;}}
.Sw3dKVp9T{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.Sw3dKVp9T{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.Sw3dKVp9T{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.Sw3dKVp9T{grid-column:span 1;grid-row:span 1;}}
.SQquuD37t{padding:40px 0px 40px 0px;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;border-radius:10px;box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12);}
@media (max-width: 991px) {.SQquuD37t{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SQquuD37t{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.SbU7bq4q8{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SbU7bq4q8{height:100%;width:40%;}}
@media (max-width: 767px) {.SbU7bq4q8{height:100%;width:40%;}}
.ScDwQ7aoc{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SbdtBEff7{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SbdtBEff7{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SbdtBEff7{margin:10px 0px 0px 0px;font-size:14px;}}
.SRciKDkmN{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SRciKDkmN{font-size:12px;}}
@media (max-width: 767px) {.SRciKDkmN{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SRciKDkmN{margin:10px 0px 0px 0px;font-size:11px;}}
.Se7zgGus8{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.Se7zgGus8{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.Se7zgGus8{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.Se7zgGus8{grid-column:span 1;grid-row:span 1;}}
.SlMRgxgqv{padding:40px 0px 40px 0px;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;border-radius:10px;box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12);}
@media (max-width: 991px) {.SlMRgxgqv{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SlMRgxgqv{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.ST3gSBTKq{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.ST3gSBTKq{height:100%;width:40%;}}
@media (max-width: 767px) {.ST3gSBTKq{height:100%;width:40%;}}
.S48wsLnUO{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SxtNgAMnw{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SxtNgAMnw{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SxtNgAMnw{margin:10px 0px 0px 0px;font-size:14px;}}
.SbUXc49X9{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SbUXc49X9{font-size:12px;}}
@media (max-width: 767px) {.SbUXc49X9{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SbUXc49X9{margin:10px 0px 0px 0px;font-size:11px;}}
.SlfqwcHrQ{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SlfqwcHrQ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SlfqwcHrQ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SlfqwcHrQ{grid-column:span 1;grid-row:span 1;}}
.Sdpd0WjAd{padding:40px 0px 40px 0px;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;border-radius:10px;box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12);}
@media (max-width: 991px) {.Sdpd0WjAd{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.Sdpd0WjAd{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.SNADxuORf{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SNADxuORf{height:100%;width:40%;}}
@media (max-width: 767px) {.SNADxuORf{height:100%;width:40%;}}
.SuarO09Zn{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SripWTz9e{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SripWTz9e{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SripWTz9e{margin:10px 0px 0px 0px;font-size:14px;}}
.SdjKj8V5j{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SdjKj8V5j{font-size:12px;}}
@media (max-width: 767px) {.SdjKj8V5j{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SdjKj8V5j{margin:10px 0px 0px 0px;font-size:11px;}}
.S0wOojaXv{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S0wOojaXv{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S0wOojaXv{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S0wOojaXv{grid-column:span 1;grid-row:span 1;}}
.SJhcMenPI{padding:40px 0px 40px 0px;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;border-radius:10px;box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12);}
@media (max-width: 991px) {.SJhcMenPI{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SJhcMenPI{padding:20px 10px 38px 10px;margin:0px 0px 0px 0px;}}
@media (max-width: 575px) {.SJhcMenPI{padding:20px 10px 20px 10px;}}
.SfCCi21fC{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SfCCi21fC{height:100%;width:40%;}}
@media (max-width: 767px) {.SfCCi21fC{height:100%;width:40%;}}
.SLudqzb5Z{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SEbQrZb7O{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SEbQrZb7O{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SEbQrZb7O{margin:10px 0px 0px 0px;font-size:14px;}}
.S3KhgtuYf{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.S3KhgtuYf{font-size:12px;}}
@media (max-width: 767px) {.S3KhgtuYf{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.S3KhgtuYf{margin:10px 0px 0px 0px;font-size:11px;}}
.S4qF2Yvnq{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S4qF2Yvnq{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S4qF2Yvnq{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S4qF2Yvnq{grid-column:span 1;grid-row:span 1;}}
.StGb99gVR{padding:40px 0px 40px 0px;width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;border-radius:10px;box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12);}
@media (max-width: 991px) {.StGb99gVR{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.StGb99gVR{padding:20px 10px 38px 10px;margin:0px 0px 0px 0px;}}
@media (max-width: 575px) {.StGb99gVR{padding:20px 10px 20px 10px;}}
.SE5JUPVvi{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SE5JUPVvi{height:100%;width:40%;}}
@media (max-width: 767px) {.SE5JUPVvi{height:100%;width:40%;}}
.S69hoXAGG{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.ScMQchf59{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.ScMQchf59{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.ScMQchf59{margin:10px 0px 0px 0px;font-size:14px;}}
.ShwjtNhri{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.ShwjtNhri{font-size:12px;}}
@media (max-width: 767px) {.ShwjtNhri{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.ShwjtNhri{margin:10px 0px 0px 0px;font-size:11px;}}
.SSYcrI2tt{padding:0px;}
.SE0OR90eS{padding:80px 24px;margin:0 auto;max-width:1200px;width:100%;display:flex;align-items:center;flex-direction:column;}
.SB7NkrQM5{color:#1f2937;margin-bottom:12px;text-align:center;font-size:32px;font-weight:700;line-height:1.3;}
.SWjokktmf{color:#6b7280;margin-bottom:32px;text-align:center;font-size:16px;line-height:1.6;}
.SWAOHGNM9{padding:32px;margin:0 auto;max-width:640px;width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.SzlMB53tX{background-color:rgba(58, 130, 248, 1);border-radius:6px;color:rgba(255, 255, 255, 1);display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;}
.SzlMB53tX:hover, .SzlMB53tX.-diy-state-hover{background-color:rgba(58, 130, 248, 0.9);color:rgba(255, 255, 255, 1);display:inline-flex;align-items:center;justify-content:center;}