@media (max-width: 767px) {/* .SMnry8EhP 自定义样式*/
.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> */
}}
.SbSwZJ3Pt{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) {.SbSwZJ3Pt{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;}}
.SHwch56gm{object-fit:cover;max-width:100%;max-height:100%;height:40px;}
@media (max-width: 991px) {.SHwch56gm{height:40px;}}
.SRI4BMdF9{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SRI4BMdF9{color:rgba(0, 0, 0, 1);width:200px;}}
.S2oeU39e3{justify-content:flex-end;color:rgba(0, 0, 0, 1);}
.SNksxRnd5{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SNksxRnd5{color:rgba(0, 0, 0, 1);width:50px;text-align:right;}}
.SpSwMo76B{text-align:justify;}
@media (max-width: 991px) {.SpSwMo76B{color:rgba(0, 0, 0, 1);}}
.SUG413YED{display:flex;flex-direction:row;padding:9px 15px 9px 15px;}
.SGUaQas7R{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SGUaQas7R{color:rgba(0, 0, 0, 1);width:90px;text-align:right;}}
/* .Snciv111b 自定义样式*/
.Snciv111b {
  
/* 请在此处编写样式 */
}
.Snciv111b{width:24px;height:24px;}
.SHbYTgbiI{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SHbYTgbiI{color:rgba(0, 0, 0, 1);width:90px;}}
.Sj6qhLjoZ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.Sj6qhLjoZ{color:rgba(0, 0, 0, 1);width:90px;}}
.S2ssASM60{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S2ssASM60{color:rgba(0, 0, 0, 1);width:90px;}}
.SgfVJ2n0s{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SgfVJ2n0s{color:rgba(0, 0, 0, 1);text-align:left;letter-spacing:0px;width:90px;}}
.SZbqzrLdh{background:#0a1220;padding-top:80px;padding-right:0px;padding-bottom:40px;padding-left:0px;}
.SRV5jgziV{padding:0 24px;margin:0 auto;max-width:1200px;}
.SSddvdozx{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) {.SSddvdozx{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}}
@media (max-width: 767px) {.SSddvdozx{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
@media (max-width: 575px) {.SSddvdozx{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
.SCxOSzk4e{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SCxOSzk4e{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SCxOSzk4e{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SCxOSzk4e{grid-column:span 1;grid-row:span 1;}}
.SWO19beoP{display:flex;align-items:flex-start;flex-direction:column;}
.S39Zhoak5{color:#ffffff;margin-top:0px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3;}
.SjsA2fqzz{color:#1677ff;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.5;}
.S8UOavJ9L{color:#9aa8bf;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.8;}
.ST0ss9BRh{color:#9aa8bf;font-size:14px;font-weight:400;line-height:1.6;}
.SikUaTvBs{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SikUaTvBs{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SikUaTvBs{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SikUaTvBs{grid-column:span 1;grid-row:span 1;}}
.S1LonIgxb{display:flex;align-items:flex-start;flex-direction:column;}
.S18CGOVzK{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.SMGDyE3Fq{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Sw5aOu9OI{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SnGiJrHDx{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SkHKKAfkk{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S4SGQ5gPa{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S4SGQ5gPa{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S4SGQ5gPa{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S4SGQ5gPa{grid-column:span 1;grid-row:span 1;}}
.SemWJXL9x{display:flex;align-items:flex-start;flex-direction:column;}
.SadYRY27X{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.S8LcAxqm6{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.ShMSS1hXT{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SdVQCDjhi{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SDrR3cqtZ{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SIPOUz5Lk{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SIPOUz5Lk{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SIPOUz5Lk{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SIPOUz5Lk{grid-column:span 1;grid-row:span 1;}}
.Si2TuAqBV{display:flex;align-items:flex-start;flex-direction:column;}
.SQxNahMxx{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.S1S911551{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SuAahqKQT{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SOXOvTtyr{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Sbb1hv1PQ{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SwyNbFsY3{background:#1e2a3d;margin-bottom:24px;width:100%;height:1px;}
.SkaYdamwm{color:#6b7a91;text-align:center;font-size:13px;font-weight:400;line-height:1.6;}
.Sr1pn1iXq{background:linear-gradient(180deg, #f6faff 0%, #ffffff 100%);width:100%;min-height:560px;display:flex;justify-content:center;align-items:center;}
.SOKcZYdZt{padding:120px 24px;margin:0 auto;text-align:center;max-width:960px;}
.SmQX63gtF{color:#1a1a2e;margin-top:0px;margin-bottom:24px;text-align:center;font-size:48px;font-weight:700;line-height:1.2;}
.S5mcquQvn{color:#4a4a5a;margin:0 auto 40px auto;text-align:center;font-size:20px;font-weight:400;line-height:1.6;max-width:720px;}
.SqMzodtmr{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;}
.SGhhiB02g{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;}
.Sb0F0l4Vn{color:#1677ff;background:transparent;padding:14px 40px;font-size:18px;font-weight:500;border:1px solid #1677ff;border-radius:8px;cursor:pointer;}
.SFtvJYov7{padding:60px 0px 60px 0px;width:100%;}
@media (max-width: 767px) {.SFtvJYov7{padding:20px 0px 20px 0px;}}
@media (max-width: 575px) {.SFtvJYov7{padding:10px 0px 10px 0px;}}
.SLvjm6n1H{max-width:1200px;padding:0px 0px 0px 0px;margin:0 auto;}
@media (max-width: 991px) {.SLvjm6n1H{padding:0px 20px 0px 20px;}}
@media (max-width: 767px) {.SLvjm6n1H{padding:0px 12px 0px 12px;}}
.SzcBQOTam{padding:0px 0px 0px 0px;width:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;}
.SS5sfqJJ7{word-break:break-all;font-size:38px;font-weight:700;}
@media (max-width: 767px) {.SS5sfqJJ7{font-size:18px;}}
.ShWjGxbdt{word-break:break-all;margin:10px 0px 0px 0px;color:rgba(133, 133, 133, 1);font-size:20px;}
@media (max-width: 767px) {.ShWjGxbdt{font-size:14px;}}
@media (max-width: 575px) {.ShWjGxbdt{font-size:12px;margin:6px 0px 0px 0px;}}
.SioWi0ESj{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) {.SioWi0ESj{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) {.SioWi0ESj{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) {.SioWi0ESj{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;}}
.Sobh7hHIg{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.Sobh7hHIg{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.Sobh7hHIg{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.Sobh7hHIg{grid-column:span 1;grid-row:span 1;}}
.Sl3AUqsw6{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) {.Sl3AUqsw6{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.Sl3AUqsw6{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.SnqU2Bxmp{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SnqU2Bxmp{height:100%;width:40%;}}
@media (max-width: 767px) {.SnqU2Bxmp{height:100%;width:40%;}}
.SuvLWQkEd{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SxQxe8F4N{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SxQxe8F4N{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SxQxe8F4N{margin:10px 0px 0px 0px;font-size:14px;}}
.S2jhIWb04{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.S2jhIWb04{font-size:12px;}}
@media (max-width: 767px) {.S2jhIWb04{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.S2jhIWb04{margin:10px 0px 0px 0px;font-size:11px;}}
.St3Wkw7my{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.St3Wkw7my{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.St3Wkw7my{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.St3Wkw7my{grid-column:span 1;grid-row:span 1;}}
.SbreHPSOU{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) {.SbreHPSOU{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SbreHPSOU{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.SFyCJ3oo9{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SFyCJ3oo9{height:100%;width:40%;}}
@media (max-width: 767px) {.SFyCJ3oo9{height:100%;width:40%;}}
.SmIYms8ok{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SRJntNNAX{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SRJntNNAX{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SRJntNNAX{margin:10px 0px 0px 0px;font-size:14px;}}
.SD3gtOBtZ{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SD3gtOBtZ{font-size:12px;}}
@media (max-width: 767px) {.SD3gtOBtZ{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SD3gtOBtZ{margin:10px 0px 0px 0px;font-size:11px;}}
.S2eMKCFKu{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S2eMKCFKu{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S2eMKCFKu{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S2eMKCFKu{grid-column:span 1;grid-row:span 1;}}
.SSQgAuNAv{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) {.SSQgAuNAv{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SSQgAuNAv{padding:20px 10px 20px 10px;margin:0px 0px 0px 0px;}}
.SkHnIrvVH{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.SkHnIrvVH{height:100%;width:40%;}}
@media (max-width: 767px) {.SkHnIrvVH{height:100%;width:40%;}}
.SWGGgk12j{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SFX7fboSI{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SFX7fboSI{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SFX7fboSI{margin:10px 0px 0px 0px;font-size:14px;}}
.SNaZ36Uym{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SNaZ36Uym{font-size:12px;}}
@media (max-width: 767px) {.SNaZ36Uym{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SNaZ36Uym{margin:10px 0px 0px 0px;font-size:11px;}}
.Ssnr6iAok{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.Ssnr6iAok{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.Ssnr6iAok{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.Ssnr6iAok{grid-column:span 1;grid-row:span 1;}}
.SFOTwDOaZ{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) {.SFOTwDOaZ{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SFOTwDOaZ{padding:20px 10px 38px 10px;margin:0px 0px 0px 0px;}}
@media (max-width: 575px) {.SFOTwDOaZ{padding:20px 10px 20px 10px;}}
.STTKL0aOe{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.STTKL0aOe{height:100%;width:40%;}}
@media (max-width: 767px) {.STTKL0aOe{height:100%;width:40%;}}
.SssrzAar0{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.SzyLV0Pq9{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.SzyLV0Pq9{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.SzyLV0Pq9{margin:10px 0px 0px 0px;font-size:14px;}}
.SZB5cPsfY{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SZB5cPsfY{font-size:12px;}}
@media (max-width: 767px) {.SZB5cPsfY{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SZB5cPsfY{margin:10px 0px 0px 0px;font-size:11px;}}
.Syq8EruiA{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.Syq8EruiA{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.Syq8EruiA{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.Syq8EruiA{grid-column:span 1;grid-row:span 1;}}
.SMER8dTk7{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) {.SMER8dTk7{padding:40px 10px 40px 10px;}}
@media (max-width: 767px) {.SMER8dTk7{padding:20px 10px 38px 10px;margin:0px 0px 0px 0px;}}
@media (max-width: 575px) {.SMER8dTk7{padding:20px 10px 20px 10px;}}
.S4aqKuHgc{padding:0px 0px 0px 0px;width:30%;height:100%;}
@media (max-width: 991px) {.S4aqKuHgc{height:100%;width:40%;}}
@media (max-width: 767px) {.S4aqKuHgc{height:100%;width:40%;}}
.SUAyNraLt{width:100%;height:100%;object-fit:cover;border-radius:500px;}
.S3eKF4WZO{word-break:break-all;margin:20px 0px 0px 0px;font-size:20px;font-weight:700;}
@media (max-width: 767px) {.S3eKF4WZO{margin:20px 0px 0px 0px;font-size:16px;}}
@media (max-width: 575px) {.S3eKF4WZO{margin:10px 0px 0px 0px;font-size:14px;}}
.SFEKduoSp{word-break:break-all;margin:40px 0px 0px 0px;font-size:14px;color:rgba(51, 51, 51, 1);}
@media (max-width: 991px) {.SFEKduoSp{font-size:12px;}}
@media (max-width: 767px) {.SFEKduoSp{margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SFEKduoSp{margin:10px 0px 0px 0px;font-size:11px;}}
.SPJd4yKQv{padding:0px;}
.SD93WQOkE{padding:80px 24px;margin:0 auto;max-width:1200px;width:100%;display:flex;align-items:center;flex-direction:column;}
.S8zsTfqun{color:#1f2937;margin-bottom:12px;text-align:center;font-size:32px;font-weight:700;line-height:1.3;}
.Sx6aUFdRg{color:#6b7280;margin-bottom:32px;text-align:center;font-size:16px;line-height:1.6;}
.SUzUbmYqp{padding:32px;margin:0 auto;max-width:640px;width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.SMKxRP1K3{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;}
.SMKxRP1K3:hover, .SMKxRP1K3.-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;}