:root{--main-color: hsl(247, 86%, 56%);
--main-color-soft: hsla(247, 86%, 56%, 0.1);
--accent-color: hsl(310, 69%, 56%);
--content-page-bg: hsl(220, 7%, 96%);
--content-surface-bg: #ffffff;
--content-text: hsl(220, 10%, 11%);
--content-text-muted: rgba(31, 35, 40, 0.72);
--content-border: rgba(0, 0, 0, 0.08);
--content-accent-text: hsl(22, 78%, 28%);
--max-width: 1541px;
--reading-width: 932px;
--border-radius: 12px;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--primary-gradient: linear-gradient(135deg, hsl(247, 86%, 56%), hsl(310, 69%, 56%));
--hero-content-width: 932px;
--content-heading: hsl(220, 10%, 11%);
--content-accent-ui: hsl(22, 78%, 38%);
--content-link-color: hsl(22, 78%, 28%);
--content-link-hover: hsl(22, 78%, 28%);
--page-text-color: var(--content-text, hsl(220, 10%, 11%));
--page-heading-color: var(--content-heading, var(--content-text, hsl(220, 10%, 11%)));
--page-link-color: var(--content-link-color, var(--content-accent-text, hsl(22, 78%, 28%)));
--page-link-hover-color: var(--content-link-hover, hsl(22, 78%, 28%));
--page-muted-color: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--page-accent-soft: rgba(172, 76, 21, 0.12);
--page-accent-glow: rgba(172, 76, 21, 0.42);
--primary-accent: var(--content-accent-ui, var(--primary-color, hsl(22, 78%, 38%)));
--secondary-accent: var(--secondary-color, hsl(22, 78%, 38%));}
main.n2334cd .s0b89d__f8b{box-sizing:border-box;}
main.n2334cd * 遵循官方产品站设计语言：宽屏舞台感、高对比度、现代无衬线字体
    */
    main.n2334cd *{box-sizing: border-box;
margin: 0;
padding: 0;}
main.n2334cd{background-color: var(--content-page-bg, #f5f7fb);
color: var(--content-text, #1f2328);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
overflow-x: hidden;}
main.n2334cd{width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;}
main.n2334cd .ed7397c7_pmx{width: 100%;
max-width: var(--max-width);
padding: 80px 40px;
display: flex;
flex-direction: column;
align-items: center;}
main.n2334cd .c07829_101{padding-top: 100px;
padding-bottom: 60px;
text-align: center;
background: linear-gradient(180deg, #ffffff 0%, var(--content-page-bg) 100%);
color: hsl(220, 10%, 11%);}
main.n2334cd .tomw6al2{max-width: var(--reading-width);}
main.n2334cd h1{font-size: clamp(2.5rem, 5vw, 3.5rem);
font-weight: 800;
line-height: 1.2;
margin-bottom: 24px;
color: var(--content-text);
letter-spacing: -0.02em;}
main.n2334cd .d97cd_7b8e{font-size: 1.25rem;
color: var(--content-text-muted);
margin-bottom: 40px;
max-width: 800px;
margin-left: auto;
margin-right: auto;}
main.n2334cd .of1fa56_c9{display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin-top: 40px;
width: 100%;}
main.n2334cd .o24b8__fdc0c{background: var(--content-surface-bg);
border: 1px solid var(--content-border);
border-radius: var(--border-radius);
padding: 40px;
transition: var(--transition);
display: flex;
flex-direction: column;
gap: 20px;
color: hsl(220, 10%, 11%);}
main.n2334cd .o24b8__fdc0c:hover{transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.05);
border-color: var(--main-color);}
main.n2334cd .o24b8__fdc0c h3{font-size: 1.5rem;
color: var(--main-color);
display: flex;
align-items: center;
gap: 12px;}
main.n2334cd .o24b8__fdc0c ul{list-style: none;}
main.n2334cd .o24b8__fdc0c li{padding: 12px 0;
border-bottom: 1px solid var(--content-border);
color: var(--content-text-muted);
display: flex;
justify-content: space-between;}
main.n2334cd .o24b8__fdc0c li:last-child{border-bottom: none;}
main.n2334cd .ne9615e2969{font-weight: 600;
padding: 2px 10px;
border-radius: 4px;
font-size: 0.85rem;}
main.n2334cd .pff383__0aaf8{color: hsl(160, 82%, 28%);
background: #ecfdf5;}
main.n2334cd .qhwxw6elg{color: hsl(38, 82%, 28%);
background: #fffbeb;}
main.n2334cd .g7f6181_t3n0{width: 100%;
background: #181d24;
padding: 100px 0;
display: flex;
justify-content: center;
color: #ffffff;
overflow: hidden;}
main.n2334cd .b54eb7ed8{max-width: var(--max-width);
width: 90%;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 60px;}
main.n2334cd .m39231__9244b h2{font-size: 2.5rem;
margin-bottom: 24px;
color: #ffffff;}
main.n2334cd .m39231__9244b p{font-size: 1.1rem;
color: rgba(255,255,255,0.7);
margin-bottom: 30px;}
main.n2334cd .p91290_3ea{position: relative;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 30px 60px rgba(0,0,0,0.5);
isolation: isolate;}
main.n2334cd .p91290_3ea img{width: 100%;
display: block;
aspect-ratio: 16 / 10;
object-fit: cover;}
main.n2334cd .y7a34e57143{max-width: var(--reading-width);
width: 100%;
margin: 80px auto;}
main.n2334cd h2.g0ec1d_b4z{font-size: 2.25rem;
text-align: center;
margin-bottom: 16px;
color: var(--content-text);}
main.n2334cd p.hbbba1b_w6j{text-align: center;
color: var(--content-text-muted);
margin-bottom: 48px;}
main.n2334cd .t4bd668d{margin-bottom: 24px;
background: var(--content-surface-bg);
border: 1px solid var(--content-border);
border-radius: var(--border-radius);
padding: 30px;
color: hsl(220, 10%, 11%);}
main.n2334cd .t4bd668d h4{font-size: 1.2rem;
margin-bottom: 12px;
color: var(--content-text);
display: flex;
gap: 10px;}
main.n2334cd .t4bd668d p{color: var(--content-text-muted);}
main.n2334cd .mac3a__ce2{background: var(--main-color);
width: 100%;
padding: 100px 40px;
text-align: center;
color: #ffffff;}
main.n2334cd .mac3a__ce2 h2{font-size: 2.5rem;
margin-bottom: 20px;}
main.n2334cd .mac3a__ce2 p{font-size: 1.2rem;
opacity: 0.9;
margin-bottom: 40px;}
main.n2334cd .s5a4b0d3b{display: inline-block;
background: #ffffff;
color: var(--main-color);
padding: 18px 48px;
border-radius: 50px;
font-weight: 700;
text-decoration: none;
font-size: 1.1rem;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
transition: var(--transition);}
main.n2334cd .s5a4b0d3b:hover{transform: scale(1.05);
box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
main.n2334cd .copyright{color: var(--content-text-muted);
font-size: 0.9rem;}
@media (max-width: 1024px) {main.n2334cd .of1fa56_c9, main.n2334cd .b54eb7ed8{grid-template-columns: 1fr;}
main.n2334cd .ed7397c7_pmx{padding: 60px 24px;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
main img.d2e0__5ac0{display: block;
max-width: 100%;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;}
main img.d2e0__5ac0.e885__1c5d{aspect-ratio: 16 / 9;}
main img.d2e0__5ac0.g2b7a446b{aspect-ratio: 16 / 10;}
main img.d2e0__5ac0.pd4f__486d{aspect-ratio: 4 / 3;}
main img.d2e0__5ac0.x954__1bbc{aspect-ratio: 1 / 1;}
main .b6e141_0125.e885__1c5d{aspect-ratio: 16 / 9;}
main .b6e141_0125.g2b7a446b{aspect-ratio: 16 / 10;}
main .b6e141_0125.pd4f__486d{aspect-ratio: 4 / 3;}
main .b6e141_0125.x954__1bbc{aspect-ratio: 1 / 1;}
@media (min-width: 769px) {div.b54eb7ed8 > *{min-width: 0   !important;}
div.m39231__9244b{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p91290_3ea{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.p91290_3ea :where(img, picture, video, canvas, svg), div.p91290_3ea picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}}
:root{--primary-color: hsl(247, 86%, 56%);
--secondary-color: hsl(310, 69%, 56%);
--bg-color: hsl(247, 8%, 95%);
--text-color: hsl(247, 10%, 13%);
--text-muted: rgba(24,33,47,0.72);
--content-page-bg: hsl(247, 8%, 95%);
--content-surface-bg: rgba(255,255,255,0.88);
--content-text: hsl(247, 10%, 13%);
--content-text-muted: rgba(24,33,47,0.72);
--content-accent-ui: hsl(247, 86%, 56%);
--content-accent-text: hsl(0, 18%, 28%);
--content-link-color: hsl(0, 18%, 28%);
--content-link-hover: hsl(310, 69%, 28%);}
body{background: var(--bg-color, hsl(247, 8%, 95%))   !important;
color: var(--text-color, hsl(247, 10%, 13%))   !important;}
:is(main, .x53f756ac91){color: var(--content-text, hsl(247, 10%, 13%))   !important;}
div.tomw6al2{text-align: center   !important;
align-items: center   !important;}
div.tomw6al2 > :is(h1, h2, p){text-align: center   !important;
max-width: min(100%, 932px)   !important;
margin-left: auto   !important;
margin-right: auto   !important;}
div.tomw6al2 > :is(div, nav, ul, ol){margin-left: auto   !important;
margin-right: auto   !important;}
[data-fp-block="da33778204"] > :is(h1, h2, p){text-align: center   !important;
max-width: min(100%, 932px)   !important;
margin-left: auto   !important;
margin-right: auto   !important;}
div.mac3a__ce2{--ma902f50549: hsl(247, 82%, 92%);
--mc30e6cd1a5: rgba(221, 217, 251, 0.84);
--def5fa8f5: hsl(247, 82%, 92%);
--z0268e10756: light;}
div.mac3a__ce2 div.ed7397c7_pmx{--ma902f50549: hsl(247, 82%, 92%);
--mc30e6cd1a5: rgba(221, 217, 251, 0.84);
--def5fa8f5: hsl(247, 82%, 92%);
--z0268e10756: light;
color: var(--ma902f50549, hsl(247, 82%, 92%))   !important;}
div.mac3a__ce2 div.ed7397c7_pmx :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--ma902f50549, hsl(247, 82%, 92%))   !important;}
div.mac3a__ce2 div.ed7397c7_pmx a:not([class]):not([data-track]):not([role="button"]), div.mac3a__ce2 div.ed7397c7_pmx a[class=""]:not([data-track]):not([role="button"]){color: var(--def5fa8f5, hsl(247, 82%, 92%))   !important;}
div.mac3a__ce2 div.ed7397c7_pmx :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--mc30e6cd1a5, rgba(221, 217, 251, 0.84))   !important;}
div.mac3a__ce2 a.s5a4b0d3b{--p34b__690b: hsl(247, 81%, 28%);
color: var(--p34b__690b, hsl(247, 81%, 28%))   !important;}
div.mac3a__ce2 a.s5a4b0d3b:is(:hover, :focus-visible, :active){color: var(--l03f43e5886, hsl(247, 82%, 28%))   !important;}
main.n2334cd a:not([class]):not([data-track]):not([role="button"]), main.n2334cd a[class=""]:not([data-track]):not([role="button"]){color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));
text-decoration:underline;
text-decoration-color:currentColor;
text-decoration-thickness:1.5px;
text-underline-offset:.16em;
text-decoration-skip-ink:auto;}
main.n2334cd a:not([class]):not([data-track]):not([role="button"]), main.n2334cd a[class=""]:not([data-track]):not([role="button"]):visited{color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));}
main.n2334cd a:not([class]):not([data-track]):not([role="button"]), main.n2334cd a[class=""]:not([data-track]):not([role="button"]):is(:hover,:focus-visible,:active){color:var(--page-link-hover-color, var(--content-link-hover, var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))))));}
div.of1fa56_c9 > :nth-child(1){color: hsl(160, 82%, 24%)   !important;}
div.of1fa56_c9 > :nth-child(2){color: hsl(160, 82%, 24%)   !important;}
@media (min-width: 769px) {div.ed7397c7_pmx{width: min(100%, var(--max-width))   !important;max-width: min(100%, var(--max-width))   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}
[data-fp-block="da33778204"]{width: min(100%, var(--max-width))   !important;max-width: min(100%, var(--max-width))   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}
div.y7a34e57143{width: min(100%, var(--reading-width))   !important;max-width: min(100%, var(--reading-width))   !important;margin-left: auto   !important;margin-right: auto   !important;padding-left: clamp(20px, 3vw, 32px)   !important;padding-right: clamp(20px, 3vw, 32px)   !important;box-sizing: border-box   !important;}}
@media (max-width: 768px) {div.ed7397c7_pmx{width: 100%   !important;max-width: 100%   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}
[data-fp-block="da33778204"]{width: 100%   !important;max-width: 100%   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}
div.y7a34e57143{width: 100%   !important;max-width: 100%   !important;margin-left: auto   !important;margin-right: auto   !important;padding-left: 20px   !important;padding-right: 20px   !important;box-sizing: border-box   !important;}}
div.mac3a__ce2 a.s5a4b0d3b{color: hsl(247, 81%, 28%)   !important;
text-decoration-color: currentColor   !important;}
div.mac3a__ce2 a.s5a4b0d3b :is(strong, b, em, small, mark){color: inherit   !important;}
div.mac3a__ce2 a.s5a4b0d3b:hover, div.mac3a__ce2 a.s5a4b0d3b:focus-visible, div.mac3a__ce2 a.s5a4b0d3b:active{color: hsl(247, 81%, 28%)   !important;}
div.mac3a__ce2 a.s5a4b0d3b:hover, div.mac3a__ce2 a.s5a4b0d3b:focus-visible, div.mac3a__ce2 a.s5a4b0d3b:active{text-decoration-color: currentColor   !important;}