:root{--page-max-width: 1640px;
--idx-max-width: 1640px;
--max-width: 1640px;
--page-reading-width: 1017px;
--reading-width: 1017px;
--content-width: 1017px;
--text-column-width: 1017px;
--text-width: 1043px;
--page-hero-reading-width: 846px;
--hero-text-width: 846px;
--hero-text-max: 846px;
--hero-text-max-width: 846px;
--transition: all 0.25s ease;
--site-page-frame-mode: cinematic;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 26px;
--page-card-shadow: 0 20px 48px rgb(235, 226, 244);
--page-card-border: rgb(235, 226, 244);
--page-card-bg: rgb(235, 226, 244);
--content-page-bg: hsl(269, 8%, 96%);
--content-surface-bg: rgb(235, 226, 244);
--content-text: hsl(269, 10%, 8%);
--content-heading: hsl(269, 10%, 8%);
--content-text-muted: rgba(24,33,47,0.72);
--content-border: rgb(235, 226, 244);
--content-accent-ui: hsl(269, 84%, 62%);
--content-accent-text: hsl(269, 10%, 8%);
--content-link-color: hsl(269, 10%, 8%);
--content-link-hover: rgb(180, 123, 241);}
main.i5c31396_yq6 .m48701c_mxc{box-sizing:border-box;}
main.i5c31396_yq6 .r570c__32f86{box-sizing:border-box;}
main.i5c31396_yq6 .f3069__8e3d{min-width:0;
display:grid;
gap:12px;
align-content:start;}
main.i5c31396_yq6 .ge9c703{box-sizing:border-box;}
main.i5c31396_yq6 .jc08__fa0{min-width:0;
overflow:hidden;}
main.i5c31396_yq6 .jc08__fa0>:is(img,picture,video,canvas,svg){display:block;
width:100%;
max-width:100%;
height:auto;}
main.i5c31396_yq6{font-family: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
background-color: var(--content-page-bg);
color: var(--content-text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;}
main.i5c31396_yq6 .lc5769_33b8{position: sticky;
top: 0;
z-index: 1000;
background: var(--nav-bg);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--content-border);
height: 72px;}
main.i5c31396_yq6 .le44096aa62{max-width: var(--max-width);
margin: 0 auto;
padding: 0 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;}
main.i5c31396_yq6 .r3c1e1aab{font-size: 22px;
font-weight: 800;
color: var(--primary-color);
text-decoration: none;
letter-spacing: -0.5px;}
main.i5c31396_yq6 .l62a9f_96ac{display: flex;
gap: 32px;
list-style: none;}
main.i5c31396_yq6 .l62a9f_96ac a{text-decoration: none;
color: var(--nav-text);
font-size: 15px;
font-weight: 500;
transition: var(--transition);}
main.i5c31396_yq6 .l62a9f_96ac a:hover{color: var(--primary-color);}
main.i5c31396_yq6 .wa42__8254{background: var(--primary-color);
color: #fff                     !important;
padding: 8px 20px;
border-radius: 50px;
font-size: 14px;}
main.i5c31396_yq6.aab84f_p3{display: flex;
flex-direction: column;
width: 100%;}
main.i5c31396_yq6 .j90784_a82{padding: 100px 40px;
display: flex;
flex-direction: column;
align-items: center;}
main.i5c31396_yq6 .j90784_a82.zafcd12af6b{padding-top: 120px;
background: radial-gradient(circle at 50% 0%, rgba(180, 123, 241, 0.15) 0%, transparent 70%);}
main.i5c31396_yq6 .t46ee32e66{max-width: var(--content-width);
text-align: center;
margin-bottom: 60px;}
main.i5c31396_yq6 .t46ee32e66 h1, main.i5c31396_yq6 .t46ee32e66 h2{font-size: clamp(32px, 5vw, 56px);
font-weight: 800;
line-height: 1.1;
margin-bottom: 24px;
letter-spacing: -1.5px;
color: var(--content-text);}
main.i5c31396_yq6 .t46ee32e66 p{font-size: 20px;
color: var(--content-text-muted);
max-width: 720px;
margin: 0 auto;}
main.i5c31396_yq6 .c34b4__45b39{display: flex;
gap: 16px;
justify-content: center;
margin-top: 32px;}
main.i5c31396_yq6 .ccb1__4ab6{background: var(--primary-color);
color: #ffffff;
padding: 18px 42px;
border-radius: var(--radius-md);
text-decoration: none;
font-weight: 600;
font-size: 18px;
box-shadow: 0 10px 30px rgba(162, 89, 255, 0.3);
transition: var(--transition);}
main.i5c31396_yq6 .ccb1__4ab6:hover{transform: translateY(-2px);
box-shadow: 0 15px 40px rgba(162, 89, 255, 0.4);}
main.i5c31396_yq6 .c3kp2z137j{background: var(--content-surface-bg);
color: var(--content-text);
padding: 18px 42px;
border-radius: var(--radius-md);
text-decoration: none;
font-weight: 600;
font-size: 18px;
border: 1px solid var(--content-border);
transition: var(--transition);}
main.i5c31396_yq6 .c3kp2z137j:hover{background: #f8f8f8;}
main.i5c31396_yq6 .l87ee1_66{width: 100%;
max-width: 1320px;
margin-top: 60px;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: 0 40px 100px rgba(0,0,0,0.1);
border: 1px solid var(--content-border);}
main.i5c31396_yq6 .l87ee1_66 img{width: 100%;
height: auto;
display: block;
object-fit: cover;}
main.i5c31396_yq6 .cb2e__b3d26{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
max-width: var(--max-width);
width: 100%;
margin-top: 40px;}
main.i5c31396_yq6 .e6befa_4a{background: var(--content-surface-bg);
padding: 48px;
border-radius: var(--radius-lg);
border: 1px solid var(--content-border);
transition: var(--transition);
display: flex;
flex-direction: column;
height: 100%;}
main.i5c31396_yq6 .e6befa_4a:hover{border-color: var(--primary-color);
transform: translateY(-5px);}
main.i5c31396_yq6 .e6befa_4a .wtkx69tk{width: 56px;
height: 56px;
background: rgba(162, 89, 255, 0.1);
border-radius: 12px;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-color);}
main.i5c31396_yq6 .e6befa_4a h3{font-size: 24px;
margin-bottom: 16px;}
main.i5c31396_yq6 .e6befa_4a p{color: var(--content-text-muted);
font-size: 16px;}
main.i5c31396_yq6 .df1159e{background: #18212f;
color: #fff;}
main.i5c31396_yq6 .df1159e h2{color: #fff;}
main.i5c31396_yq6 .e4d5__d96{display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
max-width: var(--max-width);
width: 100%;}
main.i5c31396_yq6 .ge9c703 h2{text-align: left;
margin-bottom: 24px;}
main.i5c31396_yq6 .jc08__fa0 img{width: 100%;
border-radius: var(--radius-lg);}
main.i5c31396_yq6 .qdbe5b4_2c{display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
width: 100%;
max-width: 1200px;}
main.i5c31396_yq6 .m6b96ade_1m{background: var(--content-surface-bg);
padding: 30px;
border-radius: var(--radius-md);
text-align: center;
border: 1px solid var(--content-border);
text-decoration: none;
color: var(--content-text);
transition: var(--transition);}
main.i5c31396_yq6 .m6b96ade_1m:hover{background: var(--primary-color);
color: #fff;}
main.i5c31396_yq6 .m6b96ade_1m svg{width: 40px;
height: 40px;
margin-bottom: 15px;
fill: currentColor;}
main.i5c31396_yq6 .i59c9667{max-width: 900px;
width: 100%;
margin: 0 auto;}
main.i5c31396_yq6 .gjjz065wy{border-bottom: 1px solid var(--content-border);
padding: 32px 0;}
main.i5c31396_yq6 .gjjz065wy h3{font-size: 20px;
margin-bottom: 12px;}
main.i5c31396_yq6 .x17156_xeh{max-width: var(--max-width);
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 60px;}
main.i5c31396_yq6 .o042d__dffaf{margin-top: 80px;
padding-top: 40px;
border-top: 1px solid rgba(255,255,255,0.1);
text-align: center;
color: rgba(255,255,255,0.4);
font-size: 14px;}
@media (max-width: 1024px){main.i5c31396_yq6 .e4d5__d96{grid-template-columns: 1fr;gap: 40px;}}
@media (max-width: 768px){main.i5c31396_yq6 .l62a9f_96ac{display: none;}
main.i5c31396_yq6 .j90784_a82{padding: 60px 20px;}}
body{background: var(--content-page-bg);
color: var(--content-text);}
@media (min-width: 769px) {section.j90784_a82.zafcd12af6b > *{min-width: 0   !important;}
section.j90784_a82.zafcd12af6b > :nth-child(1){min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.l87ee1_66{min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
div.l87ee1_66 :where(img, picture, video, canvas, svg), div.l87ee1_66 picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(1) > *{min-width: 0   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(1) > :nth-child(2){min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(1) > :nth-child(1){min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(1) > :nth-child(1) :where(img, picture, video, canvas, svg), main.aab84f_p3.i5c31396_yq6 > :nth-child(1) > :nth-child(1) picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(2) > *{min-width: 0   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(2) > :nth-child(2){min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(2) > :nth-child(1){min-width: 0   !important;flex: 1 1 0   !important;max-width: 100%   !important;}
main.aab84f_p3.i5c31396_yq6 > :nth-child(2) > :nth-child(1) :where(img, picture, video, canvas, svg), main.aab84f_p3.i5c31396_yq6 > :nth-child(2) > :nth-child(1) picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;}}
a.ccb1__4ab6{--f37ba1_8ac8: hsl(0, 18%, 28%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 28%))   !important;}
a.ccb1__4ab6:is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(1){--f37ba1_8ac8: hsl(0, 18%, 28%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(1):is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(2){--f37ba1_8ac8: hsl(0, 18%, 28%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(2):is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(3){--f37ba1_8ac8: hsl(0, 18%, 28%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(3):is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(4){--f37ba1_8ac8: hsl(0, 18%, 28%);
color: var(--f37ba1_8ac8, hsl(0, 18%, 28%))   !important;}
div.qdbe5b4_2c > :nth-child(4):is(:hover, :focus-visible, :active){color: var(--kc1a1a_51fa, hsl(0, 18%, 28%))   !important;}
section.j90784_a82.df1159e > :nth-child(1){color: hsl(217, 32%, 92%)   !important;}
div.i59c9667 > :nth-child(1){color: hsl(270, 18%, 96%)   !important;}
@media (min-width: 769px) {section.j90784_a82{width: min(100%, var(--page-max-width, var(--max-width, var(--idx-max-width, 1600px))))   !important;max-width: min(100%, var(--page-max-width, var(--max-width, var(--idx-max-width, 1600px))))   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}}
@media (max-width: 768px){section.j90784_a82{width: 100%   !important;max-width: 100%   !important;margin-left: auto   !important;margin-right: auto   !important;box-sizing: border-box   !important;}}
@media (min-width: 1025px) {section.j90784_a82.zafcd12af6b{position: relative   !important;display: grid   !important;grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr)   !important;align-items: center   !important;gap: clamp(28px, 5vw, 76px)   !important;}
section.j90784_a82.zafcd12af6b > *{min-width: 0   !important;}
section.j90784_a82.zafcd12af6b div.t46ee32e66{width: 100%   !important;max-width: min(100%, var(--page-hero-reading-width, var(--hero-text-width, 760px)))   !important;margin: 0   !important;grid-column: 1   !important;align-self: center   !important;justify-self: start   !important;z-index: 2   !important;}
div.l87ee1_66{position: relative   !important;width: 100%   !important;max-width: 100%   !important;margin: 0   !important;justify-self: stretch   !important;grid-column: 2   !important;grid-row: 1 / span 1   !important;align-self: center   !important;height: auto   !important;min-height: 0   !important;overflow: hidden   !important;border-radius: clamp(22px, 2.6vw, 32px)   !important;box-shadow: 0 24px 60px rgba(15,23,42,0.14)   !important;}
div.l87ee1_66 :where(img, video), div.l87ee1_66 picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;aspect-ratio: 16 / 10   !important;object-fit: cover   !important;object-position: center   !important;}}
@media (max-width: 1024px) {section.j90784_a82.zafcd12af6b{position: relative   !important;display: flex   !important;flex-direction: column   !important;align-items: stretch   !important;gap: 24px   !important;min-height: auto   !important;}
section.j90784_a82.zafcd12af6b div.t46ee32e66{width: 100%   !important;max-width: 100%   !important;margin: 0   !important;}
div.l87ee1_66{width: 100%   !important;max-width: 100%   !important;margin-top: 12px   !important;}}
div.i59c9667 > :nth-child(2), div.i59c9667 > :nth-child(3), div.i59c9667 > :nth-child(4){position: relative   !important;
display: grid   !important;
gap: clamp(18px, 2.2vw, 24px)   !important;
padding: clamp(26px, 3vw, 34px)   !important;
margin: 0   !important;
align-content: start   !important;
overflow: hidden   !important;
border-radius: 26px   !important;
background: rgb(235, 226, 244)   !important;
border: 1px solid var(--content-border, rgba(15,23,42,0.10))   !important;
box-shadow: 0 18px 40px rgba(15,23,42,0.08)   !important;}
div.i59c9667 > :nth-child(2)::before, div.i59c9667 > :nth-child(3)::before, div.i59c9667 > :nth-child(4)::before{content: "";
position: absolute;
left: 0   !important;
top: 20px   !important;
bottom: 20px   !important;
width: 4px   !important;
border-radius: 999px   !important;
background: var(--content-accent-ui, var(--primary-color, #2563eb))   !important;
opacity: 0.68   !important;}
div.i59c9667 > :nth-child(2) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.i59c9667 > :nth-child(3) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.i59c9667 > :nth-child(4) > :is(h3, h4, h5, p, ul, ol, dl, blockquote){margin: 0   !important;}
div.i59c9667 > :nth-child(2) > :is(h3, h4, h5), div.i59c9667 > :nth-child(3) > :is(h3, h4, h5), div.i59c9667 > :nth-child(4) > :is(h3, h4, h5){font-size: clamp(1.02rem, 0.96rem + 0.24vw, 1.16rem)   !important;
line-height: 1.35   !important;
letter-spacing: -0.01em   !important;
color: var(--content-text, #111827)   !important;}
div.i59c9667 > :nth-child(2) > :is(p, ul, ol, dl, blockquote), div.i59c9667 > :nth-child(3) > :is(p, ul, ol, dl, blockquote), div.i59c9667 > :nth-child(4) > :is(p, ul, ol, dl, blockquote){font-size: clamp(0.95rem, 0.92rem + 0.12vw, 1rem)   !important;
line-height: 1.72   !important;
color: var(--content-text-muted, rgba(31, 35, 40, 0.74))   !important;}